Hyperloop point to master for JS

barriehadfield · barriehadfield · commit 129c6ad6ce08 · 2018-10-01T14:19:47.000+01:00
diff --git a/README.md b/README.md
@@ -102,10 +102,10 @@ If you are not using NPM/Webpack then you will need to bring in Hyperloop-JS in
   <script src="https://unpkg.com/react-router/umd/react-router.min.js"></script>
 
   <!-- Opal (or bring your own) -->
-  <script src="http://cdn.opalrb.org/opal/current/opal.min.js"></script>
+  <script src="https://rawgit.com/ruby-hyperloop/hyperloop-js/master/dist/opal.min.js"></script>
 
   <!-- Hyperloop-js -->
-  <script src="https://rawgit.com/ruby-hyperloop/hyperloop-js/edge/dist/hyperloop.min.js"></script>
+  <script src="https://rawgit.com/ruby-hyperloop/hyperloop-js/master/dist/hyperloop.min.js"></script>
 </head>
 ```
 
@@ -128,7 +128,7 @@ Or add the following to your HTML page:
 ```html
 <head>
   <!-- Hyperloop-compiler (only needed if you are doing in browser compiling) -->
-  <script src="https://rawgit.com/ruby-hyperloop/hyperloop-js/refactor/dist/hyperloop-compiler.min.js"></script>
+  <script src="https://rawgit.com/ruby-hyperloop/hyperloop-js/master/dist/hyperloop-compiler.min.js"></script>
 </head>
 ```
 
diff --git a/dist/index.html b/dist/index.html
@@ -15,12 +15,12 @@
     <!-- <script src="https://unpkg.com/react-router-dom/umd/react-router-dom.min.js"></script> -->
 
     <!-- Opal (or bring your own) -->
-    <script src="http://cdn.opalrb.org/opal/current/opal.min.js"></script>
+    <script src="https://rawgit.com/ruby-hyperloop/hyperloop-js/master/dist/opal.min.js"></script>
 
     <!-- Opal and Hyperloop -->
     <!-- <script src="opal.min.js"></script> -->
-    <script src="hyperloop.min.js"></script>
-    <script src="hyperloop-compiler.min.js"></script>
+    <script src="https://rawgit.com/ruby-hyperloop/hyperloop-js/master/dist/hyperloop.min.js"></script>
+    <script src="https://rawgit.com/ruby-hyperloop/hyperloop-js/master/dist/hyperloop-compiler.min.js"></script>
 
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
@@ -34,6 +34,7 @@
             Buttons()
             Clock()
             StylishTable()
+            FaaS()
           end
         end
       end
@@ -104,6 +105,26 @@
       end
     end
 
+    class FaaS < Hyperloop::Component
+      render(DIV) do
+        BUTTON { 'faastruby.io' }.on(:click) do
+          faast_ruby
+        end
+        DIV(class: :block) do
+          P { state.hello['function_response'].to_s }
+          P { "executed in #{state.hello['execution_time']} ms" }
+        end if state.hello
+      end
+
+      def faast_ruby
+        HTTP.get('https://api.faastruby.io/paulo/hello-world',
+          data: {time: true}
+        ) do |response|
+          # this code executes when the promise resolves
+          mutate.hello(response.json) if response.ok?
+        end
+      end
+    end
     </script>
 
   </head>
