isomorfeus-preact 10.6.16 → 10.6.20

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2796e916f3c62cec0b330e99b7ac6fb46b368f059c3ed1278353211fc4c8370c
-  data.tar.gz: ad47708be18d9e8f781a8e5bbddbc8501667bafbdee75b9589656789245d656c
+  metadata.gz: 79141102f4c45c9264382de0ec926a8f9cce4606be4049d8662db3d713184eff
+  data.tar.gz: 3a8b5bcc189fcfcf40c31322ff85c48a9ae71e7d9f0833412429abe3886e06f2
 SHA512:
-  metadata.gz: 2d40522093a724e462b77833292c29622521832d1faac7cedf584eadf20ea4005a42de057252927eac7d1c96b847f4a19c62416722f1e818a058b3b97b04a2a2
-  data.tar.gz: 612ebd137795482e93c356869f32af3c4f50b4164ce629ff4c3822a4dda8a4fc748b34899ee771771c3e0e0e57e4198547c62fb7e2466f3b02b2215ce8198d25
+  metadata.gz: e2e5b8e8f24cb6e73120e6cdeb03e41cac9747e1758d13b3c928c75292b68b6ceec44912537848a72733befe6652f17798cb451920d206b3bd71d320fce07838
+  data.tar.gz: a179f9b3ed757eabfa1471521858845297df8fe53ac5aba16c9d94c5a7ed058b8fc3b48f42d96b9e2c8fd7506cf99389e649bf901782ce3c21c7a6029cff2e68

data/lib/browser/delegate_native.rb

@@ -16,55 +16,47 @@ module Browser
     # function, that function is invoked with `args`. Otherwise, the property
     # is returned as is.
     def method_missing message, *args, &block
-      property_name = property_for_message(message)
-      property = `#@native[#{property_name}]`
-
-      # translate setting a property
       if message.end_with? '='
+        message = message.chop
+        property_name = property_for_message(message)
         return `#@native[#{property_name}] = args[0]`
-      end
-
-      # If the native element doesn't have this property, bubble it up
-      super unless `#{property_name} in #@native`
-
-      if `property === false`
-        return false
-      elsif `typeof(property) === 'number' && isNaN(property)`
-        return nil
       else
-        property = `property == null ? nil : property`
-      end
-
-      # If it's a method, call it. Otherwise, return it.
-      if `typeof(property) === 'function'`
-        `property.apply(#@native, args)`
-      else
-        property
+        property_name = property_for_message(message)
+
+        %x{
+          let value = #@native[#{property_name}];
+          let type = typeof(value);
+          if (type === 'function') {
+            return value.apply(#@native, args);
+          } else if (value === null || type === 'undefined' || (type === 'number' && isNaN(value))) {
+            return nil;
+          }
+          return value;
+        }
       end
     end
 
     def respond_to_missing? message, include_all
-      return true if message.end_with? '='
-      return true if property_for_message(message)
-
+      message = message.chop if message.end_with? '='
+      property_name = property_for_message(message)
+      return true unless `#{property_name} in #@native`
       false
     end
 
-    def property_for_message message
-      camel_cased_message = message
-        .gsub(/_\w/) { |match| `match[1]`.upcase }
-        .sub(/=$/, '')
-
-      # translate `supported?` to `supported` or `isSupported`
-      if message.end_with? '?'
-        camel_cased_message = camel_cased_message.chop
-        property_type = `typeof(#@native[camel_cased_message])`
-        if property_type == 'undefined'
-          camel_cased_message = "is#{camel_cased_message[0].upcase}#{camel_cased_message[1..-1]}"
-        end
-      end
-
-      camel_cased_message
+    def property_for_message(message)
+      %x{
+        let camel_cased_message;
+        if (typeof(#@native[message]) !== 'undefined') { camel_cased_message = message; }
+        else { camel_cased_message = Opal.Preact.lower_camelize(message) }
+
+        if (camel_cased_message.endsWith('?')) {
+          camel_cased_message = camel_cased_message.substring(0, camel_cased_message.length - 2);
+          if (typeof(#@native[camel_cased_message]) === 'undefined') {
+            camel_cased_message = 'is' + camel_cased_message[0].toUpperCase() + camel_cased_message.substring(0, camel_cased_message.length - 1);
+          }
+        }
+        return camel_cased_message
+      }
     end
   end
 end

data/lib/isomorfeus-preact.rb

@@ -7,7 +7,7 @@ if RUBY_ENGINE == 'opal'
     require 'browser/event'
     require 'browser/event_target'
     require 'browser/delegate_native'
-    require 'browser/element'
+    require 'browser/element' # depends on 'preact'
   end
 
   require 'isomorfeus/preact/config'

data/lib/isomorfeus_preact/lucid_app/native_component_constructor.rb

@@ -33,9 +33,10 @@ module LucidApp
             var defined_refs = #{base.defined_refs};
             for (var ref in defined_refs) {
               if (defined_refs[ref] != null) {
+                let r = ref; // to ensure cloure for function below gets correct ref name
                 this[ref] = function(element) {
                   element = oper.native_element_or_component_to_ruby(element);
-                  #{`this.__ruby_instance`.instance_exec(`element`, &`defined_refs[ref]`)}
+                  #{`this.__ruby_instance`.instance_exec(`element`, &`defined_refs[r]`)}
                 }
                 this[ref] = this[ref].bind(this);
               } else {

data/lib/isomorfeus_preact/lucid_component/native_component_constructor.rb

@@ -29,9 +29,10 @@ module LucidComponent
             var defined_refs = base.$defined_refs();
             for (var ref in defined_refs) {
               if (defined_refs[ref] != null) {
+                let r = ref; // to ensure cloure for function below gets correct ref name
                 this[ref] = function(element) {
                   element = oper.native_element_or_component_to_ruby(element);
-                  #{`this.__ruby_instance`.instance_exec(`element`, &`defined_refs[ref]`)}
+                  #{`this.__ruby_instance`.instance_exec(`element`, &`defined_refs[r]`)}
                 }
                 this[ref] = this[ref].bind(this);
               } else {

data/lib/preact/component/api.rb

@@ -22,7 +22,7 @@ module Preact
           end
 
           def defined_refs
-            @defined_ref ||= `{}`
+            @defined_refs ||= `{}`
           end
 
           def default_state_defined

data/lib/preact/component/native_component_constructor.rb

@@ -19,9 +19,10 @@ module Preact
               var defined_refs = #{base.defined_refs};
               for (var ref in defined_refs) {
                 if (defined_refs[ref] != null) {
+                  let r = ref; // to ensure cloure for function below gets correct ref name
                   this[ref] = function(element) {
                     element = Opal.Preact.native_element_or_component_to_ruby(element);
-                    #{`this.__ruby_instance`.instance_exec(`element`, &`defined_refs[ref]`)}
+                    #{`this.__ruby_instance`.instance_exec(`element`, &`defined_refs[r]`)}
                   }
                   this[ref] = this[ref].bind(this);
                 } else {

data/lib/preact/props.rb

@@ -11,6 +11,24 @@ module Preact
       }
     end
 
+    def [](prop)
+      %x{
+        const p = #@native.props;
+        if (typeof p[prop] === 'undefined') {
+          prop = Opal.Preact.lower_camelize(prop);
+          if (typeof p[prop] === 'undefined') { return nil; }
+        }
+        return p[prop];
+      }
+    end
+
+    def key?(k)
+      %x{
+        if (typeof #@native.props[k] !== 'undefined') { return true; }
+        return false;
+      }
+    end
+
     def method_missing(prop, *args, &block)
       %x{
         const p = #@native.props;

data/lib/preact/state.rb

@@ -13,6 +13,26 @@ module Preact
       }
     end
 
+    def [](key)
+      %x{
+        if (typeof #@native.state[key] === 'undefined') { return nil; }
+        return #@native.state[key];
+      }
+    end
+
+    def []=(key)
+      new_state = `{}`
+      new_state.JS[(`key.endsWith('=')` ? key.chop : key)] = args[0]
+      @native.JS.setState(new_state, `null`)
+    end
+
+    def key?(k)
+      %x{
+        if (typeof #@native.state[k] !== 'undefined') { return true; }
+        return false;
+      }
+    end
+
     def method_missing(key, *args, &block)
       if `args.length > 0`
         new_state = `{}`

data/lib/preact/version.rb

@@ -1,3 +1,3 @@
 module Preact
-  VERSION = '10.6.16'
+  VERSION = '10.6.20'
 end

data/lib/preact.rb

@@ -57,8 +57,9 @@ module Preact
     };
 
     self.native_element_or_component_to_ruby = function (element) {
-      if (typeof element.__ruby_instance !== 'undefined') { return element.__ruby_instance }
-      if (element instanceof Element || element instanceof Node) { return #{Browser::Element.new(`element`)} }
+      if (element == null || typeof(element) === 'undefined' ) { return nil; }
+      if (typeof element.__ruby_instance !== 'undefined') { return element.__ruby_instance; }
+      if (element instanceof Element || element instanceof Node) { return #{Browser::Element.new(`element`)}; }
       return element;
     };
 
@@ -169,6 +170,8 @@ module Preact
               else { component_name = active_component.$to_s(); }
               #{Isomorfeus.raise_error(message: "Is #{`value`} a valid method of #{`component_name`}? If so then please use: #{`key`}: method_ref(:#{`value`}) within component: #{`component_name`}")}
             }
+          } else if (type === "object" && value === nil) {
+              result[self.lower_camelize(key)] = null;
           } else {
             let active_component = self.active_component();
             let component_name;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: isomorfeus-preact
 version: !ruby/object:Gem::Version
-  version: 10.6.16
+  version: 10.6.20
 platform: ruby
 authors:
 - Jan Biedermann
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-01-27 00:00:00.000000000 Z
+date: 2022-01-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: concurrent-ruby
@@ -86,14 +86,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.14.6
+        version: 0.14.7
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.14.6
+        version: 0.14.7
 - !ruby/object:Gem::Dependency
   name: isomorfeus-redux
   requirement: !ruby/object:Gem::Requirement