isomorfeus-redux 4.0.21 → 4.0.22

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 19bbbb5e2f13c5e706f5d47d12e848f5734b7f83345a72c1c756608566c12101
-  data.tar.gz: c93fc41b2e042af1da72e4ee2990f7055586e515cc6eaa8816a5a96062e8ce0c
+  metadata.gz: ac66bd2fa78a0d3dde62ea27ad5d465d0f6298936ebe4d720288b609db23d2e9
+  data.tar.gz: 2577dcb6a4dec4ec430b4a8efb615edb6aa36db290d1c2219a3e9be37296260f
 SHA512:
-  metadata.gz: b412b3d03d000c9015cee26818b5873cfa7655438fbd63339ae8b2e40d9437991ee18844f1978f1bb7ab06d37ef851c658f4189bd09c2ab7b6a7a13d12afec39
-  data.tar.gz: dbd289172c68b7f5dd5136bea2a5499bbf20d0140db0ae509194d66dbc8f6f846b56329b690741282438be56179698b047b4fc5605f6bf4c5d338bba5f78bcff
+  metadata.gz: 71ad82d18c7f94dce61887613574403d0bb08499d61b24d4bcce818a335aab72c927d880052d66fda709043f3887cab443bd40a316ebfd9c74f32d3a20a5585c
+  data.tar.gz: c939dd916b7870d091047f4a4b777a9c2eaf9c5986972eccd950344c2adb7fd3914237338144b5115aa3a0bbe91b875f15d4c9f5f285399e3f5bbfe35ce7fdcc

data/README.md

@@ -34,11 +34,117 @@ For full functionality the following are required:
 For the Gemfile:
 ```ruby
 gem 'opal', github: 'janbiedermann/opal', branch: 'es6_modules_1_1'
-gem 'opal-webpack-loader', '~> 0.9.1'
-gem 'opal-autoloader', '~> 0.0.3'
+gem 'opal-webpack-loader', '~> 0.9.10'
 ```
 
-## Usage
+## Usage within Isomorfeus
+
+Lucid Components have store access integrated, see the isomorfeus-react documentation.
+
+The following stores are available:
+- AppStore - reactive store managed by redux
+- LocalStore - convenient access to the Browsers localStorage, changes from within ruby can be subscribed to
+- SessionStore - convenient access to the Browsers sessionStorage, changes from within ruby can be subscribed to
+
+### AppStore
+All keys must be Strings or Symbols! All values must be serializable, simple types preferred!
+
+Example Usage:
+```ruby
+# setting a value:
+AppStore.some_key = 10
+AppStore[:some_key] = 10
+AppStore.set(:some_key, 10) 
+AppStore.promise_set(:some_key, 10)
+
+# getting a value:
+val = AppStore.some_key
+val = AppStore[:some_key]
+val = AppStore.get(:some_key) 
+AppStore.promise_get(:some_key).then do |val|
+  # do something
+end
+
+# subscribing to changes
+unsub = AppStore.subscribe do
+  @val = AppStore.some_key
+end
+
+# MUST be unsibscribed if changes are no longer wanted
+AppStore.unsubscribe(unsub) 
+```
+
+### LocalStore
+All keys and values must be Strings or Symbols!
+
+```ruby
+# setting a value:
+LocalStore.some_key = 10
+LocalStore[:some_key] = 10
+LocalStore.set(:some_key, 10) 
+LocalStore.promise_set(:some_key, 10)
+
+# getting a value:
+val = LocalStore.some_key
+val = LocalStore[:some_key]
+val = LocalStore.get(:some_key) 
+LocalStore.promise_get(:some_key).then do |val|
+  # do something
+end
+
+# deleting a value
+LocalStore.delete(:some_key)
+LocalStore.promise_delete(:some_key)
+
+# clearing the store
+LocalStore.clear 
+LocalStore.promise_clear
+
+# subscribing to changes
+unsub = LocalStore.subscribe do
+  @val = LocalStore.some_key
+end
+
+# MUST be unsibscribed if changes are no longer wanted
+LocalStore.unsubscribe(unsub) 
+```
+
+### SessionStore
+All keys and values must be Strings or Symbols!
+
+```ruby
+# setting a value:
+SessionStore.some_key = 10
+SessionStore[:some_key] = 10
+SessionStore.set(:some_key, 10) 
+SessionStore.promise_set(:some_key, 10)
+
+# getting a value:
+val = SessionStore.some_key
+val = SessionStore[:some_key]
+val = SessionStore.get(:some_key) 
+SessionStore.promise_get(:some_key).then do |val|
+  # do something
+end
+
+# deleting a value
+SessionStore.delete(:some_key)
+SessionStore.promise_delete(:some_key)
+
+# clearing the store
+SessionStore.clear 
+SessionStore.promise_clear
+
+# subscribing to changes
+unsub = SessionStore.subscribe do
+  @val = SessionStore.some_key
+end
+
+# MUST be unsibscribed if changes are no longer wanted
+LocalStore.unsubscribe(unsub) 
+```
+
+## Advanced Usage
 Because isomorfeus-redux follows closely the Redux principles/implementation/API and Documentation, most things of the official Redux documentation
 apply, but in the Ruby way, see:
 - https://redux.js.org
@@ -102,6 +208,7 @@ Isomorfeus.store.subscribe do
   # something useful here
 end
 ```
+
 ### Setup
 If isomorfeus-redux is used in isolation, these methods can be used:
 ```ruby
@@ -111,3 +218,6 @@ Redux::Store.init! # initializes the global store
 
 ### Development Tools
 The Redux Development Tools allow for detailed debugging of store/state changes: https://github.com/zalmoxisus/redux-devtools-extension
+
+### Specs
+Specs for the stores are in isomorfeus-react.

data/lib/app_store.rb

@@ -0,0 +1,42 @@
+class AppStore
+  class << self
+    def method_missing(key, *args, &block)
+      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.collect_and_defer_dispatch(action)
+      else
+        # check store for value
+        a_state = Isomorfeus.store.get_state
+        if a_state.key?(:application_state) && a_state[:application_state].key?(key)
+          return a_state[:application_state][key]
+        end
+
+        # otherwise return nil
+        return nil
+      end
+    end
+
+    alias [] method_missing
+    alias []= method_missing
+
+    alias get method_missing
+    alias set method_missing
+
+    def promise_get(key)
+      Promise.new.resolve(get(key))
+    end
+
+    def promise_set(key, value)
+      Promise.new.resolve(set(key, value))
+    end
+
+    def subscribe(&block)
+      Isomorfeus.store.subscribe(&block)
+    end
+
+    def unsubscribe(unsubscriber)
+      `unsubscriber()`
+    end
+  end
+end

data/lib/isomorfeus/browser_store_api.rb

@@ -0,0 +1,43 @@
+module Isomorfeus
+  module BrowserStoreApi
+    def promise_get(key)
+      Promise.new.resolve(get(key))
+    end
+
+    def promise_set(key, value)
+      Promise.new.resolve(set(key, value))
+    end
+
+    def promise_delete(key)
+      Promise.new.resolve(delete(key))
+    end
+
+    def promise_clear
+      Promise.new.resolve(clear)
+    end
+
+    def subscribe(&block)
+      key = SecureRandom.uuid
+      subscribers[key] = block
+      key
+    end
+
+    def unsubscribe(key)
+      subscribers.delete(key)
+      nil
+    end
+
+    def notify_subscribers
+      return if subscribers.empty?
+      after 0 do
+        subscribers.each_value do |block|
+          block.call
+        end
+      end
+    end
+
+    def subscribers
+      @subscribers ||= {}
+    end
+  end
+end

data/lib/isomorfeus/core_ext/kernel.rb

@@ -0,0 +1,30 @@
+module Kernel
+  def promise_after(time_ms)
+    p = Promise.new
+    after(time_ms) { p.resolve(true) }
+    p
+  end
+
+  def on_browser?;   Isomorfeus.on_browser?;   end
+  def on_ssr?;       Isomorfeus.on_ssr?;       end
+  def on_server?;    Isomorfeus.on_server?;    end
+  def on_desktop?;   Isomorfeus.on_desktop?;   end
+  def on_ios?;       Isomorfeus.on_ios?;       end
+  def on_android?;   Isomorfeus.on_android?;   end
+  def on_mobile?;    Isomorfeus.on_mobile?;    end
+  def on_database?;  Isomorfeus.on_database?;  end
+  def on_tvos?;      Isomorfeus.on_tvos?;      end
+  def on_androidtv?; Isomorfeus.on_androidtv?; end
+  def on_tv?;        Isomorfeus.on_tv?;        end
+
+  if RUBY_ENGINE == 'opal'
+    def after(time_ms, &block)
+      `setTimeout(#{block.to_n}, time_ms);`
+    end
+  else
+    def after(time_ms, &block)
+      sleep time_ms/1000
+      block.call
+    end
+  end
+end

data/lib/isomorfeus/execution_environment.rb

@@ -9,6 +9,9 @@ module Isomorfeus
       attr_accessor :on_android
       attr_accessor :on_mobile
       attr_accessor :on_database
+      attr_accessor :on_tvos
+      attr_accessor :on_androidtv
+      attr_accessor :on_tv
 
       def on_browser?
         # true if running on browser
@@ -49,25 +52,46 @@ module Isomorfeus
         # true if running in database context
         @on_database
       end
+
+      def on_tvos?
+        # true if running in react-native on tvOS
+        @on_tvos
+      end
+
+      def on_androidtv?
+        # true if running in react-native on androidtv
+        @on_androidtv
+      end
+
+      def on_tv?
+        # true if running in react-native on a tv
+        @on_tv
+      end
     end
 
-    self.on_ssr      = `(typeof process   === 'object' && typeof process.release === 'object' && typeof process.release.name === 'string' && process.release.name === 'node') ? true : false`
-    self.on_desktop  = `(typeof navigator === 'object' && typeof navigator.userAgent === 'string' && navigator.userAgent.toLowerCase().indexOf(' electron/') > -1) ? true : false`
-    self.on_ios      = `(typeof Platform  === 'object' && typeof Platform.OS === 'string' && Platform.OS.toLowerCase().includes('ios')) ? true : false`
-    self.on_android  = `(typeof Platform  === 'object' && typeof Platform.OS === 'string' && Platform.OS.toLowerCase().includes('android')) ? true : false`
-    self.on_mobile   = self.on_ios? || self.on_android?
-    self.on_database = false
-    self.on_browser  = !self.on_ssr? && !self.on_desktop? && !self.on_mobile? && !self.on_database?
-    self.on_server   = false
+    self.on_ssr       = `(typeof process   === 'object' && typeof process.release === 'object' && typeof process.release.name === 'string' && process.release.name === 'node') ? true : false`
+    self.on_desktop   = `(typeof navigator === 'object' && typeof navigator.userAgent === 'string' && navigator.userAgent.toLowerCase().indexOf(' electron/') > -1) ? true : false`
+    self.on_ios       = `(typeof Platform  === 'object' && typeof Platform.OS === 'string' && Platform.OS.toLowerCase().includes('ios')) ? true : false`
+    self.on_android   = `(typeof Platform  === 'object' && typeof Platform.OS === 'string' && Platform.OS.toLowerCase().includes('android')) ? true : false`
+    self.on_mobile    = self.on_ios? || self.on_android?
+    self.on_database  = false
+    self.on_browser   = !self.on_ssr? && !self.on_desktop? && !self.on_mobile? && !self.on_database?
+    self.on_server    = false
+    self.on_tvos      = false
+    self.on_androidtv = false
+    self.on_tv        = false
   else
     class << self
-      def on_ssr?;      false; end
-      def on_desktop?;  false; end
-      def on_ios?;      false; end
-      def on_android?;  false; end
-      def on_mobile?;   false; end
-      def on_database?; false; end
-      def on_browser?;  false; end
+      def on_ssr?;       false; end
+      def on_desktop?;   false; end
+      def on_ios?;       false; end
+      def on_android?;   false; end
+      def on_mobile?;    false; end
+      def on_database?;  false; end
+      def on_browser?;   false; end
+      def on_tvos?;      false; end
+      def on_androidtv?; false; end
+      def on_tv?;        false; end
 
       def on_server?
         true # so true ...

data/lib/isomorfeus-redux.rb

@@ -1,14 +1,20 @@
 require 'opal'
+require 'isomorfeus/execution_environment'
+require 'isomorfeus/core_ext/kernel'
+
 if RUBY_ENGINE == 'opal'
   require 'native'
   require 'promise'
+  require 'securerandom'
   require 'isomorfeus/core_ext/hash/deep_merge'
-  require 'isomorfeus/execution_environment'
-  require 'isomorfeus/execution_environment_helpers'
   require 'redux'
   require 'redux/store'
   require 'redux/reducers'
   require 'isomorfeus/redux_config'
+  require 'isomorfeus/browser_store_api'
+  require 'local_store'
+  require 'session_store'
+  require 'app_store'
 
   Redux::Reducers::add_application_reducers_to_store
   Isomorfeus.init_store
@@ -17,8 +23,6 @@ else
   promise_path = File.join(opal_path, 'stdlib', 'promise.rb')
   require promise_path
   require 'redux/version'
-  require 'isomorfeus/execution_environment'
-  require 'isomorfeus/execution_environment_helpers'
 
   Opal.append_path(__dir__.untaint)
 

data/lib/local_store.rb

@@ -0,0 +1,41 @@
+class LocalStore
+  extend Isomorfeus::BrowserStoreApi
+
+  class << self
+    def method_missing(key, *args, &block)
+      if Isomorfeus.on_browser?
+        if `args.length > 0`
+          key = `key.endsWith('=')` ? key.chop : key
+          value = args[0]
+          `Opal.global.localStorage.setItem(key, value)`
+          notify_subscribers
+          value
+        else
+          # check store for value
+          value = `Opal.global.localStorage.getItem(key)`
+          return value if value
+        end
+      end
+      # otherwise return nil
+      return nil
+    end
+
+    alias [] method_missing
+    alias []= method_missing
+
+    alias get method_missing
+    alias set method_missing
+
+    def delete(key)
+      `Opal.global.localStorage.removeItem(key)`
+      notify_subscribers
+      nil
+    end
+
+    def clear
+      `Opal.global.localStorage.clear()`
+      notify_subscribers
+      nil
+    end
+  end
+end

data/lib/redux/reducers.rb

@@ -10,7 +10,13 @@ module Redux
               action[:set_state]
             else
               new_state = {}.merge!(prev_state) # make a copy of state
-              new_state.merge!(action[:name] => action[:value])
+              if action.key?(:collected)
+                action[:collected].each do |act|
+                  new_state.merge!(act[:name] => act[:value])
+                end
+              else
+                new_state.merge!(action[:name] => action[:value])
+              end
               new_state
             end
           else
@@ -18,8 +24,53 @@ module Redux
           end
         end
 
-        Redux::Store.preloaded_state_merge!(application_state: {})
-        Redux::Store.add_reducers(application_state: app_reducer)
+        instance_reducer = Redux.create_reducer do |prev_state, action|
+          case action[:type]
+          when 'INSTANCE_STATE'
+            if action.key?(:set_state)
+              action[:set_state]
+            else
+              new_state = {}.merge!(prev_state) # make a copy of state
+              if action.key?(:collected)
+                action[:collected].each do |act|
+                  new_state[act[:object_id]] = {} unless new_state.key?(act[:object_id])
+                  new_state[act[:object_id]].merge!(act[:name] => act[:value])
+                end
+              else
+                new_state[action[:object_id]] = {} unless new_state.key?(action[:object_id])
+                new_state[action[:object_id]].merge!(action[:name] => action[:value])
+              end
+              new_state
+            end
+          else
+            prev_state
+          end
+        end
+
+        class_reducer = Redux.create_reducer do |prev_state, action|
+          case action[:type]
+          when 'CLASS_STATE'
+            if action.key?(:set_state)
+              action[:set_state]
+            else
+              new_state = {}.merge!(prev_state) # make a copy of state
+              if action.key?(:collected)
+                action[:collected].each do |act|
+                  new_state[act[:class]] = {} unless new_state.key?(act[:class])
+                  new_state[act[:class]].merge!(act[:name] => act[:value])
+                end
+              else
+                new_state[action[:class]] = {} unless new_state.key?(action[:class])
+                new_state[action[:class]].merge!(action[:name] => action[:value])
+              end
+              new_state
+            end
+          else
+            prev_state
+          end
+        end
+        Redux::Store.preloaded_state_merge!(application_state: {}, instance_state: {}, class_state: {})
+        Redux::Store.add_reducers(application_state: app_reducer, instance_state: instance_reducer, class_state: class_reducer)
       end
     end
   end

data/lib/redux/store.rb

@@ -125,16 +125,18 @@ module Redux
       Hash.new(`this.native.getState()`)
     end
 
-    def merge_and_defer_dispatch(action)
-      if Isomorfeus.on_browser?
+    def collect_and_defer_dispatch(action)
+      if !Isomorfeus.on_ssr?
         type = action.delete(:type)
-        @deferred_actions[type] = {} unless @deferred_actions.key?(type)
-        @deferred_actions[type].deep_merge!(action)
-        @last_dispatch_time = `new Date()`
-        create_deferred_dispatcher(`new Date()`) unless @deferred_dispatcher
+        @deferred_actions[type] = [] unless @deferred_actions.key?(type)
+        @deferred_actions[type].push(action)
+        @last_dispatch_time = `Date.now()`
+        `console.log(#@last_dispatch_time)`
+        deferred_dispatcher(`Date.now()`) unless @deferred_dispatcher
       else
         dispatch(action)
       end
+      nil
     end
 
     def replace_reducer(next_reducer)
@@ -143,35 +145,39 @@ module Redux
 
     # returns function needed to unsubscribe the listener
     def subscribe(&listener)
-      `this.native.subscribe(function() { return listener$.call(); })`
+      `this.native.subscribe(function() { return listener.$call(); })`
     end
 
     private
 
-    def create_deferred_dispatcher(first)
+    def deferred_dispatcher(first)
       @deferred_dispatcher = true
       %x{
         setTimeout(function() {
-          if (#{wait_longer?(first)}) { #{create_deferred_dispatcher(first)} }
+          if (#{wait_longer?(first)}) { #{deferred_dispatcher(first)} }
           else { #{dispatch_deferred_dispatches} }
-        }, 25)
+        }, 10)
       }
     end
 
     def dispatch_deferred_dispatches
+      `console.log(Date.now())`
       @deferred_dispatcher = false
       actions = @deferred_actions
       @deferred_actions = {}
       actions.each do |type, data|
-        dispatch({type: type}.merge(data))
+        dispatch(type: type, collected: data)
       end
     end
 
     def wait_longer?(first)
-      t = `new Date()`
-      return false if (`t - first`) > 50 # ms
-      return false if (`t - #@last_dispatch_time`) > 10 # ms
+      t = `Date.now()`
+      time_since_first = `t - first`
+      `console.log('delta', time_since_first)`
+      return true if `typeof Opal.React !== 'undefined' && typeof Opal.React.render_buffer !== 'undefined' && Opal.React.render_buffer.length > 0 && time_since_first < 1000`
+      return false if time_since_first > 100 # ms
+      return false if (`t - #@last_dispatch_time`) > 9 # ms
       return true
     end
   end
-end
+end

data/lib/redux/version.rb

@@ -1,3 +1,3 @@
 module Redux
-  VERSION = '4.0.21'
+  VERSION = '4.0.22'
 end

data/lib/session_store.rb

@@ -0,0 +1,41 @@
+class SessionStore
+  extend Isomorfeus::BrowserStoreApi
+
+  class << self
+    def method_missing(key, *args, &block)
+      if Isomorfeus.on_browser?
+        if `args.length > 0`
+          key = `key.endsWith('=')` ? key.chop : key
+          value = args[0]
+          `Opal.global.sessionStorage.setItem(key, value)`
+          notify_subscribers
+          value
+        else
+          # check store for value
+          value = `Opal.global.sessionStorage.getItem(key)`
+          return value if value
+        end
+      end
+      # otherwise return nil
+      return nil
+    end
+
+    alias [] method_missing
+    alias []= method_missing
+
+    alias get method_missing
+    alias set method_missing
+
+    def delete(key)
+      `Opal.global.sessionStorage.removeItem(key)`
+      notify_subscribers
+      nil
+    end
+
+    def clear
+      `Opal.global.sessionStorage.clear()`
+      notify_subscribers
+      nil
+    end
+  end
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: isomorfeus-redux
 version: !ruby/object:Gem::Version
-  version: 4.0.21
+  version: 4.0.22
 platform: ruby
 authors:
 - Jan Biedermann
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-02-22 00:00:00.000000000 Z
+date: 2020-02-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -38,7 +38,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: Use a global store and write reducers for it in Opal Ruby.
+description: Use different stores within Isomorfeus and write reducers for redux.
 email:
 - jan@kursator.com
 executables: []
@@ -46,16 +46,19 @@ extensions: []
 extra_rdoc_files: []
 files:
 - README.md
+- lib/app_store.rb
 - lib/isomorfeus-redux.rb
+- lib/isomorfeus/browser_store_api.rb
 - lib/isomorfeus/core_ext/hash/deep_merge.rb
+- lib/isomorfeus/core_ext/kernel.rb
 - lib/isomorfeus/execution_environment.rb
-- lib/isomorfeus/execution_environment_helpers.rb
-- lib/isomorfeus/promise.rb
 - lib/isomorfeus/redux_config.rb
+- lib/local_store.rb
 - lib/redux.rb
 - lib/redux/reducers.rb
 - lib/redux/store.rb
 - lib/redux/version.rb
+- lib/session_store.rb
 homepage: http://isomorfeus.com
 licenses:
 - MIT
@@ -79,5 +82,5 @@ requirements: []
 rubygems_version: 3.0.6
 signing_key: 
 specification_version: 4
-summary: Redux for Opal Ruby.
+summary: Redux and Stores for Isomorfeus.
 test_files: []

data/lib/isomorfeus/execution_environment_helpers.rb

@@ -1,12 +0,0 @@
-module Isomorfeus
-  module ExecutionEnvironmentHelpers
-    def on_browser?;  Isomorfeus.on_browser?;  end
-    def on_ssr?;      Isomorfeus.on_ssr?;      end
-    def on_desktop?;  Isomorfeus.on_desktop?;  end
-    def on_ios?;      Isomorfeus.on_ios?;      end
-    def on_android?;  Isomorfeus.on_android?;  end
-    def on_mobile?;   Isomorfeus.on_mobile?;   end
-    def on_database?; Isomorfeus.on_database?; end
-    def on_server?;   Isomorfeus.on_server?;   end
-  end
-end

data/lib/isomorfeus/promise.rb

@@ -1,3 +0,0 @@
-opal_path = Gem::Specification.find_by_name('opal').full_gem_path
-promise_path = File.join(opal_path, 'stdlib', 'promise.rb')
-require promise_path