isomorfeus-react 16.13.9 → 16.13.12

data/lib/react/component/props.rb

@@ -1,83 +1,83 @@
-module React
-  module Component
-    class Props
-      def initialize(native)
-        @native = native
-      end
-
-      def method_missing(prop, *args, &block)
-        %x{
-          const p = #@native.props;
-          if (typeof p[prop] === 'undefined') {
-            prop = Opal.React.lower_camelize(prop);
-            if (typeof p[prop] === 'undefined') { return nil; }
-          }
-          return p[prop];
-        }
-      end
-
-      def classes
-        @classes ||= React::Component::Styles.new(@native, 'classes')
-      end
-
-      def children
-        @native.JS[:props].JS[:children]
-      end
-
-      def theme
-        @theme ||= React::Component::Styles.new(@native, 'theme')
-      end
-
-      def isomorfeus_store
-        @native.JS[:props].JS[:isomorfeus_store]
-      end
-
-      # for router convenience
-      def history
-        return @history if @history
-        return nil if `typeof #@native.props.history === 'undefined'`
-        if `typeof #@native.props.history.action !== 'undefined'`
-          @history = React::Component::History.new(@native)
-        else
-          @native.JS[:props].JS[:history]
-        end
-      end
-
-      def location
-        return @location if @location
-        return nil if `typeof #@native.props.location === 'undefined'`
-        if `typeof #@native.props.location.pathname !== 'undefined'`
-          @location = React::Component::Location.new(@native)
-        else
-          @native.JS[:props].JS[:location]
-        end
-      end
-
-      def match
-        return @match if @match
-        return nil if `typeof #@native.props.match === 'undefined'`
-        if `typeof #@native.props.match.path !== 'undefined'`
-          @match = React::Component::Match.new(@native)
-        else
-          @native.JS[:props].JS[:match]
-        end
-      end
-
-      def to_h
-        `Opal.Hash.$new(#@native.props)`.transform_keys!(&:underscore)
-      end
-
-      def to_json
-        JSON.dump(to_transport)
-      end
-
-      def to_n
-        @native.JS[:props]
-      end
-
-      def to_transport
-        {}.merge(to_h)
-      end
-    end
-  end
-end
+module React
+  module Component
+    class Props
+      def initialize(native)
+        @native = native
+      end
+
+      def method_missing(prop, *args, &block)
+        %x{
+          const p = #@native.props;
+          if (typeof p[prop] === 'undefined') {
+            prop = Opal.React.lower_camelize(prop);
+            if (typeof p[prop] === 'undefined') { return nil; }
+          }
+          return p[prop];
+        }
+      end
+
+      def classes
+        @classes ||= React::Component::Styles.new(@native, 'classes')
+      end
+
+      def children
+        @native.JS[:props].JS[:children]
+      end
+
+      def theme
+        @theme ||= React::Component::Styles.new(@native, 'theme')
+      end
+
+      def isomorfeus_store
+        @native.JS[:props].JS[:isomorfeus_store]
+      end
+
+      # for router convenience
+      def history
+        return @history if @history
+        return nil if `typeof #@native.props.history === 'undefined'`
+        if `typeof #@native.props.history.action !== 'undefined'`
+          @history = React::Component::History.new(@native)
+        else
+          @native.JS[:props].JS[:history]
+        end
+      end
+
+      def location
+        return @location if @location
+        return nil if `typeof #@native.props.location === 'undefined'`
+        if `typeof #@native.props.location.pathname !== 'undefined'`
+          @location = React::Component::Location.new(@native)
+        else
+          @native.JS[:props].JS[:location]
+        end
+      end
+
+      def match
+        return @match if @match
+        return nil if `typeof #@native.props.match === 'undefined'`
+        if `typeof #@native.props.match.path !== 'undefined'`
+          @match = React::Component::Match.new(@native)
+        else
+          @native.JS[:props].JS[:match]
+        end
+      end
+
+      def to_h
+        `Opal.Hash.$new(#@native.props)`.transform_keys!(&:underscore)
+      end
+
+      def to_json
+        JSON.dump(to_transport)
+      end
+
+      def to_n
+        @native.JS[:props]
+      end
+
+      def to_transport
+        {}.merge(to_h)
+      end
+    end
+  end
+end

data/lib/react/component/resolution.rb

@@ -1,97 +1,97 @@
-module React
-  module Component
-    module Resolution
-      def self.included(base)
-        base.instance_exec do
-          unless method_defined?(:_react_component_class_resolution_original_const_missing)
-            alias _react_component_class_resolution_original_const_missing const_missing
-          end
-
-          def const_missing(const_name)
-            %x{
-              if (typeof Opal.global[const_name] !== "undefined" && (const_name[0] === const_name[0].toUpperCase())) {
-                var new_const = #{React::NativeConstantWrapper.new(`Opal.global[const_name]`, const_name)};
-                new_const.react_component = Opal.global[const_name];
-                #{Object.const_set(const_name, `new_const`)};
-                return new_const;
-              } else {
-                return #{_react_component_class_resolution_original_const_missing(const_name)};
-              }
-            }
-          end
-
-          # this is required for autoloading support, as the component may not be loaded and so its method is not registered.
-          # must load it first, done by const_get, and next time the method will be there.
-          unless method_defined?(:_react_component_class_resolution_original_method_missing)
-            alias _react_component_class_resolution_original_method_missing method_missing
-          end
-
-          def method_missing(component_name, *args, &block)
-            # check for ruby component and render it
-            # otherwise pass on method missing
-            %x{
-              var constant;
-              if (typeof self.iso_react_const_cache === 'undefined') { self.iso_react_const_cache = {}; }
-              try {
-                if (typeof self.iso_react_const_cache[component_name] !== 'undefined') {
-                  constant = self.iso_react_const_cache[component_name]
-                } else {
-                  constant = self.$const_get(component_name);
-                  self.iso_react_const_cache[component_name] = constant;
-                }
-                if (typeof constant.react_component !== 'undefined') {
-                  return Opal.React.internal_prepare_args_and_render(constant.react_component, args, block);
-                }
-              } catch(err) { }
-              return #{_react_component_class_resolution_original_method_missing(component_name, *args, block)};
-            }
-          end
-        end
-      end
-
-      unless method_defined?(:_react_component_resolution_original_method_missing)
-        alias _react_component_resolution_original_method_missing method_missing
-      end
-
-      def method_missing(component_name, *args, &block)
-        # Further on it must check for modules, because $const_get does not take
-        # the full nesting into account, as usually its called via $$ with the
-        # nesting provided by the compiler.
-        %x{
-          var constant;
-          if (typeof self.iso_react_const_cache === 'undefined') { self.iso_react_const_cache = {}; }
-
-          if (typeof self.iso_react_const_cache[component_name] !== 'undefined') {
-            constant = self.iso_react_const_cache[component_name]
-          } else if (typeof self.$$is_a_module !== 'undefined') {
-            try {
-              constant = self.$const_get(component_name);
-              self.iso_react_const_cache[component_name] = constant;
-            } catch(err) { }
-          } else {
-            let sc = self.$class();
-            try {
-              constant = sc.$const_get(component_name);
-              self.iso_react_const_cache[component_name] = constant;
-            } catch(err) {
-              var module_names = sc.$to_s().split("::");
-              var module_name;
-              for (var i = module_names.length - 1; i > 0; i--) {
-                module_name = module_names.slice(0, i).join('::');
-                try {
-                  constant = sc.$const_get(module_name).$const_get(component_name, false);
-                  self.iso_react_const_cache[component_name] = constant;
-                  break;
-                } catch(err) { }
-              }
-            }
-          }
-          if (constant && typeof constant.react_component !== 'undefined') {
-            return Opal.React.internal_prepare_args_and_render(constant.react_component, args, block);
-          }
-          return #{_react_component_resolution_original_method_missing(component_name, *args, block)};
-        }
-      end
-    end
-  end
-end
+module React
+  module Component
+    module Resolution
+      def self.included(base)
+        base.instance_exec do
+          unless method_defined?(:_react_component_class_resolution_original_const_missing)
+            alias _react_component_class_resolution_original_const_missing const_missing
+          end
+
+          def const_missing(const_name)
+            %x{
+              if (typeof Opal.global[const_name] !== "undefined" && (const_name[0] === const_name[0].toUpperCase())) {
+                var new_const = #{React::NativeConstantWrapper.new(`Opal.global[const_name]`, const_name)};
+                new_const.react_component = Opal.global[const_name];
+                #{Object.const_set(const_name, `new_const`)};
+                return new_const;
+              } else {
+                return #{_react_component_class_resolution_original_const_missing(const_name)};
+              }
+            }
+          end
+
+          # this is required for autoloading support, as the component may not be loaded and so its method is not registered.
+          # must load it first, done by const_get, and next time the method will be there.
+          unless method_defined?(:_react_component_class_resolution_original_method_missing)
+            alias _react_component_class_resolution_original_method_missing method_missing
+          end
+
+          def method_missing(component_name, *args, &block)
+            # check for ruby component and render it
+            # otherwise pass on method missing
+            %x{
+              var constant;
+              if (typeof self.iso_react_const_cache === 'undefined') { self.iso_react_const_cache = {}; }
+              try {
+                if (typeof self.iso_react_const_cache[component_name] !== 'undefined') {
+                  constant = self.iso_react_const_cache[component_name]
+                } else {
+                  constant = self.$const_get(component_name);
+                  self.iso_react_const_cache[component_name] = constant;
+                }
+                if (typeof constant.react_component !== 'undefined') {
+                  return Opal.React.internal_prepare_args_and_render(constant.react_component, args, block);
+                }
+              } catch(err) { }
+              return #{_react_component_class_resolution_original_method_missing(component_name, *args, block)};
+            }
+          end
+        end
+      end
+
+      unless method_defined?(:_react_component_resolution_original_method_missing)
+        alias _react_component_resolution_original_method_missing method_missing
+      end
+
+      def method_missing(component_name, *args, &block)
+        # Further on it must check for modules, because $const_get does not take
+        # the full nesting into account, as usually its called via $$ with the
+        # nesting provided by the compiler.
+        %x{
+          var constant;
+          if (typeof self.iso_react_const_cache === 'undefined') { self.iso_react_const_cache = {}; }
+
+          if (typeof self.iso_react_const_cache[component_name] !== 'undefined') {
+            constant = self.iso_react_const_cache[component_name]
+          } else if (typeof self.$$is_a_module !== 'undefined') {
+            try {
+              constant = self.$const_get(component_name);
+              self.iso_react_const_cache[component_name] = constant;
+            } catch(err) { }
+          } else {
+            let sc = self.$class();
+            try {
+              constant = sc.$const_get(component_name);
+              self.iso_react_const_cache[component_name] = constant;
+            } catch(err) {
+              var module_names = sc.$to_s().split("::");
+              var module_name;
+              for (var i = module_names.length - 1; i > 0; i--) {
+                module_name = module_names.slice(0, i).join('::');
+                try {
+                  constant = sc.$const_get(module_name).$const_get(component_name, false);
+                  self.iso_react_const_cache[component_name] = constant;
+                  break;
+                } catch(err) { }
+              }
+            }
+          }
+          if (constant && typeof constant.react_component !== 'undefined') {
+            return Opal.React.internal_prepare_args_and_render(constant.react_component, args, block);
+          }
+          return #{_react_component_resolution_original_method_missing(component_name, *args, block)};
+        }
+      end
+    end
+  end
+end

data/lib/react/component/state.rb

@@ -1,54 +1,58 @@
-module React
-  module Component
-    class State
-      include ::Native::Wrapper
-
-      def method_missing(key, *args, &block)
-        if `args.length > 0`
-          new_state = `{}`
-          new_state.JS[(`key.endsWith('=')` ? key.chop : key)] = args[0]
-          if block_given?
-            @native.JS.setState(new_state, `function() { block.$call(); }`)
-          else
-            @native.JS.setState(new_state, `null`)
-          end
-        else
-          %x{
-            if (typeof #@native.state[key] === 'undefined') { return nil; }
-            return #@native.state[key];
-          }
-        end
-      end
-
-      def set_state(updater, &block)
-        new_state = `{}`
-        updater.each do |key, value|
-          new_state.JS[key] = value
-        end
-        if block_given?
-          @native.JS.setState(new_state, `function() { block.$call(); }`)
-        else
-          @native.JS.setState(new_state, `null`)
-        end
-      end
-
-      def size
-        `Object.keys(#@native.state).length`;
-      end
-
-      def to_n
-        %x{
-          var new_native = {};
-          for (var key in #@native.state) {
-            if (typeof #@native.state[key].$to_n !== "undefined") {
-              new_native[key] = #@native.state[key].$to_n();
-            } else {
-              new_native[key] = #@native.state[key];
-            }
-          }
-          return new_native;
-        }
-      end
-    end
-  end
-end
+module React
+  module Component
+    class State
+      include ::Native::Wrapper
+
+      def initialize(native)
+        @native = native
+      end
+      
+      def method_missing(key, *args, &block)
+        if `args.length > 0`
+          new_state = `{}`
+          new_state.JS[(`key.endsWith('=')` ? key.chop : key)] = args[0]
+          if block_given?
+            @native.JS.setState(new_state, `function() { block.$call(); }`)
+          else
+            @native.JS.setState(new_state, `null`)
+          end
+        else
+          %x{
+            if (typeof #@native.state[key] === 'undefined') { return nil; }
+            return #@native.state[key];
+          }
+        end
+      end
+
+      def set_state(updater, &block)
+        new_state = `{}`
+        updater.each do |key, value|
+          new_state.JS[key] = value
+        end
+        if block_given?
+          @native.JS.setState(new_state, `function() { block.$call(); }`)
+        else
+          @native.JS.setState(new_state, `null`)
+        end
+      end
+
+      def size
+        `Object.keys(#@native.state).length`;
+      end
+
+      def to_n
+        %x{
+          var new_native = {};
+          for (var key in #@native.state) {
+            if (typeof #@native.state[key].$to_n !== "undefined") {
+              new_native[key] = #@native.state[key].$to_n();
+            } else {
+              new_native[key] = #@native.state[key];
+            }
+          }
+          return new_native;
+        }
+      end
+    end
+  end
+end

data/lib/react/component/styles.rb

@@ -1,66 +1,66 @@
-module React
-  module Component
-    class Styles
-
-      def initialize(native, props_prop = false)
-        @native = native
-        @props_prop = props_prop
-      end
-
-      def [](prop)
-        method_missing(prop)
-      end
-
-      def []=(prop, val)
-        method_missing(prop, val)
-      end
-
-      def deep_merge(a_hash)
-        native_hash = a_hash.to_n
-        React::Component::Styles.new(`Opal.React.merge_deep(#@native, native_hash)`)
-      end
-
-      def deep_merge!(a_hash)
-        native_hash = a_hash.to_n
-        `#@native = Opal.React.merge_deep(#@native, native_hash)`
-        self
-      end
-
-      def method_missing(prop, *args, &block)
-        %x{
-          let value;
-          if (#@props_prop) {
-            if (!#@native.props[#@props_prop] || typeof #@native.props[#@props_prop][prop] === 'undefined') {
-              console.warn("Style/Theme key '" + prop + "' returning nil!");
-              return #{nil};
-            }
-            value = #@native.props[#@props_prop][prop];
-          } else {
-            if (!#@native || typeof #@native[prop] === 'undefined') {
-              console.warn("Style/Theme key '" + prop + "' returning nil!");
-              return #{nil};
-            }
-            value = #@native[prop];
-          }
-          if (typeof value === 'string' || typeof value === 'number' || Array.isArray(value)) { return value; }
-          if (typeof value === 'function') { return value.apply(#@native, args); }
-          return Opal.React.Component.Styles.$new(value);
-        }
-      end
-
-      def to_h
-        %x{
-          if (#@props_prop) { return Opal.Hash.$new(#@native.props[#@props_prop]); }
-          else { return Opal.Hash.$new(#@native); }
-        }
-      end
-
-      def to_n
-        %x{
-          if (#@props_prop) { return #@native.props[#@props_prop]; }
-          else { return #@native; }
-        }
-      end
-    end
-  end
-end
+module React
+  module Component
+    class Styles
+
+      def initialize(native, props_prop = false)
+        @native = native
+        @props_prop = props_prop
+      end
+
+      def [](prop)
+        method_missing(prop)
+      end
+
+      def []=(prop, val)
+        method_missing(prop, val)
+      end
+
+      def deep_merge(a_hash)
+        native_hash = a_hash.to_n
+        React::Component::Styles.new(`Opal.React.merge_deep(#@native, native_hash)`)
+      end
+
+      def deep_merge!(a_hash)
+        native_hash = a_hash.to_n
+        `#@native = Opal.React.merge_deep(#@native, native_hash)`
+        self
+      end
+
+      def method_missing(prop, *args, &block)
+        %x{
+          let value;
+          if (#@props_prop) {
+            if (!#@native.props[#@props_prop] || typeof #@native.props[#@props_prop][prop] === 'undefined') {
+              console.warn("Style/Theme key '" + prop + "' returning nil!");
+              return #{nil};
+            }
+            value = #@native.props[#@props_prop][prop];
+          } else {
+            if (!#@native || typeof #@native[prop] === 'undefined') {
+              console.warn("Style/Theme key '" + prop + "' returning nil!");
+              return #{nil};
+            }
+            value = #@native[prop];
+          }
+          if (typeof value === 'string' || typeof value === 'number' || Array.isArray(value)) { return value; }
+          if (typeof value === 'function') { return value.apply(#@native, args); }
+          return Opal.React.Component.Styles.$new(value);
+        }
+      end
+
+      def to_h
+        %x{
+          if (#@props_prop) { return Opal.Hash.$new(#@native.props[#@props_prop]); }
+          else { return Opal.Hash.$new(#@native); }
+        }
+      end
+
+      def to_n
+        %x{
+          if (#@props_prop) { return #@native.props[#@props_prop]; }
+          else { return #@native; }
+        }
+      end
+    end
+  end
+end