snabberb 1.3.1 → 1.5.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cb82424f513fedb084f9889e64adc0b3484e3403522d5f0fb1ab3531c9fd627b
-  data.tar.gz: '08a6595aa3bed2cde156991811e6a612296e11aaeae9a24a10dd9aca58c2f3f8'
+  metadata.gz: 1df088184f2da634a92a5bb64e9e0ca49f350e53e2e03af54517dcf0127b8938
+  data.tar.gz: e77b22595da1a2c7aa22f310572344fccf8015b669a88c616fc5c86d8ef4fe05
 SHA512:
-  metadata.gz: 9f599f947849c63880508953ec5f096f6ccfc4936c08fe51d7c8a3fd087260b921cdba6d7b64b70e5a6e565c63d2cf02cd1962880c1b5ae4b96f4a793cddfe3d
-  data.tar.gz: 06d6ff61cf0853e796f4c8d4896db4e4a74b7dd28a79a421fdc4df947d99e92f7eec63ca604c993ab445142bd9f095d782122730f11936387ee4314313fc4768
+  metadata.gz: 82348b9d8daf6ddc9104eeec5d0de52e62629d3b1a6ed5c816a9771151a5b38ff54a91ae13c9977621db5381e9808d24a64e49a98a246ed3cfe4fefaf563ad01
+  data.tar.gz: 882c697ab547a00305ffc802c29171742a2fe30c1292f7355f43668fef123ebb00069db6d2aef19cfd45c0b5f513e419adb8407d534f9dd9ffdce2c981a566c8

data/.gitignore

@@ -10,6 +10,7 @@
 /examples/roda/build
 /node_modules/
 package-lock.json
+package.json
 
 .DS_STORE
 *.swp

data/.rubocop.yml

@@ -45,5 +45,5 @@ Style/TrailingCommaInHashLiteral:
 
 AllCops:
   NewCops: enable
-  TargetRubyVersion: 2.4
+  TargetRubyVersion: 2.5
   SuggestExtensions: false

data/build.js

@@ -1,14 +1,14 @@
 // browserify build.js -p esmify -s snabbdom > opal/vendor/snabbdom.js
-import { init } from './node_modules/snabbdom/build/package/init'
-import { h } from './node_modules/snabbdom/build/package/h'
-import { toVNode } from './node_modules/snabbdom/build/package/tovnode'
+import { init } from './node_modules/snabbdom/build/init'
+import { h } from './node_modules/snabbdom/build/h'
+import { toVNode } from './node_modules/snabbdom/build/tovnode'
 
-import { attributesModule } from './node_modules/snabbdom/build/package/modules/attributes'
-import { classModule } from './node_modules/snabbdom/build/package/modules/class'
-import { datasetModule } from './node_modules/snabbdom/build/package/modules/dataset'
-import { eventListenersModule } from './node_modules/snabbdom/build/package/modules/eventlisteners'
-import { propsModule } from './node_modules/snabbdom/build/package/modules/props'
-import { styleModule } from './node_modules/snabbdom/build/package/modules/style'
+import { attributesModule } from './node_modules/snabbdom/build/modules/attributes'
+import { classModule } from './node_modules/snabbdom/build/modules/class'
+import { datasetModule } from './node_modules/snabbdom/build/modules/dataset'
+import { eventListenersModule } from './node_modules/snabbdom/build/modules/eventlisteners'
+import { propsModule } from './node_modules/snabbdom/build/modules/props'
+import { styleModule } from './node_modules/snabbdom/build/modules/style'
 
 module.exports.init = init
 module.exports.h = h

data/examples/rack/Gemfile.lock

@@ -1,17 +1,17 @@
 PATH
   remote: ../..
   specs:
-    snabberb (1.3.0)
-      opal (~> 1.1)
+    snabberb (1.5.1)
+      opal (>= 1.1)
 
 GEM
   remote: https://rubygems.org/
   specs:
     ast (2.4.2)
-    opal (1.1.1)
+    opal (1.2.0)
       ast (>= 2.3.0)
       parser (~> 3.0)
-    parser (3.0.0.0)
+    parser (3.0.2.0)
       ast (~> 2.4.1)
     rack (2.2.3)
     webrick (1.7.0)

data/examples/roda/Gemfile

@@ -2,10 +2,10 @@
 
 source 'https://rubygems.org'
 
-gem 'c_lexer'
 gem 'execjs'
 gem 'mini_racer'
 gem 'opal'
 gem 'opal-sprockets'
 gem 'roda'
 gem 'snabberb', path: '../..'
+gem 'webrick'

data/examples/roda/Gemfile.lock

@@ -1,49 +1,47 @@
 PATH
   remote: ../..
   specs:
-    snabberb (1.0.0)
-      opal (~> 1.0)
+    snabberb (1.5.1)
+      opal (>= 1.1)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    ast (2.4.1)
-    c_lexer (2.6.4.1.1)
-      ast (~> 2.4.0)
-      parser (= 2.6.4.1)
-    concurrent-ruby (1.1.7)
-    execjs (2.7.0)
-    libv8 (8.4.255.0)
-    mini_racer (0.3.1)
-      libv8 (~> 8.4.255)
-    opal (1.0.3)
+    ast (2.4.2)
+    concurrent-ruby (1.1.9)
+    execjs (2.8.1)
+    libv8-node (15.14.0.1)
+    mini_racer (0.4.0)
+      libv8-node (~> 15.14.0.0)
+    opal (1.2.0)
       ast (>= 2.3.0)
-      parser (~> 2.6)
-    opal-sprockets (0.4.9.1.0.3.7)
-      opal (~> 1.0.0)
-      sprockets (~> 3.7)
+      parser (~> 3.0)
+    opal-sprockets (1.0.1)
+      opal (>= 1.0, < 2.0)
+      sprockets (~> 4.0)
       tilt (>= 1.4)
-    parser (2.6.4.1)
-      ast (~> 2.4.0)
+    parser (3.0.2.0)
+      ast (~> 2.4.1)
     rack (2.2.3)
-    roda (3.36.0)
+    roda (3.46.0)
       rack
-    sprockets (3.7.2)
+    sprockets (4.0.2)
       concurrent-ruby (~> 1.0)
       rack (> 1, < 3)
     tilt (2.0.10)
+    webrick (1.7.0)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  c_lexer
   execjs
   mini_racer
   opal
   opal-sprockets
   roda
   snabberb!
+  webrick
 
 BUNDLED WITH
-   2.1.4
+   2.2.3

data/lib/snabberb/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Snabberb
-  VERSION = '1.3.1'
+  VERSION = '1.5.2'
 end

data/opal/snabberb/component.rb

@@ -173,6 +173,7 @@ module Snabberb
         props_is_hash = props.is_a?(Hash)
         children = props if !children && !props_is_hash
         props = {} unless props_is_hash
+        children = children.to_n if children.is_a?(String)
         `snabbdom.h(#{element}, #{Native.convert(props)}, #{children})`
       end
     end

data/opal/vendor/snabbdom.js

@@ -1,23 +1,23 @@
 (function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.snabbdom = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
 "use strict";
 
-var _init = require("./node_modules/snabbdom/build/package/init");
+var _init = require("./node_modules/snabbdom/build/init");
 
-var _h = require("./node_modules/snabbdom/build/package/h");
+var _h = require("./node_modules/snabbdom/build/h");
 
-var _tovnode = require("./node_modules/snabbdom/build/package/tovnode");
+var _tovnode = require("./node_modules/snabbdom/build/tovnode");
 
-var _attributes = require("./node_modules/snabbdom/build/package/modules/attributes");
+var _attributes = require("./node_modules/snabbdom/build/modules/attributes");
 
-var _class = require("./node_modules/snabbdom/build/package/modules/class");
+var _class = require("./node_modules/snabbdom/build/modules/class");
 
-var _dataset = require("./node_modules/snabbdom/build/package/modules/dataset");
+var _dataset = require("./node_modules/snabbdom/build/modules/dataset");
 
-var _eventlisteners = require("./node_modules/snabbdom/build/package/modules/eventlisteners");
+var _eventlisteners = require("./node_modules/snabbdom/build/modules/eventlisteners");
 
-var _props = require("./node_modules/snabbdom/build/package/modules/props");
+var _props = require("./node_modules/snabbdom/build/modules/props");
 
-var _style = require("./node_modules/snabbdom/build/package/modules/style");
+var _style = require("./node_modules/snabbdom/build/modules/style");
 
 // browserify build.js -p esmify -s snabbdom > opal/vendor/snabbdom.js
 module.exports.init = _init.init;
@@ -30,7 +30,7 @@ module.exports.eventListenersModule = _eventlisteners.eventListenersModule;
 module.exports.propsModule = _props.propsModule;
 module.exports.styleModule = _style.styleModule;
 
-},{"./node_modules/snabbdom/build/package/h":2,"./node_modules/snabbdom/build/package/init":4,"./node_modules/snabbdom/build/package/modules/attributes":6,"./node_modules/snabbdom/build/package/modules/class":7,"./node_modules/snabbdom/build/package/modules/dataset":8,"./node_modules/snabbdom/build/package/modules/eventlisteners":9,"./node_modules/snabbdom/build/package/modules/props":10,"./node_modules/snabbdom/build/package/modules/style":11,"./node_modules/snabbdom/build/package/tovnode":12}],2:[function(require,module,exports){
+},{"./node_modules/snabbdom/build/h":2,"./node_modules/snabbdom/build/init":4,"./node_modules/snabbdom/build/modules/attributes":6,"./node_modules/snabbdom/build/modules/class":7,"./node_modules/snabbdom/build/modules/dataset":8,"./node_modules/snabbdom/build/modules/eventlisteners":9,"./node_modules/snabbdom/build/modules/props":10,"./node_modules/snabbdom/build/modules/style":11,"./node_modules/snabbdom/build/tovnode":12}],2:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -38,18 +38,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.h = h;
 
-var _vnode = require("./vnode.js");
+var _vnode = require("./vnode");
 
-var is = _interopRequireWildcard(require("./is.js"));
+var is = _interopRequireWildcard(require("./is"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function addNS(data, children, sel) {
-  data.ns = 'http://www.w3.org/2000/svg';
+  data.ns = "http://www.w3.org/2000/svg";
 
-  if (sel !== 'foreignObject' && children !== undefined) {
+  if (sel !== "foreignObject" && children !== undefined) {
     for (let i = 0; i < children.length; ++i) {
       const childData = children[i].data;
 
@@ -61,10 +61,10 @@ function addNS(data, children, sel) {
 }
 
 function h(sel, b, c) {
-  var data = {};
-  var children;
-  var text;
-  var i;
+  let data = {};
+  let children;
+  let text;
+  let i;
 
   if (c !== undefined) {
     if (b !== null) {
@@ -96,16 +96,14 @@ function h(sel, b, c) {
     }
   }
 
-  if (sel[0] === 's' && sel[1] === 'v' && sel[2] === 'g' && (sel.length === 3 || sel[3] === '.' || sel[3] === '#')) {
+  if (sel[0] === "s" && sel[1] === "v" && sel[2] === "g" && (sel.length === 3 || sel[3] === "." || sel[3] === "#")) {
     addNS(data, children, sel);
   }
 
   return (0, _vnode.vnode)(sel, data, children, text, undefined);
 }
 
-;
-
-},{"./is.js":5,"./vnode.js":13}],3:[function(require,module,exports){
+},{"./is":5,"./vnode":13}],3:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -113,12 +111,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.htmlDomApi = void 0;
 
-function createElement(tagName) {
-  return document.createElement(tagName);
+function createElement(tagName, options) {
+  return document.createElement(tagName, options);
 }
 
-function createElementNS(namespaceURI, qualifiedName) {
-  return document.createElementNS(namespaceURI, qualifiedName);
+function createElementNS(namespaceURI, qualifiedName, options) {
+  return document.createElementNS(namespaceURI, qualifiedName, options);
 }
 
 function createTextNode(text) {
@@ -200,15 +198,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.init = init;
 
-var _vnode = require("./vnode.js");
+var _vnode = require("./vnode");
 
-var is = _interopRequireWildcard(require("./is.js"));
+var is = _interopRequireWildcard(require("./is"));
 
-var _htmldomapi = require("./htmldomapi.js");
+var _htmldomapi = require("./htmldomapi");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function isUndef(s) {
   return s === undefined;
@@ -218,10 +216,15 @@ function isDef(s) {
   return s !== undefined;
 }
 
-const emptyNode = (0, _vnode.vnode)('', {}, [], undefined, undefined);
+const emptyNode = (0, _vnode.vnode)("", {}, [], undefined, undefined);
 
 function sameVnode(vnode1, vnode2) {
-  return vnode1.key === vnode2.key && vnode1.sel === vnode2.sel;
+  var _a, _b;
+
+  const isSameKey = vnode1.key === vnode2.key;
+  const isSameIs = ((_a = vnode1.data) === null || _a === void 0 ? void 0 : _a.is) === ((_b = vnode2.data) === null || _b === void 0 ? void 0 : _b.is);
+  const isSameSel = vnode1.sel === vnode2.sel;
+  return isSameSel && isSameKey && isSameIs;
 }
 
 function isVnode(vnode) {
@@ -244,7 +247,7 @@ function createKeyToOldIdx(children, beginIdx, endIdx) {
   return map;
 }
 
-const hooks = ['create', 'update', 'remove', 'destroy', 'pre', 'post'];
+const hooks = ["create", "update", "remove", "destroy", "pre", "post"];
 
 function init(modules, domApi) {
   let i;
@@ -272,8 +275,11 @@ function init(modules, domApi) {
   }
 
   function emptyNodeAt(elm) {
-    const id = elm.id ? '#' + elm.id : '';
-    const c = elm.className ? '.' + elm.className.split(' ').join('.') : '';
+    const id = elm.id ? "#" + elm.id : ""; // elm.className doesn't return a string when elm is an SVG element inside a shadowRoot.
+    // https://stackoverflow.com/questions/29454340/detecting-classname-of-svganimatedstring
+
+    const classes = elm.getAttribute("class");
+    const c = classes ? "." + classes.split(" ").join(".") : "";
     return (0, _vnode.vnode)(api.tagName(elm).toLowerCase() + id + c, {}, [], undefined, elm);
   }
 
@@ -304,22 +310,22 @@ function init(modules, domApi) {
     const children = vnode.children;
     const sel = vnode.sel;
 
-    if (sel === '!') {
+    if (sel === "!") {
       if (isUndef(vnode.text)) {
-        vnode.text = '';
+        vnode.text = "";
       }
 
       vnode.elm = api.createComment(vnode.text);
     } else if (sel !== undefined) {
       // Parse selector
-      const hashIdx = sel.indexOf('#');
-      const dotIdx = sel.indexOf('.', hashIdx);
+      const hashIdx = sel.indexOf("#");
+      const dotIdx = sel.indexOf(".", hashIdx);
       const hash = hashIdx > 0 ? hashIdx : sel.length;
       const dot = dotIdx > 0 ? dotIdx : sel.length;
       const tag = hashIdx !== -1 || dotIdx !== -1 ? sel.slice(0, Math.min(hash, dot)) : sel;
-      const elm = vnode.elm = isDef(data) && isDef(i = data.ns) ? api.createElementNS(i, tag) : api.createElement(tag);
-      if (hash < dot) elm.setAttribute('id', sel.slice(hash + 1, dot));
-      if (dotIdx > 0) elm.setAttribute('class', sel.slice(dot + 1).replace(/\./g, ' '));
+      const elm = vnode.elm = isDef(data) && isDef(i = data.ns) ? api.createElementNS(i, tag, data) : api.createElement(tag, data);
+      if (hash < dot) elm.setAttribute("id", sel.slice(hash + 1, dot));
+      if (dotIdx > 0) elm.setAttribute("class", sel.slice(dot + 1).replace(/\./g, " "));
 
       for (i = 0; i < cbs.create.length; ++i) cbs.create[i](emptyNode, vnode);
 
@@ -375,7 +381,7 @@ function init(modules, domApi) {
         for (let j = 0; j < vnode.children.length; ++j) {
           const child = vnode.children[j];
 
-          if (child != null && typeof child !== 'string') {
+          if (child != null && typeof child !== "string") {
             invokeDestroyHook(child);
           }
         }
@@ -513,12 +519,12 @@ function init(modules, domApi) {
       if (isDef(oldCh) && isDef(ch)) {
         if (oldCh !== ch) updateChildren(elm, oldCh, ch, insertedVnodeQueue);
       } else if (isDef(ch)) {
-        if (isDef(oldVnode.text)) api.setTextContent(elm, '');
+        if (isDef(oldVnode.text)) api.setTextContent(elm, "");
         addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);
       } else if (isDef(oldCh)) {
         removeVnodes(elm, oldCh, 0, oldCh.length - 1);
       } else if (isDef(oldVnode.text)) {
-        api.setTextContent(elm, '');
+        api.setTextContent(elm, "");
       }
     } else if (oldVnode.text !== vnode.text) {
       if (isDef(oldCh)) {
@@ -564,7 +570,7 @@ function init(modules, domApi) {
   };
 }
 
-},{"./htmldomapi.js":3,"./is.js":5,"./vnode.js":13}],5:[function(require,module,exports){
+},{"./htmldomapi":3,"./is":5,"./vnode":13}],5:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -576,7 +582,7 @@ const array = Array.isArray;
 exports.array = array;
 
 function primitive(s) {
-  return typeof s === 'string' || typeof s === 'number';
+  return typeof s === "string" || typeof s === "number";
 }
 
 },{}],6:[function(require,module,exports){
@@ -586,16 +592,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.attributesModule = void 0;
-const xlinkNS = 'http://www.w3.org/1999/xlink';
-const xmlNS = 'http://www.w3.org/XML/1998/namespace';
+const xlinkNS = "http://www.w3.org/1999/xlink";
+const xmlNS = "http://www.w3.org/XML/1998/namespace";
 const colonChar = 58;
 const xChar = 120;
 
 function updateAttrs(oldVnode, vnode) {
-  var key;
-  var elm = vnode.elm;
-  var oldAttrs = oldVnode.data.attrs;
-  var attrs = vnode.data.attrs;
+  let key;
+  const elm = vnode.elm;
+  let oldAttrs = oldVnode.data.attrs;
+  let attrs = vnode.data.attrs;
   if (!oldAttrs && !attrs) return;
   if (oldAttrs === attrs) return;
   oldAttrs = oldAttrs || {};
@@ -607,7 +613,7 @@ function updateAttrs(oldVnode, vnode) {
 
     if (old !== cur) {
       if (cur === true) {
-        elm.setAttribute(key, '');
+        elm.setAttribute(key, "");
       } else if (cur === false) {
         elm.removeAttribute(key);
       } else {
@@ -651,11 +657,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.classModule = void 0;
 
 function updateClass(oldVnode, vnode) {
-  var cur;
-  var name;
-  var elm = vnode.elm;
-  var oldClass = oldVnode.data.class;
-  var klass = vnode.data.class;
+  let cur;
+  let name;
+  const elm = vnode.elm;
+  let oldClass = oldVnode.data.class;
+  let klass = vnode.data.class;
   if (!oldClass && !klass) return;
   if (oldClass === klass) return;
   oldClass = oldClass || {};
@@ -672,7 +678,7 @@ function updateClass(oldVnode, vnode) {
     cur = klass[name];
 
     if (cur !== oldClass[name]) {
-      elm.classList[cur ? 'add' : 'remove'](name);
+      elm.classList[cur ? "add" : "remove"](name);
     }
   }
 }
@@ -710,7 +716,7 @@ function updateDataset(oldVnode, vnode) {
           delete d[key];
         }
       } else {
-        elm.removeAttribute('data-' + key.replace(CAPS_REGEX, '-$&').toLowerCase());
+        elm.removeAttribute("data-" + key.replace(CAPS_REGEX, "-$&").toLowerCase());
       }
     }
   }
@@ -720,7 +726,7 @@ function updateDataset(oldVnode, vnode) {
       if (d) {
         d[key] = dataset[key];
       } else {
-        elm.setAttribute('data-' + key.replace(CAPS_REGEX, '-$&').toLowerCase(), dataset[key]);
+        elm.setAttribute("data-" + key.replace(CAPS_REGEX, "-$&").toLowerCase(), dataset[key]);
       }
     }
   }
@@ -741,20 +747,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.eventListenersModule = void 0;
 
 function invokeHandler(handler, vnode, event) {
-  if (typeof handler === 'function') {
+  if (typeof handler === "function") {
     // call function handler
     handler.call(vnode, event, vnode);
-  } else if (typeof handler === 'object') {
+  } else if (typeof handler === "object") {
     // call multiple handlers
-    for (var i = 0; i < handler.length; i++) {
+    for (let i = 0; i < handler.length; i++) {
       invokeHandler(handler[i], vnode, event);
     }
   }
 }
 
 function handleEvent(event, vnode) {
-  var name = event.type;
-  var on = vnode.data.on; // call event handler(s) if exists
+  const name = event.type;
+  const on = vnode.data.on; // call event handler(s) if exists
 
   if (on && on[name]) {
     invokeHandler(on[name], vnode, event);
@@ -768,12 +774,12 @@ function createListener() {
 }
 
 function updateEventListeners(oldVnode, vnode) {
-  var oldOn = oldVnode.data.on;
-  var oldListener = oldVnode.listener;
-  var oldElm = oldVnode.elm;
-  var on = vnode && vnode.data.on;
-  var elm = vnode && vnode.elm;
-  var name; // optimization for reused immutable handlers
+  const oldOn = oldVnode.data.on;
+  const oldListener = oldVnode.listener;
+  const oldElm = oldVnode.elm;
+  const on = vnode && vnode.data.on;
+  const elm = vnode && vnode.elm;
+  let name; // optimization for reused immutable handlers
 
   if (oldOn === on) {
     return;
@@ -800,7 +806,7 @@ function updateEventListeners(oldVnode, vnode) {
 
   if (on) {
     // reuse existing listener or create new
-    var listener = vnode.listener = oldVnode.listener || createListener(); // update vnode for listener
+    const listener = vnode.listener = oldVnode.listener || createListener(); // update vnode for listener
 
     listener.vnode = vnode; // if element changed or added we add all needed listeners unconditionally
 
@@ -836,12 +842,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.propsModule = void 0;
 
 function updateProps(oldVnode, vnode) {
-  var key;
-  var cur;
-  var old;
-  var elm = vnode.elm;
-  var oldProps = oldVnode.data.props;
-  var props = vnode.data.props;
+  let key;
+  let cur;
+  let old;
+  const elm = vnode.elm;
+  let oldProps = oldVnode.data.props;
+  let props = vnode.data.props;
   if (!oldProps && !props) return;
   if (oldProps === props) return;
   oldProps = oldProps || {};
@@ -851,7 +857,7 @@ function updateProps(oldVnode, vnode) {
     cur = props[key];
     old = oldProps[key];
 
-    if (old !== cur && (key !== 'value' || elm[key] !== cur)) {
+    if (old !== cur && (key !== "value" || elm[key] !== cur)) {
       elm[key] = cur;
     }
   }
@@ -871,15 +877,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.styleModule = void 0;
 // Bindig `requestAnimationFrame` like this fixes a bug in IE/Edge. See #360 and #409.
-var raf = typeof window !== 'undefined' && window.requestAnimationFrame.bind(window) || setTimeout;
+const raf = typeof window !== "undefined" && window.requestAnimationFrame.bind(window) || setTimeout;
 
-var nextFrame = function (fn) {
+const nextFrame = function (fn) {
   raf(function () {
     raf(fn);
   });
 };
 
-var reflowForced = false;
+let reflowForced = false;
 
 function setNextFrame(obj, prop, val) {
   nextFrame(function () {
@@ -888,23 +894,23 @@ function setNextFrame(obj, prop, val) {
 }
 
 function updateStyle(oldVnode, vnode) {
-  var cur;
-  var name;
-  var elm = vnode.elm;
-  var oldStyle = oldVnode.data.style;
-  var style = vnode.data.style;
+  let cur;
+  let name;
+  const elm = vnode.elm;
+  let oldStyle = oldVnode.data.style;
+  let style = vnode.data.style;
   if (!oldStyle && !style) return;
   if (oldStyle === style) return;
   oldStyle = oldStyle || {};
   style = style || {};
-  var oldHasDel = ('delayed' in oldStyle);
+  const oldHasDel = ("delayed" in oldStyle);
 
   for (name in oldStyle) {
     if (!style[name]) {
-      if (name[0] === '-' && name[1] === '-') {
+      if (name[0] === "-" && name[1] === "-") {
         elm.style.removeProperty(name);
       } else {
-        elm.style[name] = '';
+        elm.style[name] = "";
       }
     }
   }
@@ -912,7 +918,7 @@ function updateStyle(oldVnode, vnode) {
   for (name in style) {
     cur = style[name];
 
-    if (name === 'delayed' && style.delayed) {
+    if (name === "delayed" && style.delayed) {
       for (const name2 in style.delayed) {
         cur = style.delayed[name2];
 
@@ -920,8 +926,8 @@ function updateStyle(oldVnode, vnode) {
           setNextFrame(elm.style, name2, cur);
         }
       }
-    } else if (name !== 'remove' && cur !== oldStyle[name]) {
-      if (name[0] === '-' && name[1] === '-') {
+    } else if (name !== "remove" && cur !== oldStyle[name]) {
+      if (name[0] === "-" && name[1] === "-") {
         elm.style.setProperty(name, cur);
       } else {
         elm.style[name] = cur;
@@ -931,10 +937,10 @@ function updateStyle(oldVnode, vnode) {
 }
 
 function applyDestroyStyle(vnode) {
-  var style;
-  var name;
-  var elm = vnode.elm;
-  var s = vnode.data.style;
+  let style;
+  let name;
+  const elm = vnode.elm;
+  const s = vnode.data.style;
   if (!s || !(style = s.destroy)) return;
 
   for (name in style) {
@@ -943,7 +949,7 @@ function applyDestroyStyle(vnode) {
 }
 
 function applyRemoveStyle(vnode, rm) {
-  var s = vnode.data.style;
+  const s = vnode.data.style;
 
   if (!s || !s.remove) {
     rm();
@@ -956,27 +962,26 @@ function applyRemoveStyle(vnode, rm) {
     reflowForced = true;
   }
 
-  var name;
-  var elm = vnode.elm;
-  var i = 0;
-  var compStyle;
-  var style = s.remove;
-  var amount = 0;
-  var applied = [];
+  let name;
+  const elm = vnode.elm;
+  let i = 0;
+  const style = s.remove;
+  let amount = 0;
+  const applied = [];
 
   for (name in style) {
     applied.push(name);
     elm.style[name] = style[name];
   }
 
-  compStyle = getComputedStyle(elm);
-  var props = compStyle['transition-property'].split(', ');
+  const compStyle = getComputedStyle(elm);
+  const props = compStyle["transition-property"].split(", ");
 
   for (; i < props.length; ++i) {
     if (applied.indexOf(props[i]) !== -1) amount++;
   }
 
-  elm.addEventListener('transitionend', function (ev) {
+  elm.addEventListener("transitionend", function (ev) {
     if (ev.target === elm) --amount;
     if (amount === 0) rm();
   });
@@ -1003,18 +1008,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.toVNode = toVNode;
 
-var _vnode = require("./vnode.js");
+var _vnode = require("./vnode");
 
-var _htmldomapi = require("./htmldomapi.js");
+var _htmldomapi = require("./htmldomapi");
 
 function toVNode(node, domApi) {
   const api = domApi !== undefined ? domApi : _htmldomapi.htmlDomApi;
   let text;
 
   if (api.isElement(node)) {
-    const id = node.id ? '#' + node.id : '';
-    const cn = node.getAttribute('class');
-    const c = cn ? '.' + cn.split(' ').join('.') : '';
+    const id = node.id ? "#" + node.id : "";
+    const cn = node.getAttribute("class");
+    const c = cn ? "." + cn.split(" ").join(".") : "";
     const sel = api.tagName(node).toLowerCase() + id + c;
     const attrs = {};
     const children = [];
@@ -1026,7 +1031,7 @@ function toVNode(node, domApi) {
     for (i = 0, n = elmAttrs.length; i < n; i++) {
       name = elmAttrs[i].nodeName;
 
-      if (name !== 'id' && name !== 'class') {
+      if (name !== "id" && name !== "class") {
         attrs[name] = elmAttrs[i].nodeValue;
       }
     }
@@ -1043,13 +1048,13 @@ function toVNode(node, domApi) {
     return (0, _vnode.vnode)(undefined, undefined, undefined, text, node);
   } else if (api.isComment(node)) {
     text = api.getTextContent(node);
-    return (0, _vnode.vnode)('!', {}, [], text, node);
+    return (0, _vnode.vnode)("!", {}, [], text, node);
   } else {
-    return (0, _vnode.vnode)('', {}, [], undefined, node);
+    return (0, _vnode.vnode)("", {}, [], undefined, node);
   }
 }
 
-},{"./htmldomapi.js":3,"./vnode.js":13}],13:[function(require,module,exports){
+},{"./htmldomapi":3,"./vnode":13}],13:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {

data/snabberb.gemspec

@@ -25,9 +25,9 @@ Gem::Specification.new do |spec|
   spec.bindir        = 'exe'
   spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
   spec.require_paths = %w[lib opal]
-  spec.required_ruby_version = '>= 2.4'
+  spec.required_ruby_version = '>= 2.5'
 
-  spec.add_dependency 'opal', '~> 1.1'
+  spec.add_dependency 'opal', '>= 1.1'
 
   spec.add_development_dependency 'bundler'
   spec.add_development_dependency 'execjs'

metadata

@@ -1,27 +1,27 @@
 --- !ruby/object:Gem::Specification
 name: snabberb
 version: !ruby/object:Gem::Version
-  version: 1.3.1
+  version: 1.5.2
 platform: ruby
 authors:
 - Toby Mao
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2021-03-24 00:00:00.000000000 Z
+date: 2021-08-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '1.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '1.1'
 - !ruby/object:Gem::Dependency
@@ -147,7 +147,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '2.4'
+      version: '2.5'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="