isomorfeus-react 16.13.10 → 16.13.11

data/lib/react_native/lucid_func/react_native_component_constructor.rb

@@ -0,0 +1,82 @@
+module LucidFunc
+  module ReactNativeComponentConstructor
+    def self.extended(base)
+      component_name = base.to_s
+      %x{
+        base.store_updates = true;
+        base.equality_checker = null;
+        base.instance_init = function(initial) {
+          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) {
+          const og = Opal.global;
+          const oper = Opal.React;
+          oper.render_buffer.push([]);
+          // console.log("function pushed", oper.render_buffer, oper.render_buffer.toString());
+          // Lucid functionality
+          let classes = null;
+          let store;
+          if (base.store_updates) { store = og.React.useContext(og.LucidApplicationContext); }
+          let theme = og.ReactJSS.useTheme();
+          if (base.jss_styles) {
+            if (!base.use_styles || (Opal.Isomorfeus.development === true)) {
+              let styles;
+              if (typeof base.jss_styles === 'function') { styles = base.jss_styles(theme); }
+              else { styles = base.jss_styles; }
+              base.use_styles = og.ReactJSS.createUseStyles(styles);
+            }
+            classes = base.use_styles();
+          }
+          // prepare Ruby instance
+          const [__ruby_state, __ruby_dispatch] = og.React.useReducer(base.instance_reducer, null, base.instance_init);
+          const __ruby_instance = __ruby_state.instance;
+          __ruby_instance.props = Object.assign({}, props);
+          __ruby_instance.props.store = store;
+          __ruby_instance.props.theme = theme;
+          __ruby_instance.props.classes = classes;
+          oper.active_components.push(__ruby_instance);
+          oper.active_redux_components.push(__ruby_instance);
+          let block_result = #{`__ruby_instance`.instance_exec(&`base.render_block`)};
+          if (block_result && block_result !== nil) { oper.render_block_result(block_result); }
+          oper.active_redux_components.pop();
+          oper.active_components.pop();
+          // console.log("function popping", oper.render_buffer, oper.render_buffer.toString());
+          let result = oper.render_buffer.pop();
+          if (result.length === 1) { return result[0]; }
+          return result;
+        }, base.equality_checker);
+        base.react_component.displayName = #{component_name};
+      }
+
+      base_module = base.to_s.deconstantize
+      if base_module != ''
+        base_module.constantize.define_singleton_method(base.to_s.demodulize) do |*args, &block|
+          `Opal.React.internal_prepare_args_and_render(#{base}.react_component, args, block)`
+        end
+      else
+        Object.define_method(base.to_s) do |*args, &block|
+          `Opal.React.internal_prepare_args_and_render(#{base}.react_component, args, block)`
+        end
+      end
+
+      def props_are_equal?(&block)
+        %x{
+            base.equality_checker = function (prev_props, next_props) {
+              var prev_ruby_props = Opal.React.Component.Props.$new({props: prev_props});
+              var next_ruby_props = Opal.React.Component.Props.$new({props: next_props});
+              return #{block.call(`prev_ruby_props`, `next_ruby_props`)};
+            }
+          }
+      end
+
+      def render(&block)
+        `base.render_block = #{block}`
+      end
+    end
+  end
+end

data/lib/react_native/react.rb

@@ -0,0 +1,120 @@
+module React
+  %x{
+    self.prop_dictionary = {
+      on_click: 'onPress',
+      onClick: 'onPress',
+      on_touch: 'onPress',
+      onTouch: 'onPress',
+      on_change: 'onChangeText',
+      onChange: 'onChangeText',
+      on_blur: 'onSubmitText',
+      onBlur: 'onSubmitText',
+    };
+    
+    self.to_native_react_props = function(ruby_style_props) {
+      let result = {};
+      let keys = ruby_style_props.$$keys;
+      let keys_length = keys.length;
+      let key = '';
+      for (let i = 0; i < keys_length; i++) {
+        key = keys[i];
+        let value = ruby_style_props.$$smap[key];
+        if (key[0] === 'o' && key[1] === 'n' && key[2] === '_') {
+          let type = typeof value;
+          if (type === "function") {
+            let active_c = self.active_component();
+            result[self.lower_camelize(key)] = function(event, info) {
+              let ruby_event = self.native_to_ruby_event(event);
+              #{`active_c.__ruby_instance`.instance_exec(`ruby_event`, `info`, &`value`)};
+            }
+          } else if (type === "object" && typeof value.$call === "function" ) {
+            if (!value.react_event_handler_function) {
+              value.react_event_handler_function = function(event, info) {
+                let ruby_event = self.native_to_ruby_event(event);
+                value.$call(ruby_event, info)
+              };
+            }
+            result[self.lower_camelize(key)] = value.react_event_handler_function;
+          } else if (type === "string" ) {
+            let active_component = self.active_component();
+            let method_ref;
+            let method_name = '$' + value;
+            if (typeof active_component[method_name] === "function") {
+              // got a ruby instance
+              if (active_component.native && active_component.native.method_refs && active_component.native.method_refs[value]) { method_ref = active_component.native.method_refs[value]; } // ruby instance with native
+              else if (active_component.method_refs && active_component.method_refs[value]) { method_ref = active_component.method_refs[value]; } // ruby function component
+              else { method_ref = active_component.$method_ref(value); } // create the ref
+            } else if (typeof active_component.__ruby_instance[method_name] === "function") {
+              // got a native instance
+              if (active_component.method_refs && active_component.method_refs[value]) { method_ref = active_component.method_refs[value]; }
+              else { method_ref = active_component.__ruby_instance.$method_ref(value); } // create ref for native
+            }
+            if (method_ref) {
+              if (!method_ref.react_event_handler_function) {
+                method_ref.react_event_handler_function = function(event, info) {
+                  let ruby_event = self.native_to_ruby_event(event);
+                  method_ref.$call(ruby_event, info)
+                };
+              }
+              result[self.lower_camelize(key)] = method_ref.react_event_handler_function;
+            } else {
+              let component_name;
+              if (active_component.__ruby_instance) { component_name = active_component.__ruby_instance.$to_s(); }
+              else { component_name = active_component.$to_s(); }
+              #{Isomorfeus.raise_error(message: "Is #{`value`} a valid method of #{`component_name`}? If so then please use: #{`key`}: method_ref(:#{`value`}) within component: #{`component_name`}")}
+            }
+          } else {
+            let active_component = self.active_component();
+            let component_name;
+            if (active_component.__ruby_instance) { component_name = active_component.__ruby_instance.$to_s(); }
+            else { component_name = active_component.$to_s(); }
+            #{Isomorfeus.raise_error(message: "Received invalid value for #{`key`} with #{`value`} within component: #{`component_name`}")}
+            console.error( + key + " event handler:", value, " within component:", self.active_component());
+          }
+        } else if (key[0] === 'a' && key.startsWith("aria_")) {
+          result[key.replace("_", "-")] = value;
+        } else if (key === "style" || key === "theme") {
+          if (typeof value.$to_n === "function") { value = value.$to_n() }
+          result[key] = value;
+        } else {
+          result[self.lower_camelize(key)] = value;
+        }
+      }
+      return result;
+    };
+
+    self.render_block_result = function(block_result, component) {
+      if (block_result.constructor === String || block_result.constructor === Number) {
+        if (component && component === Opal.global.Text) {
+          self.render_buffer[self.render_buffer.length - 1].push(block_result);
+        } else {
+          self.render_buffer[self.render_buffer.length - 1].push(Opal.global.React.createElement(Opal.global.Text, {}, block_result));
+        }
+      }
+    };
+
+    self.internal_render = function(component, props, string_child, block) {
+      const operabu = self.render_buffer;
+      let native_props;
+      if (props && props !== nil) { native_props = self.to_native_react_props(props); }
+      if (string_child) {
+        if (component && component === Opal.global.Text) {
+          operabu[operabu.length - 1].push(Opal.global.React.createElement(component, native_props, string_child));
+        } else {
+          let child = [Opal.global.React.createElement(Opal.global.Text, {}, string_child)];
+          operabu[operabu.length - 1].push(Opal.global.React.createElement(component, native_props, child));
+        }
+      } else if (block && block !== nil) {
+        operabu.push([]);
+        // console.log("internal_render pushed", Opal.React.render_buffer, Opal.React.render_buffer.toString());
+        let block_result = block.$call();
+        if (block_result && block_result !== nil) { Opal.React.render_block_result(block_result, component); }
+        // console.log("internal_render popping", Opal.React.render_buffer, Opal.React.render_buffer.toString());
+        let children = operabu.pop();
+        operabu[operabu.length - 1].push(Opal.global.React.createElement.apply(this, [component, native_props].concat(children)));
+      } else {
+        operabu[operabu.length - 1].push(Opal.global.React.createElement(component, native_props));
+      }
+    };
+  }
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: isomorfeus-react
 version: !ruby/object:Gem::Version
-  version: 16.13.10
+  version: 16.13.11
 platform: ruby
 authors:
 - Jan Biedermann
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-03-16 00:00:00.000000000 Z
+date: 2021-05-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: concurrent-ruby
@@ -16,28 +16,28 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.1.6
+        version: 1.1.8
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.1.6
+        version: 1.1.8
 - !ruby/object:Gem::Dependency
   name: oj
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 3.10.2
+        version: 3.11.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 3.10.2
+        version: 3.11.0
 - !ruby/object:Gem::Dependency
   name: opal
   requirement: !ruby/object:Gem::Requirement
@@ -86,70 +86,98 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.9.11
+        version: 0.10.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.9.11
+        version: 0.10.1
 - !ruby/object:Gem::Dependency
   name: isomorfeus-redux
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.0.23
+        version: 4.1.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.0.23
+        version: 4.1.1
 - !ruby/object:Gem::Dependency
   name: isomorfeus-speednode
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.2.12
+        version: 0.3.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.2.12
+        version: 0.3.1
+- !ruby/object:Gem::Dependency
+  name: dalli
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.7.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.7.0
+- !ruby/object:Gem::Dependency
+  name: redis
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 4.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 4.2.0
 - !ruby/object:Gem::Dependency
   name: zeitwerk
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.2.2
+        version: 2.4.2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.2.2
+        version: 2.4.2
 - !ruby/object:Gem::Dependency
   name: isomorfeus-puppetmaster
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.3.5
+        version: 0.4.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.3.5
+        version: 0.4.0
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -195,12 +223,16 @@ files:
 - lib/browser/file_list.rb
 - lib/browser/iterable.rb
 - lib/isomorfeus-react-material-ui.rb
+- lib/isomorfeus-react-native.rb
+- lib/isomorfeus-react-paper.rb
 - lib/isomorfeus-react.rb
 - lib/isomorfeus/props/validate_hash_proxy.rb
 - lib/isomorfeus/props/validator.rb
-- lib/isomorfeus/react_config.rb
+- lib/isomorfeus/react/config.rb
+- lib/isomorfeus/react/memcached_component_cache.rb
+- lib/isomorfeus/react/redis_component_cache.rb
+- lib/isomorfeus/react/thread_local_component_cache.rb
 - lib/isomorfeus/react_view_helper.rb
-- lib/isomorfeus/thread_local_component_cache.rb
 - lib/isomorfeus/top_level.rb
 - lib/isomorfeus/top_level_ssr.rb
 - lib/isomorfeus_react/lucid_app/api.rb
@@ -217,6 +249,7 @@ files:
 - lib/isomorfeus_react/lucid_component/mixin.rb
 - lib/isomorfeus_react/lucid_component/native_component_constructor.rb
 - lib/isomorfeus_react/lucid_component/native_lucid_component_constructor.rb
+- lib/isomorfeus_react/lucid_component/styles_api.rb
 - lib/isomorfeus_react/lucid_func/base.rb
 - lib/isomorfeus_react/lucid_func/initializer.rb
 - lib/isomorfeus_react/lucid_func/mixin.rb
@@ -238,6 +271,15 @@ files:
 - lib/isomorfeus_react_material/lucid_material/func/base.rb
 - lib/isomorfeus_react_material/lucid_material/func/mixin.rb
 - lib/isomorfeus_react_material/lucid_material/func/native_component_constructor.rb
+- lib/isomorfeus_react_paper/lucid_paper/app/base.rb
+- lib/isomorfeus_react_paper/lucid_paper/app/mixin.rb
+- lib/isomorfeus_react_paper/lucid_paper/app/native_component_constructor.rb
+- lib/isomorfeus_react_paper/lucid_paper/component/base.rb
+- lib/isomorfeus_react_paper/lucid_paper/component/mixin.rb
+- lib/isomorfeus_react_paper/lucid_paper/component/native_component_constructor.rb
+- lib/isomorfeus_react_paper/lucid_paper/func/base.rb
+- lib/isomorfeus_react_paper/lucid_paper/func/mixin.rb
+- lib/isomorfeus_react_paper/lucid_paper/func/native_component_constructor.rb
 - lib/lucid_app/context.rb
 - lib/lucid_prop_declaration/mixin.rb
 - lib/react.rb
@@ -264,12 +306,17 @@ files:
 - lib/react/version.rb
 - lib/react_dom.rb
 - lib/react_dom_server.rb
+- lib/react_native/component/elements.rb
+- lib/react_native/lucid_app/react_native_component_constructor.rb
+- lib/react_native/lucid_component/react_native_component_constructor.rb
+- lib/react_native/lucid_func/react_native_component_constructor.rb
+- lib/react_native/react.rb
 homepage: http://isomorfeus.com
 licenses:
 - MIT
 metadata:
   github_repo: ssh://github.com/isomorfeus/gems
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -284,8 +331,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.6
-signing_key: 
+rubygems_version: 3.2.15
+signing_key:
 specification_version: 4
 summary: React for Opal Ruby.
 test_files: []