Server react.js from gem

zetachang · zetachang · commit 18cf970b0985 · 2015-02-23T00:23:08.000+08:00
diff --git a/example/react-tutorial/Gemfile b/example/react-tutorial/Gemfile
@@ -2,4 +2,5 @@ source 'https://rubygems.org'
 
 gem 'react.rb', :path => '../..'
 gem 'sinatra'
-gem 'opal-jquery'
+gem 'opal-jquery'
+gem 'react-source'
diff --git a/example/react-tutorial/Gemfile.lock b/example/react-tutorial/Gemfile.lock
@@ -0,0 +1,45 @@
+PATH
+  remote: ../..
+  specs:
+    react.rb (0.0.1)
+      opal (~> 0.6.0)
+      opal-activesupport
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    hike (1.2.3)
+    json (1.8.2)
+    multi_json (1.10.1)
+    opal (0.6.3)
+      source_map
+      sprockets
+    opal-activesupport (0.1.0)
+      opal (>= 0.5.0, < 1.0.0)
+    opal-jquery (0.2.0)
+      opal (>= 0.5.0, < 1.0.0)
+    rack (1.6.0)
+    rack-protection (1.5.3)
+      rack
+    react-source (0.12.2)
+    sinatra (1.4.5)
+      rack (~> 1.4)
+      rack-protection (~> 1.4)
+      tilt (~> 1.3, >= 1.3.4)
+    source_map (3.0.1)
+      json
+    sprockets (2.12.3)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    tilt (1.4.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  opal-jquery
+  react-source
+  react.rb!
+  sinatra
diff --git a/example/react-tutorial/config.ru b/example/react-tutorial/config.ru
@@ -2,10 +2,13 @@
 require 'bundler'
 Bundler.require
 
+require "react/source"
+
 Opal::Processor.source_map_enabled = true
 
 opal = Opal::Server.new {|s|
   s.append_path './'
+  s.append_path File.dirname(::React::Source.bundled_path_for("react-with-addons.js"))
   s.main = 'example'
   s.debug = true
 }
@@ -37,9 +40,9 @@ get '/' do
       <head>
         <title>Hello React</title>
         <link rel="stylesheet" href="base.css" />
-        <script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.12.2/react.js"></script>
         <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
         <script src="http://cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js"></script>
+        <script src="/assets/react-with-addons.min.js"></script>
         <script src="/assets/example.js"></script>
       </head>
       <body>
@@ -49,4 +52,4 @@ get '/' do
   HTML
 end
 
-run Sinatra::Application
+run Sinatra::Application
diff --git a/example/todos/Gemfile b/example/todos/Gemfile
@@ -8,3 +8,4 @@ gem 'opal-haml',      :github => 'opal/opal-haml'
 gem 'opal-rspec',     '0.3.0.beta2'
 gem 'react.rb', :path => "../.."
 gem 'thin'
+gem 'react-source'
diff --git a/example/todos/Gemfile.lock b/example/todos/Gemfile.lock
@@ -55,6 +55,7 @@ GEM
       opal (>= 0.6.0, < 1.0.0)
     rack (1.5.2)
     rake (10.1.1)
+    react-source (0.12.2)
     source_map (3.0.1)
       json
     sprockets (2.12.3)
@@ -77,6 +78,7 @@ DEPENDENCIES
   opal-jquery!
   opal-rspec (= 0.3.0.beta2)
   rake
+  react-source
   react.rb!
   thin
   vienna!
diff --git a/example/todos/config.ru b/example/todos/config.ru
@@ -1,9 +1,12 @@
 require 'bundler'
 Bundler.require
 
+require "react/source"
+
 run Opal::Server.new { |s|
   s.append_path 'app'
   s.append_path 'vendor'
+  s.append_path File.dirname(::React::Source.bundled_path_for("react-with-addons.js"))
 
   s.debug = true
   s.main = 'application'
diff --git a/example/todos/index.html.haml b/example/todos/index.html.haml
@@ -3,9 +3,8 @@
   %head
     %meta(charset="utf-8")
     %meta(http-equiv="X-UA-Compatible" content="IE=edge,chrome=1")
-    %script{:type => "text/javascript",
-            :src  => "http://fb.me/react-with-addons-0.12.2.min.js"}
     %link(rel="stylesheet" href="/vendor/base.css")
+    = javascript_include_tag 'react-with-addons.min.js'
     = javascript_include_tag 'application'
 
   %body
