isomorfeus-preact 10.6.6 → 10.6.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4633f9c0418b61fb8ab950a7f46b1c5d0ab65d0bd826e9129b426b1f537b3d82
-  data.tar.gz: d30c7e432eeb81dc0f5f7aa7f65a6d537ced0753d85a360eec74fbad4f8582fd
+  metadata.gz: a8cc6c49fd65f7f76f101f4f6f8d04701b23ff77570907bf23c62d6a1065848f
+  data.tar.gz: 066364eca22b04a87ef58758c936ac722223eeaf70102f33e26c869019be5756
 SHA512:
-  metadata.gz: 7fb923fed0c0d376a1963402dc349a602511499ef6879d943adbc1a73d8704adb90bc9b2d9435e4404094db706113a1149ff02b86750c4e1d2b29f8331caf5b4
-  data.tar.gz: a1f2e1bc21c2ee699723639be60b77c7d99c197d87a29e3c99dd989a35a284490e16512e90092494a19779d0b7b85a5bcc4358a16eadd02fd929ca6c2f48faa5
+  metadata.gz: 7129442c4580e1729529e69ebf562f93390963f5c431f14c3cc1635e4f726765fb2de5df2f12047e71c28d452743874ee4bb8ad53a5e1dd72d83d36102a2c841
+  data.tar.gz: 1ed86de3e21be8dc40d639cbc1ab7cca854b495689484507b1d99db6ccadb89632e9c5ca4cd3d38e97a2a01ea7ffb5c9477ece63727e4eba59d20135503b69f8

data/README.md

@@ -22,36 +22,36 @@ apply, but in the Ruby way, see:
 - [https://preactjs.com/guide/v10/getting-started](https://preactjs.com/guide/v10/getting-started)
 
 Component Types:
-- [Class Component](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/class_component.md)
-- [Function and Memo Component](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/function_component.md)
-- [Lucid App, Lucid Component](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/lucid_component.md)
-- [Lucid Func (for use with Hooks)](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/lucid_func_component.md)
-- [Preact Javascript Components and Preact Elements](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/javascript_component.md)
+- [Class Component](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/class_component.md)
+- [Function and Memo Component](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/function_component.md)
+- [Lucid App, Lucid Component](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/lucid_component.md)
+- [Lucid Func (for use with Hooks)](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/lucid_func_component.md)
+- [Preact Javascript Components and Preact Elements](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/javascript_component.md)
 
 Which component to use?
 - Usually LucidApp and LucidComponent.
 
 Specific to Class, Lucid and LucidMaterial Components:
-- [Events](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/events.md)
-- [Lifecycle Callbacks](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/lifecycle_callbacks.md)
-- [Props](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/props.md)
-- [State](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/state.md)
+- [Events](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/events.md)
+- [Lifecycle Callbacks](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/lifecycle_callbacks.md)
+- [Props](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/props.md)
+- [State](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/state.md)
 
 For all Components:
-- [Accessibility](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/accessibility.md)
-- [Render Blocks](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/render_blocks.md)
-- [Rendering HTML or SVG Elements](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/rendering_elements.md)
+- [Accessibility](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/accessibility.md)
+- [Render Blocks](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/render_blocks.md)
+- [Rendering HTML or SVG Elements](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/rendering_elements.md)
 
 Special Preact Features:
-- [Context](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/context.md)
-- [Fragments](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/fragments.md)
-- [Refs](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/refs.md)
+- [Context](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/context.md)
+- [Fragments](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/fragments.md)
+- [Refs](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/refs.md)
 
 Other Features:
-- [Hot Module Reloading](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/hot_module_reloading.md)
-- [Server Side Rendering](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/server_side_rendering.md)
-- [Using Wouter as Router](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/wouter.md)
-- [Isomorfeus Helpers](https://github.com/isomorfeus/isomorfeus-preact/blob/master/ruby/docs/isomorfeus_helpers.md)
+- [Hot Module Reloading](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/hot_module_reloading.md)
+- [Server Side Rendering](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/server_side_rendering.md)
+- [Using Wouter as Router](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/wouter.md)
+- [Isomorfeus Helpers](https://github.com/isomorfeus/isomorfeus-preact/blob/master/docs/isomorfeus_helpers.md)
 
 ### Development Tools
 The Preact Devtools allow for analyzing, debugging and profiling components. A very helpful toolset and working very nice with isomorfeus-preact:

data/lib/isomorfeus/preact/imports.rb

@@ -2,6 +2,7 @@ module Isomorfeus
   module Preact
     module Imports
       def self.add
+        Isomorfeus.add_web_js_import('preact/debug') if Isomorfeus.development?
         Isomorfeus.add_common_js_import('preact', 'Preact', '*')
         Isomorfeus.add_common_js_import('preact/hooks', 'PreactHooks', '*')
         Isomorfeus.add_common_js_import('wouter-preact', nil, ['Router', 'Link', 'Redirect', 'Route', 'Switch'])

data/lib/isomorfeus_preact/lucid_app/native_component_constructor.rb

@@ -70,7 +70,7 @@ module LucidApp
             return Opal.global.Preact.createElement(Opal.global.LucidApplicationContext.Provider, { value: { iso_store: this.state.isomorfeus_store_state, iso_theme: base.css_theme }}, children);
           }
           data_access() {
-            this.state.isomorfeus_store_state;
+            return this.state.isomorfeus_store_state;
           }
           listener() {
             let next_state = Opal.Isomorfeus.store.native.getState();

data/lib/isomorfeus_preact/lucid_component/native_component_constructor.rb

@@ -16,7 +16,6 @@ module LucidComponent
           return Opal.global.Preact.createElement(base.lucid_preact_component, Object.assign({}, props, value));
         };
         base.preact_component.displayName = #{wrapper_name};
-        
         base.lucid_preact_component = class extends Opal.global.Preact.Component {
           constructor(props) {
             super(props);
@@ -65,7 +64,7 @@ module LucidComponent
             return (result.length === 1) ? result[0] : result;
           }
           data_access() {
-            return this.props.iso_store;
+            return this.state.isomorfeus_store_state;
           }
           shouldComponentUpdate(next_props, next_state) {
             if (!Opal.Preact.props_are_equal(this.props, next_props)) { return true; }

data/lib/nano_css.rb

@@ -64,7 +64,7 @@ module NanoCSS
             var sheet = renderer.sh.sheet;
 
             // Unknown pseudo-selectors will throw, this try/catch swallows all errors.
-            try { sheet.insertRule(rawCssRule, sheet.cssRules.length); } 
+            try { sheet.insertRule(rawCssRule, sheet.cssRules.length); }
             catch (error) {}
           } else {
             // Test if .insertRule() works in dev mode. Unknown pseudo-selectors will throw when
@@ -126,8 +126,8 @@ module NanoCSS
 
       return renderer;
     };
-  }   
-  
+  }
+
   # addons
 
   %x{
@@ -136,7 +136,7 @@ module NanoCSS
       if (process.env.NODE_ENV !== 'production') {
           blocks = {};
       }
-  
+
       renderer.rule = function (css, block) {
           // Warn user if CSS selectors clash.
           if (process.env.NODE_ENV !== 'production') {
@@ -147,36 +147,36 @@ module NanoCSS
                           'For example, use nano.rule({color: "red"}, "RedText").'
                       );
                   }
-  
+
                   if (blocks[block]) {
-                      console.error('Block name "' + block + '" used more than once.');
+                      console.error('nano-css block name "' + block + '" used more than once.');
                   }
-  
+
                   blocks[block] = 1;
               }
           }
-  
+
           block = block || renderer.hash(css);
           block = renderer.pfx + block;
           renderer.put('.' + block, css);
-  
+
           return ' ' + block;
       };
     };
   }
 
   %x{
-    self.sheet = function (renderer) { 
+    self.sheet = function (renderer) {
       renderer.sheet = function (map, block) {
         var result = {};
-  
+
         if (!block) {
           block = renderer.hash(map);
         }
-  
+
         var onElementModifier = function (elementModifier) {
           var styles = map[elementModifier];
-  
+
           if ((process.env.NODE_ENV !== 'production') && renderer.sourcemaps) {
             // In dev mode emit CSS immediately to generate sourcemaps.
             result[elementModifier] = renderer.rule(styles, block + '-' + elementModifier);
@@ -186,22 +186,22 @@ module NanoCSS
               enumerable: true,
               get: function () {
                 var classNames = renderer.rule(styles, block + '-' + elementModifier);
-  
+
                 Object.defineProperty(result, elementModifier, {
                   value: classNames,
                   enumerable: true
                 });
-  
+
                 return classNames;
               },
             });
           }
         };
-  
+
         for (var elementModifier in map) {
           onElementModifier(elementModifier);
         }
-  
+
         return result;
       };
     };
@@ -216,11 +216,11 @@ module NanoCSS
         var len1 = parents.length;
         var len2 = selectors.length;
         var i, j, sel, pos, parent, replacedSelector;
-  
+
         for (i = 0; i < len2; i++) {
           sel = selectors[i];
           pos = sel.indexOf('&');
-  
+
           if (pos > -1) {
             for (j = 0; j < len1; j++) {
               parent = parents[j];
@@ -230,7 +230,7 @@ module NanoCSS
           } else {
             for (j = 0; j < len1; j++) {
               parent = parents[j];
-  
+
               if (parent) {
                 result.push(parent + ' ' + sel);
               } else {
@@ -239,7 +239,7 @@ module NanoCSS
             }
           }
         }
-  
+
         return result.join(',');
       };
     };
@@ -248,28 +248,28 @@ module NanoCSS
   %x{
     self.hydrate = function (renderer) {
       var hydrated = {};
-  
+
       renderer.hydrate = function (sh) {
         var cssRules = sh.cssRules || sh.sheet.cssRules;
-  
+
         for (var i = 0; i < cssRules.length; i++)
           hydrated[cssRules[i].selectorText] = 1;
       };
-  
+
       if (renderer.client) {
         if (renderer.sh) renderer.hydrate(renderer.sh);
-  
+
         var put = renderer.put;
-  
+
         renderer.put = function (selector, css) {
           if (selector in hydrated) return;
-  
+
           put(selector, css);
         };
       }
     };
   }
-  
+
   %x{
     var UNITLESS_NUMBER_PROPS = [
       'animation-iteration-count',
@@ -305,7 +305,7 @@ module NanoCSS
       'widows',
       'z-index',
       'zoom',
-  
+
       // SVG-related properties
       'fill-opacity',
       'flood-opacity',
@@ -316,34 +316,34 @@ module NanoCSS
       'stroke-opacity',
       'stroke-width',
     ];
-    
+
     var unitlessCssProperties = {};
-    
+
     for (var i = 0; i < UNITLESS_NUMBER_PROPS.length; i++) {
       var prop = UNITLESS_NUMBER_PROPS[i];
-    
+
       unitlessCssProperties[prop] = 1;
       unitlessCssProperties['-webkit-' + prop] = 1;
       unitlessCssProperties['-ms-' + prop] = 1;
       unitlessCssProperties['-moz-' + prop] = 1;
       unitlessCssProperties['-o-' + prop] = 1;
     }
-    
+
     self.unitless = function (renderer) {
       var decl = renderer.decl;
-  
+
       renderer.decl = function (prop, value) {
         var str = decl(prop, value);
-  
+
         if (typeof value === 'number') {
           var pos = str.indexOf(':');
           var propKebab = str.substr(0, pos);
-  
+
           if (!unitlessCssProperties[propKebab]) {
             return decl(prop, value + 'px');
           }
         }
-  
+
         return str;
       };
     };
@@ -352,13 +352,13 @@ module NanoCSS
   %x{
     self.global = function (renderer) {
       var selector = renderer.selector;
-  
+
       renderer.selector = function (parent, current) {
         if (parent.indexOf(':global') > -1) parent = '';
-  
+
         return selector(parent, current);
       };
-  
+
       renderer.global = function (css) {
         return renderer.put('', css);
       };
@@ -366,58 +366,58 @@ module NanoCSS
   }
 
   %x{
-    self.keyframes = function (renderer, config) { 
+    self.keyframes = function (renderer, config) {
       config = renderer.assign({
         prefixes: ['-webkit-', '-moz-', '-o-', ''],
       }, config || {});
-  
+
       var prefixes = config.prefixes;
-  
+
       if (renderer.client) {
         // Craete @keyframe Stylesheet `ksh`.
         document.head.appendChild(renderer.ksh = document.createElement('style'));
       }
-  
+
       var putAt = renderer.putAt;
-  
+
       renderer.putAt = function (__, keyframes, prelude) {
         // @keyframes
         if (prelude[1] === 'k') {
           var str = '';
-  
+
           for (var keyframe in keyframes) {
             var decls = keyframes[keyframe];
             var strDecls = '';
-  
+
             for (var prop in decls)
               strDecls += renderer.decl(prop, decls[prop]);
-  
+
             str += keyframe + '{' + strDecls + '}';
           }
-  
+
           for (var i = 0; i < prefixes.length; i++) {
             var prefix = prefixes[i];
             var rawKeyframes = prelude.replace('@keyframes', '@' + prefix + 'keyframes') + '{' + str + '}';
-  
+
             if (renderer.client) {
               renderer.ksh.appendChild(document.createTextNode(rawKeyframes));
             } else {
               renderer.putRaw(rawKeyframes);
             }
           }
-  
+
           return;
         }
-  
+
         putAt(__, keyframes, prelude);
       };
-  
+
       renderer.keyframes = function (keyframes, block) {
         if (!block) block = renderer.hash(keyframes);
           block = renderer.pfx + block;
-  
+
         renderer.putAt('', keyframes, '@keyframes ' + block);
-  
+
         return block;
       };
     };
@@ -434,7 +434,7 @@ module NanoCSS
             opacity: 1,
           }
         },
-  
+
         '.fadeIn': {
           animation: 'fadeIn .4s linear',
         }
@@ -453,7 +453,7 @@ module NanoCSS
             opacity: 0,
           }
         },
-  
+
         '.fadeOut': {
           animation: 'fadeOut .3s linear',
           'animation-fill-mode': 'forwards',

data/lib/preact/version.rb

@@ -1,3 +1,3 @@
 module Preact
-  VERSION = '10.6.6'
+  VERSION = '10.6.10'
 end

data/lib/preact.rb

@@ -63,7 +63,7 @@ module Preact
     };
 
     self.native_to_ruby_event = function(event) {
-       if (event.hasOwnProperty('target')) { return #{::Browser::Event.new(`event`)}; }
+       if ('target' in event) { return #{::Browser::Event.new(`event`)}; }
        else if (Array.isArray(event)) { return event; }
        else { return Opal.Hash.$new(event); }
     };
@@ -219,7 +219,7 @@ module Preact
       if (component.__c) { self.deep_force_update(component.__c); }
       else if (component.base) { self.update_components_from_dom(component.base); }
     };
-    
+
     self.update_components_from_dom = function(node, fn) {
       let children = node.childNodes;
       for (let i=children && children.length; i--;) {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: isomorfeus-preact
 version: !ruby/object:Gem::Version
-  version: 10.6.6
+  version: 10.6.10
 platform: ruby
 authors:
 - Jan Biedermann
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-01-15 00:00:00.000000000 Z
+date: 2022-01-19 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.4
+        version: 0.14.5
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.14.4
+        version: 0.14.5
 - !ruby/object:Gem::Dependency
   name: isomorfeus-redux
   requirement: !ruby/object:Gem::Requirement