marko 5.29.2 → 5.30.0

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

@@ -2,30 +2,30 @@
 var specialElHandlers = require("./specialElHandlers");
 var KeySequence = require("../../components/KeySequence");
 var componentsUtil = require("@internal/components-util");
-var existingComponentLookup = componentsUtil.T_;
-var destroyNodeRecursive = componentsUtil._A_;
+var existingComponentLookup = componentsUtil._o_;
+var destroyNodeRecursive = componentsUtil._U_;
 var addComponentRootToKeyedElements =
-componentsUtil.U_;
-var normalizeComponentKey = componentsUtil._D_;
-var VElement = require("../vdom").aZ_;
-var virtualizeElement = VElement.bL_;
-var morphAttrs = VElement.bM_;
+componentsUtil._p_;
+var normalizeComponentKey = componentsUtil._X_;
+var VElement = require("../vdom").bs_;
+var virtualizeElement = VElement.ce_;
+var morphAttrs = VElement.cf_;
 var eventDelegation = require("../../components/event-delegation");
 var fragment = require("./fragment");
 var helpers = require("./helpers");
 var domData = require("../../components/dom-data");
-var keysByDOMNode = domData._s_;
-var componentByDOMNode = domData.W_;
-var vElementByDOMNode = domData._t_;
-var detachedByDOMNode = domData.aE_;
-
-var insertBefore = helpers.aJ_;
-var insertAfter = helpers.aK_;
-var nextSibling = helpers.bQ_;
-var firstChild = helpers.ai_;
-var removeChild = helpers.aL_;
-var createFragmentNode = fragment.S_;
-var beginFragmentNode = fragment.bW_;
+var keysByDOMNode = domData._M_;
+var componentByDOMNode = domData._r_;
+var vElementByDOMNode = domData._N_;
+var detachedByDOMNode = domData.aT_;
+
+var insertBefore = helpers.bd_;
+var insertAfter = helpers.be_;
+var nextSibling = helpers.cj_;
+var firstChild = helpers.ay_;
+var removeChild = helpers.bf_;
+var createFragmentNode = fragment._n_;
+var beginFragmentNode = fragment.cp_;
 
 var ELEMENT_NODE = 1;
 var TEXT_NODE = 3;
@@ -43,7 +43,7 @@ function isAutoKey(key) {
 }
 
 function compareNodeNames(fromEl, toEl) {
-  return fromEl.bF_ === toEl.bF_;
+  return fromEl.bZ_ === toEl.bZ_;
 }
 
 function caseInsensitiveCompare(a, b) {
@@ -52,7 +52,7 @@ function caseInsensitiveCompare(a, b) {
 
 function onNodeAdded(node, componentsContext) {
   if (node.nodeType === ELEMENT_NODE) {
-    eventDelegation.aD_(node, componentsContext);
+    eventDelegation.aS_(node, componentsContext);
   }
 }
 
@@ -74,12 +74,12 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   ownerComponent,
   parentComponent)
   {
-    var realNode = vNode.bw_(host, parentEl.namespaceURI);
+    var realNode = vNode.bQ_(host, parentEl.namespaceURI);
     insertBefore(realNode, referenceEl, parentEl);
 
     if (
-    vNode.bz_ === ELEMENT_NODE ||
-    vNode.bz_ === FRAGMENT_NODE)
+    vNode.bT_ === ELEMENT_NODE ||
+    vNode.bT_ === FRAGMENT_NODE)
     {
       if (key) {
         keysByDOMNode.set(realNode, key);
@@ -88,7 +88,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
         realNode;
       }
 
-      if (vNode.bF_ !== "textarea") {
+      if (vNode.bZ_ !== "textarea") {
         morphChildren(realNode, vNode, parentComponent);
       }
 
@@ -105,7 +105,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   ownerComponent,
   parentComponent)
   {
-    var rootNode = component._m_ = insertBefore(
+    var rootNode = component._G_ = insertBefore(
     createFragmentNode(),
     referenceNode,
     referenceNodeParentEl);
@@ -127,7 +127,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   }
 
   function morphComponent(component, vComponent) {
-    morphChildren(component._m_, vComponent, component);
+    morphChildren(component._G_, vComponent, component);
   }
 
   var detachedNodes = [];
@@ -148,7 +148,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
   function morphChildren(fromNode, toNode, parentComponent) {
     var curFromNodeChild = firstChild(fromNode);
-    var curToNodeChild = toNode.ai_;
+    var curToNodeChild = toNode.ay_;
 
     var curToNodeKey;
     var curFromNodeKey;
@@ -162,16 +162,16 @@ function morphdom(fromNode, toNode, host, componentsContext) {
     var fromComponent;
 
     outer: while (curToNodeChild) {
-      toNextSibling = curToNodeChild.bQ_;
-      curToNodeType = curToNodeChild.bz_;
-      curToNodeKey = curToNodeChild.by_;
+      toNextSibling = curToNodeChild.cj_;
+      curToNodeType = curToNodeChild.bT_;
+      curToNodeKey = curToNodeChild.bS_;
 
       // Skip <!doctype>
       if (curFromNodeChild && curFromNodeChild.nodeType === DOCTYPE_NODE) {
         curFromNodeChild = nextSibling(curFromNodeChild);
       }
 
-      var ownerComponent = curToNodeChild._v_ || parentComponent;
+      var ownerComponent = curToNodeChild._P_ || parentComponent;
       var referenceComponent;
 
       if (curToNodeType === COMPONENT_NODE) {
@@ -182,7 +182,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
         {
           if (isHydrate === true) {
             var rootNode = beginFragmentNode(curFromNodeChild, fromNode);
-            component._m_ = rootNode;
+            component._G_ = rootNode;
             componentByDOMNode.set(rootNode, component);
 
             if (ownerComponent && curToNodeKey) {
@@ -215,7 +215,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
           }
         } else {
-          if (matchingFromComponent._m_ !== curFromNodeChild) {
+          if (matchingFromComponent._G_ !== curFromNodeChild) {
             if (
             curFromNodeChild && (
             fromComponent = componentByDOMNode.get(curFromNodeChild)) &&
@@ -225,7 +225,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
             {
               // The component associated with the current real DOM node was not rendered
               // so we should just remove it out of the real DOM by destroying it
-              curFromNodeChild = nextSibling(fromComponent._m_);
+              curFromNodeChild = nextSibling(fromComponent._G_);
               destroyComponent(fromComponent);
               continue;
             }
@@ -233,7 +233,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
             // We need to move the existing component into
             // the correct location
             insertBefore(
-            matchingFromComponent._m_,
+            matchingFromComponent._G_,
             curFromNodeChild,
             fromNode);
 
@@ -267,7 +267,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
         // up elements
         curToNodeKey = (
         keySequences[referenceComponent.id] || (
-        keySequences[referenceComponent.id] = new KeySequence())).av_(
+        keySequences[referenceComponent.id] = new KeySequence())).aK_(
         curToNodeKey);
 
         if (curFromNodeChild) {
@@ -315,11 +315,11 @@ function morphdom(fromNode, toNode, host, componentsContext) {
               curToNodeChild.o_ ||
               caseInsensitiveCompare(
               curFromNodeChild.nodeName,
-              curToNodeChild.bF_ || "")))
+              curToNodeChild.bZ_ || "")))
 
               {
                 curVFromNodeChild = virtualizeElement(curFromNodeChild);
-                curVFromNodeChild.bF_ = curToNodeChild.bF_;
+                curVFromNodeChild.bZ_ = curToNodeChild.bZ_;
                 keysByDOMNode.set(curFromNodeChild, curToNodeKey);
                 referenceComponent.l_[curToNodeKey] =
                 curFromNodeChild;
@@ -339,7 +339,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
                 curFromNodeChild = fromNextSibling;
                 continue;
               } else if (
-              curToNodeChild.bz_ === FRAGMENT_NODE &&
+              curToNodeChild.bT_ === FRAGMENT_NODE &&
               curFromNodeChild.nodeType === COMMENT_NODE)
               {
                 var content = curFromNodeChild.nodeValue;
@@ -419,7 +419,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
                   if (
                   toNextSibling &&
-                  toNextSibling.by_ === curFromNodeKey)
+                  toNextSibling.bS_ === curFromNodeKey)
                   {
                     // Single element swap
 
@@ -524,18 +524,18 @@ function morphdom(fromNode, toNode, host, componentsContext) {
 
                 if (
                 caseInsensitiveCompare(
-                curVFromNodeChild.bF_,
-                curToNodeChild.bF_))
+                curVFromNodeChild.bZ_,
+                curToNodeChild.bZ_))
 
                 {
-                  curVFromNodeChild.bF_ = curToNodeChild.bF_;
+                  curVFromNodeChild.bZ_ = curToNodeChild.bZ_;
                 }
               } else {
                 // Skip over nodes that don't look like ours...
                 curFromNodeChild = fromNextSibling;
                 continue;
               }
-            } else if (curFromNodeKey = curVFromNodeChild.by_) {
+            } else if (curFromNodeKey = curVFromNodeChild.bS_) {
               // 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.bz_ === TEXT_NODE)
+            toNextSibling.bT_ === TEXT_NODE)
             {
               fromNextSibling = curFromNodeChild.splitText(
-              curToNodeChild.bS_.length);
+              curToNodeChild.cl_.length);
 
             }
-            if (curFromNodeChild.nodeValue !== curToNodeChild.bS_) {
-              curFromNodeChild.nodeValue = curToNodeChild.bS_;
+            if (curFromNodeChild.nodeValue !== curToNodeChild.cl_) {
+              curFromNodeChild.nodeValue = curToNodeChild.cl_;
             }
           }
         }
@@ -610,10 +610,10 @@ function morphdom(fromNode, toNode, host, componentsContext) {
     }
 
     // We have processed all of the "to nodes".
-    if (fromNode.bV_) {
+    if (fromNode.co_) {
       // 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.bV_(curFromNodeChild);
+      fromNode.co_(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._v_;
+          curVFromNodeChild && curVFromNodeChild._P_;
         }
 
         detachNode(curFromNodeChild, fromNode, referenceComponent);
@@ -653,10 +653,10 @@ function morphdom(fromNode, toNode, host, componentsContext) {
   }
 
   function morphEl(fromEl, vFromEl, toEl, parentComponent) {
-    var nodeName = toEl.bF_;
+    var nodeName = toEl.bZ_;
 
-    var constId = toEl.bH_;
-    if (constId !== undefined && vFromEl.bH_ === constId) {
+    var constId = toEl.ca_;
+    if (constId !== undefined && vFromEl.ca_ === constId) {
       return;
     }
 
@@ -698,7 +698,7 @@ function morphdom(fromNode, toNode, host, componentsContext) {
         detachedFromComponent !== true && detachedFromComponent);
 
 
-        if (eventDelegation._T_(node) != false) {
+        if (eventDelegation.al_(node) != false) {
           removeChild(node);
         }
       }

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

@@ -10,16 +10,16 @@
 }
 
 function forEachOption(el, fn, i) {
-  var curChild = el.ai_;
+  var curChild = el.ay_;
 
   while (curChild) {
-    if (curChild.bF_ === "option") {
+    if (curChild.bZ_ === "option") {
       fn(curChild, ++i);
     } else {
       i = forEachOption(curChild, fn, i);
     }
 
-    curChild = curChild.bQ_;
+    curChild = curChild.cj_;
   }
 
   return i;
@@ -52,13 +52,13 @@ SpecialElHandlers.prototype = {
       fromEl.value = toEl.q_;
     }
 
-    if (fromEl.hasAttribute("value") && !toEl.bJ_("value")) {
+    if (fromEl.hasAttribute("value") && !toEl.cc_("value")) {
       fromEl.removeAttribute("value");
     }
   },
 
   textarea: function (fromEl, toEl) {
-    if (toEl.bT_) {
+    if (toEl.cm_) {
       return;
     }
 
@@ -84,12 +84,12 @@ SpecialElHandlers.prototype = {
     }
   },
   select: function (fromEl, toEl) {
-    if (!toEl.bJ_("multiple")) {
+    if (!toEl.cc_("multiple")) {
       var selected = 0;
       forEachOption(
       toEl,
       function (option, i) {
-        if (option.bJ_("selected")) {
+        if (option.cc_("selected")) {
           selected = i;
         }
       },

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

@@ -12,4 +12,4 @@ function removePreservedAttributes(attrs, props) {
   return attrs;
 }
 
-require("./VElement").bK_ = removePreservedAttributes;
+require("./VElement").cd_ = removePreservedAttributes;

package/dist/runtime/vdom/vdom.js

@@ -11,7 +11,7 @@ var specialHtmlRegexp = /[&<]/;
 function virtualizeChildNodes(node, vdomParent, ownerComponent) {
   var curChild = node.firstChild;
   while (curChild) {
-    vdomParent.bp_(virtualize(curChild, ownerComponent));
+    vdomParent.bJ_(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.bL_(node, virtualizeChildNodes, ownerComponent);
+      return VElement.ce_(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.bp_(virtualize(curChild, ownerComponent));
+    vdomFragment.bJ_(virtualize(curChild, ownerComponent));
     curChild = curChild.nextSibling;
   }
 
@@ -65,18 +65,18 @@ Node_prototype.t = function (value) {
     }
   }
 
-  this.bp_(vdomNode || new VText(value.toString()));
-  return this.bI_();
+  this.bJ_(vdomNode || new VText(value.toString()));
+  return this.cb_();
 };
 
-Node_prototype.bu_ = function () {
-  return this.bp_(new VDocumentFragment());
+Node_prototype.bO_ = function () {
+  return this.bJ_(new VDocumentFragment());
 };
 
-exports.b__ = VDocumentFragment;
-exports.aZ_ = VElement;
-exports.ba_ = VText;
-exports.bb_ = VComponent;
-exports.bc_ = VFragment;
-exports.bL_ = virtualize;
-exports.bd_ = virtualizeHTML;
+exports.bt_ = VDocumentFragment;
+exports.bs_ = VElement;
+exports.bu_ = VText;
+exports.bv_ = VComponent;
+exports.bw_ = VFragment;
+exports.ce_ = virtualize;
+exports.bx_ = virtualizeHTML;

package/docs/10-awesome-marko-features.md

@@ -259,7 +259,7 @@ http
       {
         name: "Frank",
         count: 30,
-        colors: ["red", "green", "blue"]
+        colors: ["red", "green", "blue"],
       },
       res
     );

package/docs/body-content.md

@@ -171,12 +171,12 @@ _Example Data:_
 [
   {
     name: "Patrick",
-    age: 63
+    age: 63,
   },
   {
     name: "Austin",
-    age: 12
-  }
+    age: 12,
+  },
 ];
 ```
 

package/docs/class-components.md

@@ -110,7 +110,7 @@ In your `component.js` file, export the component’s class:
 export default class {
   onCreate() {
     this.state = {
-      count: 0
+      count: 0,
     };
   }
   increment() {
@@ -144,12 +144,12 @@ If you target browsers that does not support classes, a plain object of methods
 export default {
   onCreate: function () {
     this.state = {
-      count: 0
+      count: 0,
     };
   },
   increment: function () {
     this.state.count++;
-  }
+  },
 };
 ```
 
@@ -217,7 +217,7 @@ class {
 export default {
   shout() {
     alert(`My favorite number is ${this.number}!`);
-  }
+  },
 };
 ```
 
@@ -616,7 +616,7 @@ Destroys the component by unsubscribing from all listeners made using the `subsc
 ```js
 component.destroy({
   removeNode: false, // true by default
-  recursive: false // true by default
+  recursive: false, // true by default
 });
 ```
 
@@ -738,7 +738,7 @@ Changes the value of multiple state properties:
 ```js
 this.setState({
   disabled: true,
-  size: "large"
+  size: "large",
 });
 ```
 

package/docs/cloudflare-workers.md

@@ -12,7 +12,7 @@ After that point, imported `.marko` files will export a `.stream` method that re
 ```js
 import Template from "./index.marko";
 
-addEventListener("fetch", event => {
+addEventListener("fetch", (event) => {
   event.respondWith(handleRequest(event.request));
 });
 
@@ -20,8 +20,8 @@ async function handleRequest(request) {
   return new Response(Template.stream(), {
     headers: {
       status: 200,
-      headers: { "content-type": "text/html;charset=UTF-8" }
-    }
+      headers: { "content-type": "text/html;charset=UTF-8" },
+    },
   });
 }
 ```

package/docs/compiler.md

@@ -46,10 +46,10 @@ compiler.compileFileSync(filename: string, options?: CompileOptions): CompileRes
 import * as compiler from "@marko/compiler";
 
 const asyncResult = await compiler.compileFile("./src/index.marko", {
-  modules: "cjs"
+  modules: "cjs",
 });
 const syncResult = compiler.compileFileSync("./src/index.marko", {
-  modules: "cjs"
+  modules: "cjs",
 });
 ```
 
@@ -73,7 +73,7 @@ const asyncResult = await compiler.compile(
   { modules: "cjs" }
 );
 const syncResult = compiler.compileSync("<h1>Hello!</>", "./src/index.marko", {
-  modules: "cjs"
+  modules: "cjs",
 });
 ```
 
@@ -92,10 +92,10 @@ Or you can pass options objects when calling compile functions. Each property wi
 import * as compiler from "@marko/compiler";
 compiler.configure({
   output: "dom",
-  sourceMaps: true
+  sourceMaps: true,
 });
 const result = compiler.compileFileSync("./example.marko", {
-  output: "html"
+  output: "html",
 });
 ```
 

package/docs/express.md

@@ -43,7 +43,7 @@ app.get("/", function (req, res) {
   res.marko(template, {
     name: "Frank",
     count: 30,
-    colors: ["red", "green", "blue"]
+    colors: ["red", "green", "blue"],
   });
 });
 
@@ -56,7 +56,7 @@ app.listen(8080);
 > app.get("/", function (req, res) {
 >   res.marko(template, {
 >     params: req.params,
->     submitted: req.method === "POST" && req.body
+>     submitted: req.method === "POST" && req.body,
 >   });
 > });
 > ```

package/docs/http.md

@@ -17,7 +17,7 @@ server.on("request", (req, res) => {
     {
       name: "Frank",
       count: 30,
-      colors: ["red", "green", "blue"]
+      colors: ["red", "green", "blue"],
     },
     res
   );

package/docs/koa.md

@@ -22,7 +22,7 @@ app.use((ctx, next) => {
   ctx.body = Template.stream({
     name: "Frank",
     count: 30,
-    colors: ["red", "green", "blue"]
+    colors: ["red", "green", "blue"],
   });
 });
 

package/docs/lasso.md

@@ -131,7 +131,7 @@ template.render(data, (err, output) => {
 });
 res.json({
   renderedComponentsList,
-  html
+  html,
 });
 ```
 

package/docs/marko-vs-react.md

@@ -454,11 +454,11 @@ template:
 function renderColors(colors) {
   return (
     <ul>
-      {colors.map(color => (
+      {colors.map((color) => (
         <li
           className="color"
           style={{
-            backgroundColor: color
+            backgroundColor: color,
           }}
         >
           {color}

package/docs/rendering.md

@@ -70,7 +70,7 @@ The `render` method returns an async `out` which is used to generate HTML on the
 import View from "./view.marko";
 var resultPromise = View.render({});
 
-resultPromise.then(result => {
+resultPromise.then((result) => {
   result.appendTo(document.body);
 });
 ```
@@ -216,8 +216,8 @@ Global values persist across renders.
 ```js
 View.render({
   $global: {
-    flags: ["mobile"]
-  }
+    flags: ["mobile"],
+  },
 });
 ```
 
@@ -254,9 +254,9 @@ app.get("/", (req, res) => {
 
         serializedGlobals: {
           isIos: true, // Tell Marko to serialize `isIos`
-          isAndroid: true // Tell Marko to serialize `isAndroid`
-        }
-      }
+          isAndroid: true, // Tell Marko to serialize `isAndroid`
+        },
+      },
     },
     res
   );