isomorfeus-react 16.13.11 → 16.13.12

data/lib/isomorfeus/top_level.rb

@@ -1,103 +1,103 @@
-module Isomorfeus
-  class TopLevel
-    class << self
-      def mount!
-        Isomorfeus.init
-        Isomorfeus::TopLevel.on_ready do
-          root_element = `document.querySelector('div[data-iso-root]')`
-          Isomorfeus.raise_error(message: "Isomorfeus root element not found!") unless root_element
-          component_name = root_element.JS.getAttribute('data-iso-root')
-          Isomorfeus.env = root_element.JS.getAttribute('data-iso-env')
-          user_sid = root_element.JS.getAttribute('data-iso-usid')
-          Isomorfeus.current_user_sid =`JSON.parse(user_sid)` if user_sid
-          component = nil
-          begin
-            component = component_name.constantize
-          rescue Exception => e
-            `console.warn("Deferring mount: " + #{e.message})`
-            @timeout_start = Time.now unless @timeout_start
-            if (Time.now - @timeout_start) < 10
-              `setTimeout(Opal.Isomorfeus.TopLevel['$mount!'], 100)`
-            else
-              `console.error("Unable to mount '" + #{component_name} + "'!")`
-            end
-          end
-          if component
-            props_json = root_element.JS.getAttribute('data-iso-props')
-            props = `Opal.Hash.$new(JSON.parse(props_json))`
-            raw_hydrated = root_element.JS.getAttribute('data-iso-hydrated')
-            hydrated = (raw_hydrated && raw_hydrated == "true")
-            #state_json = root_element.JS.getAttribute('data-iso-state')
-            #if state_json
-              %x{
-                if (global.ServerSideRenderingStateJSON) {
-                var state = global.ServerSideRenderingStateJSON;
-                  var keys = Object.keys(state);
-                  for(var i=0; i < keys.length; i++) {
-                    if (Object.keys(state[keys[i]]).length > 0) {
-                      global.Opal.Isomorfeus.store.native.dispatch({ type: keys[i].toUpperCase(), set_state: state[keys[i]] });
-                    }
-                  }
-                }
-              }
-            #end
-            Isomorfeus.execute_init_after_store_classes
-            begin
-              result = Isomorfeus::TopLevel.mount_component(component, props, root_element, hydrated)
-              @tried_another_time = false
-              result
-            rescue Exception => e
-              if  !@tried_another_time
-                @tried_another_time = true
-                `console.warn("Deferring mount: " + #{e.message})`
-                `setTimeout(Opal.Isomorfeus.TopLevel['$mount!'], 250)`
-              else
-                `console.error("Unable to mount '" + #{component_name} + "'! Error: " + #{e.message} + "!")`
-                `console.error(#{e.backtrace.join("\n")})`
-             end
-            end
-          end
-        end
-      end
-
-      def on_ready(&block)
-        %x{
-          function run() { block.$call() };
-          function ready_fun(fn) {
-            if (document.readyState === "complete" || document.readyState === "interactive") {
-              setTimeout(fn, 1);
-            } else {
-              document.addEventListener("DOMContentLoaded", fn);
-            }
-          }
-          ready_fun(run);
-        }
-      end
-
-      def on_ready_mount(component, props = nil, element_query = nil)
-        # init in case it hasn't been run yet
-        Isomorfeus.init
-        on_ready do
-          Isomorfeus::TopLevel.mount_component(component, props, element_query)
-        end
-      end
-
-      def mount_component(component, props, element_or_query, hydrated = false)
-        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::Element)
-          element = element_or_query.to_n
-        else
-          element = element_or_query
-        end
-
-        top = if hydrated
-                ReactDOM.hydrate(React.create_element(component, props), element)
-              else
-                ReactDOM.render(React.create_element(component, props), element)
-              end
-        Isomorfeus.top_component = top if top
-      end
-    end
-  end
-end
+module Isomorfeus
+  class TopLevel
+    class << self
+      def mount!
+        Isomorfeus.init
+        Isomorfeus::TopLevel.on_ready do
+          root_element = `document.querySelector('div[data-iso-root]')`
+          Isomorfeus.raise_error(message: "Isomorfeus root element not found!") unless root_element
+          component_name = root_element.JS.getAttribute('data-iso-root')
+          Isomorfeus.env = root_element.JS.getAttribute('data-iso-env')
+          user_sid = root_element.JS.getAttribute('data-iso-usid')
+          Isomorfeus.current_user_sid =`JSON.parse(user_sid)` if user_sid
+          component = nil
+          begin
+            component = component_name.constantize
+          rescue Exception => e
+            `console.warn("Deferring mount: " + #{e.message})`
+            @timeout_start = Time.now unless @timeout_start
+            if (Time.now - @timeout_start) < 10
+              `setTimeout(Opal.Isomorfeus.TopLevel['$mount!'], 100)`
+            else
+              `console.error("Unable to mount '" + #{component_name} + "'!")`
+            end
+          end
+          if component
+            props_json = root_element.JS.getAttribute('data-iso-props')
+            props = `Opal.Hash.$new(JSON.parse(props_json))`
+            raw_hydrated = root_element.JS.getAttribute('data-iso-hydrated')
+            hydrated = (raw_hydrated && raw_hydrated == "true")
+            #state_json = root_element.JS.getAttribute('data-iso-state')
+            #if state_json
+              %x{
+                if (global.ServerSideRenderingStateJSON) {
+                var state = global.ServerSideRenderingStateJSON;
+                  var keys = Object.keys(state);
+                  for(var i=0; i < keys.length; i++) {
+                    if (Object.keys(state[keys[i]]).length > 0) {
+                      global.Opal.Isomorfeus.store.native.dispatch({ type: keys[i].toUpperCase(), set_state: state[keys[i]] });
+                    }
+                  }
+                }
+              }
+            #end
+            Isomorfeus.execute_init_after_store_classes
+            begin
+              result = Isomorfeus::TopLevel.mount_component(component, props, root_element, hydrated)
+              @tried_another_time = false
+              result
+            rescue Exception => e
+              if  !@tried_another_time
+                @tried_another_time = true
+                `console.warn("Deferring mount: " + #{e.message})`
+                `setTimeout(Opal.Isomorfeus.TopLevel['$mount!'], 250)`
+              else
+                `console.error("Unable to mount '" + #{component_name} + "'! Error: " + #{e.message} + "!")`
+                `console.error(#{e.backtrace.join("\n")})`
+             end
+            end
+          end
+        end
+      end
+
+      def on_ready(&block)
+        %x{
+          function run() { block.$call() };
+          function ready_fun(fn) {
+            if (document.readyState === "complete" || document.readyState === "interactive") {
+              setTimeout(fn, 1);
+            } else {
+              document.addEventListener("DOMContentLoaded", fn);
+            }
+          }
+          ready_fun(run);
+        }
+      end
+
+      def on_ready_mount(component, props = nil, element_query = nil)
+        # init in case it hasn't been run yet
+        Isomorfeus.init
+        on_ready do
+          Isomorfeus::TopLevel.mount_component(component, props, element_query)
+        end
+      end
+
+      def mount_component(component, props, element_or_query, hydrated = false)
+        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::Element)
+          element = element_or_query.to_n
+        else
+          element = element_or_query
+        end
+
+        top = if hydrated
+                ReactDOM.hydrate(React.create_element(component, props), element)
+              else
+                ReactDOM.render(React.create_element(component, props), element)
+              end
+        Isomorfeus.top_component = top if top
+      end
+    end
+  end
+end

data/lib/isomorfeus/top_level_ssr.rb

@@ -1,42 +1,42 @@
-module Isomorfeus
-  class TopLevel
-    class << self
-      attr_accessor :ssr_route_path
-      attr_accessor :transport_ws_url
-
-      def mount!
-        # nothing, but keep it for compatibility with browser
-      end
-
-      def render_component_to_static_markup(component_name, props)
-        component = nil
-        %x{
-          if (typeof component_name === 'string' || component_name instanceof String) {
-            component = component_name.split(".").reduce(function(o, x) {
-              return (o !== null && typeof o[x] !== "undefined" && o[x] !== null) ? o[x] : null;
-            }, Opal.global)
-          } else {
-            component = component_name;
-          }
-        }
-        component = Isomorfeus.cached_component_class(component_name) unless component
-        ReactDOMServer.render_to_static_markup(React.create_element(component, `Opal.Hash.$new(props)`))
-      end
-
-      def render_component_to_string(component_name, props)
-        component = nil
-        %x{
-          if (typeof component_name === 'string' || component_name instanceof String) {
-            component = component_name.split(".").reduce(function(o, x) {
-              return (o !== null && typeof o[x] !== "undefined" && o[x] !== null) ? o[x] : null;
-            }, Opal.global)
-          } else {
-            component = component_name;
-          }
-        }
-        component = Isomorfeus.cached_component_class(component_name) unless component
-        ReactDOMServer.render_to_string(React.create_element(component, `Opal.Hash.$new(props)`))
-      end
-    end
-  end
-end
+module Isomorfeus
+  class TopLevel
+    class << self
+      attr_accessor :ssr_route_path
+      attr_accessor :transport_ws_url
+
+      def mount!
+        # nothing, but keep it for compatibility with browser
+      end
+
+      def render_component_to_static_markup(component_name, props)
+        component = nil
+        %x{
+          if (typeof component_name === 'string' || component_name instanceof String) {
+            component = component_name.split(".").reduce(function(o, x) {
+              return (o !== null && typeof o[x] !== "undefined" && o[x] !== null) ? o[x] : null;
+            }, Opal.global)
+          } else {
+            component = component_name;
+          }
+        }
+        component = Isomorfeus.cached_component_class(component_name) unless component
+        ReactDOMServer.render_to_static_markup(React.create_element(component, `Opal.Hash.$new(props)`))
+      end
+
+      def render_component_to_string(component_name, props)
+        component = nil
+        %x{
+          if (typeof component_name === 'string' || component_name instanceof String) {
+            component = component_name.split(".").reduce(function(o, x) {
+              return (o !== null && typeof o[x] !== "undefined" && o[x] !== null) ? o[x] : null;
+            }, Opal.global)
+          } else {
+            component = component_name;
+          }
+        }
+        component = Isomorfeus.cached_component_class(component_name) unless component
+        ReactDOMServer.render_to_string(React.create_element(component, `Opal.Hash.$new(props)`))
+      end
+    end
+  end
+end

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

@@ -1,4 +1,4 @@
-require 'isomorfeus-react'
-
-Isomorfeus.zeitwerk.push_dir('isomorfeus_react_material')
-require_tree 'isomorfeus_react_material', :autoload
+require 'isomorfeus-react'
+
+Isomorfeus.zeitwerk.push_dir('isomorfeus_react_material')
+require_tree 'isomorfeus_react_material', :autoload

data/lib/isomorfeus-react-native.rb

@@ -1,5 +1,5 @@
-require 'react_native/react'
-require 'react_native/component/elements'
-require 'react_native/lucid_app/react_native_component_constructor'
-require 'react_native/lucid_component/react_native_component_constructor'
-require 'react_native/lucid_func/react_native_component_constructor'
+require 'react_native/react'
+require 'react_native/component/elements'
+require 'react_native/lucid_app/react_native_component_constructor'
+require 'react_native/lucid_component/react_native_component_constructor'
+require 'react_native/lucid_func/react_native_component_constructor'

data/lib/isomorfeus-react-paper.rb

@@ -1,4 +1,4 @@
-require 'isomorfeus-react'
-
-Isomorfeus.zeitwerk.push_dir('isomorfeus_react_paper')
-require_tree 'isomorfeus_react_paper', :autoload
+require 'isomorfeus-react'
+
+Isomorfeus.zeitwerk.push_dir('isomorfeus_react_paper')
+require_tree 'isomorfeus_react_paper', :autoload

data/lib/isomorfeus-react.rb

@@ -1,120 +1,120 @@
-if RUBY_ENGINE == 'opal'
-  require 'isomorfeus-redux'
-  require 'active_support/core_ext/string'
-  require 'zeitwerk'
-
-  if on_browser?
-    require 'browser/event'
-    require 'browser/event_target'
-    require 'browser/delegate_native'
-    require 'browser/element'
-  end
-
-  require 'isomorfeus/react/config'
-
-  # allow mounting of components
-  if on_browser?
-    require 'isomorfeus/top_level'
-  else
-    require 'isomorfeus/top_level_ssr'
-  end
-
-  # react
-  require 'react/version'
-  require 'react'
-  require 'react/synthetic_event'
-  require 'react/ref'
-  require 'react/children'
-  if on_browser?
-    require 'react_dom'
-  else
-    require 'react_dom_server'
-  end
-
-  # props
-  require 'isomorfeus/props/validate_hash_proxy'
-  require 'isomorfeus/props/validator'
-  require 'lucid_prop_declaration/mixin'
-  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'
-
-  # React::Component
-  require 'react/component/api'
-  require 'react/component/callbacks'
-  require 'react/component/initializer'
-  require 'react/component/native_component_constructor'
-  require 'react/component/state'
-  require 'react/component/match'
-  require 'react/component/location'
-  require 'react/component/history'
-  require 'react/component/resolution'
-  require 'react/component/styles'
-  require 'react/component/mixin'
-  require 'react/component/base'
-
-  # init LucidApplicationContext (Store Provider and Consumer)
-  require 'lucid_app/context'
-  LucidApp::Context.create_application_context
-
-  class Object
-    include React::Component::Resolution
-  end
-
-  Isomorfeus.zeitwerk = Zeitwerk::Loader.new
-
-  Isomorfeus.zeitwerk.push_dir('isomorfeus_react')
-  require_tree 'isomorfeus_react', :autoload
-
-  Isomorfeus.zeitwerk.push_dir('components')
-else
-  require 'uri'
-  require 'oj'
-  require 'opal'
-  require 'opal-activesupport'
-  require 'opal-zeitwerk'
-  require 'opal-webpack-loader'
-  require 'isomorfeus-redux'
-  require 'isomorfeus-speednode'
-  require 'react/version'
-  require 'isomorfeus/react/config'
-
-  # props
-  require 'isomorfeus/props/validate_hash_proxy'
-  require 'isomorfeus/props/validator'
-  require 'lucid_prop_declaration/mixin'
-
-  Isomorfeus.env = ENV['RACK_ENV']
-
-  if Isomorfeus.development?
-    require 'net/http'
-    Isomorfeus.ssr_hot_asset_url = 'http://localhost:3036/assets/'
-  end
-
-  Isomorfeus.server_side_rendering = true
-
-  # caches
-  require 'isomorfeus/react/thread_local_component_cache'
-  require 'isomorfeus/react/memcached_component_cache'
-  require 'isomorfeus/react/redis_component_cache'
-  require 'isomorfeus/react_view_helper'
-
-  Isomorfeus.component_cache_init do
-    Isomorfeus::ThreadLocalComponentCache.new
-  end
-
-  Opal.append_path(__dir__.untaint)
-
-  require 'concurrent'
-  require 'zeitwerk'
-
-  Isomorfeus.zeitwerk = Zeitwerk::Loader.new
-  Isomorfeus.zeitwerk_lock = Concurrent::ReentrantReadWriteLock.new if Isomorfeus.development?
-  # nothing to push_dir to zeitwerk here, as components are available only within browser/SSR
-end
+if RUBY_ENGINE == 'opal'
+  require 'isomorfeus-redux'
+  require 'active_support/core_ext/string'
+  require 'zeitwerk'
+
+  if on_browser?
+    require 'browser/event'
+    require 'browser/event_target'
+    require 'browser/delegate_native'
+    require 'browser/element'
+  end
+
+  require 'isomorfeus/react/config'
+
+  # allow mounting of components
+  if on_browser?
+    require 'isomorfeus/top_level'
+  else
+    require 'isomorfeus/top_level_ssr'
+  end
+
+  # react
+  require 'react/version'
+  require 'react'
+  require 'react/synthetic_event'
+  require 'react/ref'
+  require 'react/children'
+  if on_browser?
+    require 'react_dom'
+  else
+    require 'react_dom_server'
+  end
+
+  # props
+  require 'isomorfeus/props/validate_hash_proxy'
+  require 'isomorfeus/props/validator'
+  require 'lucid_prop_declaration/mixin'
+  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'
+
+  # React::Component
+  require 'react/component/api'
+  require 'react/component/callbacks'
+  require 'react/component/initializer'
+  require 'react/component/native_component_constructor'
+  require 'react/component/state'
+  require 'react/component/match'
+  require 'react/component/location'
+  require 'react/component/history'
+  require 'react/component/resolution'
+  require 'react/component/styles'
+  require 'react/component/mixin'
+  require 'react/component/base'
+
+  # init LucidApplicationContext (Store Provider and Consumer)
+  require 'lucid_app/context'
+  LucidApp::Context.create_application_context
+
+  class Object
+    include React::Component::Resolution
+  end
+
+  Isomorfeus.zeitwerk = Zeitwerk::Loader.new
+
+  Isomorfeus.zeitwerk.push_dir('isomorfeus_react')
+  require_tree 'isomorfeus_react', :autoload
+
+  Isomorfeus.zeitwerk.push_dir('components')
+else
+  require 'uri'
+  require 'oj'
+  require 'opal'
+  require 'opal-activesupport'
+  require 'opal-zeitwerk'
+  require 'opal-webpack-loader'
+  require 'isomorfeus-redux'
+  require 'isomorfeus-speednode'
+  require 'react/version'
+  require 'isomorfeus/react/config'
+
+  # props
+  require 'isomorfeus/props/validate_hash_proxy'
+  require 'isomorfeus/props/validator'
+  require 'lucid_prop_declaration/mixin'
+
+  Isomorfeus.env = ENV['RACK_ENV']
+
+  if Isomorfeus.development?
+    require 'net/http'
+    Isomorfeus.ssr_hot_asset_url = 'http://localhost:3036/assets/'
+  end
+
+  Isomorfeus.server_side_rendering = true
+
+  # caches
+  require 'isomorfeus/react/thread_local_component_cache'
+  require 'isomorfeus/react/memcached_component_cache'
+  require 'isomorfeus/react/redis_component_cache'
+  require 'isomorfeus/react_view_helper'
+
+  Isomorfeus.component_cache_init do
+    Isomorfeus::ThreadLocalComponentCache.new
+  end
+
+  Opal.append_path(__dir__.untaint)
+
+  require 'concurrent'
+  require 'zeitwerk'
+
+  Isomorfeus.zeitwerk = Zeitwerk::Loader.new
+  Isomorfeus.zeitwerk_lock = Concurrent::ReentrantReadWriteLock.new if Isomorfeus.development?
+  # nothing to push_dir to zeitwerk here, as components are available only within browser/SSR
+end

data/lib/isomorfeus_react/lucid_app/api.rb

@@ -1,26 +1,26 @@
-module LucidApp
-  module Api
-    def self.included(base)
-      base.instance_exec do
-        def theme(theme_hash = nil, &block)
-          if block_given?
-            result = block.call(React::Component::Styles.new(`base.jss_theme`))
-            %x{
-              if (typeof result.$to_n === 'function') { base.jss_theme = result.$to_n(); }
-              else { base.jss_theme = result; }
-              return result;
-            }
-          elsif theme_hash
-            `base.jss_theme = #{theme_hash.to_n}` if theme_hash
-            theme_hash
-          elsif `typeof base.jss_theme === 'object'`
-            `Opal.Hash.$new(base.jss_theme)`
-          else
-            nil
-          end
-        end
-        alias_method :theme=, :theme
-      end
-    end
-  end
-end
+module LucidApp
+  module Api
+    def self.included(base)
+      base.instance_exec do
+        def theme(theme_hash = nil, &block)
+          if block_given?
+            result = block.call(React::Component::Styles.new(`base.jss_theme`))
+            %x{
+              if (typeof result.$to_n === 'function') { base.jss_theme = result.$to_n(); }
+              else { base.jss_theme = result; }
+              return result;
+            }
+          elsif theme_hash
+            `base.jss_theme = #{theme_hash.to_n}` if theme_hash
+            theme_hash
+          elsif `typeof base.jss_theme === 'object'`
+            `Opal.Hash.$new(base.jss_theme)`
+          else
+            nil
+          end
+        end
+        alias_method :theme=, :theme
+      end
+    end
+  end
+end

data/lib/isomorfeus_react/lucid_app/base.rb

@@ -1,7 +1,7 @@
-module LucidApp
-  class Base
-    def self.inherited(base)
-      base.include(::LucidApp::Mixin)
-    end
-  end
-end
+module LucidApp
+  class Base
+    def self.inherited(base)
+      base.include(::LucidApp::Mixin)
+    end
+  end
+end