isomorfeus-react 16.5.1

data/lib/react/redux_component/component_instance_store_defaults.rb

@@ -0,0 +1,41 @@
+module React
+  module ReduxComponent
+    class ComponentInstanceStoreDefaults
+      def initialize(state, component_name)
+        @state = {}
+        @component_name = component_name
+      end
+
+      def method_missing(key, *args, &block)
+        if `args.length > 0`
+          # set initial class state
+          key = key.chop if `key.endsWith('=')`
+          @state[key] = args[0]
+          current_state = Isomorfeus.store.get_state
+          if !(current_state[:component_class_state].has_key?(@component_name) &&
+            current_state[:component_class_state][@component_name].has_key?(:instance_defaults) &&
+            current_state[:component_class_state][@component_name][:instance_defaults].has_key?(key))
+            Isomorfeus.store.dispatch(type: 'COMPONENT_CLASS_STATE', class: @component_name, name: :instance_defaults, value: { key => args[0]})
+          end
+        else
+          # get class state
+
+          # check if we have a component local state value
+
+          if @state.has_key?(key)
+            return @state[key]
+          end
+        end
+        nil
+      end
+
+      def to_h
+        @state
+      end
+
+      def to_n
+        @state.to_n
+      end
+    end
+  end
+end

data/lib/react/redux_component/initializer.rb

@@ -0,0 +1,14 @@
+module React
+  module ReduxComponent
+    module Initializer
+      def initialize(native_component)
+        @native = native_component
+        @app_store = ::React::ReduxComponent::AppStoreProxy.new(self)
+        @class_store = ::React::ReduxComponent::ClassStoreProxy.new(self)
+        @props = ::React::Component::Props.new(@native.JS[:props])
+        @state = ::React::Component::State.new(@native)
+        @store = ::React::ReduxComponent::InstanceStoreProxy.new(self)
+      end
+    end
+  end
+end

data/lib/react/redux_component/instance_store_proxy.rb

@@ -0,0 +1,50 @@
+module React
+  module ReduxComponent
+    class InstanceStoreProxy
+
+      def initialize(component_instance, access_key = 'state')
+        @native_component_instance = component_instance.to_n
+        @component_instance = component_instance
+        @component_object_id = component_instance.object_id.to_s
+        @access_key = access_key
+      end
+
+      def method_missing(key, *args, &block)
+        @native_component_instance.JS.register_used_store_path(['component_state', @component_object_id, key])
+        if `args.length > 0`
+          # set instance state, simply a dispatch
+
+          action = { type: 'COMPONENT_STATE', object_id: @component_object_id, name: (`key.endsWith('=')` ? key.chop : key), value: args[0] }
+          Isomorfeus.store.dispatch(action)
+
+        else
+          # get instance state
+
+          if @native_component_instance.JS[@access_key].JS[:isomorfeus_store].JS[:component_state].JS[@component_object_id] &&
+            @native_component_instance.JS[@access_key].JS[:isomorfeus_store].JS[:component_state].JS[@component_object_id].JS.hasOwnProperty(key)
+            # check if we have a component local state value
+            return @native_component_instance.JS[@access_key].JS[:isomorfeus_store].JS[:component_state].JS[@component_object_id].JS[key]
+          elsif @component_instance.class.default_instance_store_defined && @component_instance.class.store.to_h.has_key?(key)
+            # check if a default value was given
+            return @component_instance.class.store.to_h[key]
+          end
+
+          # otherwise return nil
+          return nil
+        end
+      end
+
+      def dispatch(action)
+        Isomorfeus.store.dispatch(action)
+      end
+
+      def subscribe(&block)
+        Isomorfeus.store.subscribe(&block)
+      end
+
+      def unsubscribe(unsubscriber)
+        `unsubscriber()`
+      end
+    end
+  end
+end

data/lib/react/redux_component/mixin.rb

@@ -0,0 +1,18 @@
+module React
+  module ReduxComponent
+    module Mixin
+      def self.included(base)
+        base.include(::Native::Wrapper)
+        base.extend(::React::ReduxComponent::NativeComponentConstructor)
+        base.extend(::React::Component::NativeComponentValidateProp)
+        base.extend(::React::Component::EventHandler)
+        base.include(::React::Component::Elements)
+        base.include(::React::Component::API)
+        base.include(::React::ReduxComponent::API)
+        base.include(::React::ReduxComponent::Initializer)
+        base.include(::React::Component::Features)
+        base.include(::React::Component::Resolution)
+      end
+    end
+  end
+end

data/lib/react/redux_component/native_component_constructor.rb

@@ -0,0 +1,119 @@
+module React
+  module ReduxComponent
+    module NativeComponentConstructor
+      # for should_component_update we apply ruby semantics for comparing props
+      # to do so, we convert the props to ruby hashes and then compare
+      # this makes sure, that for example rubys Nil object gets handled properly
+      def self.extended(base)
+        component_name = base.to_s
+        # language=JS
+        %x{
+          base.react_component = class extends React.Component {
+            constructor(props) {
+              super(props);
+              if (base.$default_state_defined()) {
+                this.state = Object.assign({}, base.$state().$to_n(), { isomorfeus_store: Opal.Isomorfeus.store.native.getState() });
+              } else {
+                this.state = { isomorfeus_store: Opal.Isomorfeus.store.native.getState() };
+              };
+              if (typeof this.state.isomorfeus_store.component_class_state[#{component_name}] === "undefined") {
+                this.state.isomorfeus_store.component_class_state[#{component_name}] = {};
+              };
+              this.__ruby_instance = base.$new(this);
+              this.__object_id = this.__ruby_instance.$object_id().$to_s();
+              if (!this.state.isomorfeus_store.component_state) {
+                this.state.isomorfeus_store.component_state = {};
+                if (base.$default_instance_store_defined()) {
+                  this.state.isomorfeus_store.component_state[this.__object_id] = base.$store.$to_n();
+                } else {
+                  this.state.isomorfeus_store.component_state[this.__object_id] = {};
+                }
+              };
+              var event_handlers = #{base.event_handlers};
+              for (var i = 0; i < event_handlers.length; i++) {
+                this[event_handlers[i]] = this[event_handlers[i]].bind(this);
+              }
+              var defined_refs = #{base.defined_refs};
+              for (var ref in defined_refs) {
+                if (defined_refs[ref] != null) {
+                  this[ref] = function(element) {
+                    #{`this.__ruby_instance`.instance_exec(React::Ref.new(`element`), `defined_refs[ref]`)}
+                  }
+                  this[ref] = this[ref].bind(this);
+                } else {
+                  this[ref] = React.createRef();
+                }
+              }
+              this.listener = this.listener.bind(this);
+              this.unsubscriber = Opal.Isomorfeus.store.native.subscribe(this.listener);
+            }
+            data_access() {
+              return this.state.isomorfeus_store
+            }
+            static get displayName() {
+              return #{component_name};
+            }
+            listener() {
+              var next_state = Object.assign({}, this.state, { isomorfeus_store: Opal.Isomorfeus.store.native.getState() });
+              if (this.scu_for_used_store_paths(this, this.state.isomorfeus_store, next_state.isomorfeus_store)) { this.setState(next_state); }
+            }
+            register_used_store_path(path) {
+              this.used_store_paths.push(path);
+            }
+            componentWillUnmount() {
+              if (typeof this.unsubscriber === "function") { this.unsubscriber(); };
+            }
+            shouldComponentUpdate(next_props, next_state) {
+              var next_props_keys = Object.keys(next_props);
+              var this_props_keys = Object.keys(this.props);
+              if (next_props_keys.length !== this_props_keys.length) { return true; }
+
+              var next_state_keys = Object.keys(next_state);
+              var this_state_keys = Object.keys(this.state);
+              if (next_state_keys.length !== this_state_keys.length) { return true; }
+
+              for (var property in next_props) {
+                if (next_props.hasOwnProperty(property)) {
+                  if (!this.props.hasOwnProperty(property)) { return true; };
+                  if (property == "children") { if (next_props.children !== this.props.children) { return true; }}
+                  else if (typeof next_props[property] !== "undefined" && typeof next_props[property]['$!='] !== "undefined" && typeof this.props[property] !== "undefined" && typeof this.props[property]['$!='] !== "undefined") {
+                    if (#{ !! (`next_props[property]` != `this.props[property]`) }) { return true; };
+                  } else if (next_props[property] !== this.props[property]) { return true; };
+                }
+              }
+              for (var property in next_state) {
+                if (property === "isomorfeus_store") {
+                  var res = this.scu_for_used_store_paths(this, this.state.isomorfeus_store, next_state.isomorfeus_store);
+                  if (res) { return true; }
+                }
+                if (next_state.hasOwnProperty(property)) {
+                  if (!this.state.hasOwnProperty(property)) { return true; };
+                  if (typeof next_state[property]['$!='] !== "undefined" && typeof this.state[property]['$!='] !== "undefined") {
+                    if (#{ !! (`next_state[property]` != `this.state[property]`) }) { return true };
+                  } else if (next_state[property] !== this.state[property]) { return true };
+                }
+              }
+              return false;
+            }
+            scu_for_used_store_paths(self, current_state, next_state) {
+              var unique_used_store_paths = self.used_store_paths.filter(function(elem, pos) {
+                return (self.used_store_paths.indexOf(elem) === pos);
+              });
+              var used_length = unique_used_store_paths.length;
+              var store_path;
+              var current_value;
+              var next_value;
+              for (var i = 0; i < used_length; i++) {
+                store_path = unique_used_store_paths[i];
+                current_value = store_path.reduce(function(prev, curr) { return prev && prev[curr]; }, current_state);
+                next_value = store_path.reduce(function(prev, curr) { return prev && prev[curr]; }, next_state);
+                if (current_value !== next_value) { return true; };
+              }
+              return false;
+            }
+          }
+        }
+      end
+    end
+  end
+end

data/lib/react/redux_component/reducers.rb

@@ -0,0 +1,53 @@
+module React
+  module ReduxComponent
+    module Reducers
+      def self.add_component_reducers_to_store
+        component_reducer = Redux.create_reducer do |prev_state, action|
+          case action[:type]
+          when 'COMPONENT_STATE'
+            new_state = {}.merge!(prev_state) # make a copy of state
+            new_state[action[:object_id]] = {} unless new_state.has_key?(action[:object_id])
+            new_state[action[:object_id]].merge!(action[:name] => action[:value])
+            new_state
+          when 'INIT'
+            new_state = {}
+            new_state
+          else
+            prev_state
+          end
+        end
+
+        component_class_reducer = Redux.create_reducer do |prev_state, action|
+          case action[:type]
+          when 'COMPONENT_CLASS_STATE'
+            new_state = {}.merge!(prev_state) # make a copy of state
+            new_state[action[:class]] = {} unless new_state.has_key?(action[:class])
+            new_state[action[:class]].merge!(action[:name] => action[:value])
+            new_state
+          when 'INIT'
+            new_state = {}
+            new_state
+          else
+            prev_state
+          end
+        end
+
+        app_reducer = Redux.create_reducer do |prev_state, action|
+          case action[:type]
+          when 'APPLICATION_STATE'
+            new_state = {}.merge!(prev_state) # make a copy of state
+            new_state.merge!(action[:name] => action[:value])
+            new_state
+          when 'INIT'
+            new_state = {}
+            new_state
+          else
+            prev_state
+          end
+        end
+
+        Redux::Store.add_reducers(component_state: component_reducer, component_class_state: component_class_reducer, application_state: app_reducer)
+      end
+    end
+  end
+end

data/lib/react/ref.rb

@@ -0,0 +1,19 @@
+module React
+  class Ref
+    include ::Native::Wrapper
+
+    def initialize(native_ref)
+      @native = native_ref
+    end
+
+    def current
+      %x{
+        if (typeof #@native.current.__ruby_instance != undefined) {
+          return #@native.current.__ruby_instance;
+        } else {
+          #@native.current;
+        }
+      }
+    end
+  end
+end

data/lib/react/synthetic_event.rb

@@ -0,0 +1,53 @@
+module React
+  class SyntheticEvent
+    include Native::Wrapper
+    # helpers
+    def self.native_accessors(*js_names)
+      js_names.each do |js_name|
+        ruby_name = js_name.underscore
+        define_method(ruby_name) do
+          @native.JS[js_name]
+        end
+      end
+    end
+
+    def self.native_boolean_accessors(*js_names)
+      js_names.each do |js_name|
+        ruby_name = js_name.underscore + '?'
+        define_method(ruby_name) do
+          @native.JS[js_name]
+        end
+      end
+    end
+
+    alias_native :get_modifier_state, :getModifierState
+    alias_native :is_default_prevented?, :isDefaultPrevented
+    alias_native :is_propagation_stopped?, :isPropagationStopped
+    alias_native :persist, :persist
+    alias_native :prevent_default, :preventDefault
+    alias_native :stop_propagation, :stopPropagation
+
+    native_accessors :animationName, :button, :buttons, :changedTouches, :charCode, :clientX, :clientY, :clipboardData, :data, :deltaMode, :deltaX,
+                     :deltaY, :deltaZ, :detail, :elapsedTime, :eventPhase, :height, :key, :keyCode, :locale, :location, :pageX, :pageY, :pointerId,
+                     :pointerType, :pressure, :propertyName, :pseudoElement, :screenX, :screenY, :tangentialPressure, :targetTouches, :tiltX, :tiltY,
+                     :timestamp, :touches, :twist, :type, :view, :which, :width
+
+    native_boolean_accessors :altKey, :bubbles, :cancelable, :ctrlKey, :defaultPrevented, :isPrimary, :isTrusted, :metaKey, :repeat, :shiftKey
+
+    def current_target
+      Browser::Event::Target.convert(@native.JS[:currentTarget])
+    end
+
+    def native_event
+      Browser::Event.new(@native.JS[:nativeEvent])
+    end
+
+    def related_target
+      Browser::Event::Target.convert(@native.JS[:relatedTarget])
+    end
+
+    def target
+      Browser::Event::Target.convert(@native.JS[:target])
+    end
+  end
+end

data/lib/react/version.rb

@@ -0,0 +1,3 @@
+module React
+  VERSION = '16.5.1'
+end

data/lib/react_dom.rb

@@ -0,0 +1,31 @@
+module ReactDOM
+  def create_portal
+
+  end
+
+  def find_dom_node
+
+  end
+
+  def hydrate
+
+  end
+
+  def self.render(native_element, container, &block)
+    `Opal.React.render_buffer.push([]);`
+
+    result = if block_given?
+               `ReactDOM.render(native_element, container, function() { block.$call() })`
+             else
+               `ReactDOM.render(native_element, container)`
+             end
+
+    `Opal.React.render_buffer.pop([])`
+
+    result
+  end
+
+  def unmount_component_at_node
+
+  end
+end

data/lib/react_dom_server.rb

@@ -0,0 +1,17 @@
+module ReactDOMServer
+  def render_to_string
+
+  end
+
+  def render_to_static_markup
+
+  end
+
+  def render_to_node_stream
+
+  end
+
+  def render_to_static_node_stream
+
+  end
+end

metadata

@@ -0,0 +1,167 @@
+--- !ruby/object:Gem::Specification
+name: isomorfeus-react
+version: !ruby/object:Gem::Version
+  version: 16.5.1
+platform: ruby
+authors:
+- Jan Biedermann
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2018-10-29 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: opal
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.11.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: 0.12.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.11.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: 0.12.0
+- !ruby/object:Gem::Dependency
+  name: opal-activesupport
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.3.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.3.1
+- !ruby/object:Gem::Dependency
+  name: opal-browser
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.2.0
+- !ruby/object:Gem::Dependency
+  name: isomorfeus-redux
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.0.0
+description: Write React Components in Ruby.
+email:
+- jan@kursator.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- Gemfile
+- README.md
+- isomorfeus-react.gemspec
+- lib/isomorfeus-react.rb
+- lib/isomorfeus/config.rb
+- lib/isomorfeus/top_level.rb
+- lib/isomorfeus/view_helpers.rb
+- lib/lucid_app/api.rb
+- lib/lucid_app/base.rb
+- lib/lucid_app/context.rb
+- lib/lucid_app/mixin.rb
+- lib/lucid_app/native_component_constructor.rb
+- lib/lucid_component/api.rb
+- lib/lucid_component/base.rb
+- lib/lucid_component/event_handler.rb
+- lib/lucid_component/initializer.rb
+- lib/lucid_component/mixin.rb
+- lib/lucid_component/native_component_constructor.rb
+- lib/react.rb
+- lib/react/active_support_support.rb
+- lib/react/component/api.rb
+- lib/react/component/base.rb
+- lib/react/component/elements.rb
+- lib/react/component/event_handler.rb
+- lib/react/component/features.rb
+- lib/react/component/history.rb
+- lib/react/component/initializer.rb
+- lib/react/component/location.rb
+- lib/react/component/match.rb
+- lib/react/component/mixin.rb
+- lib/react/component/native_component_constructor.rb
+- lib/react/component/native_component_validate_prop.rb
+- lib/react/component/props.rb
+- lib/react/component/resolution.rb
+- lib/react/component/should_component_update.rb
+- lib/react/component/state.rb
+- lib/react/component/unsafe_api.rb
+- lib/react/context_wrapper.rb
+- lib/react/function_component/creator.rb
+- lib/react/function_component/resolution.rb
+- lib/react/function_component/runner.rb
+- lib/react/native_constant_wrapper.rb
+- lib/react/pure_component/base.rb
+- lib/react/pure_component/mixin.rb
+- lib/react/redux_component/api.rb
+- lib/react/redux_component/app_store_defaults.rb
+- lib/react/redux_component/app_store_proxy.rb
+- lib/react/redux_component/base.rb
+- lib/react/redux_component/class_store_proxy.rb
+- lib/react/redux_component/component_class_store_defaults.rb
+- lib/react/redux_component/component_instance_store_defaults.rb
+- lib/react/redux_component/initializer.rb
+- lib/react/redux_component/instance_store_proxy.rb
+- lib/react/redux_component/mixin.rb
+- lib/react/redux_component/native_component_constructor.rb
+- lib/react/redux_component/reducers.rb
+- lib/react/ref.rb
+- lib/react/synthetic_event.rb
+- lib/react/version.rb
+- lib/react_dom.rb
+- lib/react_dom_server.rb
+homepage: http://isomorfeus.com
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.7.6
+signing_key: 
+specification_version: 4
+summary: React for Opal Ruby.
+test_files: []