opal and hyper loop express working

Barrie Hadfield · Barrie Hadfield · commit dd9d998ae512 · 2017-02-06T09:06:57.000Z
diff --git a/source/_components.html.erb b/source/_components.html.erb
@@ -0,0 +1,14 @@
+<script type="text/ruby">
+
+class App < React::Component::Base
+  param :name
+  before_mount { @timer = every(1) { force_update! } }
+  render(DIV) do
+    h1 {"The current time is #{Time.now}"}
+    h2 { "here hello #{params.name}" }.on(:click) do
+     alert "you clicked"
+    end
+  end
+end
+
+</script>
diff --git a/source/layout.erb b/source/layout.erb
@@ -17,6 +17,10 @@
     <%= stylesheet_link_tag 'stylesheet' %>
     <%= stylesheet_link_tag 'github-light' %> -->
 
+    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script>
+    <script src="https://rawgit.com/reactrb/reactrb-express/master/reactrb-express.js"></script>
+
     <%= stylesheet_link_tag 'bootstrap.min.css' %>
     <%= stylesheet_link_tag 'override.css' %>
     <%= stylesheet_link_tag 'code.css' %>
@@ -94,9 +98,24 @@
       </div>
     </div>
 
+    <script>
+    /* Generated by Opal 0.10.3 */
+(function(Opal) {
+  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice;
+
+  Opal.add_stubs(['$puts']);
+  return self.$puts("opal here")
+})(Opal);
+    </script>
+
+
+    <!-- <script   src="http://code.jquery.com/jquery-3.1.1.min.js"   integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   crossorigin="anonymous"></script> -->
+
+    <!-- clashes with React -->
+    <!-- <%= javascript_include_tag 'bootstrap.min.js' %> -->
+
+    <script type="text/ruby">puts "page loaded"</script>
 
-    <script   src="http://code.jquery.com/jquery-3.1.1.min.js"   integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   crossorigin="anonymous"></script>
-    <%= javascript_include_tag 'bootstrap.min.js' %>
 
   </body>
 </html>
