marko 5.17.4 → 5.17.8

package/dist/runtime/vdom/VFragment.js

@@ -6,16 +6,16 @@ var inherit = require("raptor-util/inherit");
 var createFragmentNode = require("./morphdom/fragment").ao_;
 
 function VFragment(key, ownerComponent, preserve) {
-  this.by_(null /* childCount */, ownerComponent);
-  this.bz_ = key;
+  this.bA_(null /* childCount */, ownerComponent);
+  this.bB_ = key;
   this.n_ = preserve;
 }
 
 VFragment.prototype = {
-  bA_: 12,
-  bx_: function () {
+  bC_: 12,
+  bz_: function () {
     var fragment = createFragmentNode();
-    keysByDOMNode.set(fragment, this.bz_);
+    keysByDOMNode.set(fragment, this.bB_);
     vElementByDOMNode.set(fragment, this);
     return fragment;
   } };

package/dist/runtime/vdom/VNode.js

@@ -2,81 +2,81 @@
 function VNode() {}
 
 VNode.prototype = {
-  by_: function (finalChildCount, ownerComponent) {
-    this.bO_ = finalChildCount;
-    this.bP_ = 0;
+  bA_: function (finalChildCount, ownerComponent) {
+    this.bQ_ = finalChildCount;
+    this.bR_ = 0;
+    this.bG_ = null;
+    this.bS_ = null;
+    this.bD_ = null;
     this.bE_ = null;
-    this.bQ_ = null;
-    this.bB_ = null;
-    this.bC_ = null;
-    this.aA_ = ownerComponent;
+    this.aB_ = ownerComponent;
   },
 
   get _r_() {
-    var firstChild = this.bE_;
+    var firstChild = this.bG_;
 
-    if (firstChild && firstChild.bD_) {
+    if (firstChild && firstChild.bF_) {
       var nestedFirstChild = firstChild._r_;
       // The first child is a DocumentFragment node.
       // If the DocumentFragment node has a first child then we will return that.
       // Otherwise, the DocumentFragment node is not *really* the first child and
       // we need to skip to its next sibling
-      return nestedFirstChild || firstChild.bR_;
+      return nestedFirstChild || firstChild.bT_;
     }
 
     return firstChild;
   },
 
-  get bR_() {
-    var nextSibling = this.bC_;
+  get bT_() {
+    var nextSibling = this.bE_;
 
     if (nextSibling) {
-      if (nextSibling.bD_) {
+      if (nextSibling.bF_) {
         var firstChild = nextSibling._r_;
-        return firstChild || nextSibling.bR_;
+        return firstChild || nextSibling.bT_;
       }
     } else {
-      var parentNode = this.bB_;
-      if (parentNode && parentNode.bD_) {
-        return parentNode.bR_;
+      var parentNode = this.bD_;
+      if (parentNode && parentNode.bF_) {
+        return parentNode.bT_;
       }
     }
 
     return nextSibling;
   },
 
-  bq_: function (child) {
-    this.bP_++;
+  bs_: function (child) {
+    this.bR_++;
 
-    if (this.bG_ === "textarea") {
-      if (child.bS_) {
-        var childValue = child.bT_;
-        this.bH_ = (this.bH_ || "") + childValue;
+    if (this.bI_ === "textarea") {
+      if (child.bU_) {
+        var childValue = child.bV_;
+        this.bJ_ = (this.bJ_ || "") + childValue;
       } else if (child.n_ || child.m_) {
-        this.bU_ = true;
+        this.bW_ = true;
       } else {
         throw TypeError();
       }
     } else {
-      var lastChild = this.bQ_;
+      var lastChild = this.bS_;
 
-      child.bB_ = this;
+      child.bD_ = this;
 
       if (lastChild) {
-        lastChild.bC_ = child;
+        lastChild.bE_ = child;
       } else {
-        this.bE_ = child;
+        this.bG_ = child;
       }
 
-      this.bQ_ = child;
+      this.bS_ = child;
     }
 
     return child;
   },
 
-  bJ_: function finishChild() {
-    if (this.bP_ === this.bO_ && this.bB_) {
-      return this.bB_.bJ_();
+  bL_: function finishChild() {
+    if (this.bR_ === this.bQ_ && this.bD_) {
+      return this.bD_.bL_();
     } else {
       return this;
     }

package/dist/runtime/vdom/VText.js

@@ -2,21 +2,21 @@
 var inherit = require("raptor-util/inherit");
 
 function VText(value, ownerComponent) {
-  this.by_(-1 /* no children */, ownerComponent);
-  this.bT_ = value;
+  this.bA_(-1 /* no children */, ownerComponent);
+  this.bV_ = value;
 }
 
 VText.prototype = {
-  bS_: true,
+  bU_: true,
 
-  bA_: 3,
+  bC_: 3,
 
-  bx_: function (host) {
-    return (host.ownerDocument || host).createTextNode(this.bT_);
+  bz_: function (host) {
+    return (host.ownerDocument || host).createTextNode(this.bV_);
   },
 
-  br_: function () {
-    return new VText(this.bT_);
+  bt_: function () {
+    return new VText(this.bV_);
   } };
 
 

package/dist/runtime/vdom/helpers/v-element.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var VElement = require("../vdom").b__;
+var VElement = require("../vdom").bb_;
 
 module.exports = function (
 tagName,

package/dist/runtime/vdom/helpers/v-text.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var VText = require("../vdom").bb_;
+var VText = require("../vdom").bd_;
 
 module.exports = function (value) {
   return new VText(value);

package/dist/runtime/vdom/hot-reload.js

@@ -16,7 +16,7 @@ runtime.t = function (typeName) {
 
   var renderFn;
   var template = registered[typeName] = createTemplate(typeName);
-  var instances = template.bV_ = [];
+  var instances = template.bX_ = [];
   Object.defineProperty(template, "_", {
     get: function () {
       return renderFn && proxyRenderer;
@@ -39,7 +39,7 @@ runtime.t = function (typeName) {
               var parentNode = startNode.parentNode;
               var curNode;
 
-              instance.bW_ = true;
+              instance.bY_ = true;
               instance._a_();
               instance._b_();
 
@@ -53,7 +53,7 @@ runtime.t = function (typeName) {
                 parentNode.removeChild(curNode);
               }
 
-              instance.bW_ = false;
+              instance.bY_ = false;
               instance.R_ = false;
             }
 
@@ -79,10 +79,10 @@ registry._P_ = function (typeName, id) {
   var instance = createComponent(typeName, id);
 
   if (template) {
-    var instances = template.bV_;
+    var instances = template.bX_;
     instances.push(instance);
     instance.once("destroy", function () {
-      if (!instance.bW_) {
+      if (!instance.bY_) {
         instances.splice(1, instances.indexOf(instance));
       }
     });

package/dist/runtime/vdom/index.js

@@ -11,11 +11,11 @@ exports.t = function createTemplate(typeName) {
 };
 
 function Template(typeName) {
-  this.aZ_ = typeName;
+  this.ba_ = typeName;
 }
 
 var AsyncVDOMBuilder = require("./AsyncVDOMBuilder");
-require("../createOut").aE_(
+require("../createOut").aF_(
 Template.prototype.createOut = function createOut(
 globalData,
 parent,

package/dist/runtime/vdom/morphdom/fragment.js

@@ -1,5 +1,5 @@
 "use strict";var helpers = require("./helpers");
-var insertBefore = helpers.aF_;
+var insertBefore = helpers.aG_;
 
 var fragmentPrototype = {
   nodeType: 12,
@@ -80,8 +80,8 @@ function createFragmentNode(startNode, nextNode, parentNode) {
 
 function beginFragmentNode(startNode, parentNode) {
   var fragment = createFragmentNode(startNode, null, parentNode);
-  fragment.bX_ = function (nextNode) {
-    fragment.bX_ = null;
+  fragment.bZ_ = function (nextNode) {
+    fragment.bZ_ = null;
     insertBefore(
     fragment.endNode,
     nextNode,
@@ -92,5 +92,5 @@ function beginFragmentNode(startNode, parentNode) {
 }
 
 exports.ao_ = createFragmentNode;
-exports.bY_ = beginFragmentNode;
+exports.c__ = beginFragmentNode;
 //# sourceMappingURL=fragment.js.map

package/dist/runtime/vdom/morphdom/helpers.js

@@ -35,9 +35,9 @@ function removeChild(node) {
   node.parentNode.removeChild(node);
 }
 
-exports.aF_ = insertBefore;
-exports.aG_ = insertAfter;
-exports.bR_ = nextSibling;
+exports.aG_ = insertBefore;
+exports.aH_ = insertAfter;
+exports.bT_ = nextSibling;
 exports._r_ = firstChild;
-exports.aH_ = removeChild;
+exports.aI_ = removeChild;
 //# sourceMappingURL=helpers.js.map

package/dist/runtime/vdom/morphdom/index.js

@@ -6,10 +6,10 @@ var existingComponentLookup = componentsUtil.C_;
 var destroyNodeRecursive = componentsUtil.D_;
 var addComponentRootToKeyedElements =
 componentsUtil.ap_;
-var normalizeComponentKey = componentsUtil.aD_;
-var VElement = require("../vdom").b__;
-var virtualizeElement = VElement.bM_;
-var morphAttrs = VElement.bN_;
+var normalizeComponentKey = componentsUtil.aE_;
+var VElement = require("../vdom").bb_;
+var virtualizeElement = VElement.bO_;
+var morphAttrs = VElement.bP_;
 var eventDelegation = require("../../components/event-delegation");
 var fragment = require("./fragment");
 var helpers = require("./helpers");
@@ -19,13 +19,13 @@ var componentByDOMNode = domData.E_;
 var vElementByDOMNode = domData.ae_;
 var detachedByDOMNode = domData.af_;
 
-var insertBefore = helpers.aF_;
-var insertAfter = helpers.aG_;
-var nextSibling = helpers.bR_;
+var insertBefore = helpers.aG_;
+var insertAfter = helpers.aH_;
+var nextSibling = helpers.bT_;
 var firstChild = helpers._r_;
-var removeChild = helpers.aH_;
+var removeChild = helpers.aI_;
 var createFragmentNode = fragment.ao_;
-var beginFragmentNode = fragment.bY_;
+var beginFragmentNode = fragment.c__;
 
 var ELEMENT_NODE = 1;
 var TEXT_NODE = 3;
@@ -43,7 +43,7 @@ function isAutoKey(key) {
 }
 
 function compareNodeNames(fromEl, toEl) {
-  return fromEl.bG_ === toEl.bG_;
+  return fromEl.bI_ === toEl.bI_;
 }
 
 function caseInsensitiveCompare(a, b) {
@@ -74,12 +74,12 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   ownerComponent,
   parentComponent)
   {
-    var realNode = vNode.bx_(host, parentEl.namespaceURI);
+    var realNode = vNode.bz_(host, parentEl.namespaceURI);
     insertBefore(realNode, referenceEl, parentEl);
 
     if (
-    vNode.bA_ === ELEMENT_NODE ||
-    vNode.bA_ === FRAGMENT_NODE)
+    vNode.bC_ === ELEMENT_NODE ||
+    vNode.bC_ === FRAGMENT_NODE)
     {
       if (key) {
         keysByDOMNode.set(realNode, key);
@@ -88,7 +88,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
         realNode;
       }
 
-      if (vNode.bG_ !== "textarea") {
+      if (vNode.bI_ !== "textarea") {
         morphChildren(realNode, vNode, parentComponent);
       }
 
@@ -162,16 +162,16 @@ function morphdom(fromNode, toNode, host, componentsContext) {
     var fromComponent;
 
     outer: while (curToNodeChild) {
-      toNextSibling = curToNodeChild.bR_;
-      curToNodeType = curToNodeChild.bA_;
-      curToNodeKey = curToNodeChild.bz_;
+      toNextSibling = curToNodeChild.bT_;
+      curToNodeType = curToNodeChild.bC_;
+      curToNodeKey = curToNodeChild.bB_;
 
       // Skip <!doctype>
       if (curFromNodeChild && curFromNodeChild.nodeType === DOCTYPE_NODE) {
         curFromNodeChild = nextSibling(curFromNodeChild);
       }
 
-      var ownerComponent = curToNodeChild.aA_ || parentComponent;
+      var ownerComponent = curToNodeChild.aB_ || parentComponent;
       var referenceComponent;
 
       if (curToNodeType === COMPONENT_NODE) {
@@ -315,11 +315,11 @@ function morphdom(fromNode, toNode, host, componentsContext) {
               curToNodeChild.n_ ||
               caseInsensitiveCompare(
               curFromNodeChild.nodeName,
-              curToNodeChild.bG_ || "")))
+              curToNodeChild.bI_ || "")))
 
               {
                 curVFromNodeChild = virtualizeElement(curFromNodeChild);
-                curVFromNodeChild.bG_ = curToNodeChild.bG_;
+                curVFromNodeChild.bI_ = curToNodeChild.bI_;
                 keysByDOMNode.set(curFromNodeChild, curToNodeKey);
                 referenceComponent.k_[curToNodeKey] =
                 curFromNodeChild;
@@ -339,7 +339,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
                 curFromNodeChild = fromNextSibling;
                 continue;
               } else if (
-              curToNodeChild.bA_ === FRAGMENT_NODE &&
+              curToNodeChild.bC_ === FRAGMENT_NODE &&
               curFromNodeChild.nodeType === COMMENT_NODE)
               {
                 var content = curFromNodeChild.nodeValue;
@@ -419,7 +419,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
                   if (
                   toNextSibling &&
-                  toNextSibling.bz_ === curFromNodeKey)
+                  toNextSibling.bB_ === curFromNodeKey)
                   {
                     // Single element swap
 
@@ -524,18 +524,18 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
                 if (
                 caseInsensitiveCompare(
-                curVFromNodeChild.bG_,
-                curToNodeChild.bG_))
+                curVFromNodeChild.bI_,
+                curToNodeChild.bI_))
 
                 {
-                  curVFromNodeChild.bG_ = curToNodeChild.bG_;
+                  curVFromNodeChild.bI_ = curToNodeChild.bI_;
                 }
               } else {
                 // Skip over nodes that don't look like ours...
                 curFromNodeChild = fromNextSibling;
                 continue;
               }
-            } else if (curFromNodeKey = curVFromNodeChild.bz_) {
+            } else if (curFromNodeKey = curVFromNodeChild.bB_) {
               // We have a keyed element here but our target VDOM node
               // is not keyed so this not doesn't belong
               isCompatible = false;
@@ -569,14 +569,14 @@ function morphdom(fromNode, toNode, host, componentsContext) {
             isHydrate === true &&
             toNextSibling &&
             curFromNodeType === TEXT_NODE &&
-            toNextSibling.bA_ === TEXT_NODE)
+            toNextSibling.bC_ === TEXT_NODE)
             {
               fromNextSibling = curFromNodeChild.splitText(
-              curToNodeChild.bT_.length);
+              curToNodeChild.bV_.length);
 
             }
-            if (curFromNodeChild.nodeValue !== curToNodeChild.bT_) {
-              curFromNodeChild.nodeValue = curToNodeChild.bT_;
+            if (curFromNodeChild.nodeValue !== curToNodeChild.bV_) {
+              curFromNodeChild.nodeValue = curToNodeChild.bV_;
             }
           }
         }
@@ -610,10 +610,10 @@ function morphdom(fromNode, toNode, host, componentsContext) {
     }
 
     // We have processed all of the "to nodes".
-    if (fromNode.bX_) {
+    if (fromNode.bZ_) {
       // If we are in an unfinished fragment, we have reached the end of the nodes
       // we were matching up and need to end the fragment
-      fromNode.bX_(curFromNodeChild);
+      fromNode.bZ_(curFromNodeChild);
     } else {
       // If curFromNodeChild is non-null then we still have some from nodes
       // left over that need to be removed
@@ -642,7 +642,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
           referenceComponent = parentComponent;
         } else {
           referenceComponent =
-          curVFromNodeChild && curVFromNodeChild.aA_;
+          curVFromNodeChild && curVFromNodeChild.aB_;
         }
 
         detachNode(curFromNodeChild, fromNode, referenceComponent);
@@ -653,10 +653,10 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   }
 
   function morphEl(fromEl, vFromEl, toEl, parentComponent) {
-    var nodeName = toEl.bG_;
+    var nodeName = toEl.bI_;
 
-    var constId = toEl.bI_;
-    if (constId !== undefined && vFromEl.bI_ === constId) {
+    var constId = toEl.bK_;
+    if (constId !== undefined && vFromEl.bK_ === constId) {
       return;
     }
 

package/dist/runtime/vdom/morphdom/specialElHandlers.js

@@ -13,13 +13,13 @@ function forEachOption(el, fn, i) {
   var curChild = el._r_;
 
   while (curChild) {
-    if (curChild.bG_ === "option") {
+    if (curChild.bI_ === "option") {
       fn(curChild, ++i);
     } else {
       i = forEachOption(curChild, fn, i);
     }
 
-    curChild = curChild.bR_;
+    curChild = curChild.bT_;
   }
 
   return i;
@@ -52,13 +52,13 @@ SpecialElHandlers.prototype = {
       fromEl.value = toEl.q_;
     }
 
-    if (fromEl.hasAttribute("value") && !toEl.bK_("value")) {
+    if (fromEl.hasAttribute("value") && !toEl.bM_("value")) {
       fromEl.removeAttribute("value");
     }
   },
 
   textarea: function (fromEl, toEl) {
-    if (toEl.bU_) {
+    if (toEl.bW_) {
       return;
     }
 
@@ -84,12 +84,12 @@ SpecialElHandlers.prototype = {
     }
   },
   select: function (fromEl, toEl) {
-    if (!toEl.bK_("multiple")) {
+    if (!toEl.bM_("multiple")) {
       var selected = 0;
       forEachOption(
       toEl,
       function (option, i) {
-        if (option.bK_("selected")) {
+        if (option.bM_("selected")) {
           selected = i;
         }
       },

package/dist/runtime/vdom/preserve-attrs.js

@@ -12,5 +12,5 @@ function removePreservedAttributes(attrs, props) {
   return attrs;
 }
 
-require("./VElement").bL_ = removePreservedAttributes;
+require("./VElement").bN_ = removePreservedAttributes;
 //# sourceMappingURL=preserve-attrs.js.map

package/dist/runtime/vdom/vdom.js

@@ -11,7 +11,7 @@ var specialHtmlRegexp = /[&<]/;
 function virtualizeChildNodes(node, vdomParent, ownerComponent) {
   var curChild = node.firstChild;
   while (curChild) {
-    vdomParent.bq_(virtualize(curChild, ownerComponent));
+    vdomParent.bs_(virtualize(curChild, ownerComponent));
     curChild = curChild.nextSibling;
   }
 }
@@ -19,7 +19,7 @@ function virtualizeChildNodes(node, vdomParent, ownerComponent) {
 function virtualize(node, ownerComponent) {
   switch (node.nodeType) {
     case 1:
-      return VElement.bM_(node, virtualizeChildNodes, ownerComponent);
+      return VElement.bO_(node, virtualizeChildNodes, ownerComponent);
     case 3:
       return new VText(node.nodeValue, ownerComponent);
     case 11:
@@ -38,7 +38,7 @@ function virtualizeHTML(html, ownerComponent) {
   var curChild = parseHTML(html);
 
   while (curChild) {
-    vdomFragment.bq_(virtualize(curChild, ownerComponent));
+    vdomFragment.bs_(virtualize(curChild, ownerComponent));
     curChild = curChild.nextSibling;
   }
 
@@ -65,19 +65,19 @@ Node_prototype.t = function (value) {
     }
   }
 
-  this.bq_(vdomNode || new VText(value.toString()));
-  return this.bJ_();
+  this.bs_(vdomNode || new VText(value.toString()));
+  return this.bL_();
 };
 
-Node_prototype.bv_ = function () {
-  return this.bq_(new VDocumentFragment());
+Node_prototype.bx_ = function () {
+  return this.bs_(new VDocumentFragment());
 };
 
-exports.ba_ = VDocumentFragment;
-exports.b__ = VElement;
-exports.bb_ = VText;
-exports.bc_ = VComponent;
-exports.bd_ = VFragment;
-exports.bM_ = virtualize;
-exports.be_ = virtualizeHTML;
+exports.bc_ = VDocumentFragment;
+exports.bb_ = VElement;
+exports.bd_ = VText;
+exports.be_ = VComponent;
+exports.bf_ = VFragment;
+exports.bO_ = virtualize;
+exports.bg_ = virtualizeHTML;
 //# sourceMappingURL=vdom.js.map

package/docs/rollup.md

@@ -7,7 +7,7 @@ The [@marko/rollup](https://github.com/marko-js/rollup) transform can be used in
 ## Manual Installation
 
 ```bash
-npm install rollup rollup-plugin-commonjs rollup-plugin-node-resolve @marko/rollup --save-dev
+npm install rollup @rollup/plugin-commonjs @rollup/plugin-node-resolve @marko/rollup --save-dev
 ```
 
 ## Configuration

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "marko",
-    "version": "5.17.4",
+    "version": "5.17.8",
     "license": "MIT",
     "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
     "dependencies": {
-        "@marko/compiler": "^5.17.4",
-        "@marko/translator-default": "^5.17.4",
+        "@marko/compiler": "^5.17.6",
+        "@marko/translator-default": "^5.17.8",
         "app-module-path": "^2.2.0",
         "argly": "^1.2.0",
         "browser-refresh-client": "1.1.4",
@@ -72,5 +72,5 @@
         "index.js",
         "node-require.js"
     ],
-    "gitHead": "5b6f685c220b9b89f9e7ac83b6459f39b98e45af"
+    "gitHead": "d889a5f4a59a49e7afdb4bde2b4bbceabf969528"
 }

package/src/runtime/components/beginComponent/index.js

@@ -29,6 +29,7 @@ module.exports = function beginComponent(
   // On the server
   if (!componentsContext.___isPreserved && ownerWillRerender) {
     componentDef.___flags |= FLAG_WILL_RERENDER_IN_BROWSER;
+    componentDef._wrr = true;
     return componentDef;
   }
 
@@ -49,6 +50,7 @@ module.exports = function beginComponent(
 
   if (isSplitComponent === false && out.global.noBrowserRerender !== true) {
     componentDef.___flags |= FLAG_WILL_RERENDER_IN_BROWSER;
+    componentDef._wrr = true;
     componentsContext.___isPreserved = false;
   }
 

package/src/runtime/components/update-manager.js

@@ -4,7 +4,7 @@ var updatesScheduled = false;
 var batchStack = []; // A stack of batched updates
 var unbatchedQueue = []; // Used for scheduled batched updates
 
-var setImmediate = require("../setImmediate");
+var setImmediate = require("../setImmediate").___setImmediate;
 
 /**
  * This function is called when we schedule the update of "unbatched"

package/src/runtime/html/BufferedWriter.js

@@ -1,5 +1,8 @@
 "use strict";
 
+const immediate = require("../setImmediate");
+const setImmediate = immediate.___setImmediate;
+const clearImmediate = immediate.___clearImmediate;
 const StringWriter = require("./StringWriter");
 
 /**
@@ -18,7 +21,7 @@ BufferedWriter.prototype = Object.assign(
   {
     scheduleFlush() {
       if (!this._scheduled) {
-        this._scheduled = setImmediate(flush, this);
+        this._scheduled = setImmediate(flush.bind(0, this));
       }
     },
 
@@ -41,6 +44,7 @@ function flush(writer) {
       writer._wrapped.flush();
     }
   }
+
   clearImmediate(writer._scheduled);
   writer._scheduled = null;
 }