isomorfeus-react 16.9.24 → 16.10.0

data/lib/react/children.rb

@@ -1,35 +0,0 @@
-module React
-  module Children
-    class << self
-      def count(children)
-        `Opal.global.React.Children.count(children)`
-      end
-
-      def for_each(children, &block)
-        %x{
-          var fun = function(child) {
-            #{block.call(child)};
-          }
-          Opal.global.React.Children.forEach(children, fun);
-        }
-      end
-
-      def map(children, &block)
-        %x{
-          var fun = function(child) {
-            return #{block.call(child)};
-          }
-          return Opal.global.React.Children.map(children, fun);
-        }
-      end
-
-      def only(children)
-        `Opal.global.React.Children.only(children)`
-      end
-
-      def to_array(children)
-        `Opal.global.React.Children.toArray(children)`
-      end
-    end
-  end
-end

data/lib/react/component/api.rb

@@ -1,80 +0,0 @@
-module React
-  module Component
-    module API
-      def self.included(base)
-        base.instance_exec do
-          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
-
-          attr_accessor :props
-          attr_accessor :state
-
-          def ref(ref_name, &block)
-            defined_refs.JS[ref_name] = block_given? ? block : `null`
-          end
-
-          def defined_refs
-            @defined_ref ||= `{}`
-          end
-
-          def default_state_defined
-            @default_state_defined
-          end
-
-          def state
-            return @default_state if @default_state
-            @default_state_defined = true
-            %x{
-              var native_state = {state: {}};
-              native_state.setState = function(new_state, callback) {
-                for (var key in new_state) {
-                  this.state[key] = new_state[key];
-                }
-                if (callback) { callback.call(); }
-              }
-            }
-            @default_state = React::Component::State.new(`native_state`)
-          end
-
-          def render(&block)
-            `base.render_block = block`
-          end
-        end
-      end
-
-      def display_name
-        @native.JS[:displayName]
-      end
-
-      def force_update(&block)
-        if block_given?
-          # this maybe needs instance_exec too
-          @native.JS.forceUpdate(`function() { block.$call(); }`)
-        else
-          @native.JS.forceUpdate
-        end
-      end
-
-      def ref(name)
-        `#@native[name]`
-      end
-
-      def ruby_ref(name)
-        return `#@native[name]` if `(typeof #@native[name] === 'function')`
-        React::Ref::new(`#@native[name]`)
-      end
-
-      def set_state(updater, &callback)
-        @state.set_state(updater, &callback)
-      end
-    end
-  end
-end

data/lib/react/component/base.rb

@@ -1,9 +0,0 @@
-module React
-  module Component
-    class Base
-      def self.inherited(base)
-        base.include(::React::Component::Mixin)
-      end
-    end
-  end
-end

data/lib/react/component/callbacks.rb

@@ -1,106 +0,0 @@
-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.__ruby_instance);
-                #{`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{
-              var fun = function() {
-                Opal.React.active_redux_components.push(this.__ruby_instance);
-                #{`this.__ruby_instance`.instance_exec(&block)};
-                Opal.React.active_redux_components.pop();
-              }
-              if (self.lucid_react_component) { 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.__ruby_instance);
-                #{`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.__ruby_instance);
-                #{`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.__ruby_instance);
-                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) {
-
-                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 +0,0 @@
-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/event_handler.rb

@@ -1,19 +0,0 @@
-module React
-  module Component
-    module EventHandler
-      def event_handlers
-        @event_handlers ||= []
-      end
-
-      def event_handler(name, &block)
-        event_handlers << name
-        %x{
-          self.react_component.prototype[name] = function(event, info) {
-            #{ruby_event = ::React::SyntheticEvent.new(`event`)};
-            #{`this.__ruby_instance`.instance_exec(ruby_event, `info`, &block)};
-          }
-        }
-      end
-    end
-  end
-end

data/lib/react/component/features.rb

@@ -1,47 +0,0 @@
-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{
-          Opal.React.render_buffer.push([]);
-          if (block !== nil) {
-            let block_result = block.$call()
-            let last_buffer_length = Opal.React.render_buffer[Opal.React.render_buffer.length - 1].length;
-            let last_buffer_element = Opal.React.render_buffer[Opal.React.render_buffer.length - 1][last_buffer_length - 1];
-            if (block_result && block_result !== last_buffer_element && (block_result !== nil && (typeof block_result === "string" || typeof block_result.$$typeof === "symbol" ||
-              (typeof block_result.constructor !== "undefined" && block_result.constructor === Array && block_result[0] && typeof block_result[0].$$typeof === "symbol")
-              ))) {
-              Opal.React.render_buffer[Opal.React.render_buffer.length - 1].push(block_result);
-            }
-          }
-          var react_element = Opal.global.React.createPortal(Opal.React.render_buffer.pop(), element);
-          Opal.React.render_buffer[Opal.React.render_buffer.length - 1].push(react_element);
-          return react_element;
-        }
-      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,36 +0,0 @@
-module React
-  module Component
-    class History
-      include ::Native::Wrapper
-
-      alias_native :block, :block
-      alias_native :create_href, :createHref
-      alias_native :go, :go
-      alias_native :go_back, :goBack
-      alias_native :go_forward, :goForward
-      alias_native :listen, :listen
-      alias_native :push, :push
-      alias_native :replace, :replace
-
-      alias _react_component_hitory_original_method_missing method_missing
-
-      def method_missing(prop, *args, &block)
-        @native.JS[:params].JS[prop]
-      end
-
-      def location
-        return @location if @location
-        return nil unless @native.JS[:props].JS[:location]
-        if @native.JS[:props].JS[:location].JS[:pathname]
-          @location = React::Component::Location.new(@native.JS[:props].JS[:location])
-        else
-          @native.JS[:props].JS[:location]
-        end
-      end
-
-      def to_n
-        @native
-      end
-    end
-  end
-end

data/lib/react/component/initializer.rb

@@ -1,11 +0,0 @@
-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 +0,0 @@
-module React
-  module Component
-    class Location
-      include ::Native::Wrapper
-
-      def method_missing(prop, *args, &block)
-        @native.JS[:params].JS[prop]
-      end
-
-      def to_n
-        @native
-      end
-    end
-  end
-end

data/lib/react/component/match.rb

@@ -1,31 +0,0 @@
-module React
-  module Component
-    class Match
-      include ::Native::Wrapper
-
-      def method_missing(prop, *args, &block)
-        @native.JS[:params].JS[prop]
-      end
-
-      def is_exact
-        @native.JS[:isExact]
-      end
-
-      def params
-        self
-      end
-
-      def path
-        @native.JS[:path]
-      end
-
-      def url
-        @native.JS[:url]
-      end
-
-      def to_n
-        @native
-      end
-    end
-  end
-end