isomorfeus-react 16.6.8 → 16.8.0

data/lib/isomorfeus-react-base.rb

@@ -0,0 +1,55 @@
+require 'opal'
+require 'native'
+require 'active_support/core_ext/string'
+require 'react/active_support_support'
+require 'isomorfeus/execution_environment'
+if Isomorfeus.on_browser?
+  require 'browser/support'
+  require 'browser/event'
+  require 'browser/event_source'
+  require 'browser/screen'
+  require 'browser/socket'
+  require 'browser/window'
+  require 'browser/dom/node'
+  require 'browser/dom/element'
+end
+require 'isomorfeus-redux'
+require 'isomorfeus/config'
+
+# allow mounting of components
+if Isomorfeus.on_browser?
+  require 'isomorfeus/top_level_browser'
+else
+  require 'isomorfeus/top_level_ssr'
+end
+
+# react
+require 'react/version'
+require 'react'
+require 'react/synthetic_event'
+require 'react/ref'
+require 'react/children'
+if Isomorfeus.on_browser?
+  require 'react_dom'
+else
+  require 'react_dom_server'
+end
+# props
+require 'react/component/props'
+# HTML Elements support
+require 'react/component/elements'
+# React Features
+require 'react/component/features'
+require 'react/context_wrapper'
+require 'react/native_constant_wrapper'
+# Function Component
+require 'react/function_component/resolution'
+require 'react/function_component/api'
+require 'react/function_component/event_handler'
+require 'react/function_component/creator'
+require 'react/function_component/mixin'
+require 'react/function_component/base'
+require 'react/memo_component/creator'
+require 'react/memo_component/mixin'
+require 'react/memo_component/base'
+

data/lib/isomorfeus-react-component.rb

@@ -0,0 +1,20 @@
+require 'isomorfeus-react-base'
+# React::Component
+require 'react/component/api'
+require 'react/component/callbacks'
+require 'react/component/unsafe_api'
+require 'react/component/initializer'
+require 'react/component/native_component_constructor'
+require 'react/component/native_component_validate_prop'
+require 'react/component/state'
+require 'react/component/match'
+require 'react/component/location'
+require 'react/component/history'
+require 'react/component/resolution'
+require 'react/component/should_component_update'
+require 'react/component/event_handler'
+require 'react/component/mixin'
+require 'react/component/base'
+# React::PureComponent
+require 'react/pure_component/mixin'
+require 'react/pure_component/base'

data/lib/isomorfeus-react-lucid.rb

@@ -0,0 +1,39 @@
+require 'isomorfeus-react-base'
+
+# basics
+require 'react/component/native_component_validate_prop'
+require 'react/component/event_handler'
+require 'react/component/api'
+require 'react/component/callbacks'
+require 'react/component/resolution'
+require 'react/component/state'
+require 'react/component/should_component_update'
+require 'react/redux_component/api'
+require 'react/redux_component/app_store_defaults'
+require 'react/redux_component/component_class_store_defaults'
+require 'react/redux_component/component_instance_store_defaults'
+require 'react/redux_component/app_store_proxy'
+require 'react/redux_component/class_store_proxy'
+require 'react/redux_component/instance_store_proxy'
+require 'react/redux_component/reducers'
+
+# init component reducers
+React::ReduxComponent::Reducers.add_component_reducers_to_store
+
+# init LucidApplicationContext (Store Provider and Consumer)
+require 'lucid_app/context'
+LucidApp::Context.create_application_context
+
+# LucidComponent
+require 'lucid_component/api'
+require 'lucid_component/initializer'
+require 'lucid_component/native_component_constructor'
+require 'lucid_component/event_handler'
+require 'lucid_component/mixin'
+require 'lucid_component/base'
+
+# LucidApp
+require 'lucid_app/api'
+require 'lucid_app/native_component_constructor'
+require 'lucid_app/mixin'
+require 'lucid_app/base'

data/lib/isomorfeus-react-material-ui.rb

@@ -0,0 +1,41 @@
+require 'isomorfeus-react-base'
+
+# basics
+require 'react/component/native_component_validate_prop'
+require 'react/component/event_handler'
+require 'react/component/api'
+require 'react/component/callbacks'
+require 'react/component/resolution'
+require 'react/component/state'
+require 'react/component/should_component_update'
+require 'react/redux_component/api'
+require 'react/redux_component/app_store_defaults'
+require 'react/redux_component/component_class_store_defaults'
+require 'react/redux_component/component_instance_store_defaults'
+require 'react/redux_component/app_store_proxy'
+require 'react/redux_component/class_store_proxy'
+require 'react/redux_component/instance_store_proxy'
+require 'react/redux_component/reducers'
+
+require 'react/component/styles'
+# init component reducers
+React::ReduxComponent::Reducers.add_component_reducers_to_store
+
+# init LucidApplicationContext (Store Provider and Consumer)
+require 'lucid_app/context'
+LucidApp::Context.create_application_context
+
+require 'lucid_component/api'
+require 'lucid_component/event_handler'
+require 'lucid_component/initializer'
+require 'lucid_app/api'
+
+# LucidMaterial::Component
+require 'lucid_material/component/api'
+require 'lucid_material/component/native_component_constructor'
+require 'lucid_material/component/mixin'
+require 'lucid_material/component/base'
+# LucidMaterial::App
+require 'lucid_material/app/native_component_constructor'
+require 'lucid_material/app/mixin'
+require 'lucid_material/app/base'

data/lib/isomorfeus-react-redux-component.rb

@@ -0,0 +1,25 @@
+require 'isomorfeus-react-base'
+# Component basics
+require 'react/component/native_component_validate_prop'
+require 'react/component/event_handler'
+require 'react/component/api'
+require 'react/component/callbacks'
+require 'react/component/resolution'
+require 'react/component/state'
+require 'react/component/should_component_update'
+# Redux::Component
+require 'react/redux_component/component_class_store_defaults'
+require 'react/redux_component/component_instance_store_defaults'
+require 'react/redux_component/app_store_defaults'
+require 'react/redux_component/api'
+require 'react/redux_component/initializer'
+require 'react/redux_component/app_store_proxy'
+require 'react/redux_component/class_store_proxy'
+require 'react/redux_component/instance_store_proxy'
+require 'react/redux_component/native_component_constructor'
+require 'react/redux_component/mixin'
+require 'react/redux_component/base'
+require 'react/redux_component/reducers'
+
+# init component reducers
+React::ReduxComponent::Reducers.add_component_reducers_to_store

data/lib/isomorfeus-react.rb

@@ -1,105 +1,8 @@
 if RUBY_ENGINE == 'opal'
-  require 'opal'
-  require 'native'
-  require 'active_support/core_ext/string'
-  require 'react/active_support_support'
-  require 'isomorfeus/execution_environment'
-  if Isomorfeus.on_browser?
-    require 'browser/support'
-    require 'browser/event'
-    require 'browser/event_source'
-    require 'browser/screen'
-    require 'browser/socket'
-    require 'browser/window'
-    require 'browser/dom/node'
-    require 'browser/dom/element'
-  end
-  require 'isomorfeus-redux'
-  require 'react/version'
-  require 'react'
-  # require 'react/element' # usually not needed
-  require 'react/synthetic_event'
-  if Isomorfeus.on_browser?
-    require 'react_dom'
-  else
-    require 'react_dom_server'
-  end
-  # React::Component
-  require 'react/component/api'
-  require 'react/component/unsafe_api'
-  require 'react/component/initializer'
-  require 'react/component/features'
-  require 'react/native_constant_wrapper'
-  require 'react/context_wrapper'
-  require 'react/component/native_component_constructor'
-  require 'react/component/native_component_validate_prop'
-  require 'react/component/props'
-  require 'react/component/state'
-  require 'react/component/match'
-  require 'react/component/location'
-  require 'react/component/history'
-  require 'react/component/elements'
-  require 'react/component/resolution'
-  require 'react/component/should_component_update'
-  require 'react/component/event_handler'
-  require 'react/component/mixin'
-  require 'react/component/base'
-  # React::PureComponent
-  require 'react/pure_component/mixin'
-  require 'react/pure_component/base'
-  # Function Component
-  require 'react/function_component/resolution'
-  require 'react/function_component/runner'
-  require 'react/function_component/creator'
-  # Redux::Component
-  require 'react/redux_component/component_class_store_defaults'
-  require 'react/redux_component/component_instance_store_defaults'
-  require 'react/redux_component/app_store_defaults'
-  require 'react/redux_component/api'
-  require 'react/redux_component/initializer'
-  require 'react/redux_component/app_store_proxy'
-  require 'react/redux_component/class_store_proxy'
-  require 'react/redux_component/instance_store_proxy'
-  require 'react/redux_component/native_component_constructor'
-  require 'react/redux_component/mixin'
-  require 'react/redux_component/base'
-  require 'react/redux_component/reducers'
-  require 'isomorfeus/config'
-
-  # init component reducers
-  React::ReduxComponent::Reducers.add_component_reducers_to_store
-
-  # init LucidApplicationContext (Store Provider and Consumer)
-  require 'lucid_app/context'
-
-  LucidApp::Context.create_application_context
-
-  # LucidComponent
-  require 'lucid_component/api'
-  require 'lucid_component/initializer'
-  require 'lucid_component/native_component_constructor'
-  require 'lucid_component/event_handler'
-  require 'lucid_component/mixin'
-  require 'lucid_component/base'
-
-  # LucidApp
-  require 'lucid_app/api'
-  require 'lucid_app/native_component_constructor'
-  require 'lucid_app/mixin'
-  require 'lucid_app/base'
-
-  # LucidRouter
-  require 'lucid_router'
-
-  # allow mounting of components
-  if Isomorfeus.on_browser?
-    require 'isomorfeus/top_level_browser'
-  else
-    require 'isomorfeus/top_level_ssr'
-  end
-
-  # initalize Store, options, etc.
-  Isomorfeus.init
+  require 'isomorfeus-react-base'
+  require 'isomorfeus-react-component'
+  require 'isomorfeus-react-redux-component'
+  require 'isomorfeus-react-lucid'
 else
   require 'oj'
   require 'opal'

data/lib/isomorfeus/config.rb

@@ -2,22 +2,17 @@ module Isomorfeus
   if RUBY_ENGINE == 'opal'
     class << self
       attr_reader :initialized
-      attr_reader :store
       attr_reader :env
 
       def init
         return if initialized
         @initialized = true
-        # at least one reducer must have been added at this stage
-        # this happened in isomorfeus-react.rb, where the component reducers were added
-        force_init!
+        Isomorfeus.init_store
+        execute_init_classes
       end
 
       def force_init!
-        # at least one reducer must have been added at this stage
-        # this happened in isomorfeus-react.rb, where the component reducers were added
-        @store = Redux::Store.init!
-        `Opal.Isomorfeus.store = #@store`
+        Isomorfeus.force_init_store!
         execute_init_classes
       end
 

data/lib/isomorfeus/top_level_browser.rb

@@ -33,7 +33,7 @@ module Isomorfeus
     end
 
     def self.mount_component(component, props, element_or_query, hydrated = false)
-      if `(typeof element_or_query.$class === 'function')` && element_or_query.class == String
+      if `(typeof element_or_query === 'string')` || (`(typeof element_or_query.$class === 'function')` && element_or_query.class == String)
         element = `document.body.querySelector(element_or_query)`
       elsif `(typeof element_or_query.$is_a === 'function')` && element_or_query.is_a?(Browser::DOM::Node)
         element = element_or_query.to_n

data/lib/lucid_app/api.rb

@@ -3,18 +3,7 @@ module LucidApp
     def self.included(base)
       base.instance_exec do
         def render(&block)
-          %x{
-            self.react_component.prototype.render = function() {
-              Opal.React.render_buffer.push([]);
-              Opal.React.active_components.push(this);
-              Opal.React.active_redux_components.push(this.__ruby_instance);
-              #{`this.__ruby_instance`.instance_exec(&block)};
-              Opal.React.active_redux_components.pop();
-              Opal.React.active_components.pop();
-              var children = Opal.React.render_buffer.pop();
-              return Opal.global.React.createElement(Opal.global.LucidApplicationContext.Provider, { value: this.state.isomorfeus_store_state }, children);
-            }
-          }
+          `base.render_block = block`
         end
       end
 

data/lib/lucid_app/mixin.rb

@@ -8,6 +8,7 @@ module LucidApp
       base.extend(::React::Component::EventHandler)
       base.include(::React::Component::Elements)
       base.include(::React::Component::API)
+      base.include(::React::Component::Callbacks)
       base.include(::React::ReduxComponent::API)
       base.include(::LucidApp::API)
       base.include(::React::Component::Features)

data/lib/lucid_app/native_component_constructor.rb

@@ -51,6 +51,16 @@ module LucidApp
           static get displayName() {
             return #{component_name};
           }
+          render() {
+            Opal.React.render_buffer.push([]);
+            Opal.React.active_components.push(this);
+            Opal.React.active_redux_components.push(this.__ruby_instance);
+            #{`this.__ruby_instance`.instance_exec(&`base.render_block`)};
+            Opal.React.active_redux_components.pop();
+            Opal.React.active_components.pop();
+            var children = Opal.React.render_buffer.pop();
+            return Opal.global.React.createElement(Opal.global.LucidApplicationContext.Provider, { value: this.state.isomorfeus_store_state }, children);
+          }
           listener() {
             var next_state = Opal.Isomorfeus.store.native.getState();
             var current_ruby_state = Opal.Hash.$new(this.state.isomorfeus_store_state);

data/lib/lucid_component/api.rb

@@ -4,7 +4,7 @@ module LucidComponent
       base.instance_exec do
         def app_store
           @default_app_store_defined = true
-          @default_app_store ||= ::React::ReduxComponent::AppStoreDefaults.new(default_props)
+          @default_app_store ||= ::React::ReduxComponent::AppStoreDefaults.new(default_props, self.to_s)
         end
 
         def class_store

data/lib/lucid_component/initializer.rb

@@ -2,11 +2,11 @@ module LucidComponent
   module Initializer
     def initialize(native_component)
       @native = native_component
-      @app_store = ::React::ReduxComponent::AppStoreProxy.new(self, 'props')
-      @class_store = ::React::ReduxComponent::ClassStoreProxy.new(self, 'props')
-      @props = ::React::Component::Props.new(@native.JS[:props])
-      @state = ::React::Component::State.new(@native)
-      @store = ::React::ReduxComponent::InstanceStoreProxy.new(self, 'props')
+      @app_store = `Opal.React.ReduxComponent.AppStoreProxy.$new(#{self}, 'props')`
+      @class_store = `Opal.React.ReduxComponent.ClassStoreProxy.$new(#{self}, 'props')`
+      @props = `Opal.React.Component.Props.$new(#@native.props)`
+      @state = `Opal.React.Component.State.$new(#@native)`
+      @store = `Opal.React.ReduxComponent.InstanceStoreProxy.$new(#{self}, 'props')`
     end
   end
 end

data/lib/lucid_component/mixin.rb

@@ -7,6 +7,7 @@ module LucidComponent
       base.extend(::LucidComponent::EventHandler)
       base.include(::React::Component::Elements)
       base.include(::React::Component::API)
+      base.include(::React::Component::Callbacks)
       base.include(::React::ReduxComponent::API)
       base.include(::LucidComponent::API)
       base.include(::LucidComponent::Initializer)

data/lib/lucid_component/native_component_constructor.rb

@@ -43,12 +43,22 @@ module LucidComponent
               }
             }
           }
-          data_access() {
-            return this.props.isomorfeus_store
-          }
           static get displayName() {
             return #{component_name};
           }
+          render() {
+            Opal.React.render_buffer.push([]);
+            Opal.React.active_components.push(this);
+            Opal.React.active_redux_components.push(this);
+            this.used_store_paths = [];
+            #{`this.__ruby_instance`.instance_exec(&`base.render_block`)};
+            Opal.React.active_redux_components.pop();
+            Opal.React.active_components.pop();
+            return Opal.React.render_buffer.pop();
+          }
+          data_access() {
+            return this.props.isomorfeus_store
+          }
           register_used_store_path(path) {
             this.used_store_paths.push(path);
           }