isomorfeus-react 16.12.2 → 16.12.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e2f2cf299b88aea2632443beec126b7d0407eb85dced22573d0ad712c92019a9
-  data.tar.gz: d4af259b498ae72fc0a09dc099a307587ae383630a77f578de1b364feeb752ff
+  metadata.gz: 16b27da18f07ffa5532831f4eb7223e2811186de76a311b6b6c5382daa31e07b
+  data.tar.gz: 94216067a6cd36e0eda714fbe5c5d807432b478da1cdb0ae193312659f879a21
 SHA512:
-  metadata.gz: 3eea5b7f5db17a5d788b1fcc110329b00c7ef4e0ba82513e717a799ad8a456ec02ed7659e540b3ca5f544d10df04c9c1f4bc6cea38b0c650ff691879360accdf
-  data.tar.gz: 862dfd20043bcfaae2a6aa1b416e3fadd7bc3d8d0f64faf406a92089691d132fc2125ec73c69512be7814a6e65c9f6490dc95e8ec3222da477c00b186afc3ad9
+  metadata.gz: 4b8414d7467dc8b04f3838db146e497556ac68d7a4016f38b4c1b445c5a035a3c157c6f9bc53d8937444677660596e6049da71865bb0681d77c5400b3c22bf75
+  data.tar.gz: cbf406f15a160204347a20cdb8f38293b431a0517537c80eaf742191849386fadb4bda6c56810b8b00b08c28712630a3b070915f0e50d6113f9970ed4a0c3df7

data/README.md

@@ -39,7 +39,7 @@ Which component to use?
 - Usually LucidApp and LucidComponent along with some imported javascript components.
 - For MaterialUI LucidMaterial::App and LucidMaterial::Component along with some imported javascript components.
 
-Specific to Class, Pure, Lucid and LucidMaterial Components:
+Specific to Class, Lucid and LucidMaterial Components:
 - [Events](https://github.com/isomorfeus/isomorfeus-react/blob/master/ruby/docs/events.md)
 - [Lifecycle Callbacks](https://github.com/isomorfeus/isomorfeus-react/blob/master/ruby/docs/lifecycle_callbacks.md)
 - [Props](https://github.com/isomorfeus/isomorfeus-react/blob/master/ruby/docs/props.md)
@@ -63,7 +63,6 @@ Other Features:
 - [Server Side Rendering](https://github.com/isomorfeus/isomorfeus-react/blob/master/ruby/docs/server_side_rendering.md)
 - [Using React Router](https://github.com/isomorfeus/isomorfeus-react/blob/master/ruby/docs/react_router.md)
 - [Isomorfeus Helpers](https://github.com/isomorfeus/isomorfeus-react/blob/master/ruby/docs/isomorfeus_helpers.md)
-- [Reducing Asset Size](https://github.com/isomorfeus/isomorfeus-react/blob/master/ruby/docs/reducing_asset_size.md)
 
 ### Development Tools
 The React Developer Tools allow for analyzing, debugging and profiling components. A very helpful toolset and working very nice with isomorfeus-react:

data/lib/lucid_func/native_component_constructor.rb

@@ -6,10 +6,11 @@ module LucidFunc
         base.store_updates = true;
         base.equality_checker = null;
         base.instance_init = function(initial) {
-          let ruby_instance = { instance: #{base.new(`{}`)} };
-          ruby_instance.data_access = function() { return this.props.store; }
-          ruby_instance.data_access.bind(ruby_instance);
-          return ruby_instance;
+          let ruby_state = { instance: #{base.new(`{}`)} };
+          ruby_state.instance.__ruby_instance = ruby_state.instance;
+          ruby_state.instance.data_access = function() { return this.props.store; }
+          ruby_state.instance.data_access.bind(ruby_state.instance);
+          return ruby_state;
         }
         base.instance_reducer = function(state, action) { return state; }
         base.react_component = Opal.global.React.memo(function(props) {

data/lib/lucid_material/func/native_component_constructor.rb

@@ -7,10 +7,11 @@ module LucidMaterial
           base.store_updates = true;
           base.equality_checker = null;
           base.instance_init = function(initial) {
-            let ruby_instance = { instance: #{base.new(`{}`)} };
-            ruby_instance.data_access = function() { return this.props.store; }
-            ruby_instance.data_access.bind(ruby_instance);
-            return ruby_instance;
+          let ruby_state = { instance: #{base.new(`{}`)} };
+          ruby_state.instance.__ruby_instance = ruby_state.instance;
+          ruby_state.instance.data_access = function() { return this.props.store; }
+          ruby_state.instance.data_access.bind(ruby_state.instance);
+          return ruby_state;
           }
           base.instance_reducer = function(state, action) { return state; }
           base.react_component = Opal.global.React.memo(function(props) {

data/lib/react.rb

@@ -37,7 +37,13 @@ module React
         if (key[0] === 'o' && key[1] === 'n' && key[2] === '_') {
           let handler = ruby_style_props['$[]'](key);
           if (typeof handler === "function") {
-            result[Opal.React.lower_camelize(key)] = handler;
+            let active_c = self.active_component();
+            result[Opal.React.lower_camelize(key)] = function(event, info) {
+              let ruby_event;
+              if (typeof event === "object") { #{ruby_event = ::React::SyntheticEvent.new(`event`)}; }
+              else { #{ruby_event = `event`}; }
+              #{`active_c.__ruby_instance`.instance_exec(ruby_event, `info`, &`handler`)};
+            }
           } else {
             let active_component = Opal.React.active_component();
             result[Opal.React.lower_camelize(key)] = active_component[handler];

data/lib/react/component/event_handler.rb

@@ -9,6 +9,7 @@ module React
         event_handlers << name
         %x{
           var fun = function(event, info) {
+            let ruby_event;
             if (typeof event === "object") { #{ruby_event = ::React::SyntheticEvent.new(`event`)}; }
             else { #{ruby_event = `event`}; }
             #{`this.__ruby_instance`.instance_exec(ruby_event, `info`, &block)};

data/lib/react/function_component/native_component_constructor.rb

@@ -4,7 +4,11 @@ module React
       def self.extended(base)
         component_name = base.to_s
         %x{
-          base.instance_init = function(initial) { return { instance: #{base.new(`{}`)} }; }
+          base.instance_init = function(initial) {
+            let ruby_state = { instance: #{base.new(`{}`)} };
+            ruby_state.instance.__ruby_instance = ruby_state.instance;
+            return ruby_state;
+          }
           base.instance_reducer = function(state, action) { return state; }
           base.react_component = function(props) {
             const oper = Opal.React;

data/lib/react/memo_component/native_component_constructor.rb

@@ -4,7 +4,11 @@ module React
       def self.extended(base)
         component_name = base.to_s
         %x{
-          base.instance_init = function(initial) { return { instance: #{base.new(`{}`)} }; }
+          base.instance_init = function(initial) {
+            let ruby_state = { instance: #{base.new(`{}`)} };
+            ruby_state.instance.__ruby_instance = ruby_state.instance;
+            return ruby_state;
+          }
           base.instance_reducer = function(state, action) { return state; }
           base.equality_checker = null;
           base.react_component = Opal.global.React.memo(function(props) {

data/lib/react/version.rb

@@ -1,3 +1,3 @@
 module React
-  VERSION = '16.12.2'
+  VERSION = '16.12.3'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: isomorfeus-react
 version: !ruby/object:Gem::Version
-  version: 16.12.2
+  version: 16.12.3
 platform: ruby
 authors:
 - Jan Biedermann
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-12-17 00:00:00.000000000 Z
+date: 2019-12-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: concurrent-ruby