marko 5.32.4 → 5.32.6

package/src/runtime/components/legacy/renderer-legacy.js

@@ -1,13 +1,13 @@
+var beginComponent = require("@internal/components-beginComponent");
+var endComponent = require("@internal/components-endComponent");
+var registry = require("@internal/components-registry");
+var componentsUtil = require("@internal/components-util");
 var getComponentsContext =
   require("../ComponentsContext").___getComponentsContext;
-var componentsUtil = require("@internal/components-util");
 var componentLookup = componentsUtil.___componentLookup;
-var registry = require("@internal/components-registry");
 var modernRenderer = require("../renderer");
 var resolveComponentKey = modernRenderer.___resolveComponentKey;
 var trackAsyncComponents = modernRenderer.___trackAsyncComponents;
-var beginComponent = require("@internal/components-beginComponent");
-var endComponent = require("@internal/components-endComponent");
 var complain = "MARKO_DEBUG" && require("complain");
 
 function createRendererFunc(templateRenderFunc, componentProps) {
@@ -29,7 +29,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
         parentLegacyComponentDef,
         parentLegacyComponentDef.___component,
         parentLegacyComponentDef.___component.___rawState,
-        out.global
+        out.global,
       );
       return;
     }
@@ -74,7 +74,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
         out,
         typeName,
         customEvents,
-        ownerComponentId
+        ownerComponentId,
       );
       if (isSplit || widgetState) {
         component.input = null;
@@ -83,7 +83,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
         if ("MARKO_DEBUG") {
           complain(
             "Possible performance impact: this widget does not contain state, but is marked as a stateful widget. This will result in additional hydration data serialized.  In order for marko to identify this as a split widget, w-bind should use a widget.js with defineWidget rather than index.js with defineComponent.",
-            { location: typeName, level: 1 }
+            { location: typeName, level: 1 },
           );
         }
         component.input = input.widgetProps;
@@ -135,7 +135,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
       key,
       ownerComponentDef,
       isSplit,
-      isFakeComponent
+      isFakeComponent,
     );
     componentsContext.___legacyComponentDef = componentDef;
 
@@ -158,7 +158,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
             out,
             typeName,
             customEvents,
-            ownerComponentId
+            ownerComponentId,
           );
           if (isSplit || widgetState) {
             component.input = null;
@@ -167,7 +167,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
             if ("MARKO_DEBUG") {
               complain(
                 "Possible performance impact: this widget does not contain state, but is marked as a stateful widget. This will result in additional hydration data serialized.  In order for marko to identify this as a split widget, w-bind should use a widget.js with defineWidget rather than index.js with defineComponent.",
-                { location: typeName, level: 1 }
+                { location: typeName, level: 1 },
               );
             }
             component.input = input.widgetProps;
@@ -180,12 +180,12 @@ function createRendererFunc(templateRenderFunc, componentProps) {
             ownerComponentDef,
             isSplit,
             false,
-            this
+            this,
           );
         } else {
           vComponentNode.___component = component = registry.___createComponent(
             typeName,
-            component.id
+            component.id,
           );
         }
         this.___component = component;
@@ -206,7 +206,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
       componentDef,
       component,
       component.___rawState,
-      out.global
+      out.global,
     );
 
     if (customEvents && componentDef.___component) {
@@ -216,7 +216,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
       } else {
         componentDef.___component.___setCustomEvents(
           customEvents,
-          ownerComponentId
+          ownerComponentId,
         );
       }
     }

package/src/runtime/components/renderer.js

@@ -1,13 +1,13 @@
+var copyProps = require("raptor-util/copyProps");
+var beginComponent = require("@internal/components-beginComponent");
+var endComponent = require("@internal/components-endComponent");
+var registry = require("@internal/components-registry");
 var componentsUtil = require("@internal/components-util");
 var componentLookup = componentsUtil.___componentLookup;
 
 var ComponentsContext = require("./ComponentsContext");
 var getComponentsContext = ComponentsContext.___getComponentsContext;
-var registry = require("@internal/components-registry");
-var copyProps = require("raptor-util/copyProps");
 var isServer = componentsUtil.___isServer === true;
-var beginComponent = require("@internal/components-beginComponent");
-var endComponent = require("@internal/components-endComponent");
 
 var COMPONENT_BEGIN_ASYNC_ADDED_KEY = "$wa";
 
@@ -42,7 +42,7 @@ function handleBeginAsync(event) {
   asyncOut.c(
     parentOut.___assignedComponentDef,
     parentOut.___assignedKey,
-    parentOut.___assignedCustomEvents
+    parentOut.___assignedCustomEvents,
   );
 }
 
@@ -56,7 +56,7 @@ function handleBeginDetachedAsync(event) {
 function createRendererFunc(
   templateRenderFunc,
   componentProps,
-  renderingLogic
+  renderingLogic,
 ) {
   var onInput = renderingLogic && renderingLogic.onInput;
   var typeName = componentProps.t;
@@ -69,7 +69,7 @@ function createRendererFunc(
   if ("MARKO_DEBUG") {
     if (!componentProps.d) {
       throw new Error(
-        "Component was compiled in a different NODE_ENV than the Marko runtime is using."
+        "Component was compiled in a different NODE_ENV than the Marko runtime is using.",
       );
     }
   } else if (componentProps.d) {
@@ -130,7 +130,7 @@ function createRendererFunc(
         out,
         typeName,
         customEvents,
-        ownerComponentId
+        ownerComponentId,
       );
 
       // This is the final input after running the lifecycle methods.
@@ -208,7 +208,7 @@ function createRendererFunc(
       key,
       ownerComponentDef,
       isSplit,
-      isImplicitComponent
+      isImplicitComponent,
     );
 
     componentDef.___isExisting = isExisting;
@@ -221,7 +221,7 @@ function createRendererFunc(
       componentDef,
       component,
       component.___rawState,
-      out.global
+      out.global,
     );
 
     endComponent(out, componentDef);

package/src/runtime/helpers/_change-case.js

@@ -29,7 +29,7 @@ exports.___dashToCamelCase = function dashToCamelCase(name) {
   if (!nameCamel) {
     nameCamel = dashToCamelLookup[name] = name.replace(
       /-([a-z])/g,
-      matchToUpperCase
+      matchToUpperCase,
     );
 
     if (nameCamel !== name) {

package/src/runtime/helpers/dynamic-tag.js

@@ -1,11 +1,11 @@
 "use strict";
 
 var complain = "MARKO_DEBUG" && require("complain");
-var changeCase = require("./_change-case");
+var w10NOOP = require("warp10/constants").NOOP;
+var ComponentDef = require("../components/ComponentDef");
 var ComponentsContext = require("../components/ComponentsContext");
+var changeCase = require("./_change-case");
 var getComponentsContext = ComponentsContext.___getComponentsContext;
-var ComponentDef = require("../components/ComponentDef");
-var w10NOOP = require("warp10/constants").NOOP;
 var RENDER_BODY_TO_JSON = function () {
   return w10NOOP;
 };
@@ -26,7 +26,7 @@ module.exports = function dynamicTag(
   props,
   componentDef,
   key,
-  customEvents
+  customEvents,
 ) {
   if (tag) {
     if (tag.default) {
@@ -42,7 +42,7 @@ module.exports = function dynamicTag(
           attrs,
           key,
           componentDef,
-          addEvents(componentDef, customEvents, props)
+          addEvents(componentDef, customEvents, props),
         );
         renderBody(out);
         out.___endElement();
@@ -52,7 +52,7 @@ module.exports = function dynamicTag(
           attrs,
           key,
           componentDef,
-          addEvents(componentDef, customEvents, props)
+          addEvents(componentDef, customEvents, props),
         );
       }
     } else {
@@ -73,7 +73,7 @@ module.exports = function dynamicTag(
       if ("MARKO_DEBUG") {
         if (tag.renderer && tag.renderer.renderer) {
           complain(
-            "An object with a 'renderer' was passed to the dynamic tag, but renderer was another template."
+            "An object with a 'renderer' was passed to the dynamic tag, but renderer was another template.",
           );
         }
       }
@@ -90,7 +90,7 @@ module.exports = function dynamicTag(
         if ("MARKO_DEBUG") {
           if (render.safeHTML || render.toHTML) {
             throw new Error(
-              "Using `<include(x)/>` or the `<${dynamic}/>` tags with a `{ safeHTML: ... }` object is no longer supported. Use the unescaped text placeholder syntax instead."
+              "Using `<include(x)/>` or the `<${dynamic}/>` tags with a `{ safeHTML: ... }` object is no longer supported. Use the unescaped text placeholder syntax instead.",
             );
           }
         }
@@ -107,7 +107,7 @@ module.exports = function dynamicTag(
             componentsContext.___componentDef = new ComponentDef(
               component,
               parentComponentDef.id + "-" + parentComponentDef.___nextKey(key),
-              globalContext
+              globalContext,
             );
             render.toJSON = RENDER_BODY_TO_JSON;
 
@@ -131,7 +131,7 @@ module.exports = function dynamicTag(
       component,
       IS_SERVER &&
         componentDef &&
-        componentDef.___flags & FLAG_WILL_RERENDER_IN_BROWSER
+        componentDef.___flags & FLAG_WILL_RERENDER_IN_BROWSER,
     );
     renderBody(out);
     out.ef();
@@ -164,7 +164,7 @@ function addEvents(componentDef, customEvents, props) {
       event[0],
       event[1],
       event[2],
-      event[3]
+      event[3],
     );
   }
 

package/src/runtime/helpers/render-tag.js

@@ -9,12 +9,12 @@ module.exports = function renderTagHelper(
   out,
   componentDef,
   key,
-  customEvents
+  customEvents,
 ) {
   out.c(componentDef, key, customEvents);
   (handler._ || (handler._ = handler.render || handler.renderer || handler))(
     input,
-    out
+    out,
   );
   out.___assignedComponentDef = null;
 };

package/src/runtime/html/AsyncStream.js

@@ -1,15 +1,15 @@
 "use strict";
 var EventEmitter = require("events-light");
-var StringWriter = require("./StringWriter");
-var BufferedWriter = require("./BufferedWriter");
+var selfClosingTags = require("self-closing-tags");
 var RenderResult = require("../RenderResult");
+var parseHTML = require("../vdom/parse-html");
+var BufferedWriter = require("./BufferedWriter");
 var attrsHelper = require("./helpers/attrs");
 var markoAttr = require("./helpers/data-marko");
 var escapeXmlHelper = require("./helpers/escape-xml");
-var parseHTML = require("../vdom/parse-html");
+var StringWriter = require("./StringWriter");
 var escapeXmlOrNullish = escapeXmlHelper.x;
 var escapeXmlString = escapeXmlHelper.___escapeXML;
-var selfClosingTags = require("self-closing-tags");
 
 function noop() {}
 
@@ -227,8 +227,8 @@ var proto = (AsyncStream.prototype = {
               (name ? "(" + name + ") " : "") +
               "timed out after " +
               timeout +
-              "ms"
-          )
+              "ms",
+          ),
         );
       }, timeout);
     }
@@ -508,7 +508,7 @@ var proto = (AsyncStream.prototype = {
     elementAttrs,
     key,
     componentDef,
-    props
+    props,
   ) {
     var str =
       "<" +
@@ -542,7 +542,7 @@ var proto = (AsyncStream.prototype = {
     elementAttrs,
     key,
     componentDef,
-    props
+    props,
   ) {
     var str =
       "<" +

package/src/runtime/html/BufferedWriter.js

@@ -32,7 +32,7 @@ BufferedWriter.prototype = Object.assign(
       }
     },
   },
-  StringWriter.prototype
+  StringWriter.prototype,
 );
 
 function flush(writer) {

package/src/runtime/html/helpers/attr.js

@@ -34,7 +34,7 @@ function notEmptyAttr(name, value) {
           if ("MARKO_DEBUG") {
             complain(
               "Relying on JSON.stringify for attribute values is deprecated, in future versions of Marko these will be cast to strings instead.",
-              { locationIndex: 2 }
+              { locationIndex: 2 },
             );
           }
 

package/src/runtime/html/helpers/attrs.js

@@ -15,7 +15,7 @@ module.exports = function attrs(arg) {
       // eslint-disable-next-line no-constant-condition
       if ("MARKO_DEBUG") {
         complain(
-          "Passing a string as a dynamic attribute value is deprecated - More details: https://github.com/marko-js/marko/wiki/Deprecation:-String-as-dynamic-attribute-value"
+          "Passing a string as a dynamic attribute value is deprecated - More details: https://github.com/marko-js/marko/wiki/Deprecation:-String-as-dynamic-attribute-value",
         );
       }
       return arg;

package/src/runtime/html/helpers/class-attr.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var attr = require("./attr");
 var classHelper = require("../../helpers/class-value");
+var attr = require("./attr");
 
 module.exports = function classAttr(value) {
   return attr("class", classHelper(value));

package/src/runtime/html/helpers/data-marko.js

@@ -27,7 +27,7 @@ module.exports = function dataMarko(out, componentDef, props, key) {
       result +=
         ' data-marko-key="' +
         escapeDoubleQuotes(
-          componentDef.___nextKey(key) + " " + componentDef.id
+          componentDef.___nextKey(key) + " " + componentDef.id,
         ) +
         '"';
     }

package/src/runtime/html/helpers/merge-attrs.js

@@ -17,7 +17,7 @@ module.exports = function mergeAttrs() {
     // eslint-disable-next-line no-constant-condition
     if ("MARKO_DEBUG") {
       complain(
-        "Passing a string as dynamic attributes ('<div ${string}>' or '<div ...string>') is deprecated, use an object instead."
+        "Passing a string as dynamic attributes ('<div ${string}>' or '<div ...string>') is deprecated, use an object instead.",
       );
     }
 
@@ -35,7 +35,7 @@ module.exports = function mergeAttrs() {
       // eslint-disable-next-line no-constant-condition
       if ("MARKO_DEBUG") {
         complain(
-          "Passing a string as dynamic attributes ('<div ${string}>' or '<div ...string>') is deprecated, use an object instead."
+          "Passing a string as dynamic attributes ('<div ${string}>' or '<div ...string>') is deprecated, use an object instead.",
         );
       }
 

package/src/runtime/html/helpers/style-attr.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var attr = require("./attr");
 var styleHelper = require("../../helpers/style-value");
+var attr = require("./attr");
 
 module.exports = function styleAttr(value) {
   return attr("style", styleHelper(value));

package/src/runtime/html/index.js

@@ -26,10 +26,10 @@ require("../createOut").___setCreateOut(
     globalData,
     writer,
     parentOut,
-    buffer
+    buffer,
   ) {
     return new AsyncStream(globalData, writer, parentOut, buffer);
-  })
+  }),
 );
 
 require("../renderable")(Template.prototype);

package/src/runtime/queueMicrotask.js

@@ -3,10 +3,10 @@ module.exports =
   typeof queueMicrotask === "function"
     ? queueMicrotask
     : typeof Promise === "function" && (promise = Promise.resolve())
-    ? function (cb) {
-        promise.then(cb).catch(rethrow);
-      }
-    : setTimeout;
+      ? function (cb) {
+          promise.then(cb).catch(rethrow);
+        }
+      : setTimeout;
 function rethrow(err) {
   setTimeout(function () {
     throw err;

package/src/runtime/renderable.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var defaultCreateOut = require("./createOut");
-var setImmediate = require("@internal/set-immediate").___setImmediate;
 var extend = require("raptor-util/extend");
+var setImmediate = require("@internal/set-immediate").___setImmediate;
+var defaultCreateOut = require("./createOut");
 
 function safeRender(renderFunc, finalData, finalOut, shouldEnd) {
   try {
@@ -123,7 +123,7 @@ module.exports = function (target, renderer) {
           globalData, // global
           out, // writer(AsyncStream) or parentNode(AsyncVDOMBuilder)
           undefined, // parentOut
-          shouldBuffer // ignored by AsyncVDOMBuilder
+          shouldBuffer, // ignored by AsyncVDOMBuilder
         );
       }
 

package/src/runtime/vdom/AsyncVDOMBuilder.js

@@ -1,4 +1,7 @@
 var EventEmitter = require("events-light");
+var RenderResult = require("../RenderResult");
+var attrsHelper = require("./helpers/attrs");
+var morphdom = require("./morphdom");
 var vdom = require("./vdom");
 var VElement = vdom.___VElement;
 var VDocumentFragment = vdom.___VDocumentFragment;
@@ -6,9 +9,6 @@ var VText = vdom.___VText;
 var VComponent = vdom.___VComponent;
 var VFragment = vdom.___VFragment;
 var virtualizeHTML = vdom.___virtualizeHTML;
-var RenderResult = require("../RenderResult");
-var morphdom = require("./morphdom");
-var attrsHelper = require("./helpers/attrs");
 
 var EVENT_UPDATE = "update";
 var EVENT_FINISH = "finish";
@@ -82,7 +82,7 @@ var proto = (AsyncVDOMBuilder.prototype = {
       component,
       childCount,
       flags,
-      props
+      props,
     );
     return this.___beginNode(element, childCount);
   },
@@ -95,7 +95,7 @@ var proto = (AsyncVDOMBuilder.prototype = {
       componentDef.___component,
       0,
       0,
-      props
+      props,
     );
   },
 
@@ -149,7 +149,7 @@ var proto = (AsyncVDOMBuilder.prototype = {
     component,
     childCount,
     flags,
-    props
+    props,
   ) {
     var element = new VElement(
       tagName,
@@ -158,7 +158,7 @@ var proto = (AsyncVDOMBuilder.prototype = {
       component,
       childCount,
       flags,
-      props
+      props,
     );
     this.___beginNode(element, childCount, true);
     return this;
@@ -172,7 +172,7 @@ var proto = (AsyncVDOMBuilder.prototype = {
       componentDef.___component,
       0,
       0,
-      props
+      props,
     );
   },
 
@@ -269,7 +269,7 @@ var proto = (AsyncVDOMBuilder.prototype = {
   beginAsync: function (options) {
     if (this.___sync) {
       throw Error(
-        "Tried to render async while in sync mode. Note: Client side await is not currently supported in re-renders (Issue: #942)."
+        "Tried to render async while in sync mode. Note: Client side await is not currently supported in re-renders (Issue: #942).",
       );
     }
 

package/src/runtime/vdom/VComponent.js

@@ -1,5 +1,5 @@
-var VNode = require("./VNode");
 var inherit = require("raptor-util/inherit");
+var VNode = require("./VNode");
 
 function VComponent(component, key, ownerComponent, preserve) {
   this.___VNode(null /* childCount */, ownerComponent);

package/src/runtime/vdom/VDocumentFragment.js

@@ -1,6 +1,6 @@
-var VNode = require("./VNode");
-var inherit = require("raptor-util/inherit");
 var extend = require("raptor-util/extend");
+var inherit = require("raptor-util/inherit");
+var VNode = require("./VNode");
 
 function VDocumentFragmentClone(other) {
   extend(this, other);

package/src/runtime/vdom/VElement.js

@@ -1,11 +1,11 @@
 /* jshint newcap:false */
 
 var complain = "MARKO_DEBUG" && require("complain");
-var domData = require("../components/dom-data");
+var inherit = require("raptor-util/inherit");
 var componentsUtil = require("@internal/components-util");
+var domData = require("../components/dom-data");
 var vElementByDOMNode = domData.___vElementByDOMNode;
 var VNode = require("./VNode");
-var inherit = require("raptor-util/inherit");
 var ATTR_XLINK_HREF = "xlink:href";
 var xmlnsRegExp = /^xmlns(:|$)/;
 var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -37,7 +37,7 @@ function convertAttrValue(type, value) {
         // eslint-disable-next-line no-constant-condition
         if ("MARKO_DEBUG") {
           complain(
-            "Relying on JSON.stringify for attribute values is deprecated, in future versions of Marko these will be cast to strings instead."
+            "Relying on JSON.stringify for attribute values is deprecated, in future versions of Marko these will be cast to strings instead.",
           );
         }
         return JSON.stringify(value);
@@ -94,7 +94,7 @@ function VElement(
   ownerComponent,
   childCount,
   flags,
-  props
+  props,
 ) {
   this.___VNode(childCount, ownerComponent);
 
@@ -138,8 +138,8 @@ VElement.prototype = {
         ownerComponent,
         childCount,
         flags,
-        props
-      )
+        props,
+      ),
     );
 
     if (childCount === 0) {
@@ -170,7 +170,7 @@ VElement.prototype = {
     var flags = this.___flags;
     var el = (host.ownerDocument || host).createElementNS(
       namespaceURI,
-      tagName
+      tagName,
     );
 
     if (flags & FLAG_CUSTOM_ELEMENT) {
@@ -237,9 +237,9 @@ defineProperty(proto, "___value", {
     return value != null && value !== false
       ? value + ""
       : this.___attributes.type === "checkbox" ||
-        this.___attributes.type === "radio"
-      ? "on"
-      : "";
+          this.___attributes.type === "radio"
+        ? "on"
+        : "";
   },
 });
 
@@ -288,7 +288,7 @@ function virtualizeElement(node, virtualizeChildNodes, ownerComponent) {
     ownerComponent,
     0 /*child count*/,
     0 /*flags*/,
-    props
+    props,
   );
 
   if (vdomEl.___nodeName === "textarea") {

package/src/runtime/vdom/VFragment.js

@@ -1,9 +1,9 @@
+var inherit = require("raptor-util/inherit");
 var domData = require("../components/dom-data");
 var keysByDOMNode = domData.___keyByDOMNode;
 var vElementByDOMNode = domData.___vElementByDOMNode;
-var VNode = require("./VNode");
-var inherit = require("raptor-util/inherit");
 var createFragmentNode = require("./morphdom/fragment").___createFragmentNode;
+var VNode = require("./VNode");
 
 function VFragment(key, ownerComponent, preserve) {
   this.___VNode(null /* childCount */, ownerComponent);

package/src/runtime/vdom/VText.js

@@ -1,5 +1,5 @@
-var VNode = require("./VNode");
 var inherit = require("raptor-util/inherit");
+var VNode = require("./VNode");
 
 function VText(value, ownerComponent) {
   this.___VNode(-1 /* no children */, ownerComponent);

package/src/runtime/vdom/helpers/attrs.js

@@ -13,7 +13,7 @@ module.exports = function (attributes) {
     // eslint-disable-next-line no-constant-condition
     if ("MARKO_DEBUG") {
       complain(
-        "Passing a string as a dynamic attribute value is deprecated - More details: https://github.com/marko-js/marko/wiki/Deprecation:-String-as-dynamic-attribute-value"
+        "Passing a string as a dynamic attribute value is deprecated - More details: https://github.com/marko-js/marko/wiki/Deprecation:-String-as-dynamic-attribute-value",
       );
     }
     return parseAttrs(attributes);

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

@@ -9,7 +9,7 @@ module.exports = function (
   component,
   childCount,
   flags,
-  props
+  props,
 ) {
   return new VElement(tagName, attrs, key, component, childCount, flags, props);
 };