isomorfeus-react 16.13.11 → 16.13.12

data/lib/react/component/callbacks.rb

@@ -1,115 +1,115 @@
-module React
-  module Component
-    module Callbacks
-      def self.included(base)
-        base.instance_exec do
-          def component_did_catch(&block)
-            # TODO convert error and info
-            %x{
-              var fun = function(error, info) {
-                Opal.React.active_redux_components.push(this);
-                #{`this.__ruby_instance`.instance_exec(`error`, `info`, &block)};
-                Opal.React.active_redux_components.pop();
-              }
-              if (self.lucid_react_component) { self.lucid_react_component.prototype.componentDidCatch = fun; }
-              else { self.react_component.prototype.componentDidCatch = fun; }
-            }
-          end
-
-          def component_did_mount(&block)
-            %x{
-              let fun = function() {
-                Opal.React.active_redux_components.push(this);
-                #{`this.__ruby_instance`.instance_exec(&block)};
-                Opal.React.active_redux_components.pop();
-              }
-              if (self.lucid_react_component) {
-                if (self.lucid_react_component.prototype.componentDidMount) {
-                  let fun_one = self.lucid_react_component.prototype.componentDidMount;
-                  let fun_two = fun;
-                  fun = function() {
-                    fun_one();
-                    fun_two();
-                  }
-                }
-                self.lucid_react_component.prototype.componentDidMount = fun;
-              } else { self.react_component.prototype.componentDidMount = fun; }
-            }
-          end
-
-          def component_did_update(&block)
-            %x{
-              var fun = function(prev_props, prev_state, snapshot) {
-                Opal.React.active_redux_components.push(this);
-                #{`this.__ruby_instance`.instance_exec(`Opal.React.Component.Props.$new({props: prev_props})`,
-                                                       `Opal.React.Component.State.$new({state: prev_state})`,
-                                                       `snapshot`, &block)};
-                Opal.React.active_redux_components.pop();
-              }
-              if (self.lucid_react_component) { self.lucid_react_component.prototype.componentDidUpdate = fun; }
-              else { self.react_component.prototype.componentDidUpdate = fun; }
-            }
-          end
-
-          def component_will_unmount(&block)
-            %x{
-              var fun = function() {
-                if (typeof this.unsubscriber === "function") { this.unsubscriber(); };
-                Opal.React.active_redux_components.push(this);
-                #{`this.__ruby_instance`.instance_exec(&block)};
-                Opal.React.active_redux_components.pop();
-              }
-              if (self.lucid_react_component) { self.lucid_react_component.prototype.componentWillUnmount = fun; }
-              else { self.react_component.prototype.componentWillUnmount = fun; }
-            }
-          end
-
-          def get_derived_state_from_error(&block)
-            # TODO convert error
-            %x{
-               var fun = function(error) {
-                var result = #{`this.__ruby_instance`.instance_exec(`error`, &block)};
-                if (typeof result.$to_n === 'function') { result = result.$to_n() }
-                if (result === Opal.nil) { return null; }
-                return result;
-              }
-              if (self.lucid_react_component) { self.lucid_react_component.prototype.getDerivedStateFromError = fun; }
-              else { self.react_component.prototype.getDerivedStateFromError = fun; }
-            }
-          end
-
-          def get_derived_state_from_props(&block)
-            %x{
-              var fun = function(props, state) {
-                Opal.React.active_redux_components.push(this);
-                var result = #{`this.__ruby_instance`.instance_exec(`Opal.React.Component.Props.$new({props: props})`,
-                                                                     `Opal.React.Component.State.$new({state: state})`, &block)};
-                Opal.React.active_redux_components.pop();
-                if (typeof result.$to_n === 'function') { result = result.$to_n() }
-                if (result === Opal.nil) { return null; }
-                return result;
-              }
-              if (self.lucid_react_component) { self.lucid_react_component.prototype.getDerivedStateFromProps = fun; }
-              else { self.react_component.prototype.getDerivedStateFromProps = fun; }
-            }
-          end
-
-          def get_snapshot_before_update(&block)
-            %x{
-              var fun = function(prev_props, prev_state) {
-                Opal.React.active_redux_components.push(this);
-                var result = #{`this.__ruby_instance`.instance_exec(`Opal.React.Component.Props.$new({props: prev_props})`,
-                                                                    `Opal.React.Component.State.$new({state: prev_state})`, &block)};
-                Opal.React.active_redux_components.pop();
-                if (result === Opal.nil) { return null; }
-                return result;
-              }
-              if (self.lucid_react_component) { self.lucid_react_component.prototype.getSnapshotBeforeUpdate = fun; }
-              else { self.react_component.prototype.getSnapshotBeforeUpdate = fun; }
-            }
-          end
-        end
-      end
-    end
-  end
-end
+module React
+  module Component
+    module Callbacks
+      def self.included(base)
+        base.instance_exec do
+          def component_did_catch(&block)
+            # TODO convert error and info
+            %x{
+              var fun = function(error, info) {
+                Opal.React.active_redux_components.push(this);
+                #{`this.__ruby_instance`.instance_exec(`error`, `info`, &block)};
+                Opal.React.active_redux_components.pop();
+              }
+              if (self.lucid_react_component) { self.lucid_react_component.prototype.componentDidCatch = fun; }
+              else { self.react_component.prototype.componentDidCatch = fun; }
+            }
+          end
+
+          def component_did_mount(&block)
+            %x{
+              let fun = function() {
+                Opal.React.active_redux_components.push(this);
+                #{`this.__ruby_instance`.instance_exec(&block)};
+                Opal.React.active_redux_components.pop();
+              }
+              if (self.lucid_react_component) {
+                if (self.lucid_react_component.prototype.componentDidMount) {
+                  let fun_one = self.lucid_react_component.prototype.componentDidMount;
+                  let fun_two = fun;
+                  fun = function() {
+                    fun_one();
+                    fun_two();
+                  }
+                }
+                self.lucid_react_component.prototype.componentDidMount = fun;
+              } else { self.react_component.prototype.componentDidMount = fun; }
+            }
+          end
+
+          def component_did_update(&block)
+            %x{
+              var fun = function(prev_props, prev_state, snapshot) {
+                Opal.React.active_redux_components.push(this);
+                #{`this.__ruby_instance`.instance_exec(`Opal.React.Component.Props.$new({props: prev_props})`,
+                                                       `Opal.React.Component.State.$new({state: prev_state})`,
+                                                       `snapshot`, &block)};
+                Opal.React.active_redux_components.pop();
+              }
+              if (self.lucid_react_component) { self.lucid_react_component.prototype.componentDidUpdate = fun; }
+              else { self.react_component.prototype.componentDidUpdate = fun; }
+            }
+          end
+
+          def component_will_unmount(&block)
+            %x{
+              var fun = function() {
+                if (typeof this.unsubscriber === "function") { this.unsubscriber(); };
+                Opal.React.active_redux_components.push(this);
+                #{`this.__ruby_instance`.instance_exec(&block)};
+                Opal.React.active_redux_components.pop();
+              }
+              if (self.lucid_react_component) { self.lucid_react_component.prototype.componentWillUnmount = fun; }
+              else { self.react_component.prototype.componentWillUnmount = fun; }
+            }
+          end
+
+          def get_derived_state_from_error(&block)
+            # TODO convert error
+            %x{
+               var fun = function(error) {
+                var result = #{`this.__ruby_instance`.instance_exec(`error`, &block)};
+                if (typeof result.$to_n === 'function') { result = result.$to_n() }
+                if (result === Opal.nil) { return null; }
+                return result;
+              }
+              if (self.lucid_react_component) { self.lucid_react_component.prototype.getDerivedStateFromError = fun; }
+              else { self.react_component.prototype.getDerivedStateFromError = fun; }
+            }
+          end
+
+          def get_derived_state_from_props(&block)
+            %x{
+              var fun = function(props, state) {
+                Opal.React.active_redux_components.push(this);
+                var result = #{`this.__ruby_instance`.instance_exec(`Opal.React.Component.Props.$new({props: props})`,
+                                                                     `Opal.React.Component.State.$new({state: state})`, &block)};
+                Opal.React.active_redux_components.pop();
+                if (typeof result.$to_n === 'function') { result = result.$to_n() }
+                if (result === Opal.nil) { return null; }
+                return result;
+              }
+              if (self.lucid_react_component) { self.lucid_react_component.prototype.getDerivedStateFromProps = fun; }
+              else { self.react_component.prototype.getDerivedStateFromProps = fun; }
+            }
+          end
+
+          def get_snapshot_before_update(&block)
+            %x{
+              var fun = function(prev_props, prev_state) {
+                Opal.React.active_redux_components.push(this);
+                var result = #{`this.__ruby_instance`.instance_exec(`Opal.React.Component.Props.$new({props: prev_props})`,
+                                                                    `Opal.React.Component.State.$new({state: prev_state})`, &block)};
+                Opal.React.active_redux_components.pop();
+                if (result === Opal.nil) { return null; }
+                return result;
+              }
+              if (self.lucid_react_component) { self.lucid_react_component.prototype.getSnapshotBeforeUpdate = fun; }
+              else { self.react_component.prototype.getSnapshotBeforeUpdate = fun; }
+            }
+          end
+        end
+      end
+    end
+  end
+end

data/lib/react/component/elements.rb

@@ -1,60 +1,60 @@
-module React
-  module Component
-    module Elements
-      # https://www.w3.org/TR/html52/fullindex.html#index-elements
-      # https://www.w3.org/TR/SVG11/eltindex.html
-      SUPPORTED_HTML_AND_SVG_ELEMENTS = %w[
-        a abbr address area article aside audio
-        b base bdi bdo blockquote body br button
-        canvas caption cite code col colgroup
-        data datalist dd del details dfn dialog div dl dt
-        em embed
-        fieldset figcaption figure footer form
-        h1 h2 h3 h4 h5 h6 head header hr html
-        i iframe img input ins
-        kbd
-        label legend li link
-        main map mark meta meter
-        nav noscript
-        object ol optgroup option output
-        p param picture pre progress
-        q
-        rp rt rtc ruby
-        s samp script section select small source span strong style sub summary sup
-        table tbody td template textarea tfoot th thead time title tr track
-        u ul
-        var video
-        wbr
-        altGlyph altGlyphDef altGlyphItem animate animateColor animateMotion animateTransform
-        circle clipPath color-profile cursor
-        defs desc
-        ellipse
-        feBlend feColorMatrix feComponentTransfer feComposite feConvolveMatrix feDiffuseLighting
-        feDisplacementMap feDistantLight feFlood feFuncA feFuncB feFuncG feFuncR feGaussianBlur
-        feImage feMerge feMergeNode feMorphology feOffset fePointLight feSpecularLighting
-        feSpotLight feTile feTurbulence
-        filter font font-face font-face-format font-face-name font-face-src font-face-uri foreignObject
-        g glyph glyphRef
-        hkern
-        image
-        line linearGradient
-        marker mask metadata missing-glyph mpath
-        path pattern polygon polyline
-        radialGradient rect
-        script set stop style svg switch symbol
-        text textPath tref tspan
-        use
-        view vkern
-      ]
-
-      SUPPORTED_HTML_AND_SVG_ELEMENTS.each do |element|
-        define_method(element) do |*args, &block|
-          `Opal.React.internal_prepare_args_and_render(element, args, block)`
-        end
-        define_method(`element.toUpperCase()`) do |*args, &block|
-          `Opal.React.internal_prepare_args_and_render(element, args, block)`
-        end
-      end
-    end
-  end
-end
+module React
+  module Component
+    module Elements
+      # https://www.w3.org/TR/html52/fullindex.html#index-elements
+      # https://www.w3.org/TR/SVG11/eltindex.html
+      SUPPORTED_HTML_AND_SVG_ELEMENTS = %w[
+        a abbr address area article aside audio
+        b base bdi bdo blockquote body br button
+        canvas caption cite code col colgroup
+        data datalist dd del details dfn dialog div dl dt
+        em embed
+        fieldset figcaption figure footer form
+        h1 h2 h3 h4 h5 h6 head header hr html
+        i iframe img input ins
+        kbd
+        label legend li link
+        main map mark meta meter
+        nav noscript
+        object ol optgroup option output
+        p param picture pre progress
+        q
+        rp rt rtc ruby
+        s samp script section select small source span strong style sub summary sup
+        table tbody td template textarea tfoot th thead time title tr track
+        u ul
+        var video
+        wbr
+        altGlyph altGlyphDef altGlyphItem animate animateColor animateMotion animateTransform
+        circle clipPath color-profile cursor
+        defs desc
+        ellipse
+        feBlend feColorMatrix feComponentTransfer feComposite feConvolveMatrix feDiffuseLighting
+        feDisplacementMap feDistantLight feFlood feFuncA feFuncB feFuncG feFuncR feGaussianBlur
+        feImage feMerge feMergeNode feMorphology feOffset fePointLight feSpecularLighting
+        feSpotLight feTile feTurbulence
+        filter font font-face font-face-format font-face-name font-face-src font-face-uri foreignObject
+        g glyph glyphRef
+        hkern
+        image
+        line linearGradient
+        marker mask metadata missing-glyph mpath
+        path pattern polygon polyline
+        radialGradient rect
+        script set stop style svg switch symbol
+        text textPath tref tspan
+        use
+        view vkern
+      ]
+
+      SUPPORTED_HTML_AND_SVG_ELEMENTS.each do |element|
+        define_method(element) do |*args, &block|
+          `Opal.React.internal_prepare_args_and_render(element, args, block)`
+        end
+        define_method(`element.toUpperCase()`) do |*args, &block|
+          `Opal.React.internal_prepare_args_and_render(element, args, block)`
+        end
+      end
+    end
+  end
+end

data/lib/react/component/features.rb

@@ -1,48 +1,48 @@
-module React
-  module Component
-    module Features
-      def Fragment(*args, &block)
-        `Opal.React.internal_prepare_args_and_render(Opal.global.React.Fragment, args, block)`
-      end
-
-      def Portal(element_or_query, &block)
-        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
-        %x{
-          let operabu = Opal.React.render_buffer;
-          operabu.push([]);
-          // console.log("portal pushed", operabu, operabu.toString());
-          if (block !== nil) {
-            let block_result = block.$call()
-            let last_buffer_length = operabu[operabu.length - 1].length;
-            let last_buffer_element = operabu[operabu.length - 1][last_buffer_length - 1];
-            if (block_result && block_result !== nil) { Opal.React.render_block_result(block_result); }
-          }
-          // console.log("portal popping", operabu, operabu.toString());
-          let result = operabu.pop();
-          if (result.length === 1) { result = result[0]; }
-          var react_element = Opal.global.React.createPortal(result, element);
-          operabu[operabu.length - 1].push(react_element);
-          // console.log("portal pushed", operabu, operabu.toString());
-        }
-      end
-
-      def Profiler(*args, &block)
-        `Opal.React.internal_prepare_args_and_render(Opal.global.React.Profiler, args, block)`
-      end
-
-      def StrictMode(*args, &block)
-        `Opal.React.internal_prepare_args_and_render(Opal.global.React.StrictMode, args, block)`
-      end
-
-      def Suspense(*args, &block)
-        `Opal.React.internal_prepare_args_and_render(Opal.global.React.Suspense, args, block)`
-      end
-    end
-  end
-end
+module React
+  module Component
+    module Features
+      def Fragment(*args, &block)
+        `Opal.React.internal_prepare_args_and_render(Opal.global.React.Fragment, args, block)`
+      end
+
+      def Portal(element_or_query, &block)
+        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
+        %x{
+          let operabu = Opal.React.render_buffer;
+          operabu.push([]);
+          // console.log("portal pushed", operabu, operabu.toString());
+          if (block !== nil) {
+            let block_result = block.$call()
+            let last_buffer_length = operabu[operabu.length - 1].length;
+            let last_buffer_element = operabu[operabu.length - 1][last_buffer_length - 1];
+            if (block_result && block_result !== nil) { Opal.React.render_block_result(block_result); }
+          }
+          // console.log("portal popping", operabu, operabu.toString());
+          let result = operabu.pop();
+          if (result.length === 1) { result = result[0]; }
+          var react_element = Opal.global.React.createPortal(result, element);
+          operabu[operabu.length - 1].push(react_element);
+          // console.log("portal pushed", operabu, operabu.toString());
+        }
+      end
+
+      def Profiler(*args, &block)
+        `Opal.React.internal_prepare_args_and_render(Opal.global.React.Profiler, args, block)`
+      end
+
+      def StrictMode(*args, &block)
+        `Opal.React.internal_prepare_args_and_render(Opal.global.React.StrictMode, args, block)`
+      end
+
+      def Suspense(*args, &block)
+        `Opal.React.internal_prepare_args_and_render(Opal.global.React.Suspense, args, block)`
+      end
+    end
+  end
+end

data/lib/react/component/history.rb

@@ -1,65 +1,69 @@
-module React
-  module Component
-    class History
-      include ::Native::Wrapper
-
-      def block(prompt)
-        @native.JS[:props].JS[:history].JS.block(prompt)
-      end
-
-      def create_href(location)
-        @native.JS[:props].JS[:history].JS.createHref(location)
-      end
-
-      def go(n)
-        @native.JS[:props].JS[:history].JS.go(n)
-      end
-
-      def go_back
-        @native.JS[:props].JS[:history].JS.goBack()
-      end
-
-      def go_forward
-        @native.JS[:props].JS[:history].JS.goForward()
-      end
-
-      def push(*args)
-        @native.JS[:props].JS[:history].JS.push(*args)
-      end
-
-      def replace(*args)
-        @native.JS[:props].JS[:history].JS.replace(*args)
-      end
-
-      def method_missing(prop, *args, &block)
-        @native.JS[:props].JS[:history].JS[prop]
-      end
-
-      def listen(&block)
-        fun = nil
-        %x{
-          fun = function(location, action) {
-            let ruby_location = #{React::Component::Location.new(`{ props: { location: location }}`)}
-            block.$call(ruby_location, action);
-          }
-        }
-        unlisten = @native.JS[:props].JS[:history].JS.listen(fun)
-        -> { unlisten.JS.call() }
-      end
-
-      def location
-        return @location if @location
-        return nil unless @native.JS[:props].JS[:history].JS[:location]
-        if @native.JS[:props].JS[:history].JS[:location].JS[:pathname]
-          @location = React::Component::Location.new(@native)
-        else
-          @native.JS[:props].JS[:history].JS[:location]
-        end
-      end
-
-      def to_n
-        @native.JS[:props].JS[:history]
-      end
-    end
-  end
-end
+module React
+  module Component
+    class History
+      include ::Native::Wrapper
+
+      def initialize(native)
+        @native = native
+      end
+      
+      def block(prompt)
+        @native.JS[:props].JS[:history].JS.block(prompt)
+      end
+
+      def create_href(location)
+        @native.JS[:props].JS[:history].JS.createHref(location)
+      end
+
+      def go(n)
+        @native.JS[:props].JS[:history].JS.go(n)
+      end
+
+      def go_back
+        @native.JS[:props].JS[:history].JS.goBack()
+      end
+
+      def go_forward
+        @native.JS[:props].JS[:history].JS.goForward()
+      end
+
+      def push(*args)
+        @native.JS[:props].JS[:history].JS.push(*args)
+      end
+
+      def replace(*args)
+        @native.JS[:props].JS[:history].JS.replace(*args)
+      end
+
+      def method_missing(prop, *args, &block)
+        @native.JS[:props].JS[:history].JS[prop]
+      end
+
+      def listen(&block)
+        fun = nil
+        %x{
+          fun = function(location, action) {
+            let ruby_location = #{React::Component::Location.new(`{ props: { location: location }}`)}
+            block.$call(ruby_location, action);
+          }
+        }
+        unlisten = @native.JS[:props].JS[:history].JS.listen(fun)
+        -> { unlisten.JS.call() }
+      end
+
+      def location
+        return @location if @location
+        return nil unless @native.JS[:props].JS[:history].JS[:location]
+        if @native.JS[:props].JS[:history].JS[:location].JS[:pathname]
+          @location = React::Component::Location.new(@native)
+        else
+          @native.JS[:props].JS[:history].JS[:location]
+        end
+      end
+
+      def to_n
+        @native.JS[:props].JS[:history]
+      end
+    end
+  end
+end

data/lib/react/component/initializer.rb

@@ -1,11 +1,11 @@
-module React
-  module Component
-    module Initializer
-      def initialize(native_component)
-        @native = native_component
-        @props = `Opal.React.Component.Props.$new(#@native)`
-        @state = `Opal.React.Component.State.$new(#@native)`
-      end
-    end
-  end
-end
+module React
+  module Component
+    module Initializer
+      def initialize(native_component)
+        @native = native_component
+        @props = `Opal.React.Component.Props.$new(#@native)`
+        @state = `Opal.React.Component.State.$new(#@native)`
+      end
+    end
+  end
+end

data/lib/react/component/location.rb

@@ -1,15 +1,19 @@
-module React
-  module Component
-    class Location
-      include ::Native::Wrapper
-
-      def method_missing(prop, *args, &block)
-        @native.JS[:props].JS[:location].JS[prop]
-      end
-
-      def to_n
-        @native
-      end
-    end
-  end
-end
+module React
+  module Component
+    class Location
+      include ::Native::Wrapper
+
+      def initialize(native)
+        @native = native
+      end
+      
+      def method_missing(prop, *args, &block)
+        @native.JS[:props].JS[:location].JS[prop]
+      end
+
+      def to_n
+        @native
+      end
+    end
+  end
+end