react.rb 0.2.1 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e4cddc83717656a698ffd3f4acbc266b1f7fa5bd
-  data.tar.gz: 2ae5ac8b71ab4d214740c0b95389f7244149191b
+  metadata.gz: 32d54ccf85fe948f2a0c3ac70fa16290d05f5f40
+  data.tar.gz: 72b6d263a3cec35a258cf6a2c41a7851a034269d
 SHA512:
-  metadata.gz: 7bc5c7de87c02cc533d106969eb7b2956866747fc2cd68256701a83647125c224bc855c7fc683eb25eb86804b0020d1ff740f51d08068693355e035d101e37da
-  data.tar.gz: fda50d726f8f4a82b3812999f96485589871cf18b53f40582b809873bd001c023f64ebdcb09ff8c3aeb11bb5dfc29e0a9e4e9d8fb6dd4ac88a89a7f1f69f0eda
+  metadata.gz: 6a023c8bd9fbe0b509e6ae14d50394ccd46e99d4682a646b9b17bb22b257f05fa2eee2d18003921786dd18fbbb76e2233234fc9ce539c8616a07899c23fcc77e
+  data.tar.gz: 2e3e7c01ac8390d6f087900f3a2f0ab521902331ee961a297481056b7a214eb0963e34088e9528f90af6da888b30b20d096f88b9e04c059d758fad04569373b7

data/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 0.3.0
+*  Depends on `sprockets < 3` thus source map can still work
+*  Remove sprockets-es6 from dependency
+*  Set `displayName` of component as the Ruby class name, which make it displayed better in [react-devtools](https://github.com/facebook/react-devtools)
+*  Fix React::Element bridging in React Native environment (#fba2daeb)
+*  React#create_element accept a native component constructor function
+
 ## 0.2.1
 *  Depends on opal `~> 0.6.0`, which accidentally got loosen in previous release
 

data/Gemfile.lock

@@ -4,19 +4,18 @@ PATH
     react.rb (0.2.1)
       opal (~> 0.6.0)
       opal-activesupport (~> 0)
-      sprockets-es6 (~> 0)
+      react-jsx (~> 0.8.0)
+      sprockets (>= 2.2.3, < 3.0.0)
       therubyracer (~> 0)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    babel-source (4.7.16)
-    babel-transpiler (0.6.0)
-      babel-source (>= 4.0, < 5)
-      execjs (~> 2.0)
-    execjs (2.4.0)
+    execjs (2.5.2)
+    hike (1.2.3)
     json (1.8.2)
     libv8 (3.16.14.7)
+    multi_json (1.11.0)
     opal (0.6.3)
       source_map
       sprockets
@@ -30,6 +29,10 @@ GEM
     rack-protection (1.5.3)
       rack
     rake (10.4.2)
+    react-jsx (0.8.0)
+      execjs (>= 2.0.2)
+      json (>= 1.8.0)
+      react-source (>= 0.4.1)
     react-source (0.12.2)
     ref (1.0.5)
     sinatra (1.4.6)
@@ -38,15 +41,15 @@ GEM
       tilt (>= 1.3, < 3)
     source_map (3.0.1)
       json
-    sprockets (3.0.0.beta.10)
+    sprockets (2.12.3)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
       rack (~> 1.0)
-    sprockets-es6 (0.6.0)
-      babel-transpiler
-      sprockets (~> 3.0.0.beta)
-    therubyracer (0.12.1)
+      tilt (~> 1.1, != 1.3.0)
+    therubyracer (0.12.2)
       libv8 (~> 3.16.14.0)
       ref
-    tilt (2.0.1)
+    tilt (1.4.1)
 
 PLATFORMS
   ruby
@@ -55,6 +58,6 @@ DEPENDENCIES
   opal-jquery (~> 0)
   opal-rspec (~> 0.3.0.beta3)
   rake (~> 10)
-  react-source (~> 0.12)
+  react-source (~> 0.12.0)
   react.rb!
   sinatra (~> 1)

data/README.md

@@ -242,11 +242,14 @@ end
 * TodoMVC: see [example/todos](example/todos), your beloved TodoMVC <3.
 * JSX Example: see [example/basic-jsx](example/basic-jsx).
 
+## React Native
+
+For [React Native](http://facebook.github.io/react-native/) support, please refer to [Opal Native](https://github.com/zetachang/opal-native).
+
 ## TODOS
 
 * Documentation
 * API wrapping coverage of the original js library (pretty close though)
-* React Native?
 
 ## Developing
 

data/{example → examples}/basic-jsx/Gemfile.lock

@@ -1,22 +1,21 @@
 PATH
   remote: ../..
   specs:
-    react.rb (0.1.0)
+    react.rb (0.2.1)
       opal (~> 0.6.0)
-      opal-activesupport
-      sprockets-es6
-      therubyracer
+      opal-activesupport (~> 0)
+      react-jsx (~> 0.8.0)
+      sprockets (>= 2.2.3, < 3.0.0)
+      therubyracer (~> 0)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    babel-source (4.7.16)
-    babel-transpiler (0.6.0)
-      babel-source (>= 4.0, < 5)
-      execjs (~> 2.0)
-    execjs (2.4.0)
+    execjs (2.5.2)
+    hike (1.2.3)
     json (1.8.2)
     libv8 (3.16.14.7)
+    multi_json (1.11.0)
     opal (0.6.3)
       source_map
       sprockets
@@ -29,20 +28,24 @@ GEM
     rack (1.6.0)
     rack-protection (1.5.3)
       rack
-    react-source (0.12.2)
+    react-jsx (0.8.0)
+      execjs (>= 2.0.2)
+      json (>= 1.8.0)
+      react-source (>= 0.4.1)
+    react-source (0.13.2)
     ref (1.0.5)
-    sinatra (1.4.5)
+    sinatra (1.4.6)
       rack (~> 1.4)
       rack-protection (~> 1.4)
-      tilt (~> 1.3, >= 1.3.4)
+      tilt (>= 1.3, < 3)
     source_map (3.0.1)
       json
-    sprockets (3.0.0.beta.8)
+    sprockets (2.12.3)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
       rack (~> 1.0)
-    sprockets-es6 (0.6.0)
-      babel-transpiler
-      sprockets (~> 3.0.0.beta)
-    therubyracer (0.12.1)
+      tilt (~> 1.1, != 1.3.0)
+    therubyracer (0.12.2)
       libv8 (~> 3.16.14.0)
       ref
     tilt (1.4.1)

data/examples/basic-jsx/config.ru

@@ -0,0 +1,10 @@
+require 'bundler'
+Bundler.require
+
+run 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.index_path = 'index.html.erb'
+  s.debug = true
+}

data/examples/basic-jsx/index.html.erb

@@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Hello React</title>
+    <%= javascript_include_tag 'react-with-addons.js' %>
+  </head>
+  <body>
+    <div id="container"></div>
+    <%= javascript_include_tag 'example' %>
+  </body>
+</html>

data/{example → examples}/react-tutorial/Gemfile.lock

@@ -1,22 +1,21 @@
 PATH
   remote: ../..
   specs:
-    react.rb (0.1.0)
+    react.rb (0.2.1)
       opal (~> 0.6.0)
-      opal-activesupport
-      sprockets-es6
-      therubyracer
+      opal-activesupport (~> 0)
+      react-jsx (~> 0.8.0)
+      sprockets (>= 2.2.3, < 3.0.0)
+      therubyracer (~> 0)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    babel-source (4.7.16)
-    babel-transpiler (0.6.0)
-      babel-source (>= 4.0, < 5)
-      execjs (~> 2.0)
-    execjs (2.4.0)
+    execjs (2.5.2)
+    hike (1.2.3)
     json (1.8.2)
     libv8 (3.16.14.7)
+    multi_json (1.11.0)
     opal (0.6.3)
       source_map
       sprockets
@@ -27,7 +26,11 @@ GEM
     rack (1.6.0)
     rack-protection (1.5.3)
       rack
-    react-source (0.13.1)
+    react-jsx (0.8.0)
+      execjs (>= 2.0.2)
+      json (>= 1.8.0)
+      react-source (>= 0.4.1)
+    react-source (0.13.2)
     ref (1.0.5)
     sinatra (1.4.6)
       rack (~> 1.4)
@@ -35,15 +38,15 @@ GEM
       tilt (>= 1.3, < 3)
     source_map (3.0.1)
       json
-    sprockets (3.0.0.rc.1)
+    sprockets (2.12.3)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
       rack (~> 1.0)
-    sprockets-es6 (0.6.0)
-      babel-transpiler
-      sprockets (~> 3.0.0.beta)
-    therubyracer (0.12.1)
+      tilt (~> 1.1, != 1.3.0)
+    therubyracer (0.12.2)
       libv8 (~> 3.16.14.0)
       ref
-    tilt (2.0.1)
+    tilt (1.4.1)
 
 PLATFORMS
   ruby

data/{example → examples}/react-tutorial/config.ru

@@ -4,13 +4,12 @@ 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
+  s.index_path = "index.html.erb"
 }
 
 map opal.source_maps.prefix do
@@ -33,23 +32,9 @@ post "/comments.json" do
   JSON.generate(comments)
 end
 
-get '/' do
-  <<-HTML
-    <!doctype html>
-    <html>
-      <head>
-        <title>Hello React</title>
-        <link rel="stylesheet" href="base.css" />
-        <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.js"></script>
-        <script src="/assets/example.js"></script>
-      </head>
-      <body>
-        <div id="content"></div>
-      </body>
-    </html>
-  HTML
+map '/' do
+  # Sourcemap won't work if only `assets/example.js` is loaded
+  use Opal::Server::Index, opal
 end
 
 run Sinatra::Application

data/examples/react-tutorial/index.html.erb

@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Hello React</title>
+    <link rel="stylesheet" href="base.css" />
+    <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>
+    <%= javascript_include_tag "react-with-addons.js" %>
+    <%= javascript_include_tag "example" %>
+  </head>
+  <body>
+    <div id="content"></div>
+  </body>
+</html>

data/examples/todos/Gemfile

@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+gem 'react.rb',       :path => '../..'
+gem 'rake'
+gem 'vienna',         :github => 'opal/vienna', :ref => '593335cbd7fb99ce471fa720e9b9c849d99b8dda'
+gem 'opal-rspec',     '0.3.0.beta3'

data/examples/todos/Gemfile.lock

@@ -0,0 +1,65 @@
+GIT
+  remote: git://github.com/opal/vienna.git
+  revision: 593335cbd7fb99ce471fa720e9b9c849d99b8dda
+  ref: 593335cbd7fb99ce471fa720e9b9c849d99b8dda
+  specs:
+    vienna (0.0.2)
+      opal (>= 0.5.0, < 1.0.0)
+      opal-activesupport
+      opal-jquery
+
+PATH
+  remote: ../..
+  specs:
+    react.rb (0.2.1)
+      opal (~> 0.6.0)
+      opal-activesupport (~> 0)
+      react-jsx (~> 0.8.0)
+      sprockets (>= 2.2.3, < 3.0.0)
+      therubyracer (~> 0)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    execjs (2.5.2)
+    hike (1.2.3)
+    json (1.8.2)
+    libv8 (3.16.14.7)
+    multi_json (1.11.0)
+    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)
+    opal-rspec (0.3.0.beta3)
+      opal (>= 0.6.0, < 1.0.0)
+    rack (1.6.0)
+    rake (10.4.2)
+    react-jsx (0.8.0)
+      execjs (>= 2.0.2)
+      json (>= 1.8.0)
+      react-source (>= 0.4.1)
+    react-source (0.13.2)
+    ref (1.0.5)
+    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)
+    therubyracer (0.12.2)
+      libv8 (~> 3.16.14.0)
+      ref
+    tilt (1.4.1)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  opal-rspec (= 0.3.0.beta3)
+  rake
+  react.rb!
+  vienna!

data/{example → examples}/todos/app/application.rb

@@ -1,7 +1,6 @@
 require 'opal'
 require 'jquery'
 require 'opal-jquery'
-require 'opal-haml'
 require 'vienna'
 require "react"
 
@@ -11,7 +10,7 @@ require "components/app.react"
 
 Document.ready? do
   element = React.create_element(TodoAppView, filter: "all")
-  component = React.render(element, Element.find('#todoapp').get(0))
+  component = React.render(element, `document.getElementById('todoapp')`)
 
   Vienna::Router.new.tap do |router|
     router.route('/:filter') do |params|

data/{example → examples}/todos/app/components/todo_item.react.rb

@@ -24,7 +24,8 @@ class TodoItem
   def render
     li(class_name: {editing: self.editing}) do
       div(class_name: 'view') do
-        input(class_name: "toggle", type: "checkbox", checked: params[:todo].completed).on(:click) do
+        input(class_name: "toggle", type: "checkbox", checked: params[:todo].completed)
+        .on(:change) do |e|
           todo = params[:todo]
           todo.update(:completed => !todo.completed)
         end

data/{example → examples}/todos/config.ru

@@ -3,6 +3,8 @@ Bundler.require
 
 require "react/source"
 
+Opal::Processor.source_map_enabled = true
+
 run Opal::Server.new { |s|
   s.append_path 'app'
   s.append_path 'vendor'
@@ -10,5 +12,5 @@ run Opal::Server.new { |s|
 
   s.debug = true
   s.main = 'application'
-  s.index_path = 'index.html.haml'
+  s.index_path = 'index.html.erb'
 }

data/examples/todos/index.html.erb

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang='en'>
+  <head>
+    <meta charset='utf-8'>
+    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
+    <link href='/vendor/base.css' rel='stylesheet'>
+    <%= javascript_include_tag 'react-with-addons.js' %>
+    <%= javascript_include_tag 'application' %>
+  </head>
+  <body>
+    <section id='todoapp'></section>
+    <div id='info'>
+      <p>Double-click to edit a todo</p>
+      <p>
+        Part of
+        <a href='http://todomvc.com'>TodoMVC</a>
+      </p>
+    </div>
+  </body>
+</html>

data/lib/react/api.rb

@@ -6,7 +6,9 @@ module React
       params = []
 
       # Component Spec or Nomral DOM
-      if type.kind_of?(Class)
+      if `(typeof type === 'function')`
+        params << type
+      elsif type.kind_of?(Class)
         raise "Provided class should define `render` method"  if !(type.method_defined? :render)
         params << self.native_component_class(type)
       else
@@ -86,6 +88,7 @@ module React
             this.__opalInstance = instance;
             return instance;
           },
+          displayName: #{type.to_s},
           render: function() {
             var instance = this._getOpalInstance.apply(this);
             return instance.$render();

data/lib/react/element.rb

@@ -1,7 +1,7 @@
 require "./ext/string"
 
 module React
-  class Element < `(function(){var f = new Function();f.prototype = Object.getPrototypeOf(React.createElement(''));return f})()`
+  class Element < `(function(){var r = React;var f = function(){};var c = r.createClass({render:function(){return null;}});f.prototype = Object.getPrototypeOf(r.createElement(c));return f;})()`
     def self.new
       raise "use React.create_element instead"
     end

data/lib/react/ext/jsx_support.rb

@@ -1,16 +1,21 @@
-require "execjs"
+require 'react/jsx'
+require 'tilt'
 require "sprockets"
-require "sprockets/es6"
 
-module ExecJS
-  class Runtime
-    alias_method :orig_compile, :compile
-    def compile(source)
-      context = orig_compile("var console = {error: function(){}, log: function(){}, warn: function(){}, info: function(){}};" + source)
-      context
+module React
+  module JSX
+
+    class Template < Tilt::Template
+      self.default_mime_type = 'application/javascript'
+
+      def prepare
+      end
+
+      def evaluate(scope, locals, &block)
+        @output ||= React::JSX.compile(data)
+      end
     end
   end
 end
 
-Sprockets.register_mime_type 'text/jsx', extensions: ['.jsx']
-Sprockets.register_transformer 'text/jsx', 'application/javascript', Sprockets::ES6.new('whitelist' => ['react'])
+Sprockets.register_engine '.jsx', React::JSX::Template

data/lib/react/version.rb

@@ -1,3 +1,3 @@
 module React
-  VERSION = "0.2.1"
+  VERSION = "0.3.0"
 end

data/react.rb.gemspec

@@ -18,9 +18,10 @@ Gem::Specification.new do |s|
 
   s.add_runtime_dependency 'opal', '~> 0.6.0'
   s.add_runtime_dependency 'opal-activesupport', '~> 0'
-  s.add_runtime_dependency 'sprockets-es6', '~> 0'
   s.add_runtime_dependency 'therubyracer', '~> 0'
-  s.add_development_dependency 'react-source', '~> 0.12'
+  s.add_runtime_dependency 'react-jsx', '~> 0.8.0'
+  s.add_runtime_dependency 'sprockets', '>= 2.2.3', '< 3.0.0'
+  s.add_development_dependency 'react-source', '~> 0.12.0'
   s.add_development_dependency 'opal-rspec', '~> 0.3.0.beta3'
   s.add_development_dependency 'sinatra', '~> 1'
   s.add_development_dependency 'opal-jquery', '~> 0'

data/spec/react_spec.rb

@@ -22,6 +22,16 @@ describe React do
       element = React.create_element('div')
       expect(React.is_valid_element(element)).to eq(true)
     end
+    
+    it "should allow passed a React.Component class (constructor function)" do
+      hello_message = `React.createClass({displayName: "HelloMessage",
+        render: function() {
+            return React.createElement("div", null, "Hello ", this.props.name);
+        }
+      });`
+      element = React.create_element(hello_message, name: "David")
+      expect(React.render_to_static_markup(element)).to eq('<div>Hello David</div>')
+    end
 
     context "with block" do
       it "should create a valid element with text as only child when block yield String" do

data/spec/vendor/es5-shim.min.js

@@ -4,4 +4,3 @@
  * see https://github.com/es-shims/es5-shim/blob/v4.1.0/LICENSE
  */
 (function(t,e){"use strict";if(typeof define==="function"&&define.amd){define(e)}else if(typeof exports==="object"){module.exports=e()}else{t.returnExports=e()}})(this,function(){var t=Array.prototype;var e=Object.prototype;var r=Function.prototype;var n=String.prototype;var i=Number.prototype;var a=t.slice;var o=t.splice;var u=t.push;var l=t.unshift;var f=r.call;var s=e.toString;var c=Array.isArray||function ye(t){return s.call(t)==="[object Array]"};var p=typeof Symbol==="function"&&typeof Symbol.toStringTag==="symbol";var h;var v=Function.prototype.toString,g=function de(t){try{v.call(t);return true}catch(e){return false}},y="[object Function]",d="[object GeneratorFunction]";h=function me(t){if(typeof t!=="function"){return false}if(p){return g(t)}var e=s.call(t);return e===y||e===d};var m;var b=RegExp.prototype.exec,w=function be(t){try{b.call(t);return true}catch(e){return false}},T="[object RegExp]";m=function we(t){if(typeof t!=="object"){return false}return p?w(t):s.call(t)===T};var x;var O=String.prototype.valueOf,j=function Te(t){try{O.call(t);return true}catch(e){return false}},S="[object String]";x=function xe(t){if(typeof t==="string"){return true}if(typeof t!=="object"){return false}return p?j(t):s.call(t)===S};var E=function Oe(t){var e=s.call(t);var r=e==="[object Arguments]";if(!r){r=!c(t)&&t!==null&&typeof t==="object"&&typeof t.length==="number"&&t.length>=0&&h(t.callee)}return r};var N=function(t){var e=Object.defineProperty&&function(){try{Object.defineProperty({},"x",{});return true}catch(t){return false}}();var r;if(e){r=function(t,e,r,n){if(!n&&e in t){return}Object.defineProperty(t,e,{configurable:true,enumerable:false,writable:true,value:r})}}else{r=function(t,e,r,n){if(!n&&e in t){return}t[e]=r}}return function n(e,i,a){for(var o in i){if(t.call(i,o)){r(e,o,i[o],a)}}}}(e.hasOwnProperty);function I(t){var e=typeof t;return t===null||e==="undefined"||e==="boolean"||e==="number"||e==="string"}var D={ToInteger:function je(t){var e=+t;if(e!==e){e=0}else if(e!==0&&e!==1/0&&e!==-(1/0)){e=(e>0||-1)*Math.floor(Math.abs(e))}return e},ToPrimitive:function Se(t){var e,r,n;if(I(t)){return t}r=t.valueOf;if(h(r)){e=r.call(t);if(I(e)){return e}}n=t.toString;if(h(n)){e=n.call(t);if(I(e)){return e}}throw new TypeError},ToObject:function(t){if(t==null){throw new TypeError("can't convert "+t+" to object")}return Object(t)},ToUint32:function Ee(t){return t>>>0}};var M=function Ne(){};N(r,{bind:function Ie(t){var e=this;if(!h(e)){throw new TypeError("Function.prototype.bind called on incompatible "+e)}var r=a.call(arguments,1);var n;var i=function(){if(this instanceof n){var i=e.apply(this,r.concat(a.call(arguments)));if(Object(i)===i){return i}return this}else{return e.apply(t,r.concat(a.call(arguments)))}};var o=Math.max(0,e.length-r.length);var u=[];for(var l=0;l<o;l++){u.push("$"+l)}n=Function("binder","return function ("+u.join(",")+"){ return binder.apply(this, arguments); }")(i);if(e.prototype){M.prototype=e.prototype;n.prototype=new M;M.prototype=null}return n}});var F=f.bind(e.hasOwnProperty);var R=function(){var t=[1,2];var e=t.splice();return t.length===2&&c(e)&&e.length===0}();N(t,{splice:function De(t,e){if(arguments.length===0){return[]}else{return o.apply(this,arguments)}}},!R);var U=function(){var e={};t.splice.call(e,0,0,1);return e.length===1}();N(t,{splice:function Me(t,e){if(arguments.length===0){return[]}var r=arguments;this.length=Math.max(D.ToInteger(this.length),0);if(arguments.length>0&&typeof e!=="number"){r=a.call(arguments);if(r.length<2){r.push(this.length-t)}else{r[1]=D.ToInteger(e)}}return o.apply(this,r)}},!U);var k=[].unshift(0)!==1;N(t,{unshift:function(){l.apply(this,arguments);return this.length}},k);N(Array,{isArray:c});var A=Object("a");var C=A[0]!=="a"||!(0 in A);var P=function Fe(t){var e=true;var r=true;if(t){t.call("foo",function(t,r,n){if(typeof n!=="object"){e=false}});t.call([1],function(){"use strict";r=typeof this==="string"},"x")}return!!t&&e&&r};N(t,{forEach:function Re(t){var e=D.ToObject(this),r=C&&x(this)?this.split(""):e,n=arguments[1],i=-1,a=r.length>>>0;if(!h(t)){throw new TypeError}while(++i<a){if(i in r){t.call(n,r[i],i,e)}}}},!P(t.forEach));N(t,{map:function Ue(t){var e=D.ToObject(this),r=C&&x(this)?this.split(""):e,n=r.length>>>0,i=Array(n),a=arguments[1];if(!h(t)){throw new TypeError(t+" is not a function")}for(var o=0;o<n;o++){if(o in r){i[o]=t.call(a,r[o],o,e)}}return i}},!P(t.map));N(t,{filter:function ke(t){var e=D.ToObject(this),r=C&&x(this)?this.split(""):e,n=r.length>>>0,i=[],a,o=arguments[1];if(!h(t)){throw new TypeError(t+" is not a function")}for(var u=0;u<n;u++){if(u in r){a=r[u];if(t.call(o,a,u,e)){i.push(a)}}}return i}},!P(t.filter));N(t,{every:function Ae(t){var e=D.ToObject(this),r=C&&x(this)?this.split(""):e,n=r.length>>>0,i=arguments[1];if(!h(t)){throw new TypeError(t+" is not a function")}for(var a=0;a<n;a++){if(a in r&&!t.call(i,r[a],a,e)){return false}}return true}},!P(t.every));N(t,{some:function Ce(t){var e=D.ToObject(this),r=C&&x(this)?this.split(""):e,n=r.length>>>0,i=arguments[1];if(!h(t)){throw new TypeError(t+" is not a function")}for(var a=0;a<n;a++){if(a in r&&t.call(i,r[a],a,e)){return true}}return false}},!P(t.some));var Z=false;if(t.reduce){Z=typeof t.reduce.call("es5",function(t,e,r,n){return n})==="object"}N(t,{reduce:function Pe(t){var e=D.ToObject(this),r=C&&x(this)?this.split(""):e,n=r.length>>>0;if(!h(t)){throw new TypeError(t+" is not a function")}if(!n&&arguments.length===1){throw new TypeError("reduce of empty array with no initial value")}var i=0;var a;if(arguments.length>=2){a=arguments[1]}else{do{if(i in r){a=r[i++];break}if(++i>=n){throw new TypeError("reduce of empty array with no initial value")}}while(true)}for(;i<n;i++){if(i in r){a=t.call(void 0,a,r[i],i,e)}}return a}},!Z);var J=false;if(t.reduceRight){J=typeof t.reduceRight.call("es5",function(t,e,r,n){return n})==="object"}N(t,{reduceRight:function Ze(t){var e=D.ToObject(this),r=C&&x(this)?this.split(""):e,n=r.length>>>0;if(!h(t)){throw new TypeError(t+" is not a function")}if(!n&&arguments.length===1){throw new TypeError("reduceRight of empty array with no initial value")}var i,a=n-1;if(arguments.length>=2){i=arguments[1]}else{do{if(a in r){i=r[a--];break}if(--a<0){throw new TypeError("reduceRight of empty array with no initial value")}}while(true)}if(a<0){return i}do{if(a in r){i=t.call(void 0,i,r[a],a,e)}}while(a--);return i}},!J);var z=Array.prototype.indexOf&&[0,1].indexOf(1,2)!==-1;N(t,{indexOf:function Je(t){var e=C&&x(this)?this.split(""):D.ToObject(this),r=e.length>>>0;if(!r){return-1}var n=0;if(arguments.length>1){n=D.ToInteger(arguments[1])}n=n>=0?n:Math.max(0,r+n);for(;n<r;n++){if(n in e&&e[n]===t){return n}}return-1}},z);var $=Array.prototype.lastIndexOf&&[0,1].lastIndexOf(0,-3)!==-1;N(t,{lastIndexOf:function ze(t){var e=C&&x(this)?this.split(""):D.ToObject(this),r=e.length>>>0;if(!r){return-1}var n=r-1;if(arguments.length>1){n=Math.min(n,D.ToInteger(arguments[1]))}n=n>=0?n:r-Math.abs(n);for(;n>=0;n--){if(n in e&&t===e[n]){return n}}return-1}},$);var B=!{toString:null}.propertyIsEnumerable("toString"),G=function(){}.propertyIsEnumerable("prototype"),H=!F("x","0"),L=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],X=L.length;N(Object,{keys:function $e(t){var e=h(t),r=E(t),n=t!==null&&typeof t==="object",i=n&&x(t);if(!n&&!e&&!r){throw new TypeError("Object.keys called on a non-object")}var a=[];var o=G&&e;if(i&&H||r){for(var u=0;u<t.length;++u){a.push(String(u))}}if(!r){for(var l in t){if(!(o&&l==="prototype")&&F(t,l)){a.push(String(l))}}}if(B){var f=t.constructor,s=f&&f.prototype===t;for(var c=0;c<X;c++){var p=L[c];if(!(s&&p==="constructor")&&F(t,p)){a.push(p)}}}return a}});var Y=Object.keys&&function(){return Object.keys(arguments).length===2}(1,2);var q=Object.keys;N(Object,{keys:function Be(e){if(E(e)){return q(t.slice.call(e))}else{return q(e)}}},!Y);var K=-621987552e5;var Q="-000001";var V=Date.prototype.toISOString&&new Date(K).toISOString().indexOf(Q)===-1;N(Date.prototype,{toISOString:function Ge(){var t,e,r,n,i;if(!isFinite(this)){throw new RangeError("Date.prototype.toISOString called on non-finite value.")}n=this.getUTCFullYear();i=this.getUTCMonth();n+=Math.floor(i/12);i=(i%12+12)%12;t=[i+1,this.getUTCDate(),this.getUTCHours(),this.getUTCMinutes(),this.getUTCSeconds()];n=(n<0?"-":n>9999?"+":"")+("00000"+Math.abs(n)).slice(0<=n&&n<=9999?-4:-6);e=t.length;while(e--){r=t[e];if(r<10){t[e]="0"+r}}return n+"-"+t.slice(0,2).join("-")+"T"+t.slice(2).join(":")+"."+("000"+this.getUTCMilliseconds()).slice(-3)+"Z"}},V);var W=false;try{W=Date.prototype.toJSON&&new Date(NaN).toJSON()===null&&new Date(K).toJSON().indexOf(Q)!==-1&&Date.prototype.toJSON.call({toISOString:function(){return true}})}catch(_){}if(!W){Date.prototype.toJSON=function He(t){var e=Object(this),r=D.ToPrimitive(e),n;if(typeof r==="number"&&!isFinite(r)){return null}n=e.toISOString;if(typeof n!=="function"){throw new TypeError("toISOString property is not callable")}return n.call(e)}}var te=Date.parse("+033658-09-27T01:46:40.000Z")===1e15;var ee=!isNaN(Date.parse("2012-04-04T24:00:00.500Z"))||!isNaN(Date.parse("2012-11-31T23:59:59.000Z"));var re=isNaN(Date.parse("2000-01-01T00:00:00.000Z"));if(!Date.parse||re||ee||!te){Date=function(t){function e(r,n,i,a,o,u,l){var f=arguments.length;if(this instanceof t){var s=f===1&&String(r)===r?new t(e.parse(r)):f>=7?new t(r,n,i,a,o,u,l):f>=6?new t(r,n,i,a,o,u):f>=5?new t(r,n,i,a,o):f>=4?new t(r,n,i,a):f>=3?new t(r,n,i):f>=2?new t(r,n):f>=1?new t(r):new t;s.constructor=e;return s}return t.apply(this,arguments)}var r=new RegExp("^"+"(\\d{4}|[+-]\\d{6})"+"(?:-(\\d{2})"+"(?:-(\\d{2})"+"(?:"+"T(\\d{2})"+":(\\d{2})"+"(?:"+":(\\d{2})"+"(?:(\\.\\d{1,}))?"+")?"+"("+"Z|"+"(?:"+"([-+])"+"(\\d{2})"+":(\\d{2})"+")"+")?)?)?)?"+"$");var n=[0,31,59,90,120,151,181,212,243,273,304,334,365];function i(t,e){var r=e>1?1:0;return n[e]+Math.floor((t-1969+r)/4)-Math.floor((t-1901+r)/100)+Math.floor((t-1601+r)/400)+365*(t-1970)}function a(e){return Number(new t(1970,0,1,0,0,0,e))}for(var o in t){e[o]=t[o]}e.now=t.now;e.UTC=t.UTC;e.prototype=t.prototype;e.prototype.constructor=e;e.parse=function u(e){var n=r.exec(e);if(n){var o=Number(n[1]),u=Number(n[2]||1)-1,l=Number(n[3]||1)-1,f=Number(n[4]||0),s=Number(n[5]||0),c=Number(n[6]||0),p=Math.floor(Number(n[7]||0)*1e3),h=Boolean(n[4]&&!n[8]),v=n[9]==="-"?1:-1,g=Number(n[10]||0),y=Number(n[11]||0),d;if(f<(s>0||c>0||p>0?24:25)&&s<60&&c<60&&p<1e3&&u>-1&&u<12&&g<24&&y<60&&l>-1&&l<i(o,u+1)-i(o,u)){d=((i(o,u)+l)*24+f+g*v)*60;d=((d+s+y*v)*60+c)*1e3+p;if(h){d=a(d)}if(-864e13<=d&&d<=864e13){return d}}return NaN}return t.parse.apply(this,arguments)};return e}(Date)}if(!Date.now){Date.now=function Le(){return(new Date).getTime()}}var ne=i.toFixed&&(8e-5.toFixed(3)!=="0.000"||.9.toFixed(0)!=="1"||1.255.toFixed(2)!=="1.25"||0xde0b6b3a7640080.toFixed(0)!=="1000000000000000128");var ie={base:1e7,size:6,data:[0,0,0,0,0,0],multiply:function Xe(t,e){var r=-1;while(++r<ie.size){e+=t*ie.data[r];ie.data[r]=e%ie.base;e=Math.floor(e/ie.base)}},divide:function Ye(t){var e=ie.size,r=0;while(--e>=0){r+=ie.data[e];ie.data[e]=Math.floor(r/t);r=r%t*ie.base}},numToString:function qe(){var t=ie.size;var e="";while(--t>=0){if(e!==""||t===0||ie.data[t]!==0){var r=String(ie.data[t]);if(e===""){e=r}else{e+="0000000".slice(0,7-r.length)+r}}}return e},pow:function Ke(t,e,r){return e===0?r:e%2===1?Ke(t,e-1,r*t):Ke(t*t,e/2,r)},log:function Qe(t){var e=0;while(t>=4096){e+=12;t/=4096}while(t>=2){e+=1;t/=2}return e}};N(i,{toFixed:function Ve(t){var e,r,n,i,a,o,u,l;e=Number(t);e=e!==e?0:Math.floor(e);if(e<0||e>20){throw new RangeError("Number.toFixed called with invalid number of decimals")}r=Number(this);if(r!==r){return"NaN"}if(r<=-1e21||r>=1e21){return String(r)}n="";if(r<0){n="-";r=-r}i="0";if(r>1e-21){a=ie.log(r*ie.pow(2,69,1))-69;o=a<0?r*ie.pow(2,-a,1):r/ie.pow(2,a,1);o*=4503599627370496;a=52-a;if(a>0){ie.multiply(0,o);u=e;while(u>=7){ie.multiply(1e7,0);u-=7}ie.multiply(ie.pow(10,u,1),0);u=a-1;while(u>=23){ie.divide(1<<23);u-=23}ie.divide(1<<u);ie.multiply(1,1);ie.divide(2);i=ie.numToString()}else{ie.multiply(0,o);ie.multiply(1<<-a,0);i=ie.numToString()+"0.00000000000000000000".slice(2,2+e)}}if(e>0){l=i.length;if(l<=e){i=n+"0.0000000000000000000".slice(0,e-l+2)+i}else{i=n+i.slice(0,l-e)+"."+i.slice(l-e)}}else{i=n+i}return i}},ne);var ae=n.split;if("ab".split(/(?:ab)*/).length!==2||".".split(/(.?)(.?)/).length!==4||"tesst".split(/(s)*/)[1]==="t"||"test".split(/(?:)/,-1).length!==4||"".split(/.?/).length||".".split(/()()/).length>1){(function(){var t=typeof/()??/.exec("")[1]==="undefined";n.split=function(e,r){var n=this;if(typeof e==="undefined"&&r===0){return[]}if(!m(e)){return ae.call(this,e,r)}var i=[],a=(e.ignoreCase?"i":"")+(e.multiline?"m":"")+(e.extended?"x":"")+(e.sticky?"y":""),o=0,l,f,s,c;e=new RegExp(e.source,a+"g");n+="";if(!t){l=new RegExp("^"+e.source+"$(?!\\s)",a)}r=typeof r==="undefined"?-1>>>0:D.ToUint32(r);f=e.exec(n);while(f){s=f.index+f[0].length;if(s>o){i.push(n.slice(o,f.index));if(!t&&f.length>1){f[0].replace(l,function(){for(var t=1;t<arguments.length-2;t++){if(typeof arguments[t]==="undefined"){f[t]=void 0}}})}if(f.length>1&&f.index<n.length){u.apply(i,f.slice(1))}c=f[0].length;o=s;if(i.length>=r){break}}if(e.lastIndex===f.index){e.lastIndex++}f=e.exec(n)}if(o===n.length){if(c||!e.test("")){i.push("")}}else{i.push(n.slice(o))}return i.length>r?i.slice(0,r):i}})()}else if("0".split(void 0,0).length){n.split=function We(t,e){if(typeof t==="undefined"&&e===0){return[]}return ae.call(this,t,e)}}var oe=n.replace;var ue=function(){var t=[];"x".replace(/x(.)?/g,function(e,r){t.push(r)});return t.length===1&&typeof t[0]==="undefined"}();if(!ue){n.replace=function _e(t,e){var r=h(e);var n=m(t)&&/\)[*?]/.test(t.source);if(!r||!n){return oe.call(this,t,e)}else{var i=function(r){var n=arguments.length;var i=t.lastIndex;t.lastIndex=0;var a=t.exec(r)||[];t.lastIndex=i;a.push(arguments[n-2],arguments[n-1]);return e.apply(this,a)};return oe.call(this,t,i)}}}var le=n.substr;var fe="".substr&&"0b".substr(-1)!=="b";N(n,{substr:function tr(t,e){return le.call(this,t<0?(t=this.length+t)<0?0:t:t,e)}},fe);var se="	\n\f\r \xa0\u1680\u180e\u2000\u2001\u2002\u2003"+"\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\u2028"+"\u2029\ufeff";var ce="\u200b";var pe="["+se+"]";var he=new RegExp("^"+pe+pe+"*");var ve=new RegExp(pe+pe+"*$");var ge=n.trim&&(se.trim()||!ce.trim());N(n,{trim:function er(){if(typeof this==="undefined"||this===null){throw new TypeError("can't convert "+this+" to object")}return String(this).replace(he,"").replace(ve,"")}},ge);if(parseInt(se+"08")!==8||parseInt(se+"0x16")!==22){parseInt=function(t){var e=/^0[xX]/;return function r(n,i){n=String(n).trim();if(!Number(i)){i=e.test(n)?16:10}return t(n,i)}}(parseInt)}});
-//# sourceMappingURL=es5-shim.map

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: react.rb
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.3.0
 platform: ruby
 authors:
 - David Chang
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-04-03 00:00:00.000000000 Z
+date: 2015-05-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -39,7 +39,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: sprockets-es6
+  name: therubyracer
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
@@ -53,33 +53,53 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: therubyracer
+  name: react-jsx
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 0.8.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 0.8.0
+- !ruby/object:Gem::Dependency
+  name: sprockets
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.2.3
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: 3.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.2.3
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: 3.0.0
 - !ruby/object:Gem::Dependency
   name: react-source
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.12'
+        version: 0.12.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.12'
+        version: 0.12.0
 - !ruby/object:Gem::Dependency
   name: opal-rspec
   requirement: !ruby/object:Gem::Requirement
@@ -152,33 +172,35 @@ files:
 - README.md
 - Rakefile
 - config.ru
-- example/basic-jsx/Gemfile
-- example/basic-jsx/Gemfile.lock
-- example/basic-jsx/config.ru
-- example/basic-jsx/example.jsx.rb
-- example/react-tutorial/Gemfile
-- example/react-tutorial/Gemfile.lock
-- example/react-tutorial/README.md
-- example/react-tutorial/_comments.json
-- example/react-tutorial/config.ru
-- example/react-tutorial/example.rb
-- example/react-tutorial/public/base.css
-- example/todos/Gemfile
-- example/todos/Gemfile.lock
-- example/todos/README.md
-- example/todos/Rakefile
-- example/todos/app/application.rb
-- example/todos/app/components/app.react.rb
-- example/todos/app/components/footer.react.rb
-- example/todos/app/components/todo_item.react.rb
-- example/todos/app/components/todo_list.react.rb
-- example/todos/app/models/todo.rb
-- example/todos/config.ru
-- example/todos/index.html.haml
-- example/todos/spec/todo_spec.rb
-- example/todos/vendor/base.css
-- example/todos/vendor/bg.png
-- example/todos/vendor/jquery.js
+- examples/basic-jsx/Gemfile
+- examples/basic-jsx/Gemfile.lock
+- examples/basic-jsx/config.ru
+- examples/basic-jsx/example.jsx.rb
+- examples/basic-jsx/index.html.erb
+- examples/react-tutorial/Gemfile
+- examples/react-tutorial/Gemfile.lock
+- examples/react-tutorial/README.md
+- examples/react-tutorial/_comments.json
+- examples/react-tutorial/config.ru
+- examples/react-tutorial/example.rb
+- examples/react-tutorial/index.html.erb
+- examples/react-tutorial/public/base.css
+- examples/todos/Gemfile
+- examples/todos/Gemfile.lock
+- examples/todos/README.md
+- examples/todos/Rakefile
+- examples/todos/app/application.rb
+- examples/todos/app/components/app.react.rb
+- examples/todos/app/components/footer.react.rb
+- examples/todos/app/components/todo_item.react.rb
+- examples/todos/app/components/todo_list.react.rb
+- examples/todos/app/models/todo.rb
+- examples/todos/config.ru
+- examples/todos/index.html.erb
+- examples/todos/spec/todo_spec.rb
+- examples/todos/vendor/base.css
+- examples/todos/vendor/bg.png
+- examples/todos/vendor/jquery.js
 - lib/react.rb
 - lib/react/api.rb
 - lib/react/callbacks.rb

data/example/basic-jsx/config.ru

@@ -1,38 +0,0 @@
-# config.ru
-require 'bundler'
-Bundler.require
-
-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
-}
-
-map opal.source_maps.prefix do
-  run opal.source_maps
-end
-
-map '/assets' do
-  run opal.sprockets
-end
-
-get '/' do
-  <<-HTML
-    <!doctype html>
-    <html>
-      <head>
-        <title>Hello React</title>
-        <script src="/assets/react-with-addons.js"></script>
-      </head>
-      <body>
-        <div id="container"></div>
-        <script src="/assets/example.js"></script>
-      </body>
-    </html>
-  HTML
-end
-
-run Sinatra::Application

data/example/todos/Gemfile

@@ -1,11 +0,0 @@
-source 'https://rubygems.org'
-
-gem 'rake'
-gem 'opal',           :github => 'opal/opal', :ref => '85220f32136c74ac93f1cb721462324a3423cf44'
-gem 'opal-jquery',    :github => 'opal/opal-jquery'
-gem 'vienna',         :github => 'opal/vienna', :ref => '593335cbd7fb99ce471fa720e9b9c849d99b8dda'
-gem 'opal-haml',      :github => 'opal/opal-haml'
-gem 'opal-rspec',     '0.3.0.beta2'
-gem 'react.rb', '~> 0.0.2'
-gem 'thin'
-gem 'react-source'

data/example/todos/Gemfile.lock

@@ -1,80 +0,0 @@
-GIT
-  remote: git://github.com/opal/opal-haml.git
-  revision: 0bdd3eb53ec03d380e14440a94f779ed7c3741e1
-  specs:
-    opal-haml (0.2.0)
-      haml
-      opal (>= 0.5.0, < 1.0.0)
-
-GIT
-  remote: git://github.com/opal/opal-jquery.git
-  revision: 1814202085f168176231b877b2b7a967b75b0726
-  specs:
-    opal-jquery (0.1.2)
-      opal (>= 0.5.0, < 1.0.0)
-
-GIT
-  remote: git://github.com/opal/opal.git
-  revision: 85220f32136c74ac93f1cb721462324a3423cf44
-  ref: 85220f32136c74ac93f1cb721462324a3423cf44
-  specs:
-    opal (0.6.0)
-      source_map
-      sprockets
-
-GIT
-  remote: git://github.com/opal/vienna.git
-  revision: 593335cbd7fb99ce471fa720e9b9c849d99b8dda
-  ref: 593335cbd7fb99ce471fa720e9b9c849d99b8dda
-  specs:
-    vienna (0.0.2)
-      opal (>= 0.5.0, < 1.0.0)
-      opal-activesupport
-      opal-jquery
-
-GEM
-  remote: https://rubygems.org/
-  specs:
-    daemons (1.1.9)
-    eventmachine (1.0.3)
-    haml (4.0.5)
-      tilt
-    hike (1.2.3)
-    json (1.8.2)
-    multi_json (1.10.1)
-    opal-activesupport (0.1.0)
-      opal (>= 0.5.0, < 1.0.0)
-    opal-rspec (0.3.0.beta2)
-      opal (>= 0.6.0, < 1.0.0)
-    rack (1.5.2)
-    rake (10.1.1)
-    react-source (0.12.2)
-    react.rb (0.0.2)
-      opal (~> 0.6.0)
-      opal-activesupport
-    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)
-    thin (1.6.2)
-      daemons (>= 1.0.9)
-      eventmachine (>= 1.0.0)
-      rack (>= 1.0.0)
-    tilt (1.4.1)
-
-PLATFORMS
-  ruby
-
-DEPENDENCIES
-  opal!
-  opal-haml!
-  opal-jquery!
-  opal-rspec (= 0.3.0.beta2)
-  rake
-  react-source
-  react.rb (~> 0.0.2)
-  thin
-  vienna!

data/example/todos/index.html.haml

@@ -1,16 +0,0 @@
-!!!
-%html(lang="en")
-  %head
-    %meta(charset="utf-8")
-    %meta(http-equiv="X-UA-Compatible" content="IE=edge,chrome=1")
-    %link(rel="stylesheet" href="/vendor/base.css")
-    = javascript_include_tag 'react-with-addons.js'
-    = javascript_include_tag 'application'
-
-  %body
-    %section#todoapp
-    #info
-      %p Double-click to edit a todo
-      %p
-        Part of
-        %a(href="http://todomvc.com") TodoMVC