isomorfeus-react 16.8.9 → 16.9.0

data/lib/browser/event_target.rb

@@ -0,0 +1,39 @@
+module Browser
+  module EventTarget
+    # Add the block as a handler for the specified event name. Will use either
+    # `addEventListener` or `addListener` if they exist.
+    #
+    # @param event_name [String] the name of the event
+    # @return [Proc] the block to pass to `off` to remove this handler
+    # @yieldparam event [Browser::Event] the event object
+    def on event_name, &block
+      wrapper = proc { |event| block.call Event.new(event) }
+
+      if `#@native.addEventListener !== undefined`
+        `#@native.addEventListener(event_name, wrapper)`
+      elsif `#@native.addListener !== undefined`
+        `#@native.addListener(event_name, wrapper)`
+      else
+        warn "[Browser] Not entirely sure how to add an event listener to #{self}"
+      end
+
+      wrapper
+    end
+
+    # Remove an event handler
+    #
+    # @param event_name [String] the name of the event
+    # @block the handler to remove, as returned from `on`
+    def off event_name, &block
+      if `#@native.removeEventListener !== undefined`
+        `#@native.removeEventListener(event_name, block)`
+      elsif `#@native.removeListener !== undefined`
+        `#@native.removeListener(event_name, block)`
+      else
+        warn "[Browser] Not entirely sure how to remove an event listener from #{self}"
+      end
+
+      nil
+    end
+  end
+end

data/lib/browser/file_list.rb

@@ -0,0 +1,125 @@
+module Browser
+  class FileList
+    include Enumerable
+
+    # @param native [JS] the native FileList object to wrap
+    def initialize native
+      @native = `#{native} || []`
+      @files = length.times.each_with_object([]) { |index, array|
+        array[index] = File.new(`#@native[index]`)
+      }
+    end
+
+    # @param index [Integer] the index of the file in the list
+    # @return [Browser::FileList::File] the file at the specified index
+    def [] index
+      @files[index]
+    end
+
+    # @return [Integer] the number of files in this list
+    def length
+      `#@native.length`
+    end
+    alias size length
+
+    # Call the given block for each file in the list
+    #
+    # @yieldparam file [Browser::FileList::File]
+    def each &block
+      @files.each do |file|
+        block.call file
+      end
+    end
+
+    # Convert this FileList into an array
+    def to_a
+      @files.dup # Don't return a value that can mutate our internal state
+    end
+    alias to_ary to_a
+
+    # @return [String] a string representation of this FileList
+    def to_s
+      @files.to_s
+    end
+
+    # An individual item in a FileList
+    class File
+      attr_reader :data
+
+      # @param native [JS] the native File object to wrap
+      def initialize native
+        @native = native
+        @data = nil
+      end
+
+      # @return [String] the filename
+      def name
+        `#@native.name`
+      end
+
+      # @return [Integer] the size of this file on disk
+      def size
+        `#@native.size`
+      end
+
+      # @return [String] the MIME type of the file, detected by the browser
+      def type
+        `#@native.type`
+      end
+
+      # @return [Time] the timestamp of the file
+      def last_modified
+        `#@native.lastModifiedDate`
+      end
+
+      # Read the file from disk into memory
+      #
+      # @return [Promise] a promise that resolves when finished loading and
+      #   rejects if an error occurs while loading.
+      def read
+        promise = Promise.new
+        reader = FileReader.new
+        reader.on :load do
+          result = reader.result
+
+          @data = result
+          promise.resolve result
+        end
+
+        reader.on :error do
+          promise.reject reader.result
+        end
+
+        reader.read_as_binary_string self
+
+        promise
+      end
+
+      # Convert to the native object
+      #
+      # @return [JS.HTMLElement] the underlying native element
+      def to_n
+        @native
+      end
+
+      # The object that reads the file from disk.
+      #
+      # @api private
+      class FileReader
+        include EventTarget
+
+        def initialize
+          @native = `new FileReader()`
+        end
+
+        def result
+          `#@native.result`
+        end
+
+        def read_as_binary_string file
+          `#@native.readAsBinaryString(#{file.to_n})`
+        end
+      end
+    end
+  end
+end

data/lib/browser/iterable.rb

@@ -0,0 +1,15 @@
+module Browser
+  class Iterable
+    include Enumerable
+
+    def initialize js_iterable
+      @js_iterable = js_iterable
+    end
+
+    def each
+      `#@js_iterable.length`.times do |i|
+        yield `#@js_iterable[i]`
+      end
+    end
+  end
+end

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

@@ -1,34 +1,4 @@
-require 'isomorfeus-react-base'
-
-# basics
-require 'react/component/native_component_validate_prop'
-require 'react/component/event_handler'
-require 'react/component/api'
-require 'react/component/callbacks'
-require 'react/component/resolution'
-require 'react/component/state'
-require 'react/component/should_component_update'
-require 'react/redux_component/api'
-require 'react/redux_component/app_store_defaults'
-require 'react/redux_component/component_class_store_defaults'
-require 'react/redux_component/component_instance_store_defaults'
-require 'react/redux_component/app_store_proxy'
-require 'react/redux_component/class_store_proxy'
-require 'react/redux_component/instance_store_proxy'
-require 'react/redux_component/reducers'
-
-require 'react/component/styles'
-# init component reducers
-React::ReduxComponent::Reducers.add_component_reducers_to_store
-
-# init LucidApplicationContext (Store Provider and Consumer)
-require 'lucid_app/context'
-LucidApp::Context.create_application_context
-
-require 'lucid_component/api'
-require 'lucid_component/event_handler'
-require 'lucid_component/initializer'
-require 'lucid_app/api'
+require 'isomorfeus-react'
 
 # LucidMaterial::Component
 require 'lucid_material/component/api'

data/lib/isomorfeus-react.rb

@@ -1,14 +1,121 @@
 if RUBY_ENGINE == 'opal'
-  require 'isomorfeus-react-base'
-  require 'isomorfeus-react-component'
-  require 'isomorfeus-react-redux-component'
-  require 'isomorfeus-react-lucid'
+  require 'opal'
+  require 'opal-autoloader'
+  require 'native'
+  require 'promise'
+  require 'active_support/core_ext/string'
+  require 'react/active_support_support'
+  require 'isomorfeus-redux'
+
+  require 'isomorfeus/execution_environment'
+
+  if Isomorfeus.on_browser?
+    require 'browser/event'
+    require 'browser/event_target'
+    require 'browser/delegate_native'
+    require 'browser/element'
+  end
+
+  require 'isomorfeus/config'
+
+  # allow mounting of components
+  if Isomorfeus.on_browser?
+    require 'isomorfeus/top_level_browser'
+  else
+    require 'isomorfeus/top_level_ssr'
+  end
+
+  # react
+  require 'react/version'
+  require 'react'
+  require 'react/synthetic_event'
+  require 'react/ref'
+  require 'react/children'
+  if Isomorfeus.on_browser?
+    require 'react_dom'
+  else
+    require 'react_dom_server'
+  end
+
+  # props
+  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'
+
+  # Function Component
+  require 'react/function_component/resolution'
+  require 'react/function_component/api'
+  require 'react/function_component/event_handler'
+  require 'react/function_component/creator'
+  require 'react/function_component/mixin'
+  require 'react/function_component/base'
+  require 'react/memo_component/creator'
+  require 'react/memo_component/mixin'
+  require 'react/memo_component/base'
+
+  # React::Component
+  require 'react/component/api'
+  require 'react/component/callbacks'
+  # require 'react/component/unsafe_api'
+  require 'react/component/initializer'
+  require 'react/component/native_component_constructor'
+  require 'react/component/native_component_validate_prop'
+  require 'react/component/state'
+  require 'react/component/match'
+  require 'react/component/location'
+  require 'react/component/history'
+  require 'react/component/resolution'
+  require 'react/component/should_component_update'
+  require 'react/component/event_handler'
+  require 'react/component/styles'
+  require 'react/component/mixin'
+  require 'react/component/base'
+
+  # React::PureComponent
+  require 'react/pure_component/mixin'
+  require 'react/pure_component/base'
+
+  # init component reducers
+  require 'lucid_component/reducers'
+  LucidComponent::Reducers.add_component_reducers_to_store
+
+  # init LucidApplicationContext (Store Provider and Consumer)
+  require 'lucid_app/context'
+  LucidApp::Context.create_application_context
+
+  # LucidComponent
+  require 'lucid_component/store_api'
+  require 'lucid_component/app_store_defaults'
+  require 'lucid_component/component_class_store_defaults'
+  require 'lucid_component/component_instance_store_defaults'
+  require 'lucid_component/app_store_proxy'
+  require 'lucid_component/class_store_proxy'
+  require 'lucid_component/instance_store_proxy'
+  require 'lucid_component/api'
+  require 'lucid_component/initializer'
+  require 'lucid_component/native_component_constructor'
+  require 'lucid_component/event_handler'
+  require 'lucid_component/mixin'
+  require 'lucid_component/base'
+
+  # LucidApp
+  require 'lucid_app/api'
+  require 'lucid_app/native_component_constructor'
+  require 'lucid_app/mixin'
+  require 'lucid_app/base'
+
+  Opal::Autoloader.add_load_path('components')
 else
   require 'oj'
   require 'opal'
   require 'opal-activesupport'
   require 'opal-autoloader'
-  require 'opal-browser'
   require 'isomorfeus-redux'
   require 'isomorfeus-speednode'
   require 'react/version'

data/lib/isomorfeus/execution_environment.rb

@@ -1,18 +1,24 @@
 module Isomorfeus
   if RUBY_ENGINE == 'opal'
     class << self
+      attr_accessor :on_browser
+      attr_accessor :on_ssr
+
       def on_browser?
-        !on_ssr?
+        @on_browser
       end
 
       def on_ssr?
-        !!`((typeof process !== 'undefined') && (typeof process.release !== "undefined") && (process.release.name === 'node'))`
+        @on_ssr
       end
 
       def on_server?
         false
       end
     end
+
+    self.on_ssr = `!!((typeof process !== 'undefined') && (typeof process.release !== "undefined") && (process.release.name === 'node'))`
+    self.on_browser = !on_ssr
   else
     class << self
       def on_browser?

data/lib/isomorfeus/top_level_browser.rb

@@ -45,7 +45,7 @@ module Isomorfeus
     def self.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::DOM::Node)
+      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

data/lib/lucid_app/mixin.rb

@@ -9,7 +9,7 @@ module LucidApp
       base.include(::React::Component::Elements)
       base.include(::React::Component::API)
       base.include(::React::Component::Callbacks)
-      base.include(::React::ReduxComponent::API)
+      base.include(::LucidComponent::StoreAPI)
       base.include(::LucidApp::API)
       base.include(::LucidComponent::Initializer)
       base.include(::React::Component::Features)

data/lib/lucid_component/app_store_defaults.rb

@@ -0,0 +1,36 @@
+module LucidComponent
+  class AppStoreDefaults
+    def initialize(state, component_name)
+      @state = state
+      if @state.isomorfeus_store
+        @state.isomorfeus_store.merge!(application_state: {})
+      else
+        @state.isomorfeus_store = { application_state: {}}
+      end
+    end
+
+    def method_missing(key, *args, &block)
+      if `args.length > 0`
+        # set initial class state
+        key = key.chop if `key.endsWith('=')`
+        @state.isomorfeus_store[:application_state][key] = args[0]
+        current_state = Isomorfeus.store.get_state
+        if !(current_state[:application_state].key?(key))
+          Isomorfeus.store.dispatch(type: 'APPLICATION_STATE', name: key, value: args[0])
+        end
+      else
+        # get class state
+
+        # check if we have a component local state value
+        if @state.isomorfeus_store[:application_state].key?(key)
+          return @state.isomorfeus_store[:application_state][key]
+        end
+      end
+      nil
+    end
+
+    def to_h
+      @state.isomorfeus_store[:application_state]
+    end
+  end
+end

data/lib/lucid_component/app_store_proxy.rb

@@ -0,0 +1,40 @@
+module LucidComponent
+  class AppStoreProxy
+    def initialize(component_instance, access_key = 'state')
+      @native_component_instance = component_instance.to_n
+      @component_instance = component_instance
+      @access_key = access_key
+    end
+
+    def method_missing(key, *args, &block)
+      @native_component_instance.JS.register_used_store_path(['application_state', key])
+      if `args.length > 0`
+        # set class state, simply a dispatch
+        action = { type: 'APPLICATION_STATE', name: (`key.endsWith('=')` ? key.chop : key), value: args[0] }
+        Isomorfeus.store.dispatch(action)
+      else
+        # check if we have a component local state value
+        if `this.native_component_instance[this.access_key]["isomorfeus_store"]["application_state"].hasOwnProperty(key)`
+          return @native_component_instance.JS[@access_key].JS[:isomorfeus_store].JS[:application_state].JS[key]
+        elsif @component_instance.class.default_app_store_defined && @component_instance.class.app_store.to_h.key?(key)
+          # check if a default value was given
+          return @component_instance.class.app_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