reactive-ruby 0.7.28 → 0.7.29

data/spec/support/react/spec_helpers.rb

@@ -0,0 +1,57 @@
+module React
+  module SpecHelpers
+    `var ReactTestUtils = React.addons.TestUtils`
+
+    def renderToDocument(type, options = {})
+      element = React.create_element(type, options)
+      return renderElementToDocument(element)
+    end
+
+    def renderElementToDocument(element)
+      instance = Native(`ReactTestUtils.renderIntoDocument(#{element.to_n})`)
+      instance.class.include(React::Component::API)
+      return instance
+    end
+
+    def simulateEvent(event, element, params = {})
+      simulator = Native(`ReactTestUtils.Simulate`)
+      simulator[event.to_s].call(`#{element.to_n}.getDOMNode()`, params)
+    end
+
+    def isElementOfType(element, type)
+      `React.addons.TestUtils.isElementOfType(#{element.to_n}, #{type.cached_component_class})`
+    end
+
+    def build_element(type, options)
+      component = React.create_element(type, options)
+      element = `ReactTestUtils.renderIntoDocument(#{component.to_n})`
+      if `typeof React.findDOMNode === 'undefined'`
+        `$(element.getDOMNode())`          # v0.12
+      else
+        `$(React.findDOMNode(element))`    # v0.13
+      end
+    end
+
+    def expect_component_to_eventually(component_class, opts = {}, &block)
+      # Calls block after each update of a component until it returns true.
+      # When it does set the expectation to true.  Uses the after_update
+      # callback of the component_class, then instantiates an element of that
+      # class The call back is only called on updates, so the call back is
+      # manually called right after the element is created.  Because React.rb
+      # runs the callback inside the components context, we have to setup a
+      # lambda to get back to correct context before executing run_async.
+      # Because run_async can only be run once it is protected by clearing
+      # element once the test passes.
+      element = nil
+      check_block = lambda do
+        context = block.arity > 0 ? self : element
+        run_async do
+          element = nil; expect(true).to be(true)
+        end if element and context.instance_exec(element, &block)
+      end
+      component_class.after_update { check_block.call  }
+      element = build_element component_class, opts
+      check_block.call
+    end
+  end
+end

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

@@ -0,0 +1,6 @@
+/*!
+ * 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)}});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: reactive-ruby
 version: !ruby/object:Gem::Version
-  version: 0.7.28
+  version: 0.7.29
 platform: ruby
 authors:
 - David Chang
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-10-26 00:00:00.000000000 Z
+date: 2015-11-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -143,6 +143,7 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".codeclimate.yml"
 - ".gitignore"
 - ".travis.yml"
 - Gemfile
@@ -248,51 +249,67 @@ files:
 - example/todos/vendor/base.css
 - example/todos/vendor/bg.png
 - example/todos/vendor/jquery.js
+- lib/generators/reactive_ruby/test_app/templates/application.rb
+- lib/generators/reactive_ruby/test_app/templates/assets/javascripts/application.rb
+- lib/generators/reactive_ruby/test_app/templates/assets/javascripts/components.rb
+- lib/generators/reactive_ruby/test_app/templates/boot.rb
+- lib/generators/reactive_ruby/test_app/templates/script/rails
+- lib/generators/reactive_ruby/test_app/templates/views/components/hello_world.rb
+- lib/generators/reactive_ruby/test_app/templates/views/components/todo.rb
+- lib/generators/reactive_ruby/test_app/test_app_generator.rb
 - lib/rails-helpers/top_level_rails_component.rb
+- lib/react/api.rb
+- lib/react/callbacks.rb
+- lib/react/component.rb
+- lib/react/component/api.rb
+- lib/react/component/class_methods.rb
+- lib/react/element.rb
+- lib/react/event.rb
+- lib/react/ext/hash.rb
+- lib/react/ext/string.rb
+- lib/react/native_library.rb
+- lib/react/observable.rb
+- lib/react/rendering_context.rb
+- lib/react/state.rb
+- lib/react/top_level.rb
+- lib/react/validator.rb
 - lib/reactive-ruby.rb
-- lib/reactive-ruby/api.rb
-- lib/reactive-ruby/callbacks.rb
-- lib/reactive-ruby/component.rb
 - lib/reactive-ruby/component_loader.rb
-- lib/reactive-ruby/element.rb
-- lib/reactive-ruby/event.rb
-- lib/reactive-ruby/ext/hash.rb
-- lib/reactive-ruby/ext/string.rb
 - lib/reactive-ruby/isomorphic_helpers.rb
-- lib/reactive-ruby/observable.rb
 - lib/reactive-ruby/rails.rb
 - lib/reactive-ruby/rails/component_mount.rb
 - lib/reactive-ruby/rails/controller_helper.rb
 - lib/reactive-ruby/rails/railtie.rb
-- lib/reactive-ruby/rendering_context.rb
 - lib/reactive-ruby/serializers.rb
 - lib/reactive-ruby/server_rendering/contextual_renderer.rb
-- lib/reactive-ruby/state.rb
-- lib/reactive-ruby/top_level.rb
-- lib/reactive-ruby/validator.rb
 - lib/reactive-ruby/version.rb
 - lib/sources/react.js
 - lib/sources/react.js-v12
 - logo1.png
 - logo2.png
 - logo3.png
-- old-readme
-- opal-spec/callbacks_spec.rb
-- opal-spec/component_spec.rb
-- opal-spec/element_spec.rb
-- opal-spec/event_spec.rb
-- opal-spec/react_spec.rb
-- opal-spec/reactjs/index.html.erb
-- opal-spec/spec_helper.rb
-- opal-spec/tutorial/tutorial_spec.rb
-- opal-spec/validator_spec.rb
 - reactive-ruby.gemspec
 - spec/controller_helper_spec.rb
+- spec/index.html.erb
+- spec/react/callbacks_spec.rb
+- spec/react/component_spec.rb
+- spec/react/dsl_spec.rb
+- spec/react/element_spec.rb
+- spec/react/event_spec.rb
+- spec/react/native_library_spec.rb
+- spec/react/param_declaration_spec.rb
+- spec/react/react_spec.rb
+- spec/react/react_state_spec.rb
+- spec/react/top_level_component_spec.rb
+- spec/react/tutorial/tutorial_spec.rb
+- spec/react/validator_spec.rb
 - spec/reactive-ruby/component_loader_spec.rb
 - spec/reactive-ruby/isomorphic_helpers_spec.rb
 - spec/reactive-ruby/rails/component_mount_spec.rb
 - spec/reactive-ruby/server_rendering/contextual_renderer_spec.rb
 - spec/spec_helper.rb
+- spec/support/react/spec_helpers.rb
+- spec/vendor/es5-shim.min.js
 homepage: https://github.com/zetachang/react.rb
 licenses:
 - MIT
@@ -319,8 +336,23 @@ specification_version: 4
 summary: Opal Ruby wrapper of React.js library.
 test_files:
 - spec/controller_helper_spec.rb
+- spec/index.html.erb
+- spec/react/callbacks_spec.rb
+- spec/react/component_spec.rb
+- spec/react/dsl_spec.rb
+- spec/react/element_spec.rb
+- spec/react/event_spec.rb
+- spec/react/native_library_spec.rb
+- spec/react/param_declaration_spec.rb
+- spec/react/react_spec.rb
+- spec/react/react_state_spec.rb
+- spec/react/top_level_component_spec.rb
+- spec/react/tutorial/tutorial_spec.rb
+- spec/react/validator_spec.rb
 - spec/reactive-ruby/component_loader_spec.rb
 - spec/reactive-ruby/isomorphic_helpers_spec.rb
 - spec/reactive-ruby/rails/component_mount_spec.rb
 - spec/reactive-ruby/server_rendering/contextual_renderer_spec.rb
 - spec/spec_helper.rb
+- spec/support/react/spec_helpers.rb
+- spec/vendor/es5-shim.min.js

data/lib/reactive-ruby/component.rb

@@ -1,502 +0,0 @@
-require "reactive-ruby/ext/string"
-require 'active_support/core_ext/class/attribute'
-require 'reactive-ruby/callbacks'
-require "reactive-ruby/ext/hash"
-require "reactive-ruby/rendering_context"
-require "reactive-ruby/observable"
-require "reactive-ruby/state"
-
-require 'native'
-
-module React
-  module Component
-
-    def self.included(base)
-      base.include(API)
-      base.include(React::Callbacks)
-      base.class_eval do
-        class_attribute :initial_state
-        define_callback :before_mount
-        define_callback :after_mount
-        define_callback :before_receive_props
-        define_callback :before_update
-        define_callback :after_update
-        define_callback :before_unmount
-
-        def render
-          raise "no render defined"
-        end unless method_defined? :render
-
-        def children
-          nodes = [`#{@native}.props.children`].flatten
-          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`))}
-                  })
-                }
-                nil
-              else
-                Enumerator.new(`React.Children.count(#{self.to_n})`) do |y|
-                  %x{
-                    React.Children.forEach(#{self.to_n}, function(context){
-                      #{y << React::Element.new(`context`)}
-                    })
-                  }
-                end
-              end
-            end
-          end
-
-          nodes
-        end
-
-      end
-      base.extend(ClassMethods)
-
-      if base.name
-        parent = base.name.split("::").inject([Module]) { |nesting, next_const| nesting + [nesting.last.const_get(next_const)] }[-2]
-
-        class << parent
-
-          def method_missing(n, *args, &block)
-            name = n
-            if name =~ /_as_node$/
-              node_only = true
-              name = name.gsub(/_as_node$/, "")
-            end
-            begin
-              name = const_get(name)
-            rescue Exception
-              name = nil
-            end
-            unless name and name.method_defined? :render
-              return super
-            end
-            if node_only
-              React::RenderingContext.build { React::RenderingContext.render(name, *args, &block) }.to_n
-            else
-              React::RenderingContext.render(name, *args, &block)
-            end
-          end
-
-        end
-      end
-    end
-
-    def initialize(native_element)
-      @native = native_element
-    end
-
-    def params
-      Hash.new(`#{@native}.props`)
-    end
-
-    def refs
-      Hash.new(`#{@native}.refs`)
-    end
-
-    def state
-      raise "No native ReactComponent associated" unless @native
-      Hash.new(`#{@native}.state`)
-    end
-
-    def update_react_js_state(object, name, value)
-      set_state({"***_state_updated_at-***" => Time.now.to_f, "#{object.class.to_s+'.' unless object == self}#{name}" => value}) rescue nil
-    end
-
-    def emit(event_name, *args)
-      self.params["_on#{event_name.to_s.event_camelize}"].call(*args)
-    end
-
-    def component_will_mount
-      IsomorphicHelpers.load_context(true) if IsomorphicHelpers.on_opal_client?
-      @processed_params = {}
-      React::State.initialize_states(self, initial_state)
-      React::State.set_state_context_to(self) { self.run_callback(:before_mount) }
-    rescue Exception => e
-      self.class.process_exception(e, self)
-    end
-
-    def component_did_mount
-      React::State.set_state_context_to(self) do
-        self.run_callback(:after_mount)
-        React::State.update_states_to_observe
-      end
-    rescue Exception => e
-      self.class.process_exception(e, self)
-    end
-
-    def component_will_receive_props(next_props)
-      # need to rethink how this works in opal-react, or if its actually that useful within the react.rb environment
-      # for now we are just using it to clear processed_params
-      React::State.set_state_context_to(self) { self.run_callback(:before_receive_props, Hash.new(next_props)) }
-      @processed_params = {}
-    rescue Exception => e
-      self.class.process_exception(e, self)
-    end
-
-    def props_changed?(next_props)
-      return true unless params.keys.sort == next_props.keys.sort
-      params.detect { |k, v| `#{next_props[k]} != #{params[k]}`}
-    end
-
-    def should_component_update?(next_props, next_state)
-      React::State.set_state_context_to(self) do
-        next_props = Hash.new(next_props)
-        if self.respond_to?(:needs_update?)
-          !!self.needs_update?(next_props, Hash.new(next_state))
-        elsif false # switch to true to force updates per standard react
-          true
-        elsif props_changed? next_props
-          true
-        elsif `!next_state != !#{@native}.state`
-          true
-        elsif `!next_state && !#{@native}.state`
-          false
-        elsif `next_state["***_state_updated_at-***"] != #{@native}.state["***_state_updated_at-***"]`
-          true
-        else
-          false
-        end.to_n
-      end
-    end
-
-    def component_will_update(next_props, next_state)
-      React::State.set_state_context_to(self) { self.run_callback(:before_update, Hash.new(next_props), Hash.new(next_state)) }
-    rescue Exception => e
-      self.class.process_exception(e, self)
-    end
-
-
-    def component_did_update(prev_props, prev_state)
-      React::State.set_state_context_to(self) do
-        self.run_callback(:after_update, Hash.new(prev_props), Hash.new(prev_state))
-        React::State.update_states_to_observe
-      end
-    rescue Exception => e
-      self.class.process_exception(e, self)
-    end
-
-    def component_will_unmount
-      React::State.set_state_context_to(self) do
-        self.run_callback(:before_unmount)
-        React::State.remove
-      end
-    rescue Exception => e
-      self.class.process_exception(e, self)
-    end
-
-    def p(*args, &block)
-      if block || args.count == 0 || (args.count == 1 && args.first.is_a?(Hash))
-        _p_tag(*args, &block)
-      else
-        Kernel.p(*args)
-      end
-    end
-
-    def component?(name)
-      name_list = name.split("::")
-      scope_list = self.class.name.split("::").inject([Module]) { |nesting, next_const| nesting + [nesting.last.const_get(next_const)] }.reverse
-      scope_list.each do |scope|
-        component = name_list.inject(scope) do |scope, class_name|
-          scope.const_get(class_name)
-        end rescue nil
-        return component if component and component.method_defined? :render
-      end
-      nil
-    end
-
-    def method_missing(n, *args, &block)
-      return params[n] if params.key? n
-      name = n
-      if name =~ /_as_node$/
-        node_only = true
-        name = name.gsub(/_as_node$/, "")
-      end
-      unless (React::HTML_TAGS.include?(name) || name == 'present'  || name == '_p_tag' || (name = component?(name, self)))
-        return super
-      end
-
-      if name == "present"
-        name = args.shift
-      end
-
-      if name == "_p_tag"
-        name = "p"
-      end
-
-      if node_only
-        React::RenderingContext.build { React::RenderingContext.render(name, *args, &block) }.to_n
-      else
-        React::RenderingContext.render(name, *args, &block)
-      end
-
-    end
-
-    def watch(value, &on_change)
-      React::Observable.new(value, on_change)
-    end
-
-    def define_state(*args, &block)
-      React::State.initialize_states(self, self.class.define_state(*args, &block))
-    end
-
-    attr_reader :waiting_on_resources
-
-    def _render_wrapper
-      React::State.set_state_context_to(self) do
-        RenderingContext.render(nil) {render || ""}.tap { |element| @waiting_on_resources = element.waiting_on_resources if element.respond_to? :waiting_on_resources }
-      end
-    rescue Exception => e
-      self.class.process_exception(e, self)
-    end
-
-    module ClassMethods
-
-      def backtrace(*args)
-        @backtrace_off = (args[0] == :off)
-      end
-
-      def process_exception(e, component, reraise = nil)
-        message = ["Exception raised while rendering #{component}"]
-        if !@backtrace_off
-          message << "    #{e.backtrace[0]}"
-          message += e.backtrace[1..-1].collect { |line| line }
-        else
-          message[0] += ": #{e.message}"
-        end
-        message = message.join("\n")
-        `console.error(message)`
-        raise e if reraise
-      end
-
-      def validator
-        @validator ||= React::Validator.new
-      end
-
-      def prop_types
-        if self.validator
-          {
-            _componentValidator: %x{
-              function(props, propName, componentName) {
-                var errors = #{validator.validate(Hash.new(`props`))};
-                var error = new Error(#{"In component `" + self.name + "`\n" + `errors`.join("\n")});
-                return #{`errors`.count > 0 ? `error` : `undefined`};
-              }
-            }
-          }
-        else
-          {}
-        end
-      end
-
-      def default_props
-        validator.default_props
-      end
-
-      def params(&block)
-        validator.build(&block)
-      end
-
-      def define_param_method(name, param_type)
-        if param_type == React::Observable
-          (@two_way_params ||= []) << name
-          define_method("#{name}") do
-            params[name].instance_variable_get("@value") if params[name]
-          end
-          define_method("#{name}!") do |*args|
-            return unless params[name]
-            if args.count > 0
-              current_value = params[name].instance_variable_get("@value")
-              params[name].call args[0]
-              current_value
-            else
-              current_value = params[name].instance_variable_get("@value")
-              params[name].call current_value unless @dont_update_state rescue nil # rescue in case we in middle of render
-              params[name]
-            end
-          end
-        elsif param_type == Proc
-          define_method("#{name}") do |*args, &block|
-            params[name].call(*args, &block) if params[name]
-          end
-        else
-          define_method("#{name}") do
-            @processed_params[name] ||= if param_type.respond_to? :_react_param_conversion
-              param_type._react_param_conversion params[name]
-            elsif param_type.is_a? Array and param_type[0].respond_to? :_react_param_conversion
-              params[name].collect { |param| param_type[0]._react_param_conversion param }
-            else
-              params[name]
-            end
-          end
-        end
-      end
-
-      def required_param(name, options = {})
-        validator.requires(name, options)
-        define_param_method(name, options[:type])
-      end
-
-      alias_method :require_param, :required_param
-
-      def optional_param(name, options = {})
-        validator.optional(name, options)
-        define_param_method(name, options[:type]) unless name == :params
-      end
-
-      def collect_other_params_as(name)
-        validator.all_others(name)
-        define_method(name) do
-          @_all_others ||= self.class.validator.collect_all_others(params)
-        end
-      end
-
-      def define_state(*states, &block)
-        default_initial_value = (block and block.arity == 0) ? yield : nil
-        states_hash = (states.last.is_a? Hash) ? states.pop : {}
-        states.each { |name| states_hash[name] = default_initial_value }
-        (self.initial_state ||= {}).merge! states_hash
-        states_hash.each do |name, initial_value|
-          define_state_methods(self, name, &block)
-        end
-      end
-
-      def export_state(*states, &block)
-        default_initial_value = (block and block.arity == 0) ? yield : nil
-        states_hash = (states.last.is_a? Hash) ? states.pop : {}
-        states.each { |name| states_hash[name] = default_initial_value }
-        React::State.initialize_states(self, states_hash)
-        states_hash.each do |name, initial_value|
-          define_state_methods(self, name, self, &block)
-          define_state_methods(singleton_class, name, self, &block)
-        end
-      end
-
-      def define_state_methods(this, name, from = nil, &block)
-        this.define_method("#{name}") do
-          React::State.get_state(from || self, name)
-        end
-        this.define_method("#{name}=") do |new_state|
-          yield name, React::State.get_state(from || self, name), new_state if block and block.arity > 0
-          React::State.set_state(from || self, name, new_state)
-        end
-        this.define_method("#{name}!") do |*args|
-          #return unless @native
-          if args.count > 0
-            yield name, React::State.get_state(from || self, name), args[0] if block and block.arity > 0
-            current_value = React::State.get_state(from || self, name)
-            React::State.set_state(from || self, name, args[0])
-            current_value
-          else
-            current_state = React::State.get_state(from || self, name)
-            yield name, React::State.get_state(from || self, name), current_state if block and block.arity > 0
-            React::State.set_state(from || self, name, current_state)
-            React::Observable.new(current_state) do |update|
-              yield name, React::State.get_state(from || self, name), update if block and block.arity > 0
-              React::State.set_state(from || self, name, update)
-            end
-          end
-        end
-      end
-
-      def native_mixin(item)
-        native_mixins << item
-      end
-
-      def native_mixins
-        @native_mixins ||= []
-      end
-
-      def static_call_back(name, &block)
-        static_call_backs[name] = block
-      end
-
-      def static_call_backs
-        @static_call_backs ||= {}
-      end
-
-      def export_component(opts = {})
-        export_name = (opts[:as] || name).split("::")
-        first_name = export_name.first
-        Native(`window`)[first_name] = add_item_to_tree(Native(`window`)[first_name], [React::API.create_native_react_class(self)] + export_name[1..-1].reverse).to_n
-      end
-
-      def add_item_to_tree(current_tree, new_item)
-        if Native(current_tree).class != Native::Object or new_item.length == 1
-          new_item.inject do |memo, sub_name| {sub_name => memo} end
-        else
-          Native(current_tree)[new_item.last] = add_item_to_tree(Native(current_tree)[new_item.last], new_item[0..-2])
-          current_tree
-        end
-      end
-
-    end
-
-    module API
-      #include Native
-
-      def dom_node
-        if `typeof React.findDOMNode === 'undefined'`
-          `#{self}.native.getDOMNode`            # v0.12.0
-        else
-          `React.findDOMNode(#{self}.native)`    # v0.13.0
-        end
-      end
-
-      def mounted?
-        `#{self}.native.isMounted()`
-      end
-
-      def force_update!
-        `#{self}.native.forceUpdate()`
-      end
-
-      def set_props(prop, &block)
-        raise "No native ReactComponent associated" unless @native
-        %x{
-          #{@native}.setProps(#{prop.shallow_to_n}, function(){
-            #{block.call if block}
-          });
-        }
-      end
-
-      def set_props!(prop, &block)
-        raise "No native ReactComponent associated" unless @native
-        %x{
-          #{@native}.replaceProps(#{prop.shallow_to_n}, function(){
-            #{block.call if block}
-          });
-        }
-      end
-
-      def set_state(state, &block)
-        raise "No native ReactComponent associated" unless @native
-        %x{
-          #{@native}.setState(#{state.shallow_to_n}, function(){
-            #{block.call if block}
-          });
-        }
-      end
-
-      def set_state!(state, &block)
-        raise "No native ReactComponent associated" unless @native
-        %x{
-          #{@native}.replaceState(#{state.shallow_to_n}, function(){
-            #{block.call if block}
-          });
-        }
-      end
-    end
-
-  end
-end