isomorfeus-preact 10.5.5 → 10.5.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5099cf9839b4aad7edb9989452c1d1e2a1a4d5a9c0a976604339c613c9b2a1c6
-  data.tar.gz: 6b439959ee9af20e6f2f90319e366a73c87d7c7b4ad4167833ee2521e88c8eca
+  metadata.gz: efb6d83bd381a28ef58581ddb93464be4b56b81f2886b0ed1eddea59cae8c51f
+  data.tar.gz: f8d33fe668b6656d9190c52ca78f2a0f9cfd704e57b95398e20d883b229dc2e0
 SHA512:
-  metadata.gz: 0be97f9a391ad39d689609712adc124460b784269087ca08c1fef07115564c288a20563d4ff771b5af6c4efc3d18bb8a947b1a07a6c2188120dc25aa548eb10f
-  data.tar.gz: 216bb6094f7f317bb7f12ff5178d20812c6d28c329264b9661b436abd940b1a5c7af5c9ed0a43ca2b655d7469c87482b699b94414632a4335e56cd90917bdda2
+  metadata.gz: 0c0c171d8d4fe4f50671fd0d673ed1895c1a9e51f40690c4ee2ced1e4479361727a6bd595a017fc2271a5623f0e1c29ccd585b460e67fded832cf62e320eb2b8
+  data.tar.gz: c5d4ca2fb05fe0b6fffeb392003a0f2a812def5d117415f13a1747f95224e370d980373d06b00a30c979b8a0705c7d07ac09bd9e121c9bb881f5ac117351a6dd

data/LICENSE

@@ -20,10 +20,37 @@ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 
-Files in ruby/lib/browser directory originally taken from https://github.com/clearwater-rb/bowser, version 1.1.0:
+Files in lib/browser directory originally taken from https://github.com/clearwater-rb/bowser, version 1.1.0:
 
 MIT License
 
 Copyright (c) 2015 Jamie Gaskins
 
 (as above)
+
+Javascript in file lib/nano_css.rb taken from https://github.com/streamich/nano-css:
+
+This is free and unencumbered software released into the public domain.
+
+Anyone is free to copy, modify, publish, use, compile, sell, or
+distribute this software, either in source code form or as a compiled
+binary, for any purpose, commercial or non-commercial, and by any
+means.
+
+In jurisdictions that recognize copyright laws, the author or authors
+of this software dedicate any and all copyright interest in the
+software to the public domain. We make this dedication for the benefit
+of the public at large and to the detriment of our heirs and
+successors. We intend this dedication to be an overt act of
+relinquishment in perpetuity of all present and future rights to this
+software under copyright law.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+For more information, please refer to <https://unlicense.org>

data/lib/isomorfeus/preact/config.rb

@@ -87,22 +87,11 @@ module Isomorfeus
       end
 
       def force_render
-        begin
-          if Isomorfeus.top_component
-            Preact.find_dom_node(Isomorfeus.top_component) if on_browser? || on_desktop? # if not mounted will raise
-            if `typeof Opal.global.deepForceUpdate === 'undefined'`
-              Isomorfeus.top_component.JS.forceUpdate()
-            else
-              `Opal.global.deepForceUpdate(#{Isomorfeus.top_component})`
-            end
-          end
-        rescue Exception => e
-          # TODO try mount first
-          # if it fails
-          `console.error("force_render failed'! Error: " + #{e.message} + "! Reloading page.")`
-          `location.reload()` if on_browser?
-        end
+        `Opal.Preact.deep_force_update(#{Isomorfeus.top_component})`
         nil
+      rescue Exception => e
+        `console.error("force_render failed'! Error: " + #{e.message} + "! Reloading page.")`
+        `location.reload()` if on_browser?
       end
     end
 

data/lib/isomorfeus/preact/imports.rb

@@ -6,20 +6,10 @@ module Isomorfeus
         Isomorfeus.add_common_js_import('preact/hooks', 'PreactHooks', '*')
         Isomorfeus.add_common_js_import('wouter-preact', nil, ['Router', 'Link', 'Redirect', 'Route', 'Switch'])
 
-        Isomorfeus.add_common_js_import('nano-css', 'NanoCSS', '*')
-        %w[rule sheet nesting hydrate unitless global keyframes].each do |addon|
-          Isomorfeus.add_common_js_import("nano-css/addon/#{addon}", 'NanoCSSAddons', 'addon', addon)
-        end
-        Isomorfeus.add_common_js_import("nano-css/addon/animate/fadeIn", 'NanoCSSAddons', 'addon', 'fadeIn')
-        Isomorfeus.add_common_js_import("nano-css/addon/animate/fadeOut", 'NanoCSSAddons', 'addon', 'fadeOut')
-
         Isomorfeus.add_ssr_js_import('preact-render-to-string', 'Preact', ['render'], nil, 'renderToString')
         Isomorfeus.add_ssr_js_import('wouter-preact/static-location', 'staticLocationHook')
 
         Isomorfeus.add_web_js_import('wouter-preact/use-location', 'locationHook')
-        if Isomorfeus.development?
-          Isomorfeus.add_web_js_import('preact-deep-force-update', 'deepForceUpdate')
-        end
 
         if Dir.exist?(Isomorfeus.app_root)
           Isomorfeus.add_common_ruby_import('isomorfeus_loader') if File.exist?(File.join(Isomorfeus.app_root, 'isomorfeus_loader.rb'))

data/lib/isomorfeus/preact_view_helper.rb

@@ -31,20 +31,13 @@ module Isomorfeus
             runtime.vm.delete_context(uuid)
           end
           begin
-            asset = Isomorfeus.assets[asset_key]
-            raise "#{self.class.name}: Asset not found: #{asset_key}" unless asset
-            asset_manager.transition(asset_key, asset)
-            Isomorfeus.ssr_contexts[thread_id_asset] = ExecJS.permissive_compile(asset.bundle)
+            init_speednode_context(asset_key, thread_id_asset)
           rescue Exception => e
             Isomorfeus.raise_error(message: "Server Side Rendering: Failed creating context for #{asset_key}. Error: #{e.message}", stack: e.backtrace)
           end
         else
-          # initialize speednode context
           unless Isomorfeus.ssr_contexts.key?(thread_id_asset)
-            asset = Isomorfeus.assets[asset_key]
-            raise "#{self.class.name}: Asset not found: #{asset_key}" unless asset
-            asset_manager.transition(asset_key, asset)
-            Isomorfeus.ssr_contexts[thread_id_asset] = ExecJS.permissive_compile(asset.bundle)
+            init_speednode_context(asset_key, thread_id_asset)
           end
         end
 
@@ -176,5 +169,12 @@ module Isomorfeus
     def component_cache
       @_component_cache ||= Isomorfeus.component_cache_init_block.call
     end
+
+    def init_speednode_context(asset_key, thread_id_asset)
+      asset = Isomorfeus.assets[asset_key]
+      raise "#{self.class.name}: Asset not found: #{asset_key}" unless asset
+      asset_manager.transition(asset_key, asset)
+      Isomorfeus.ssr_contexts[thread_id_asset] = ExecJS.permissive_compile(asset.bundle)
+    end
   end
 end

data/lib/isomorfeus/props/validator.rb

@@ -65,7 +65,7 @@ module Isomorfeus
       def type!
         return if @o[:allow_nil] && @v.nil?
         if @o.key?(:class)
-          Isomorfeus.raise_error(message: "#{@c}: #{@p} class not #{@o[:class]}") unless @v.class == @o[:class]
+          Isomorfeus.raise_error(message: "#{@c}: #{@p} class is not #{@o[:class]}") unless @v.class == @o[:class]
         elsif @o.key?(:is_a)
           Isomorfeus.raise_error(message: "#{@c}: #{@p} is not a #{@o[:is_a]}") unless @v.is_a?(@o[:is_a])
         elsif @o.key?(:type)

data/lib/isomorfeus/top_level.rb

@@ -89,12 +89,9 @@ module Isomorfeus
           element = element_or_query
         end
 
-        top = if hydrated
-                Preact.hydrate(Preact.create_element(component, props), element)
-              else
-                Preact.render(Preact.create_element(component, props), element)
-              end
-        Isomorfeus.top_component = top if top
+        top = Preact.create_element(component, props)
+        hydrated ? Preact.hydrate(top, element) : Preact.render(top, element)
+        Isomorfeus.top_component = top
       end
     end
   end

data/lib/isomorfeus-preact.rb

@@ -19,6 +19,9 @@ if RUBY_ENGINE == 'opal'
     require 'isomorfeus/top_level_ssr'
   end
 
+  # nanocss
+  require 'nano_css'
+  
   # preact
   require 'preact/version'
   require 'preact'
@@ -59,7 +62,7 @@ if RUBY_ENGINE == 'opal'
   Isomorfeus.zeitwerk = Zeitwerk::Loader.new
 
   Isomorfeus.zeitwerk.push_dir('isomorfeus_preact')
-  require_tree 'isomorfeus_preact', :autoload
+  require_tree 'isomorfeus_preact', autoload: true
 
   Isomorfeus.zeitwerk.push_dir('components')
 else

data/lib/lucid_app/context.rb

@@ -5,18 +5,18 @@ module LucidApp
       css_server = `null`
       css_server = `document.getElementById('css-server-side')` unless on_ssr?
       %x{
-        let og = Opal.global;
-        nano_css = (css_server) ? og.NanoCSS.create({ sh: css_server }) : og.NanoCSS.create();
-        og.NanoCSSAddons.rule(nano_css);
-        og.NanoCSSAddons.sheet(nano_css);
-        og.NanoCSSAddons.nesting(nano_css);
-        og.NanoCSSAddons.hydrate(nano_css);
-        og.NanoCSSAddons.unitless(nano_css);
-        og.NanoCSSAddons.global(nano_css);
-        og.NanoCSSAddons.keyframes(nano_css);
-        og.NanoCSSAddons.fadeIn(nano_css);
-        og.NanoCSSAddons.fadeOut(nano_css);
-        og.NanoCSSInstance = nano_css;
+        n = Opal.NanoCSS;
+        nano_css = (css_server) ? n.create({ sh: css_server }) : n.create();
+        n.rule(nano_css);
+        n.sheet(nano_css);
+        n.nesting(nano_css);
+        n.hydrate(nano_css);
+        n.unitless(nano_css);
+        n.global(nano_css);
+        n.keyframes(nano_css);
+        n.fadeIn(nano_css);
+        n.fadeOut(nano_css);
+        Opal.global.NanoCSSInstance = nano_css;
       }
       Preact.create_context('LucidApplicationContext', { iso_store: Isomorfeus.store, nano_css: nano_css })
     end

data/lib/nano_css.rb

@@ -0,0 +1,464 @@
+module NanoCSS
+  %x{
+    var KEBAB_REGEX = /[A-Z]/g;
+
+    function hash(str) {
+      var h = 5381, i = str.length;
+      while (i) h = (h * 33) ^ str.charCodeAt(--i);
+      return '_' + (h >>> 0).toString(36);
+    };
+  }
+
+  %x{
+    self.create = function (config) {
+      config = config || {};
+      var assign = config.assign || Object.assign;
+      var client = typeof window === 'object';
+
+      // Check if we are really in browser environment.
+      if (process.env.NODE_ENV !== 'production') {
+        if (client) {
+          if ((typeof document !== 'object') || !document.getElementsByTagName('HTML')) {
+            console.error('nano-css detected browser environment because of "window" global, but "document" global seems to be defective.');
+          }
+        }
+      }
+
+      var renderer = assign({
+        raw: '',
+        pfx: '_',
+        client: client,
+        assign: assign,
+        stringify: JSON.stringify,
+        kebab: function (prop) {
+          return prop.replace(KEBAB_REGEX, '-$&').toLowerCase();
+        },
+        decl: function (key, value) {
+          key = renderer.kebab(key);
+          return key + ':' + value + ';';
+        },
+        hash: function (obj) { return hash(renderer.stringify(obj)); },
+        selector: function (parent, selector) {
+          return parent + (selector[0] === ':' ? ''  : ' ') + selector;
+        },
+        putRaw: function (rawCssRule) { renderer.raw += rawCssRule; }
+      }, config);
+
+      if (renderer.client) {
+        if (!renderer.sh) { document.head.appendChild(renderer.sh = document.createElement('style')); }
+
+        if (process.env.NODE_ENV !== 'production') {
+          renderer.sh.setAttribute('data-nano-css-dev', '');
+
+          // Test style sheet used in DEV mode to test if .insetRule() would throw.
+          renderer.shTest = document.createElement('style');
+          renderer.shTest.setAttribute('data-nano-css-dev-tests', '');
+          document.head.appendChild(renderer.shTest);
+        }
+
+        renderer.putRaw = function (rawCssRule) {
+          // .insertRule() is faster than .appendChild(), that's why we use it in PROD.
+          // But CSS injected using .insertRule() is not displayed in Chrome Devtools,
+          // that's why we use .appendChild in DEV.
+          if (process.env.NODE_ENV === 'production') {
+            var sheet = renderer.sh.sheet;
+
+            // Unknown pseudo-selectors will throw, this try/catch swallows all errors.
+            try { sheet.insertRule(rawCssRule, sheet.cssRules.length); } 
+            catch (error) {}
+          } else {
+            // Test if .insertRule() works in dev mode. Unknown pseudo-selectors will throw when
+            // .insertRule() is used, but .appendChild() will not throw.
+            try {
+              renderer.shTest.sheet.insertRule(rawCssRule, renderer.shTest.sheet.cssRules.length);
+            } catch (error) {
+              if (config.verbose) {
+                console.error(error);
+              }
+            }
+
+            // Insert pretty-printed CSS for dev mode.
+            renderer.sh.appendChild(document.createTextNode(rawCssRule));
+          }
+        };
+      }
+
+      renderer.put = function (selector, decls, atrule) {
+        var str = '';
+        var prop, value;
+        var postponed = [];
+
+        for (prop in decls) {
+          value = decls[prop];
+
+          if ((value instanceof Object) && !(value instanceof Array)) {
+            postponed.push(prop);
+          } else {
+            if ((process.env.NODE_ENV !== 'production') && !renderer.sourcemaps) {
+              str += '    ' + renderer.decl(prop, value, selector, atrule) + '\n';
+            } else {
+              str += renderer.decl(prop, value, selector, atrule);
+            }
+          }
+        }
+
+        if (str) {
+          if ((process.env.NODE_ENV !== 'production') && !renderer.sourcemaps) {
+            str = '\n' + selector + ' {\n' + str + '}\n';
+          } else {
+            str = selector + '{' + str + '}';
+          }
+          renderer.putRaw(atrule ? atrule + '{' + str + '}' : str);
+        }
+
+        for (var i = 0; i < postponed.length; i++) {
+          prop = postponed[i];
+
+          if (prop[0] === '@' && prop !== '@font-face') {
+            renderer.putAt(selector, decls[prop], prop);
+          } else {
+            renderer.put(renderer.selector(selector, prop), decls[prop], atrule);
+          }
+        }
+      };
+
+      renderer.putAt = renderer.put;
+
+      return renderer;
+    };
+  }   
+  
+  # addons
+
+  %x{
+    self.rule = function (renderer) {
+      var blocks;
+      if (process.env.NODE_ENV !== 'production') {
+          blocks = {};
+      }
+  
+      renderer.rule = function (css, block) {
+          // Warn user if CSS selectors clash.
+          if (process.env.NODE_ENV !== 'production') {
+              if (block) {
+                  if (typeof block !== 'string') {
+                      throw new TypeError(
+                          'nano-css block name must be a string. ' +
+                          'For example, use nano.rule({color: "red"}, "RedText").'
+                      );
+                  }
+  
+                  if (blocks[block]) {
+                      console.error('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) { 
+      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);
+          } else {
+            Object.defineProperty(result, elementModifier, {
+              configurable: true,
+              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;
+      };
+    };
+  }
+
+  %x{
+    self.nesting = function (renderer) {
+      renderer.selector = function (parentSelectors, selector) {
+        var parents = parentSelectors.split(',');
+        var result = [];
+        var selectors = selector.split(',');
+        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];
+              replacedSelector = sel.replace(/&/g, parent);
+              result.push(replacedSelector);
+            }
+          } else {
+            for (j = 0; j < len1; j++) {
+              parent = parents[j];
+  
+              if (parent) {
+                result.push(parent + ' ' + sel);
+              } else {
+                result.push(sel);
+              }
+            }
+          }
+        }
+  
+        return result.join(',');
+      };
+    };
+  }
+
+  %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',
+      'border-image-outset',
+      'border-image-slice',
+      'border-image-width',
+      'box-flex',
+      'box-flex-group',
+      'box-ordinal-group',
+      'column-count',
+      'columns',
+      'flex',
+      'flex-grow',
+      'flex-positive',
+      'flex-shrink',
+      'flex-negative',
+      'flex-order',
+      'grid-row',
+      'grid-row-end',
+      'grid-row-span',
+      'grid-row-start',
+      'grid-column',
+      'grid-column-end',
+      'grid-column-span',
+      'grid-column-start',
+      'font-weight',
+      'line-clamp',
+      'line-height',
+      'opacity',
+      'order',
+      'orphans',
+      'tabSize',
+      'widows',
+      'z-index',
+      'zoom',
+  
+      // SVG-related properties
+      'fill-opacity',
+      'flood-opacity',
+      'stop-opacity',
+      'stroke-dasharray',
+      'stroke-dashoffset',
+      'stroke-miterlimit',
+      '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;
+      };
+    };
+  }
+
+  %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);
+      };
+    };
+  }
+
+  %x{
+    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;
+      };
+    };
+  }
+
+  %x{
+    self.fadeIn = function (renderer) {
+      renderer.put('', {
+        '@keyframes fadeIn': {
+          from: {
+            opacity: 0,
+          },
+          to: {
+            opacity: 1,
+          }
+        },
+  
+        '.fadeIn': {
+          animation: 'fadeIn .4s linear',
+        }
+      });
+    };
+  }
+
+  %x{
+    self.fadeOut = function (renderer) {
+      renderer.put('', {
+        '@keyframes fadeOut': {
+          from: {
+            opacity: 1,
+          },
+          to: {
+            opacity: 0,
+          }
+        },
+  
+        '.fadeOut': {
+          animation: 'fadeOut .3s linear',
+          'animation-fill-mode': 'forwards',
+        }
+      });
+    };
+  }
+end

data/lib/preact/version.rb

@@ -1,3 +1,3 @@
 module Preact
-  VERSION = '10.5.5'
+  VERSION = '10.5.9'
 end