Merge pull request WebReflection#332 from WebReflection/hyperhtml-wire

Using external hyperhtml-wire module

cjs/classes/Component.js

@@ -107,7 +107,7 @@ function setup(content) {
           event.component = this;
           return (_wire$.dispatchEvent ?
                     _wire$ :
-                    _wire$.childNodes[0]
+                    _wire$.n[0]
                   ).dispatchEvent(event);
         }
         return false;

cjs/hyper/render.js

@@ -28,13 +28,12 @@ function render() {
 // parse it once, if unknown, to map all interpolations
 // as single DOM callbacks, relate such template
 // to the current context, and render it after cleaning the context up
-function upgrade() {
-  const args = reArguments.apply(null, arguments);
+function upgrade(template) {
   const type = OWNER_SVG_ELEMENT in this ? 'svg' : 'html';
   const tagger = new Tagger(type);
-  bewitched.set(this, {tagger, template: args[0]});
+  bewitched.set(this, {tagger, template: template});
   this.textContent = '';
-  this.appendChild(tagger.apply(null, args));
+  this.appendChild(tagger.apply(null, arguments));
 }
 
 Object.defineProperty(exports, '__esModule', {value: true}).default = render;

cjs/hyper/wire.js

@@ -1,10 +1,10 @@
 'use strict';
 const WeakMap = (m => m.__esModule ? /* istanbul ignore next */ m.default : /* istanbul ignore next */ m)(require('@ungap/weakmap'));
 
-const Wire = (m => m.__esModule ? /* istanbul ignore next */ m.default : /* istanbul ignore next */ m)(require('../classes/Wire.js'));
+const Wire = (m => m.__esModule ? /* istanbul ignore next */ m.default : /* istanbul ignore next */ m)(require('hyperhtml-wire'));
 
 const {Tagger} = require('../objects/Updates.js');
-const {reArguments, slice} = require('../shared/utils.js');
+const {reArguments} = require('../shared/utils.js');
 
 // all wires used per each context
 const wires = new WeakMap;
@@ -73,9 +73,10 @@ const weakly = (obj, type) => {
 // array of nodes or to this single referenced node.
 const wireContent = node => {
   const childNodes = node.childNodes;
-  return childNodes.length === 1 ?
+  const {length} = childNodes;
+  return length === 1 ?
     childNodes[0] :
-    new Wire(slice.call(childNodes, 0));
+    (length ? new Wire(childNodes) : node);
 };
 
 exports.content = content;

cjs/objects/Updates.js

@@ -14,7 +14,7 @@ const {
 } = require('../shared/constants.js');
 
 const Component = (m => m.__esModule ? /* istanbul ignore next */ m.default : /* istanbul ignore next */ m)(require('../classes/Component.js'));
-const Wire = (m => m.__esModule ? /* istanbul ignore next */ m.default : /* istanbul ignore next */ m)(require('../classes/Wire.js'));
+const Wire = (m => m.__esModule ? /* istanbul ignore next */ m.default : /* istanbul ignore next */ m)(require('hyperhtml-wire'));
 const Intent = (m => m.__esModule ? /* istanbul ignore next */ m.default : /* istanbul ignore next */ m)(require('./Intent.js'));
 const { slice, text } = require('../shared/utils.js');
 
@@ -36,7 +36,7 @@ const asNode = (item, i) => {
       // all these cases are handled by domdiff already
       /* istanbul ignore next */
       ((1 / i) < 0 ?
-        (i ? item.remove() : item.last) :
+        (i ? item.remove(true) : item.last) :
         (i ? item.valueOf(true) : item.first)) :
       asNode(item.render(), i));
 }