opal-react 0.0.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 291c9784bec121322e03d271c24de9fd52bce943
+  data.tar.gz: c319315370c32329079fced05761fb0e76057baa
+SHA512:
+  metadata.gz: 0099cf2f3685f28d81aee7477590d1140869d0153fbb1fd3771af1b4dabeeb88103a608f999594071ab4932a7f8b139d2aa1876320c1b9eaae24805115a69351
+  data.tar.gz: a5d5b9947ba44d919696dc45671dbd2581aafd83b25716d79911101aada34b6c50e7df8638f6e57c8ca4b5c167fade7fb3db16170c952ec9cf625e6610894d1d

data/.gitignore

@@ -0,0 +1,15 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log
+node_modules

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in opal-react.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 John Susi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2016 John Susi
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,78 @@
+# Opal::React
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'opal-react'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install opal-react
+
+## Usage
+
+```ruby
+require 'react'
+
+class TodoList < React::Component
+  def render
+    console.log('TodoList:render')
+    ul(
+      props[:items].map { |item|
+        li({key: item[:id]}, [ item[:text] ])
+      }
+    )
+  end
+end
+
+class TodoApp < React::Component
+  
+  def initial_state
+    { items: [], text: '' }
+  end
+
+  def onChange(e)
+    set_state({text: e.target.value})
+  end
+
+  def handleSubmit(e)
+    e.preventDefault()
+    now = Time.now
+    nextItems = state[:items] + [{ text: state[:text], id: now.to_i * 1e6 + now.usec }]
+    nextText = ''
+    set_state({items: nextItems, text: nextText})
+  end
+
+  def render
+    div([
+      h3('TODO'),
+      TodoList(items: state[:items]),
+      form({onSubmit: method(:handleSubmit)}, [
+        input(onChange: method(:onChange), value: state[:text]),
+        button("Add ##{state[:items].count+1}")
+      ])
+    ])
+  end
+
+end
+
+TodoApp.run()
+```
+
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/opal-react/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,24 @@
+require "bundler/gem_tasks"
+
+require 'opal'
+
+Opal.append_path 'lib/opal'
+
+def compile(filename, source)
+  compiler = Opal::Compiler.new(source, file: File.basename(filename, '.rb'))
+  compiler.compile
+  File.binwrite(File.basename(filename, '.rb') + '.js',
+                compiler.result.to_s <<
+                  "//# sourceMappingURL=#{File.basename(filename, '.rb')}.js.map\n" <<
+                  "//# sourceURL=#{File.basename(filename)}\n"
+                  )
+  File.binwrite(File.basename(filename, '.rb') + '.js.map', compiler.source_map.as_json.to_json.to_s )
+
+end
+
+task :dist do
+  builder = Opal::Builder.new
+  builder.build 'react'
+  File.binwrite "dist/opal-react.js",     builder.to_s << "\n//# sourceMappingURL=opal-react.js.map\n"
+  File.binwrite "dist/opal-react.js.map", builder.source_map.to_s
+end

data/config.ru

@@ -0,0 +1,12 @@
+require 'bundler'
+Bundler.require
+
+require 'opal-rspec'
+Opal.append_path File.expand_path('../spec', __FILE__)
+
+run Opal::Server.new { |s|
+  s.main = 'opal/rspec/sprockets_runner'
+  s.append_path 'spec'
+  s.debug = false
+  s.index_path = 'spec/index.html.erb'
+}

data/dist/opal-react.js

@@ -0,0 +1,1325 @@
+/* Generated by Opal 0.10.2 */
+Opal.modules["native"] = function(Opal) {
+  function $rb_minus(lhs, rhs) {
+    return (typeof(lhs) === 'number' && typeof(rhs) === 'number') ? lhs - rhs : lhs['$-'](rhs);
+  }
+  function $rb_ge(lhs, rhs) {
+    return (typeof(lhs) === 'number' && typeof(rhs) === 'number') ? lhs >= rhs : lhs['$>='](rhs);
+  }
+  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $module = Opal.module, $range = Opal.range, $hash2 = Opal.hash2, $klass = Opal.klass, $gvars = Opal.gvars;
+
+  Opal.add_stubs(['$try_convert', '$native?', '$respond_to?', '$to_n', '$raise', '$inspect', '$Native', '$proc', '$map!', '$end_with?', '$define_method', '$[]', '$convert', '$call', '$to_proc', '$new', '$each', '$native_reader', '$native_writer', '$extend', '$is_a?', '$map', '$alias_method', '$to_a', '$_Array', '$include', '$method_missing', '$bind', '$instance_method', '$[]=', '$slice', '$-', '$length', '$enum_for', '$===', '$>=', '$<<', '$each_pair', '$_initialize', '$name', '$exiting_mid', '$native_module']);
+  (function($base) {
+    var $Native, self = $Native = $module($base, 'Native');
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_1, TMP_2, TMP_3, TMP_4, TMP_5, TMP_19, TMP_20, TMP_21;
+
+    Opal.defs(self, '$is_a?', TMP_1 = function(object, klass) {
+      var self = this;
+
+      
+      try {
+        return object instanceof self.$try_convert(klass);
+      }
+      catch (e) {
+        return false;
+      }
+    ;
+    }, TMP_1.$$arity = 2);
+
+    Opal.defs(self, '$try_convert', TMP_2 = function ːtry_convert(value, default$) {
+      var self = this;
+
+      if (default$ == null) {
+        default$ = nil;
+      }
+      
+      if (self['$native?'](value)) {
+        return value;
+      }
+      else if (value['$respond_to?']("to_n")) {
+        return value.$to_n();
+      }
+      else {
+        return default$;
+      }
+    ;
+    }, TMP_2.$$arity = -2);
+
+    Opal.defs(self, '$convert', TMP_3 = function ːconvert(value) {
+      var self = this;
+
+      
+      if (self['$native?'](value)) {
+        return value;
+      }
+      else if (value['$respond_to?']("to_n")) {
+        return value.$to_n();
+      }
+      else {
+        self.$raise($scope.get('ArgumentError'), "" + (value.$inspect()) + " isn't native");
+      }
+    ;
+    }, TMP_3.$$arity = 1);
+
+    Opal.defs(self, '$call', TMP_4 = function ːcall(obj, key, $a_rest) {
+      var self = this, args, $iter = TMP_4.$$p, block = $iter || nil;
+
+      var $args_len = arguments.length, $rest_len = $args_len - 2;
+      if ($rest_len < 0) { $rest_len = 0; }
+      args = new Array($rest_len);
+      for (var $arg_idx = 2; $arg_idx < $args_len; $arg_idx++) {
+        args[$arg_idx - 2] = arguments[$arg_idx];
+      }
+      TMP_4.$$p = null;
+      
+      var prop = obj[key];
+
+      if (prop instanceof Function) {
+        var converted = new Array(args.length);
+
+        for (var i = 0, l = args.length; i < l; i++) {
+          var item = args[i],
+              conv = self.$try_convert(item);
+
+          converted[i] = conv === nil ? item : conv;
+        }
+
+        if (block !== nil) {
+          converted.push(block);
+        }
+
+        return self.$Native(prop.apply(obj, converted));
+      }
+      else {
+        return self.$Native(prop);
+      }
+    ;
+    }, TMP_4.$$arity = -3);
+
+    Opal.defs(self, '$proc', TMP_5 = function ːproc() {
+      var $a, $b, TMP_6, self = this, $iter = TMP_5.$$p, block = $iter || nil;
+
+      TMP_5.$$p = null;
+      if (block !== false && block !== nil && block != null) {
+        } else {
+        self.$raise($scope.get('LocalJumpError'), "no block given")
+      };
+      return ($a = ($b = $scope.get('Kernel')).$proc, $a.$$p = (TMP_6 = function($c_rest){var self = TMP_6.$$s || this, args, $d, $e, TMP_7, instance = nil;
+
+        var $args_len = arguments.length, $rest_len = $args_len - 0;
+        if ($rest_len < 0) { $rest_len = 0; }
+        args = new Array($rest_len);
+        for (var $arg_idx = 0; $arg_idx < $args_len; $arg_idx++) {
+          args[$arg_idx - 0] = arguments[$arg_idx];
+        }
+      ($d = ($e = args)['$map!'], $d.$$p = (TMP_7 = function(arg){var self = TMP_7.$$s || this;
+if (arg == null) arg = nil;
+        return self.$Native(arg)}, TMP_7.$$s = self, TMP_7.$$arity = 1, TMP_7), $d).call($e);
+        instance = self.$Native(this);
+        
+        // if global is current scope, run the block in the scope it was defined
+        if (this === Opal.global) {
+          return block.apply(self, args);
+        }
+
+        var self_ = block.$$s;
+        block.$$s = null;
+
+        try {
+          return block.apply(instance, args);
+        }
+        finally {
+          block.$$s = self_;
+        }
+      ;}, TMP_6.$$s = self, TMP_6.$$arity = -1, TMP_6), $a).call($b);
+    }, TMP_5.$$arity = 0);
+
+    (function($base) {
+      var $Helpers, self = $Helpers = $module($base, 'Helpers');
+
+      var def = self.$$proto, $scope = self.$$scope, TMP_11, TMP_14, TMP_17, TMP_18;
+
+      Opal.defn(self, '$alias_native', TMP_11 = function ːalias_native(new$, $old, $kwargs) {
+        var $a, $b, TMP_8, $c, TMP_9, $d, TMP_10, self = this, $post_args, as, old;
+
+        $post_args = Opal.slice.call(arguments, 1, arguments.length);
+        $kwargs = Opal.extract_kwargs($post_args);
+        if ($kwargs == null || !$kwargs.$$is_hash) {
+          if ($kwargs == null) {
+            $kwargs = $hash2([], {});
+          } else {
+            throw Opal.ArgumentError.$new('expected kwargs');
+          }
+        }
+        if ((as = $kwargs.$$smap['as']) == null) {
+          as = nil
+        }
+        if (0 < $post_args.length) {
+          old = $post_args.splice(0,1)[0];
+        }
+        if (old == null) {
+          old = new$;
+        }
+        if ((($a = old['$end_with?']("=")) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+          return ($a = ($b = self).$define_method, $a.$$p = (TMP_8 = function(value){var self = TMP_8.$$s || this;
+            if (self["native"] == null) self["native"] = nil;
+if (value == null) value = nil;
+          self["native"][old['$[]']($range(0, -2, false))] = $scope.get('Native').$convert(value);
+            return value;}, TMP_8.$$s = self, TMP_8.$$arity = 1, TMP_8), $a).call($b, new$)
+        } else if (as !== false && as !== nil && as != null) {
+          return ($a = ($c = self).$define_method, $a.$$p = (TMP_9 = function($d_rest){var self = TMP_9.$$s || this, block, args, $e, $f, $g, value = nil;
+            if (self["native"] == null) self["native"] = nil;
+
+            block = TMP_9.$$p || nil, TMP_9.$$p = null;
+            var $args_len = arguments.length, $rest_len = $args_len - 0;
+            if ($rest_len < 0) { $rest_len = 0; }
+            args = new Array($rest_len);
+            for (var $arg_idx = 0; $arg_idx < $args_len; $arg_idx++) {
+              args[$arg_idx - 0] = arguments[$arg_idx];
+            }
+          if ((($e = value = ($f = ($g = $scope.get('Native')).$call, $f.$$p = block.$to_proc(), $f).apply($g, [self["native"], old].concat(Opal.to_a(args)))) !== nil && $e != null && (!$e.$$is_boolean || $e == true))) {
+              return as.$new(value.$to_n())
+              } else {
+              return nil
+            }}, TMP_9.$$s = self, TMP_9.$$arity = -1, TMP_9), $a).call($c, new$)
+          } else {
+          return ($a = ($d = self).$define_method, $a.$$p = (TMP_10 = function($e_rest){var self = TMP_10.$$s || this, block, args, $f, $g;
+            if (self["native"] == null) self["native"] = nil;
+
+            block = TMP_10.$$p || nil, TMP_10.$$p = null;
+            var $args_len = arguments.length, $rest_len = $args_len - 0;
+            if ($rest_len < 0) { $rest_len = 0; }
+            args = new Array($rest_len);
+            for (var $arg_idx = 0; $arg_idx < $args_len; $arg_idx++) {
+              args[$arg_idx - 0] = arguments[$arg_idx];
+            }
+          return ($f = ($g = $scope.get('Native')).$call, $f.$$p = block.$to_proc(), $f).apply($g, [self["native"], old].concat(Opal.to_a(args)))}, TMP_10.$$s = self, TMP_10.$$arity = -1, TMP_10), $a).call($d, new$)
+        };
+      }, TMP_11.$$arity = -2);
+
+      Opal.defn(self, '$native_reader', TMP_14 = function ːnative_reader($a_rest) {
+        var $b, $c, TMP_12, self = this, names;
+
+        var $args_len = arguments.length, $rest_len = $args_len - 0;
+        if ($rest_len < 0) { $rest_len = 0; }
+        names = new Array($rest_len);
+        for (var $arg_idx = 0; $arg_idx < $args_len; $arg_idx++) {
+          names[$arg_idx - 0] = arguments[$arg_idx];
+        }
+        return ($b = ($c = names).$each, $b.$$p = (TMP_12 = function(name){var self = TMP_12.$$s || this, $a, $d, TMP_13;
+if (name == null) name = nil;
+        return ($a = ($d = self).$define_method, $a.$$p = (TMP_13 = function(){var self = TMP_13.$$s || this;
+            if (self["native"] == null) self["native"] = nil;
+
+          return self.$Native(self["native"][name])}, TMP_13.$$s = self, TMP_13.$$arity = 0, TMP_13), $a).call($d, name)}, TMP_12.$$s = self, TMP_12.$$arity = 1, TMP_12), $b).call($c);
+      }, TMP_14.$$arity = -1);
+
+      Opal.defn(self, '$native_writer', TMP_17 = function ːnative_writer($a_rest) {
+        var $b, $c, TMP_15, self = this, names;
+
+        var $args_len = arguments.length, $rest_len = $args_len - 0;
+        if ($rest_len < 0) { $rest_len = 0; }
+        names = new Array($rest_len);
+        for (var $arg_idx = 0; $arg_idx < $args_len; $arg_idx++) {
+          names[$arg_idx - 0] = arguments[$arg_idx];
+        }
+        return ($b = ($c = names).$each, $b.$$p = (TMP_15 = function(name){var self = TMP_15.$$s || this, $a, $d, TMP_16;
+if (name == null) name = nil;
+        return ($a = ($d = self).$define_method, $a.$$p = (TMP_16 = function(value){var self = TMP_16.$$s || this;
+            if (self["native"] == null) self["native"] = nil;
+if (value == null) value = nil;
+          return self.$Native(self["native"][name] = value)}, TMP_16.$$s = self, TMP_16.$$arity = 1, TMP_16), $a).call($d, "" + (name) + "=")}, TMP_15.$$s = self, TMP_15.$$arity = 1, TMP_15), $b).call($c);
+      }, TMP_17.$$arity = -1);
+
+      Opal.defn(self, '$native_accessor', TMP_18 = function ːnative_accessor($a_rest) {
+        var $b, $c, self = this, names;
+
+        var $args_len = arguments.length, $rest_len = $args_len - 0;
+        if ($rest_len < 0) { $rest_len = 0; }
+        names = new Array($rest_len);
+        for (var $arg_idx = 0; $arg_idx < $args_len; $arg_idx++) {
+          names[$arg_idx - 0] = arguments[$arg_idx];
+        }
+        ($b = self).$native_reader.apply($b, Opal.to_a(names));
+        return ($c = self).$native_writer.apply($c, Opal.to_a(names));
+      }, TMP_18.$$arity = -1);
+    })($scope.base);
+
+    Opal.defs(self, '$included', TMP_19 = function ːincluded(klass) {
+      var self = this;
+
+      return klass.$extend($scope.get('Helpers'));
+    }, TMP_19.$$arity = 1);
+
+    Opal.defn(self, '$initialize', TMP_20 = function ːinitialize(native$) {
+      var $a, self = this;
+
+      if ((($a = $scope.get('Kernel')['$native?'](native$)) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        } else {
+        $scope.get('Kernel').$raise($scope.get('ArgumentError'), "" + (native$.$inspect()) + " isn't native")
+      };
+      return self["native"] = native$;
+    }, TMP_20.$$arity = 1);
+
+    Opal.defn(self, '$to_n', TMP_21 = function ːto_n() {
+      var self = this;
+      if (self["native"] == null) self["native"] = nil;
+
+      return self["native"];
+    }, TMP_21.$$arity = 0);
+  })($scope.base);
+  (function($base) {
+    var $Kernel, self = $Kernel = $module($base, 'Kernel');
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_22, TMP_25, TMP_26;
+
+    Opal.defn(self, '$native?', TMP_22 = function(value) {
+      var self = this;
+
+      return value == null || !value.$$class;
+    }, TMP_22.$$arity = 1);
+
+    Opal.defn(self, '$Native', TMP_25 = function ːNative(obj) {
+      var $a, $b, TMP_23, $c, TMP_24, self = this;
+
+      if ((($a = obj == null) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return nil
+      } else if ((($a = self['$native?'](obj)) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return (($scope.get('Native')).$$scope.get('Object')).$new(obj)
+      } else if ((($a = obj['$is_a?']($scope.get('Array'))) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return ($a = ($b = obj).$map, $a.$$p = (TMP_23 = function(o){var self = TMP_23.$$s || this;
+if (o == null) o = nil;
+        return self.$Native(o)}, TMP_23.$$s = self, TMP_23.$$arity = 1, TMP_23), $a).call($b)
+      } else if ((($a = obj['$is_a?']($scope.get('Proc'))) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return ($a = ($c = self).$proc, $a.$$p = (TMP_24 = function($d_rest){var self = TMP_24.$$s || this, block, args, $e, $f;
+
+          block = TMP_24.$$p || nil, TMP_24.$$p = null;
+          var $args_len = arguments.length, $rest_len = $args_len - 0;
+          if ($rest_len < 0) { $rest_len = 0; }
+          args = new Array($rest_len);
+          for (var $arg_idx = 0; $arg_idx < $args_len; $arg_idx++) {
+            args[$arg_idx - 0] = arguments[$arg_idx];
+          }
+        return self.$Native(($e = ($f = obj).$call, $e.$$p = block.$to_proc(), $e).apply($f, Opal.to_a(args)))}, TMP_24.$$s = self, TMP_24.$$arity = -1, TMP_24), $a).call($c)
+        } else {
+        return obj
+      };
+    }, TMP_25.$$arity = 1);
+
+    self.$alias_method("_Array", "Array");
+
+    Opal.defn(self, '$Array', TMP_26 = function ːArray(object, $a_rest) {
+      var $b, $c, self = this, args, $iter = TMP_26.$$p, block = $iter || nil;
+
+      var $args_len = arguments.length, $rest_len = $args_len - 1;
+      if ($rest_len < 0) { $rest_len = 0; }
+      args = new Array($rest_len);
+      for (var $arg_idx = 1; $arg_idx < $args_len; $arg_idx++) {
+        args[$arg_idx - 1] = arguments[$arg_idx];
+      }
+      TMP_26.$$p = null;
+      if ((($b = self['$native?'](object)) !== nil && $b != null && (!$b.$$is_boolean || $b == true))) {
+        return ($b = ($c = (($scope.get('Native')).$$scope.get('Array'))).$new, $b.$$p = block.$to_proc(), $b).apply($c, [object].concat(Opal.to_a(args))).$to_a()};
+      return self.$_Array(object);
+    }, TMP_26.$$arity = -2);
+  })($scope.base);
+  (function($base, $super) {
+    function $Object(){};
+    var self = $Object = $klass($base, $super, 'Object', $Object);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_27, TMP_28, TMP_29, TMP_30, TMP_31, TMP_32, TMP_33, TMP_34, TMP_35, TMP_36, TMP_37, TMP_38, TMP_39, TMP_40, TMP_41;
+
+    def["native"] = nil;
+    self.$include(Opal.get('Native'));
+
+    Opal.defn(self, '$==', TMP_27 = function(other) {
+      var self = this;
+
+      return self["native"] === $scope.get('Native').$try_convert(other);
+    }, TMP_27.$$arity = 1);
+
+    Opal.defn(self, '$has_key?', TMP_28 = function(name) {
+      var self = this;
+
+      return Opal.hasOwnProperty.call(self["native"], name);
+    }, TMP_28.$$arity = 1);
+
+    Opal.alias(self, 'key?', 'has_key?');
+
+    Opal.alias(self, 'include?', 'has_key?');
+
+    Opal.alias(self, 'member?', 'has_key?');
+
+    Opal.defn(self, '$each', TMP_29 = function ːeach($a_rest) {
+      var $b, self = this, args, $iter = TMP_29.$$p, $yield = $iter || nil;
+
+      var $args_len = arguments.length, $rest_len = $args_len - 0;
+      if ($rest_len < 0) { $rest_len = 0; }
+      args = new Array($rest_len);
+      for (var $arg_idx = 0; $arg_idx < $args_len; $arg_idx++) {
+        args[$arg_idx - 0] = arguments[$arg_idx];
+      }
+      TMP_29.$$p = null;
+      if (($yield !== nil)) {
+        
+        for (var key in self["native"]) {
+          Opal.yieldX($yield, [key, self["native"][key]])
+        }
+      ;
+        return self;
+        } else {
+        return ($b = self).$method_missing.apply($b, ["each"].concat(Opal.to_a(args)))
+      };
+    }, TMP_29.$$arity = -1);
+
+    Opal.defn(self, '$[]', TMP_30 = function(key) {
+      var self = this;
+
+      
+      var prop = self["native"][key];
+
+      if (prop instanceof Function) {
+        return prop;
+      }
+      else {
+        return Opal.get('Native').$call(self["native"], key)
+      }
+    ;
+    }, TMP_30.$$arity = 1);
+
+    Opal.defn(self, '$[]=', TMP_31 = function(key, value) {
+      var $a, self = this, native$ = nil;
+
+      native$ = $scope.get('Native').$try_convert(value);
+      if ((($a = native$ === nil) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return self["native"][key] = value;
+        } else {
+        return self["native"][key] = native$;
+      };
+    }, TMP_31.$$arity = 2);
+
+    Opal.defn(self, '$merge!', TMP_32 = function(other) {
+      var self = this;
+
+      
+      other = $scope.get('Native').$convert(other);
+
+      for (var prop in other) {
+        self["native"][prop] = other[prop];
+      }
+    ;
+      return self;
+    }, TMP_32.$$arity = 1);
+
+    Opal.defn(self, '$respond_to?', TMP_33 = function(name, include_all) {
+      var self = this;
+
+      if (include_all == null) {
+        include_all = false;
+      }
+      return $scope.get('Kernel').$instance_method("respond_to?").$bind(self).$call(name, include_all);
+    }, TMP_33.$$arity = -2);
+
+    Opal.defn(self, '$respond_to_missing?', TMP_34 = function(name, include_all) {
+      var self = this;
+
+      if (include_all == null) {
+        include_all = false;
+      }
+      return Opal.hasOwnProperty.call(self["native"], name);
+    }, TMP_34.$$arity = -2);
+
+    Opal.defn(self, '$method_missing', TMP_35 = function ːmethod_missing(mid, $a_rest) {
+      var $b, $c, self = this, args, $iter = TMP_35.$$p, block = $iter || nil;
+
+      var $args_len = arguments.length, $rest_len = $args_len - 1;
+      if ($rest_len < 0) { $rest_len = 0; }
+      args = new Array($rest_len);
+      for (var $arg_idx = 1; $arg_idx < $args_len; $arg_idx++) {
+        args[$arg_idx - 1] = arguments[$arg_idx];
+      }
+      TMP_35.$$p = null;
+      
+      if (mid.charAt(mid.length - 1) === '=') {
+        return self['$[]='](mid.$slice(0, $rb_minus(mid.$length(), 1)), args['$[]'](0));
+      }
+      else {
+        return ($b = ($c = Opal.get('Native')).$call, $b.$$p = block.$to_proc(), $b).apply($c, [self["native"], mid].concat(Opal.to_a(args)));
+      }
+    ;
+    }, TMP_35.$$arity = -2);
+
+    Opal.defn(self, '$nil?', TMP_36 = function() {
+      var self = this;
+
+      return false;
+    }, TMP_36.$$arity = 0);
+
+    Opal.defn(self, '$is_a?', TMP_37 = function(klass) {
+      var self = this;
+
+      return Opal.is_a(self, klass);
+    }, TMP_37.$$arity = 1);
+
+    Opal.alias(self, 'kind_of?', 'is_a?');
+
+    Opal.defn(self, '$instance_of?', TMP_38 = function(klass) {
+      var self = this;
+
+      return self.$$class === klass;
+    }, TMP_38.$$arity = 1);
+
+    Opal.defn(self, '$class', TMP_39 = function() {
+      var self = this;
+
+      return self.$$class;
+    }, TMP_39.$$arity = 0);
+
+    Opal.defn(self, '$to_a', TMP_40 = function ːto_a(options) {
+      var $a, $b, self = this, $iter = TMP_40.$$p, block = $iter || nil;
+
+      if (options == null) {
+        options = $hash2([], {});
+      }
+      TMP_40.$$p = null;
+      return ($a = ($b = (($scope.get('Native')).$$scope.get('Array'))).$new, $a.$$p = block.$to_proc(), $a).call($b, self["native"], options).$to_a();
+    }, TMP_40.$$arity = -1);
+
+    return (Opal.defn(self, '$inspect', TMP_41 = function ːinspect() {
+      var self = this;
+
+      return "#<Native:" + (String(self["native"])) + ">";
+    }, TMP_41.$$arity = 0), nil) && 'inspect';
+  })($scope.get('Native'), $scope.get('BasicObject'));
+  (function($base, $super) {
+    function $Array(){};
+    var self = $Array = $klass($base, $super, 'Array', $Array);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_42, TMP_43, TMP_44, TMP_45, TMP_46, TMP_47, TMP_48;
+
+    def.named = def["native"] = def.get = def.block = def.set = def.length = nil;
+    self.$include($scope.get('Native'));
+
+    self.$include($scope.get('Enumerable'));
+
+    Opal.defn(self, '$initialize', TMP_42 = function ːinitialize(native$, options) {
+      var $a, $b, self = this, $iter = TMP_42.$$p, block = $iter || nil;
+
+      if (options == null) {
+        options = $hash2([], {});
+      }
+      TMP_42.$$p = null;
+      ($a = ($b = self, Opal.find_super_dispatcher(self, 'initialize', TMP_42, false)), $a.$$p = null, $a).call($b, native$);
+      self.get = ((($a = options['$[]']("get")) !== false && $a !== nil && $a != null) ? $a : options['$[]']("access"));
+      self.named = options['$[]']("named");
+      self.set = ((($a = options['$[]']("set")) !== false && $a !== nil && $a != null) ? $a : options['$[]']("access"));
+      self.length = ((($a = options['$[]']("length")) !== false && $a !== nil && $a != null) ? $a : "length");
+      self.block = block;
+      if ((($a = self.$length() == null) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return self.$raise($scope.get('ArgumentError'), "no length found on the array-like object")
+        } else {
+        return nil
+      };
+    }, TMP_42.$$arity = -2);
+
+    Opal.defn(self, '$each', TMP_43 = function ːeach() {
+      var self = this, $iter = TMP_43.$$p, block = $iter || nil;
+
+      TMP_43.$$p = null;
+      if (block !== false && block !== nil && block != null) {
+        } else {
+        return self.$enum_for("each")
+      };
+      
+      for (var i = 0, length = self.$length(); i < length; i++) {
+        Opal.yield1(block, self['$[]'](i));
+      }
+    ;
+      return self;
+    }, TMP_43.$$arity = 0);
+
+    Opal.defn(self, '$[]', TMP_44 = function(index) {
+      var $a, self = this, result = nil, $case = nil;
+
+      result = (function() {$case = index;if ($scope.get('String')['$===']($case) || $scope.get('Symbol')['$===']($case)) {if ((($a = self.named) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return self["native"][self.named](index);
+        } else {
+        return self["native"][index];
+      }}else if ($scope.get('Integer')['$===']($case)) {if ((($a = self.get) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return self["native"][self.get](index);
+        } else {
+        return self["native"][index];
+      }}else { return nil }})();
+      if (result !== false && result !== nil && result != null) {
+        if ((($a = self.block) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+          return self.block.$call(result)
+          } else {
+          return self.$Native(result)
+        }
+        } else {
+        return nil
+      };
+    }, TMP_44.$$arity = 1);
+
+    Opal.defn(self, '$[]=', TMP_45 = function(index, value) {
+      var $a, self = this;
+
+      if ((($a = self.set) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return self["native"][self.set](index, $scope.get('Native').$convert(value));
+        } else {
+        return self["native"][index] = $scope.get('Native').$convert(value);
+      };
+    }, TMP_45.$$arity = 2);
+
+    Opal.defn(self, '$last', TMP_46 = function ːlast(count) {
+      var $a, $b, self = this, index = nil, result = nil;
+
+      if (count == null) {
+        count = nil;
+      }
+      if (count !== false && count !== nil && count != null) {
+        index = $rb_minus(self.$length(), 1);
+        result = [];
+        while ((($b = $rb_ge(index, 0)) !== nil && $b != null && (!$b.$$is_boolean || $b == true))) {
+        result['$<<'](self['$[]'](index));
+        index = $rb_minus(index, 1);};
+        return result;
+        } else {
+        return self['$[]']($rb_minus(self.$length(), 1))
+      };
+    }, TMP_46.$$arity = -1);
+
+    Opal.defn(self, '$length', TMP_47 = function ːlength() {
+      var self = this;
+
+      return self["native"][self.length];
+    }, TMP_47.$$arity = 0);
+
+    Opal.alias(self, 'to_ary', 'to_a');
+
+    return (Opal.defn(self, '$inspect', TMP_48 = function ːinspect() {
+      var self = this;
+
+      return self.$to_a().$inspect();
+    }, TMP_48.$$arity = 0), nil) && 'inspect';
+  })($scope.get('Native'), null);
+  (function($base, $super) {
+    function $Numeric(){};
+    var self = $Numeric = $klass($base, $super, 'Numeric', $Numeric);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_49;
+
+    return (Opal.defn(self, '$to_n', TMP_49 = function ːto_n() {
+      var self = this;
+
+      return self.valueOf();
+    }, TMP_49.$$arity = 0), nil) && 'to_n'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $Proc(){};
+    var self = $Proc = $klass($base, $super, 'Proc', $Proc);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_50;
+
+    return (Opal.defn(self, '$to_n', TMP_50 = function ːto_n() {
+      var self = this;
+
+      return self;
+    }, TMP_50.$$arity = 0), nil) && 'to_n'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $String(){};
+    var self = $String = $klass($base, $super, 'String', $String);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_51;
+
+    return (Opal.defn(self, '$to_n', TMP_51 = function ːto_n() {
+      var self = this;
+
+      return self.valueOf();
+    }, TMP_51.$$arity = 0), nil) && 'to_n'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $Regexp(){};
+    var self = $Regexp = $klass($base, $super, 'Regexp', $Regexp);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_52;
+
+    return (Opal.defn(self, '$to_n', TMP_52 = function ːto_n() {
+      var self = this;
+
+      return self.valueOf();
+    }, TMP_52.$$arity = 0), nil) && 'to_n'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $MatchData(){};
+    var self = $MatchData = $klass($base, $super, 'MatchData', $MatchData);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_53;
+
+    def.matches = nil;
+    return (Opal.defn(self, '$to_n', TMP_53 = function ːto_n() {
+      var self = this;
+
+      return self.matches;
+    }, TMP_53.$$arity = 0), nil) && 'to_n'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $Struct(){};
+    var self = $Struct = $klass($base, $super, 'Struct', $Struct);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_55;
+
+    return (Opal.defn(self, '$to_n', TMP_55 = function ːto_n() {
+      var $a, $b, TMP_54, self = this, result = nil;
+
+      result = {};
+      ($a = ($b = self).$each_pair, $a.$$p = (TMP_54 = function(name, value){var self = TMP_54.$$s || this;
+if (name == null) name = nil;if (value == null) value = nil;
+      return result[name] = $scope.get('Native').$try_convert(value, value);}, TMP_54.$$s = self, TMP_54.$$arity = 2, TMP_54), $a).call($b);
+      return result;
+    }, TMP_55.$$arity = 0), nil) && 'to_n'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $Array(){};
+    var self = $Array = $klass($base, $super, 'Array', $Array);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_56;
+
+    return (Opal.defn(self, '$to_n', TMP_56 = function ːto_n() {
+      var self = this;
+
+      
+      var result = [];
+
+      for (var i = 0, length = self.length; i < length; i++) {
+        var obj = self[i];
+
+        result.push($scope.get('Native').$try_convert(obj, obj));
+      }
+
+      return result;
+    
+    }, TMP_56.$$arity = 0), nil) && 'to_n'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $Boolean(){};
+    var self = $Boolean = $klass($base, $super, 'Boolean', $Boolean);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_57;
+
+    return (Opal.defn(self, '$to_n', TMP_57 = function ːto_n() {
+      var self = this;
+
+      return self.valueOf();
+    }, TMP_57.$$arity = 0), nil) && 'to_n'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $Time(){};
+    var self = $Time = $klass($base, $super, 'Time', $Time);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_58;
+
+    return (Opal.defn(self, '$to_n', TMP_58 = function ːto_n() {
+      var self = this;
+
+      return self;
+    }, TMP_58.$$arity = 0), nil) && 'to_n'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $NilClass(){};
+    var self = $NilClass = $klass($base, $super, 'NilClass', $NilClass);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_59;
+
+    return (Opal.defn(self, '$to_n', TMP_59 = function ːto_n() {
+      var self = this;
+
+      return null;
+    }, TMP_59.$$arity = 0), nil) && 'to_n'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $Hash(){};
+    var self = $Hash = $klass($base, $super, 'Hash', $Hash);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_60, TMP_61;
+
+    self.$alias_method("_initialize", "initialize");
+
+    Opal.defn(self, '$initialize', TMP_60 = function ːinitialize(defaults) {
+      var $a, $b, self = this, $iter = TMP_60.$$p, block = $iter || nil;
+
+      TMP_60.$$p = null;
+      
+      if (defaults != null && defaults.constructor === Object) {
+        var smap = self.$$smap,
+            keys = self.$$keys,
+            key, value;
+
+        for (key in defaults) {
+          value = defaults[key];
+
+          if (value && value.constructor === Object) {
+            smap[key] = $scope.get('Hash').$new(value);
+          } else if (value && value.$$is_array) {
+            value = value.map(function(item) {
+              if (item && item.constructor === Object) {
+                return $scope.get('Hash').$new(item);
+              }
+
+              return item;
+            });
+            smap[key] = value
+          } else {
+            smap[key] = self.$Native(value);
+          }
+
+          keys.push(key);
+        }
+
+        return self;
+      }
+
+      return ($a = ($b = self).$_initialize, $a.$$p = block.$to_proc(), $a).call($b, defaults);
+    
+    }, TMP_60.$$arity = -1);
+
+    return (Opal.defn(self, '$to_n', TMP_61 = function ːto_n() {
+      var self = this;
+
+      
+      var result = {},
+          keys = self.$$keys,
+          smap = self.$$smap,
+          key, value;
+
+      for (var i = 0, length = keys.length; i < length; i++) {
+        key = keys[i];
+
+        if (key.$$is_string) {
+          value = smap[key];
+        } else {
+          key = key.key;
+          value = key.value;
+        }
+
+        result[key] = $scope.get('Native').$try_convert(value, value);
+      }
+
+      return result;
+    
+    }, TMP_61.$$arity = 0), nil) && 'to_n';
+  })($scope.base, null);
+  (function($base, $super) {
+    function $Module(){};
+    var self = $Module = $klass($base, $super, 'Module', $Module);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_62;
+
+    return (Opal.defn(self, '$native_module', TMP_62 = function ːnative_module() {
+      var self = this;
+
+      return Opal.global[self.$name()] = self;
+    }, TMP_62.$$arity = 0), nil) && 'native_module'
+  })($scope.base, null);
+  (function($base, $super) {
+    function $Class(){};
+    var self = $Class = $klass($base, $super, 'Class', $Class);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_63, TMP_64;
+
+    Opal.defn(self, '$native_alias', TMP_63 = function ːnative_alias(new_jsid, existing_mid) {
+      var self = this;
+
+      
+      var aliased = self.$$proto['$' + existing_mid];
+      if (!aliased) {
+        self.$raise($scope.get('NameError').$new("undefined method `" + (existing_mid) + "' for class `" + (self.$inspect()) + "'", self.$exiting_mid()));
+      }
+      self.$$proto[new_jsid] = aliased;
+    ;
+    }, TMP_63.$$arity = 2);
+
+    return (Opal.defn(self, '$native_class', TMP_64 = function ːnative_class() {
+      var self = this;
+
+      self.$native_module();
+      self["new"] = self.$new;
+    }, TMP_64.$$arity = 0), nil) && 'native_class';
+  })($scope.base, null);
+  return $gvars.$ = $gvars.global = self.$Native(Opal.global);
+};
+
+/* Generated by Opal 0.10.2 */
+Opal.modules["opal/react/react"] = function(Opal) {
+  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $module = Opal.module, $gvars = Opal.gvars;
+
+  Opal.add_stubs(['$render', '$to_proc', '$ReactDOM', '$renderToString', '$ReactDOMServer', '$renderToStaticMarkup']);
+  
+  if (typeof global === 'undefined') global = window;
+  if (typeof React === 'undefined') {
+    if (require) global.React = require('react');
+  }
+  if (typeof ReactDOM === 'undefined') {
+    if (require) global.ReactDOM = require('react-dom');
+  }
+  if (typeof shallowCompare === 'undefined') {
+    if ('addons' in React && 'shallowCompare' in React.addons)
+      global.shallowCompare = React.addons.shallowCompare;
+    else if (require)
+      global.shallowCompare('react-addons-shallow-compare');
+  }
+
+  (function($base) {
+    var $React, self = $React = $module($base, 'React');
+
+    var def = self.$$proto, $scope = self.$$scope;
+
+    nil
+  })($scope.base);
+  (function($base) {
+    var $ReactDOM, self = $ReactDOM = $module($base, 'ReactDOM');
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_1;
+
+    Opal.defs(self, '$render', TMP_1 = function ːrender(element, container) {
+      var $a, $b, self = this, $iter = TMP_1.$$p, block = $iter || nil;
+      if ($gvars.$ == null) $gvars.$ = nil;
+
+      TMP_1.$$p = null;
+      return ($a = ($b = $gvars.$.$ReactDOM()).$render, $a.$$p = block.$to_proc(), $a).call($b, element, container);
+    }, TMP_1.$$arity = 2)
+  })($scope.base);
+  return (function($base) {
+    var $ReactDOMServer, self = $ReactDOMServer = $module($base, 'ReactDOMServer');
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_2, TMP_3;
+
+    Opal.defs(self, '$renderToString', TMP_2 = function ːrenderToString(element) {
+      var self = this;
+      if ($gvars.$ == null) $gvars.$ = nil;
+
+      return $gvars.$.$ReactDOMServer().$renderToString(element);
+    }, TMP_2.$$arity = 1);
+
+    Opal.defs(self, '$renderToStaticMarkup', TMP_3 = function ːrenderToStaticMarkup(element) {
+      var self = this;
+      if ($gvars.$ == null) $gvars.$ = nil;
+
+      return $gvars.$.$ReactDOMServer().$renderToStaticMarkup(element);
+    }, TMP_3.$$arity = 1);
+  })($scope.base);
+};
+
+/* Generated by Opal 0.10.2 */
+Opal.modules["opal/react/dom"] = function(Opal) {
+  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $module = Opal.module, $gvars = Opal.gvars;
+
+  Opal.add_stubs(['$each', '$define_method', '$nil?', '$!', '$fix_props', '$to_n', '$DOM', '$React']);
+  return (function($base) {
+    var $React, self = $React = $module($base, 'React');
+
+    var def = self.$$proto, $scope = self.$$scope;
+
+    (function($base) {
+      var $DOM, self = $DOM = $module($base, 'DOM');
+
+      var def = self.$$proto, $scope = self.$$scope, $a, $b, TMP_1;
+      if ($gvars.$ == null) $gvars.$ = nil;
+
+      ($a = ($b = $gvars.$.$React().$DOM()).$each, $a.$$p = (TMP_1 = function(name, factory){var self = TMP_1.$$s || this, $c, $d, TMP_2;
+if (name == null) name = nil;if (factory == null) factory = nil;
+      return ($c = ($d = self).$define_method, $c.$$p = (TMP_2 = function(props, children){var self = TMP_2.$$s || this, block, $e, $f;
+
+          block = TMP_2.$$p || nil, TMP_2.$$p = null;
+          if (props == null) {
+            props = nil;
+          }
+          if (children == null) {
+            children = nil;
+          }
+        if ((($e = children['$nil?']()) !== nil && $e != null && (!$e.$$is_boolean || $e == true))) {
+            if ((($e = Array.isArray(props)) !== nil && $e != null && (!$e.$$is_boolean || $e == true))) {
+              children = props;
+              props = nil;
+            } else if ((($e = ($f = props['$nil?']()['$!'](), $f !== false && $f !== nil && $f != null ?typeof props !== 'object' : $f)) !== nil && $e != null && (!$e.$$is_boolean || $e == true))) {
+              children = [props];
+              props = nil;}};
+          return factory($scope.get('React').$fix_props(props), children.$to_n());;}, TMP_2.$$s = self, TMP_2.$$arity = -1, TMP_2), $c).call($d, name)}, TMP_1.$$s = self, TMP_1.$$arity = 2, TMP_1), $a).call($b)
+    })($scope.base)
+  })($scope.base)
+};
+
+/* Generated by Opal 0.10.2 */
+Opal.modules["opal/react/window"] = function(Opal) {
+  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $module = Opal.module, $gvars = Opal.gvars;
+
+  Opal.add_stubs(['$each', '$define_method', '$[]', '$window']);
+  return (function($base) {
+    var $React, self = $React = $module($base, 'React');
+
+    var def = self.$$proto, $scope = self.$$scope;
+
+    (function($base) {
+      var $Window, self = $Window = $module($base, 'Window');
+
+      var def = self.$$proto, $scope = self.$$scope, $a, $b, TMP_1;
+
+      ($a = ($b = ["closed", "console", "controllers", "crypto", "devicePixelRatio", "dialogArguments", "document", "frameElement", "frames", "fullscreen", "history", "indexedDB", "innerHeight", "innerWidth", "isSecureContext", "length", "localStorage", "location", "locationbar", "menubar", "messageManager", "name", "navigator", "opener", "outerHeight", "outerWidth", "parent", "performance", "personalbar", "screen", "screenX", "screenY", "scrollbars", "scrollX", "scrollY", "sessionStorage", "status", "statusbar", "toolbar", "top", "URL", "window", "alert", "atob", "blur", "btoa", "cancelAnimationFrame", "cancelIdleCallback", "clearImmediate", "clearInterval", "clearTimeout", "close", "confirm", "convertPointFromNodeToPage", "createImageBitmap", "fetch", "focus", "forward", "getAttention", "getComputedStyle", "getDefaultComputedStyle", "getSelection", "home", "matchMedia", "minimize", "moveBy", "moveTo", "open", "postMessage", "prompt", "requestAnimationFrame", "requestIdleCallback", "resizeBy", "resizeTo", "restore", "scroll", "scrollBy", "scrollByPages", "scrollTo", "setImmediate", "setInterval", "setTimeout", "sizeToContent", "stop", "updateCommands"]).$each, $a.$$p = (TMP_1 = function(key){var self = TMP_1.$$s || this, $c, $d, TMP_2;
+if (key == null) key = nil;
+      return ($c = ($d = self).$define_method, $c.$$p = (TMP_2 = function(){var self = TMP_2.$$s || this;
+          if ($gvars.$ == null) $gvars.$ = nil;
+
+        return $gvars.$.$window()['$[]'](key)}, TMP_2.$$s = self, TMP_2.$$arity = 0, TMP_2), $c).call($d, key)}, TMP_1.$$s = self, TMP_1.$$arity = 1, TMP_1), $a).call($b)
+    })($scope.base)
+  })($scope.base)
+};
+
+/* Generated by Opal 0.10.2 */
+Opal.modules["opal/react/component"] = function(Opal) {
+  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $module = Opal.module, $klass = Opal.klass, $hash2 = Opal.hash2, $gvars = Opal.gvars;
+
+  Opal.add_stubs(['$nil?', '$each', '$start_with?', '$lambda', '$call', '$Native', '$==', '$to_n', '$include', '$fix_props', '$new', '$fix_state', '$!', '$dsl_name', '$name', '$define_method', '$render', '$appendChild', '$body', '$document', '$createElement', '$class', '$gsub', '$[]']);
+  return (function($base) {
+    var $React, self = $React = $module($base, 'React');
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_5, TMP_7;
+
+    (function($base, $super) {
+      function $ShallowWrapper(){};
+      var self = $ShallowWrapper = $klass($base, $super, 'ShallowWrapper', $ShallowWrapper);
+
+      var def = self.$$proto, $scope = self.$$scope, TMP_1, TMP_2;
+
+      def["native"] = nil;
+      Opal.defn(self, '$initialize', TMP_1 = function ːinitialize(native$) {
+        var self = this;
+
+        return self["native"] = native$;
+      }, TMP_1.$$arity = 1);
+
+      return (Opal.defn(self, '$[]', TMP_2 = function(key) {
+        var self = this;
+
+        return self["native"][key] || nil;;
+      }, TMP_2.$$arity = 1), nil) && '[]';
+    })($scope.base, null);
+
+    Opal.defs(self, '$fix_props', TMP_5 = function ːfix_props(props) {
+      var $a, $b, TMP_3, self = this;
+
+      if ((($a = props['$nil?']()) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return null};
+      
+      const jsProps = {};
+      ($a = ($b = props).$each, $a.$$p = (TMP_3 = function(key, value){var self = TMP_3.$$s || this, $c, $d, TMP_4, chain = nil;
+if (key == null) key = nil;if (value == null) value = nil;
+      if ((($c = key['$start_with?']("on")) !== nil && $c != null && (!$c.$$is_boolean || $c == true))) {
+          chain = value;
+          value = ($c = ($d = self).$lambda, $c.$$p = (TMP_4 = function(event){var self = TMP_4.$$s || this;
+if (event == null) event = nil;
+          return chain.$call(self.$Native(event))}, TMP_4.$$s = self, TMP_4.$$arity = 1, TMP_4), $c).call($d);
+        } else if (key['$==']("style")) {
+          value = value.$to_n()};
+        jsProps[key] = value;}, TMP_3.$$s = self, TMP_3.$$arity = 2, TMP_3), $a).call($b)
+    return jsProps;
+  
+    }, TMP_5.$$arity = 1);
+
+    Opal.defs(self, '$fix_state', TMP_7 = function ːfix_state(state) {
+      var $a, $b, TMP_6, self = this;
+
+      if ((($a = state['$nil?']()) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+        return null};
+      
+      const jsState = {};
+      ($a = ($b = state).$each, $a.$$p = (TMP_6 = function(key, value){var self = TMP_6.$$s || this;
+if (key == null) key = nil;if (value == null) value = nil;
+      jsState[key] = value;}, TMP_6.$$s = self, TMP_6.$$arity = 2, TMP_6), $a).call($b)
+      return jsState;
+    
+    }, TMP_7.$$arity = 1);
+
+    (function($base, $super) {
+      function $Component(){};
+      var self = $Component = $klass($base, $super, 'Component', $Component);
+
+      var def = self.$$proto, $scope = self.$$scope, TMP_8, TMP_12, TMP_13, TMP_14, TMP_15, TMP_16, TMP_17, TMP_18, TMP_19, TMP_20, TMP_21, TMP_22, TMP_23, TMP_24, TMP_25, TMP_26, TMP_27, TMP_28, TMP_29, TMP_31;
+
+      def["this"] = nil;
+      self.$include($scope.get('DOM'));
+
+      self.$include($scope.get('Window'));
+
+      Opal.defs(self, '$inherited', TMP_8 = function ːinherited(subclass) {
+        var $a, $b, $c, TMP_9, $d, TMP_10, self = this, $iter = TMP_8.$$p, $yield = $iter || nil, _class = nil, _create = nil, name = nil, $zuper = nil, $zuper_index = nil, $zuper_length = nil;
+
+        TMP_8.$$p = null;
+        $zuper = [];
+        
+        for($zuper_index = 0; $zuper_index < arguments.length; $zuper_index++) {
+          $zuper[$zuper_index] = arguments[$zuper_index];
+        }
+        ($a = ($b = self, Opal.find_super_dispatcher(self, 'inherited', TMP_8, false, $Component)), $a.$$p = $iter, $a).apply($b, $zuper);
+        _class = 
+        class extends React.Component {
+
+          static get defaultProps() {
+            return $scope.get('React').$fix_props(subclass.$default_props());
+          }
+
+          constructor(props) {
+            super(props);
+            this.self = subclass.$new(props);
+            this.state = $scope.get('React').$fix_state(this.self.$initial_state());
+          }
+
+          render() {
+            return this.self.$bridge(this).self.$render();
+          }
+
+          componentWillMount() {
+            this.self.$bridge(this).self.$component_will_mount();
+          }
+
+          componentDidMount() {
+            this.self.$bridge(this).self.$component_did_mount();
+          }
+
+          componentWillReceiveProps(nextProps) {
+            this.self.$bridge(this).self.$component_will_receive_props(nextProps);
+          }
+
+          shouldComponentUpdate(nextProps, nextState) {
+            return ("$should_component_update?" in this.self)
+              ? this.self.$bridge(this).self["$should_component_update?"](nextProps, nextState)
+              : shallowCompare(this, nextProps, nextState);
+          }
+
+          componentWillUpdate(nextProps, nextState) {
+            this.self.$bridge(this).self.$component_will_update(nextProps, nextState);
+          }
+
+          componentDidUpdate(prevProps, prevState) {
+            this.self.$bridge(this).self.$component_did_update(prevProps, prevState);
+          }
+
+          componentWillUnmount() {
+            this.self.$bridge(this).self.$component_will_unmount();
+          }
+        }
+      ;
+        _create = ($a = ($c = $scope.get('Proc')).$new, $a.$$p = (TMP_9 = function(props, children){var self = TMP_9.$$s || this, block, $d, $e;
+
+          block = TMP_9.$$p || nil, TMP_9.$$p = null;
+          if (props == null) {
+            props = nil;
+          }
+          if (children == null) {
+            children = nil;
+          }
+        if ((($d = children['$nil?']()) !== nil && $d != null && (!$d.$$is_boolean || $d == true))) {
+            if ((($d = Array.isArray(props)) !== nil && $d != null && (!$d.$$is_boolean || $d == true))) {
+              children = props;
+              props = nil;
+            } else if ((($d = ($e = props['$nil?']()['$!'](), $e !== false && $e !== nil && $e != null ?typeof props !== 'object' : $e)) !== nil && $d != null && (!$d.$$is_boolean || $d == true))) {
+              children = [props];
+              props = nil;}};
+          return React.createElement( _class, $scope.get('React').$fix_props(props), children.$to_n() );;}, TMP_9.$$s = self, TMP_9.$$arity = -1, TMP_9), $a).call($c);
+        name = subclass.$dsl_name(subclass.$name());
+        $scope.get('DOM').$define_method(name, _create);
+        return ($a = ($d = subclass.$class()).$define_method, $a.$$p = (TMP_10 = function($kwargs){var self = TMP_10.$$s || this, props, container, $e, $f, TMP_11;
+          if ($gvars.$ == null) $gvars.$ = nil;
+
+          if ($kwargs == null || !$kwargs.$$is_hash) {
+            if ($kwargs == null) {
+              $kwargs = $hash2([], {});
+            } else {
+              throw Opal.ArgumentError.$new('expected kwargs');
+            }
+          }
+          if ((props = $kwargs.$$smap['props']) == null) {
+            props = nil
+          }
+          if ((container = $kwargs.$$smap['container']) == null) {
+            container = nil
+          }
+        if (container !== false && container !== nil && container != null) {
+            return $scope.get('ReactDOM').$render(_create.$call(props), container)
+            } else {
+            return ($e = ($f = $scope.get('ReactDOM')).$render, $e.$$p = (TMP_11 = function(){var self = TMP_11.$$s || this;
+              if ($gvars.$ == null) $gvars.$ = nil;
+
+            return $gvars.$.$document().$body().$appendChild(container)}, TMP_11.$$s = self, TMP_11.$$arity = 0, TMP_11), $e).call($f, _create.$call(props), container = $gvars.$.$document().$createElement("div"))
+          }}, TMP_10.$$s = self, TMP_10.$$arity = -1, TMP_10), $a).call($d, "run");
+      }, TMP_8.$$arity = 1);
+
+      Opal.defs(self, '$dsl_name', TMP_12 = function ːdsl_name(name) {
+        var self = this;
+
+        return name.$gsub(/Component$/, "");
+      }, TMP_12.$$arity = 1);
+
+      Opal.defn(self, '$bridge', TMP_13 = function ːbridge(value) {
+        var self = this;
+
+        return self["this"] = value;
+      }, TMP_13.$$arity = 1);
+
+      Opal.defs(self, '$default_props', TMP_14 = function ːdefault_props() {
+        var self = this;
+
+        return nil;
+      }, TMP_14.$$arity = 0);
+
+      Opal.defn(self, '$initial_state', TMP_15 = function ːinitial_state() {
+        var self = this;
+
+        return nil;
+      }, TMP_15.$$arity = 0);
+
+      Opal.defn(self, '$prop_types', TMP_16 = function ːprop_types() {
+        var self = this;
+
+        return nil;
+      }, TMP_16.$$arity = 0);
+
+      Opal.defn(self, '$component_will_mount', TMP_17 = function ːcomponent_will_mount() {
+        var self = this;
+
+        return nil;
+      }, TMP_17.$$arity = 0);
+
+      Opal.defn(self, '$component_did_mount', TMP_18 = function ːcomponent_did_mount() {
+        var self = this;
+
+        return nil;
+      }, TMP_18.$$arity = 0);
+
+      Opal.defn(self, '$component_will_receive_props', TMP_19 = function ːcomponent_will_receive_props(next_props) {
+        var self = this;
+
+        return nil;
+      }, TMP_19.$$arity = 1);
+
+      Opal.defn(self, '$component_will_update', TMP_20 = function ːcomponent_will_update(next_props, next_state) {
+        var self = this;
+
+        return nil;
+      }, TMP_20.$$arity = 2);
+
+      Opal.defn(self, '$component_did_update', TMP_21 = function ːcomponent_did_update(next_props, next_state) {
+        var self = this;
+
+        return nil;
+      }, TMP_21.$$arity = 2);
+
+      Opal.defn(self, '$component_will_unmount', TMP_22 = function ːcomponent_will_unmount() {
+        var self = this;
+
+        return nil;
+      }, TMP_22.$$arity = 0);
+
+      Opal.defn(self, '$render', TMP_23 = function ːrender() {
+        var self = this;
+
+        return nil;
+      }, TMP_23.$$arity = 0);
+
+      Opal.defn(self, '$props', TMP_24 = function ːprops() {
+        var self = this;
+
+        return $scope.get('ShallowWrapper').$new(self["this"].props);
+      }, TMP_24.$$arity = 0);
+
+      Opal.defn(self, '$state', TMP_25 = function ːstate() {
+        var self = this;
+
+        return $scope.get('ShallowWrapper').$new(self["this"].state);
+      }, TMP_25.$$arity = 0);
+
+      Opal.defn(self, '$set_state', TMP_26 = function ːset_state(next_state) {
+        var $a, self = this, $iter = TMP_26.$$p, block = $iter || nil;
+
+        TMP_26.$$p = null;
+        if ((($a = block['$nil?']()) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+          block = null};
+        return self["this"].setState($scope.get('React').$fix_state(next_state), block);;
+      }, TMP_26.$$arity = 1);
+
+      Opal.defn(self, '$replace_state', TMP_27 = function ːreplace_state(next_state) {
+        var $a, self = this, $iter = TMP_27.$$p, block = $iter || nil;
+
+        TMP_27.$$p = null;
+        if ((($a = block['$nil?']()) !== nil && $a != null && (!$a.$$is_boolean || $a == true))) {
+          block = null};
+        return self["this"].replaceState($scope.get('React').$fix_state(next_state), block);;
+      }, TMP_27.$$arity = 1);
+
+      Opal.defn(self, '$force_update', TMP_28 = function ːforce_update() {
+        var self = this;
+
+        return self["this"].forceUpdate();;
+      }, TMP_28.$$arity = 0);
+
+      Opal.defn(self, '$mounted?', TMP_29 = function() {
+        var self = this;
+
+        return self["this"].isMounted();;
+      }, TMP_29.$$arity = 0);
+
+      return (Opal.defn(self, '$defer', TMP_31 = function ːdefer(ms) {
+        var $a, $b, TMP_30, self = this, $iter = TMP_31.$$p, $yield = $iter || nil;
+        if ($gvars.$ == null) $gvars.$ = nil;
+
+        if (ms == null) {
+          ms = 0;
+        }
+        TMP_31.$$p = null;
+        return $gvars.$['$[]']("setTimeout").$call(($a = ($b = self).$lambda, $a.$$p = (TMP_30 = function(){var self = TMP_30.$$s || this;
+
+        if (($yield !== nil)) {
+            return Opal.yieldX($yield, []);
+            } else {
+            return nil
+          }}, TMP_30.$$s = self, TMP_30.$$arity = 0, TMP_30), $a).call($b), ms);
+      }, TMP_31.$$arity = -1), nil) && 'defer';
+    })($scope.base, null);
+  })($scope.base)
+};
+
+/* Generated by Opal 0.10.2 */
+Opal.modules["opal/react/version"] = function(Opal) {
+  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $module = Opal.module;
+
+  return (function($base) {
+    var $Opal, self = $Opal = $module($base, 'Opal');
+
+    var def = self.$$proto, $scope = self.$$scope;
+
+    (function($base) {
+      var $React, self = $React = $module($base, 'React');
+
+      var def = self.$$proto, $scope = self.$$scope;
+
+      Opal.cdecl($scope, 'VERSION', "0.0.3")
+    })($scope.base)
+  })($scope.base)
+};
+
+/* Generated by Opal 0.10.2 */
+(function(Opal) {
+  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice;
+
+  Opal.add_stubs(['$==', '$require']);
+  if ($scope.get('RUBY_ENGINE')['$==']("opal")) {
+    self.$require("native");
+    self.$require("opal/react"+ '/../' + "react/react.rb");
+    self.$require("opal/react"+ '/../' + "react/dom.rb");
+    self.$require("opal/react"+ '/../' + "react/window.rb");
+    self.$require("opal/react"+ '/../' + "react/component.rb");
+    return self.$require("opal/react"+ '/../' + "react/version");}
+})(Opal);
+
+//# sourceMappingURL=opal-react.js.map