react.rb 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c1e1e89f7d83f0101d262fc4249dedea946c4af1
-  data.tar.gz: ea0be5738084717bcc7388913225388086d67c7f
+  metadata.gz: 2edd338c72d88b40b11c779a530108df20c2f20e
+  data.tar.gz: 7c5b542f62c33a02d5fb4de25e8b4af5519b0ff0
 SHA512:
-  metadata.gz: a52fc1017a3b72de35f702ecdee98e467b210b2d32dd236a7741a73a53874ddabf8b8711e335668f08e0321d1caa135a5519bcb13b402d219e4ddfc1c50ba45c
-  data.tar.gz: 7dd1646fc98747735c9511d96ef08a859834897781daa9f9029a6902ecb021f9972d7432ce635875e126666eded3ec4d440d5d50d3d2c078db65e9017a4866e0
+  metadata.gz: 6a3aa1ca6ab21e4f7699585d50fbb27f1f82cf67e8f7bf43d66a239c3b39da7f7a804abf7329f3cc0f96cfb6b71410bf7f39c8cf543f8f2d89b701c8ecfffc52
+  data.tar.gz: c3a4852db1d7d1b672d78f08bbc0843e22b66a7fece186cbb94311a9f2d6fda36058a60ecbc96239ebbf96c51d68764c609e51eb68851c28ebf1701e434463da

data/.travis.yml

@@ -0,0 +1,6 @@
+language: ruby
+
+rvm:
+  - 1.9.3
+  - 2.0.0
+  - 2.1

data/CHANGELOG.md

@@ -0,0 +1,7 @@
+## 0.2.0
+
+*  Deprecating `jsx` helper method in component instance
+*  Deprecating `React::Element.new`, use `React.create_element` instead
+*  `React::Element` is now toll-free bridge to [ReactElement](http://facebook.github.io/react/docs/glossary.html#react-elements)
+*  `React::Element#props` now return a `Hash` rather than a `Native`
+*  `React::Element#children` now handling empty child & single child correctly

data/Gemfile.lock

@@ -1,11 +1,11 @@
 PATH
   remote: .
   specs:
-    react.rb (0.1.0)
-      opal (~> 0.6.0)
-      opal-activesupport
-      sprockets-es6
-      therubyracer
+    react.rb (0.2.0)
+      opal (~> 0.6)
+      opal-activesupport (~> 0)
+      sprockets-es6 (~> 0)
+      therubyracer (~> 0)
 
 GEM
   remote: https://rubygems.org/
@@ -29,12 +29,13 @@ GEM
     rack (1.6.0)
     rack-protection (1.5.3)
       rack
+    rake (10.4.2)
     react-source (0.12.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.10)
@@ -45,14 +46,15 @@ GEM
     therubyracer (0.12.1)
       libv8 (~> 3.16.14.0)
       ref
-    tilt (1.4.1)
+    tilt (2.0.1)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  opal-jquery
+  opal-jquery (~> 0)
   opal-rspec (~> 0.3.0.beta3)
+  rake (~> 10)
   react-source (~> 0.12)
   react.rb!
-  sinatra
+  sinatra (~> 1)

data/README.md

@@ -1,5 +1,6 @@
 # React.rb
 
+[![Build Status](http://img.shields.io/travis/zetachang/react.rb/master.svg)](http://travis-ci.org/zetachang/react.rb)
 [![Gem Version](https://badge.fury.io/rb/react.rb.svg)](http://badge.fury.io/rb/react.rb)
 [![Code Climate](https://codeclimate.com/github/zetachang/react.rb/badges/gpa.svg)](https://codeclimate.com/github/zetachang/react.rb)
 
@@ -133,7 +134,7 @@ def render
 end
 ```
 
-## JSX Support
+### JSX Support
 
 Not a fan of using element building DSL? Use file extension `.jsx.rb` to get JSX fragment compiled.
 
@@ -141,7 +142,7 @@ Not a fan of using element building DSL? Use file extension `.jsx.rb` to get JSX
 # app.jsx.rb
 class Fancy
   def render
-    React.create_element('div') { "fancy" }
+    `<div>"this is fancy"</div>`
   end
 end
 
@@ -149,12 +150,13 @@ class App
   include React::Component
 
   def render
-    jsx(%x{
+    element = %x{ 
       <div>
         <h1>Outer</h1>
         <Fancy>{ #{5.times.to_a.join(",")} }</Fancy>
       </div>
-    })
+    }
+    element
   end
 end
 

data/Rakefile

@@ -0,0 +1,12 @@
+require 'bundler'
+Bundler.require
+Bundler::GemHelper.install_tasks
+
+require 'opal/rspec/rake_task'
+require "react/source"
+
+Opal::RSpec::RakeTask.new(:default) do |s|
+  s.append_path File.dirname(::React::Source.bundled_path_for("react-with-addons"))
+  s.append_path 'spec/vendor'
+  s.index_path = 'spec/reactjs/index.html.erb'
+end

data/config.ru

@@ -9,6 +9,7 @@ Opal.append_path File.expand_path('../spec', __FILE__)
 run Opal::Server.new { |s|
   s.main = 'opal/rspec/sprockets_runner'
   s.append_path 'spec'
+  s.append_path 'spec/vendor'
   s.append_path File.dirname(::React::Source.bundled_path_for("react-with-addons.js"))
   s.debug = true
   s.index_path = 'spec/reactjs/index.html.erb'

data/example/basic-jsx/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ../..
   specs:
-    react.rb (0.0.2)
+    react.rb (0.1.0)
       opal (~> 0.6.0)
       opal-activesupport
       sprockets-es6
@@ -10,7 +10,7 @@ PATH
 GEM
   remote: https://rubygems.org/
   specs:
-    babel-source (4.7.3)
+    babel-source (4.7.16)
     babel-transpiler (0.6.0)
       babel-source (>= 4.0, < 5)
       execjs (~> 2.0)

data/example/basic-jsx/example.jsx.rb

@@ -8,9 +8,8 @@ class Clock
   def render
     message = "React has been successfully running for #{params[:elapsed].round} seconds."
 
-    jsx %x{
-      <p>{#{message}}</p>
-    }
+    
+    `<p>{#{message}}</p>`
   end
 end
 
@@ -18,9 +17,7 @@ class ExampleApp
   include React::Component
 
   def render
-    jsx(%x{
-      <Clock elapsed={#{params[:elapsed]}} />
-    })
+    `<Clock elapsed={#{params[:elapsed]}} />`
   end
 end
 
@@ -29,7 +26,7 @@ React.expose_native_class(Clock, ExampleApp)
 start = Time.now
 
 $window.every(0.05) do
-  element = React::Element.new(`<ExampleApp elapsed={#{Time.now - start}}/>`)
+  element = `<ExampleApp elapsed={#{Time.now - start}}/>`
   container = `document.getElementById('container')`
   React.render element, container
 end

data/example/react-tutorial/Gemfile.lock

@@ -1,16 +1,22 @@
 PATH
   remote: ../..
   specs:
-    react.rb (0.0.1)
+    react.rb (0.1.0)
       opal (~> 0.6.0)
       opal-activesupport
+      sprockets-es6
+      therubyracer
 
 GEM
   remote: https://rubygems.org/
   specs:
-    hike (1.2.3)
+    babel-source (4.7.16)
+    babel-transpiler (0.6.0)
+      babel-source (>= 4.0, < 5)
+      execjs (~> 2.0)
+    execjs (2.4.0)
     json (1.8.2)
-    multi_json (1.10.1)
+    libv8 (3.16.14.7)
     opal (0.6.3)
       source_map
       sprockets
@@ -21,19 +27,23 @@ GEM
     rack (1.6.0)
     rack-protection (1.5.3)
       rack
-    react-source (0.12.2)
-    sinatra (1.4.5)
+    react-source (0.13.1)
+    ref (1.0.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 (2.12.3)
-      hike (~> 1.2)
-      multi_json (~> 1.0)
+    sprockets (3.0.0.rc.1)
       rack (~> 1.0)
-      tilt (~> 1.1, != 1.3.0)
-    tilt (1.4.1)
+    sprockets-es6 (0.6.0)
+      babel-transpiler
+      sprockets (~> 3.0.0.beta)
+    therubyracer (0.12.1)
+      libv8 (~> 3.16.14.0)
+      ref
+    tilt (2.0.1)
 
 PLATFORMS
   ruby

data/example/react-tutorial/config.ru

@@ -42,7 +42,7 @@ get '/' do
         <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.min.js"></script>
+        <script src="/assets/react-with-addons.js"></script>
         <script src="/assets/example.js"></script>
       </head>
       <body>

data/example/react-tutorial/example.rb

@@ -100,5 +100,5 @@ end
 
 
 Document.ready? do
-  React.render React.create_element(CommentBox, url: "comments.json", poll_interval: 2000), Element.find('#content').get(0)
+  React.render React.create_element(CommentBox, url: "comments.json", poll_interval: 2000), `document.getElementById('content')`
 end

data/example/todos/Gemfile

@@ -6,6 +6,6 @@ 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', :path => "../.."
+gem 'react.rb', '~> 0.0.2'
 gem 'thin'
 gem 'react-source'

data/example/todos/Gemfile.lock

@@ -32,13 +32,6 @@ GIT
       opal-activesupport
       opal-jquery
 
-PATH
-  remote: ../..
-  specs:
-    react.rb (0.0.1)
-      opal (~> 0.6.0)
-      opal-activesupport
-
 GEM
   remote: https://rubygems.org/
   specs:
@@ -56,6 +49,9 @@ GEM
     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)
@@ -79,6 +75,6 @@ DEPENDENCIES
   opal-rspec (= 0.3.0.beta2)
   rake
   react-source
-  react.rb!
+  react.rb (~> 0.0.2)
   thin
   vienna!

data/example/todos/index.html.haml

@@ -4,7 +4,7 @@
     %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.min.js'
+    = javascript_include_tag 'react-with-addons.js'
     = javascript_include_tag 'application'
 
   %body

data/lib/react/api.rb

@@ -32,7 +32,7 @@ module React
         end
       end
 
-      return React::Element.new(`React.createElement.apply(null, #{params})`)
+      return `React.createElement.apply(null, #{params})`
     end
 
     def self.clear_component_class_cache
@@ -88,7 +88,7 @@ module React
           },
           render: function() {
             var instance = this._getOpalInstance.apply(this);
-            return #{`instance`.render.to_n};
+            return instance.$render();
           }
         })
       }

data/lib/react/component.rb

@@ -77,10 +77,6 @@ module React
       end
     end
 
-    def jsx(native)
-      React::Element.new(native)
-    end
-
     def method_missing(name, *args, &block)
       unless (React::HTML_TAGS.include?(name) || name == 'present' || name == '_p_tag')
         return super

data/lib/react/element.rb

@@ -1,63 +1,97 @@
 require "./ext/string"
 
 module React
-  class Element
-    include Native
-
-    alias_native :element_type, :type
-    alias_native :props, :props
-
-    def initialize(native_element)
-      @native = native_element
+  class Element < `(function(){var f = new Function();f.prototype = Object.getPrototypeOf(React.createElement(''));return f})()`
+    def self.new
+      raise "use React.create_element instead"
     end
-
+    
+    def element_type
+      `self.type`
+    end
+    
+    def key
+      Native(`self.key`)
+    end
+    
+    def props
+      Hash.new(`self.props`)
+    end
+    
+    def ref
+      Native(`self.ref`)
+    end
+    
     def on(event_name)
       name = event_name.to_s.event_camelize
+      
+      
       if React::Event::BUILT_IN_EVENTS.include?("on#{name}")
-        self.props["on#{name}"] = %x{
+        prop_key = "on#{name}"
+        callback =  %x{
           function(event){
             #{yield React::Event.new(`event`)}
           }
         }
       else
-        self.props["_on#{name}"] = %x{
+        prop_key = "_on#{name}"
+        callback = %x{
           function(){
             #{yield *Array(`arguments`)}
           }
         }
       end
+      
+      `self.props[#{prop_key}] = #{callback}`
+      
       self
     end
 
     def children
-      nodes = self.props.children
-      class << nodes
-        include Enumerable
-
-        def to_n
-          self
+      nodes = `self.props.children`
+      
+      if `React.Children.count(nodes)` == 0
+        `[]`
+      elsif `React.Children.count(nodes)` == 1
+        if `(typeof nodes === 'string') || (typeof nodes === 'number')`
+          [nodes]
+        else
+          `[React.Children.only(nodes)]`
         end
+      else
+        # Not sure the overhead of doing this..
+        class << nodes
+          include Enumerable
+
+          def to_n
+            self
+          end
 
-        def each(&block)
-          if block_given?
-            %x{
-              React.Children.forEach(#{self.to_n}, function(context){
-                #{block.call(React::Element.new(`context`))}
-              })
-            }
-          else
-            Enumerator.new(`React.Children.count(#{self.to_n})`) do |y|
+          def each(&block)
+            if block_given?
               %x{
                 React.Children.forEach(#{self.to_n}, function(context){
-                  #{y << React::Element.new(`context`)}
+                  #{block.call(`context`)}
                 })
               }
+            else
+              Enumerator.new(`React.Children.count(#{self.to_n})`) do |y|
+                %x{
+                  React.Children.forEach(#{self.to_n}, function(context){
+                    #{y << `context`}
+                  })
+                }
+              end
             end
           end
         end
+        
+        nodes
       end
-
-      nodes
+    end
+  
+    def to_n
+      self
     end
   end
 end

data/lib/react/top_level.rb

@@ -27,21 +27,21 @@ module React
   end
 
   def self.render(element, container)
-    component = Native(`React.render(#{element.to_n}, container, function(){#{yield if block_given?}})`)
+    component = Native(`React.render(#{element}, container, function(){#{yield if block_given?}})`)
     component.class.include(React::Component::API)
     component
   end
 
   def self.is_valid_element(element)
-    element.kind_of?(React::Element) && `React.isValidElement(#{element.to_n})`
+    `React.isValidElement(#{element})`
   end
 
   def self.render_to_string(element)
-    `React.renderToString(#{element.to_n})`
+    `React.renderToString(#{element})`
   end
 
   def self.render_to_static_markup(element)
-    `React.renderToStaticMarkup(#{element.to_n})`
+    `React.renderToStaticMarkup(#{element})`
   end
 
   def self.unmount_component_at_node(node)

data/lib/react/version.rb

@@ -1,3 +1,3 @@
 module React
-  VERSION = "0.1.0"
+  VERSION = "0.2.0"
 end

data/react.rb.gemspec

@@ -16,12 +16,13 @@ Gem::Specification.new do |s|
   s.test_files     = `git ls-files -- {test,spec,features}/*`.split("\n")
   s.require_paths  = ['lib', 'vendor']
 
-  s.add_runtime_dependency 'opal', '~> 0.6.0'
-  s.add_runtime_dependency 'opal-activesupport'
-  s.add_runtime_dependency 'sprockets-es6'
-  s.add_runtime_dependency 'therubyracer'
+  s.add_runtime_dependency 'opal', '~> 0.6'
+  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_development_dependency 'opal-rspec', '~> 0.3.0.beta3'
-  s.add_development_dependency 'sinatra'
-  s.add_development_dependency 'opal-jquery'
+  s.add_development_dependency 'sinatra', '~> 1'
+  s.add_development_dependency 'opal-jquery', '~> 0'
+  s.add_development_dependency 'rake', '~> 10'
 end

data/spec/component_spec.rb

@@ -594,21 +594,4 @@ describe React::Component do
       expect(component.mounted?).to eq(true)
     end
   end
-
-  describe "Helpers" do
-    describe "jsx" do
-      it "should wrap passed JS object to React::Element" do
-        stub_const 'Foo', Class.new
-        Foo.class_eval do
-          include React::Component
-
-          def foo
-            jsx(`React.createElement('div')`)
-          end
-        end
-
-        expect(Foo.new.foo).to be_kind_of(React::Element)
-      end
-    end
-  end
 end

data/spec/element_spec.rb

@@ -1,18 +1,52 @@
 require "spec_helper"
 
 describe React::Element do
-  it "should bridge `type` of native React.Element attributes" do
+  it "should be toll-free bridged to React.Element" do
     element = React.create_element('div')
-    expect(element.element_type).to eq("div")
+    expect(`React.isValidElement(#{element})`).to eq(true)
   end
-
-  async "should be renderable" do
-    element = React.create_element('span')
-    div = `document.createElement("div")`
-    React.render(element, div) do
-      run_async {
-        expect(`div.children[0].tagName`).to eq("SPAN")
+  
+  describe "#new" do
+    it "should raise error if invokded" do
+      expect { React::Element.new }.to raise_error
+    end
+  end
+  
+  describe "#element_type" do
+    it "should bridge to `type` of native" do
+      element = React.create_element('div')
+      expect(element.element_type).to eq("div")
+      %x{
+        var m = React.createClass({
+          render:function(){ return React.createElement('div'); }
+        });
+        var ele = React.createElement(m);
       }
+      expect(`ele`.element_type).to eq(`ele.type`)
+    end
+  end
+  
+  describe "#key" do
+    it "should bridge to `key` of native" do
+      element = React.create_element('div', key: "1")
+      expect(element.key).to eq(`#{element}.key`)
+    end
+    
+    it "should return nil if key is null" do
+      element = React.create_element('div')
+      expect(element.key).to be_nil
+    end
+  end
+  
+  describe "#ref" do
+    it "should bridge to `ref` of native" do
+      element = React.create_element('div', ref: "foo")
+      expect(element.ref).to eq(`#{element}.ref`)
+    end
+    
+    it "should return nil if ref is null" do
+      element = React.create_element('div')
+      expect(element.ref).to be_nil
     end
   end
 
@@ -43,7 +77,7 @@ describe React::Element do
     end
   end
 
-  describe "Children" do
+  describe "Props.Children" do
     it "should return a Enumerable" do
       ele = React.create_element('div') { [React.create_element('a'), React.create_element('li')] }
       nodes = ele.children.map {|ele| ele.element_type }
@@ -56,5 +90,37 @@ describe React::Element do
       expect(nodes).to be_a(Enumerator)
       expect(nodes.size).to eq(2)
     end
+    
+    describe "empty" do
+      it "should work as Enumerable" do
+        ele = React.create_element('div')
+        expect(ele.children.count).to eq(0)
+        expect(ele.children.none?).to eq(true)
+      end
+    end
+    
+    describe "single child" do
+      it "should works as Enumerable" do
+        ele = React.create_element('div') { [React.create_element('a')] }
+        expect(ele.children.count).to eq(1)
+        expect(ele.children.map {|node| node.element_type}).to eq(['a'])
+      end
+    end
+    
+    describe "single child as string" do
+      it "should works as Enumerable" do
+        ele = React.create_element('div') { "foo" }
+        expect(ele.children.count).to eq(1)
+        expect(ele.children.map {|node| node}).to eq(['foo'])
+      end
+    end
+    
+    describe "single child as number" do
+      it "should works as Enumerable" do
+        ele = React.create_element('div') { 123 }
+        expect(ele.children.count).to eq(1)
+        expect(ele.children.map {|node| node}).to eq([123])
+      end
+    end
   end
 end

data/spec/react_spec.rb

@@ -7,12 +7,12 @@ describe React do
 
   describe "is_valid_element" do
     it "should return true if passed a valid element" do
-      element = React::Element.new(`React.createElement('div')`)
+      element = `React.createElement('div')`
       expect(React.is_valid_element(element)).to eq(true)
     end
 
     it "should return false is passed a non React element" do
-      element = React::Element.new(`{}`)
+      element = `{}`
       expect(React.is_valid_element(element)).to eq(false)
     end
   end
@@ -27,7 +27,7 @@ describe React do
       it "should create a valid element with text as only child when block yield String" do
         element = React.create_element('div') { "lorem ipsum" }
         expect(React.is_valid_element(element)).to eq(true)
-        expect(element.props.children).to eq("lorem ipsum")
+        expect(element.children.to_a).to eq(["lorem ipsum"])
       end
 
       it "should create a valid element with children as array when block yield Array of element" do
@@ -35,7 +35,7 @@ describe React do
           [React.create_element('span'), React.create_element('span'), React.create_element('span')]
         end
         expect(React.is_valid_element(element)).to eq(true)
-        expect(element.props.children.length).to eq(3)
+        expect(element.children.length).to eq(3)
       end
 
       it "should render element with children as array when block yield Array of element" do
@@ -56,18 +56,16 @@ describe React do
         end
       end
 
-      it "should render element with only one children correctly" do
+      it "should create element with only one children correctly" do
         element = React.create_element(Foo) { React.create_element('span') }
-        instance = renderElementToDocument(element)
-        expect(instance.props.children).not_to be_a(Array)
-        expect(instance.props.children.type).to eq("span")
+        expect(element.children.count).to eq(1)
+        expect(element.children.map{|e| e.element_type }).to eq(["span"])
       end
 
-      it "should render element with more than one children correctly" do
+      it "should create element with more than one children correctly" do
         element = React.create_element(Foo) { [React.create_element('span'), React.create_element('span')] }
-        instance = renderElementToDocument(element)
-        expect(instance.props.children).to be_a(Array)
-        expect(instance.props.children.length).to eq(2)
+        expect(element.children.count).to eq(2)
+        expect(element.children.map{|e| e.element_type }).to eq(["span", "span"])
       end
 
       it "should create a valid element provided class defined `render`" do
@@ -77,7 +75,7 @@ describe React do
 
       it "should allow creating with properties" do
         element = React.create_element(Foo, foo: "bar")
-        expect(element.props.foo).to eq("bar")
+        expect(element.props[:foo]).to eq("bar")
       end
 
       it "should raise error if provided class doesn't defined `render`" do
@@ -125,17 +123,17 @@ describe React do
     describe "create element with properties" do
       it "should enforce snake-cased property name" do
         element = React.create_element("div", class_name: "foo")
-        expect(element.props.className).to eq("foo")
+        expect(element.props[:className]).to eq("foo")
       end
 
       it "should allow custom property" do
         element = React.create_element("div", foo: "bar")
-        expect(element.props.foo).to eq("bar")
+        expect(element.props[:foo]).to eq("bar")
       end
 
       it "should not camel-case custom property" do
         element = React.create_element("div", foo_bar: "foo")
-        expect(element.props.foo_bar).to eq("foo")
+        expect(element.props[:foo_bar]).to eq("foo")
       end
     end
 
@@ -144,13 +142,13 @@ describe React do
         classes = {foo: true, bar: false, lorem: true}
         element = React.create_element("div", class_name: classes)
 
-        expect(element.props.className).to eq("foo lorem")
+        expect(element.props[:className]).to eq("foo lorem")
       end
 
       it "should not alter behavior when passing a string" do
         element = React.create_element("div", class_name: "foo bar")
 
-        expect(element.props.className).to eq("foo bar")
+        expect(element.props[:className]).to eq("foo bar")
       end
     end
   end

data/spec/reactjs/index.html.erb

@@ -3,6 +3,7 @@
 <head>
 </head>
 <body>
+  <%= javascript_include_tag 'es5-shim.min' %>
   <%= javascript_include_tag 'react-with-addons' %>
   <%= javascript_include_tag @server.main %>
   <div id="placeholder" style="display: none"></div>

data/spec/spec_helper.rb

@@ -9,18 +9,18 @@ module ReactTestHelpers
   end
 
   def renderElementToDocument(element)
-    instance = Native(`ReactTestUtils.renderIntoDocument(#{element.to_n})`)
+    instance = Native(`ReactTestUtils.renderIntoDocument(#{element})`)
     instance.class.include(React::Component::API)
     return instance
   end
 
-  def simulateEvent(event, element, params = {})
+  def simulateEvent(event, component, params = {})
     simulator = Native(`ReactTestUtils.Simulate`)
-    simulator[event.to_s].call(`#{element.to_n}.getDOMNode()`, params)
+    simulator[event.to_s].call(`#{component.to_n}.getDOMNode()`, params)
   end
 
   def isElementOfType(element, type)
-    `React.addons.TestUtils.isElementOfType(#{element.to_n}, #{type.cached_component_class})`
+    `React.addons.TestUtils.isElementOfType(#{element}, #{type.cached_component_class})`
   end
 end
 

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

@@ -0,0 +1,7 @@
+/*!
+ * https://github.com/es-shims/es5-shim
+ * @license es5-shim Copyright 2009-2014 by contributors, MIT License
+ * 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.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - David Chang
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-29 00:00:00.000000000 Z
+date: 2015-04-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -16,54 +16,54 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.6.0
+        version: '0.6'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.6.0
+        version: '0.6'
 - !ruby/object:Gem::Dependency
   name: opal-activesupport
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: sprockets-es6
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: therubyracer
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
@@ -98,30 +98,44 @@ dependencies:
   name: sinatra
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1'
 - !ruby/object:Gem::Dependency
   name: opal-jquery
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10'
 description: Write reactive UI component with Ruby's elegancy and compiled to run
   in Javascript.
 email: zeta11235813@gmail.com
@@ -130,10 +144,13 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".gitignore"
+- ".travis.yml"
+- CHANGELOG.md
 - Gemfile
 - Gemfile.lock
 - LICENSE
 - README.md
+- Rakefile
 - config.ru
 - example/basic-jsx/Gemfile
 - example/basic-jsx/Gemfile.lock
@@ -183,6 +200,7 @@ files:
 - spec/reactjs/index.html.erb
 - spec/spec_helper.rb
 - spec/validator_spec.rb
+- spec/vendor/es5-shim.min.js
 - vendor/active_support/core_ext/array/extract_options.rb
 - vendor/active_support/core_ext/class/attribute.rb
 - vendor/active_support/core_ext/kernel/singleton_class.rb
@@ -221,3 +239,4 @@ test_files:
 - spec/reactjs/index.html.erb
 - spec/spec_helper.rb
 - spec/validator_spec.rb
+- spec/vendor/es5-shim.min.js