marko 5.32.4 → 5.32.6

package/index.d.ts

@@ -58,11 +58,11 @@ declare global {
       once(eventName: PropertyKey, listener: (...args: any[]) => any): this;
       prependListener(
         eventName: PropertyKey,
-        listener: (...args: any[]) => any
+        listener: (...args: any[]) => any,
       ): this;
       removeListener(
         eventName: PropertyKey,
-        listener: (...args: any[]) => any
+        listener: (...args: any[]) => any,
       ): this;
       /** Register a callback executed when the last async out has completed. */
       onLast(listener: (next: () => void) => unknown): this;
@@ -84,7 +84,7 @@ declare global {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       in Params extends readonly any[] = [],
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      out Return = void
+      out Return = void,
     > {}
 
     /** Valid data types which can be passed in as a <${dynamic}/> tag name. */
@@ -125,7 +125,7 @@ declare global {
        * cleaned up once this component is destroyed
        * */
       subscribeTo(
-        emitter: unknown
+        emitter: unknown,
       ): Omit<Emitter, "listenerCount" | "prependListener" | "emit">;
       /** Emits an event on the component instance. */
       emit(eventName: PropertyKey, ...args: any[]): boolean;
@@ -136,12 +136,12 @@ declare global {
       /** Listen to an event on the component instance before all other listeners. */
       prependListener(
         eventName: PropertyKey,
-        listener: (...args: any[]) => any
+        listener: (...args: any[]) => any,
       ): this;
       /** Remove a listener from the component instance. */
       removeListener(
         eventName: PropertyKey,
-        listener: (...args: any[]) => any
+        listener: (...args: any[]) => any,
       ): this;
       /** Remove all listeners from the component instance. */
       removeAllListeners(eventName?: PropertyKey): this;
@@ -156,14 +156,14 @@ declare global {
       /** Gets an element reference by its `key` attribute in the template. */
       getEl<T extends Element | void = Element | void>(
         key?: string,
-        index?: number
+        index?: number,
       ): T;
       /** Gets all element references by their `key` attribute in the template. */
       getEls<T extends Element[] = Element[]>(key: string): T;
       /** Gets a component reference by its `key` attribute in the template. */
       getComponent<T extends Component | void = Component | void>(
         key: string,
-        index?: number
+        index?: number,
       ): T;
       /** Gets all component references by their `key` attribute in the template. */
       getComponents<T extends Component[] = Component[]>(key: string): T;
@@ -178,14 +178,14 @@ declare global {
        */
       setState<Key extends PropertyKey>(
         name: Key & keyof this["state"],
-        value: (this["state"] & Record<PropertyKey, unknown>)[Key]
+        value: (this["state"] & Record<PropertyKey, unknown>)[Key],
       ): void;
       setState(value: Partial<this["state"]>): void;
 
       /** Schedules an update related to a specific state property and optionally updates the value. */
       setStateDirty<Key extends PropertyKey>(
         name: Key & keyof this["state"],
-        value?: (this["state"] & Record<PropertyKey, unknown>)[Key]
+        value?: (this["state"] & Record<PropertyKey, unknown>)[Key],
       ): void;
       /** Synchronously flush any scheduled updates. */
       update(): void;
@@ -238,7 +238,7 @@ declare global {
         stream?: {
           write: (chunk: string) => void;
           end: (chunk?: string) => void;
-        }
+        },
       ): Marko.Out<Marko.Component>;
 
       /** Asynchronously render the template in buffered mode. */
@@ -246,13 +246,13 @@ declare global {
         input: Marko.TemplateInput<Input>,
         cb?: (
           err: Error | null,
-          result: Marko.RenderResult<Marko.Component>
-        ) => void
+          result: Marko.RenderResult<Marko.Component>,
+        ) => void,
       ): Marko.Out<Marko.Component>;
 
       /** Synchronously render the template. */
       abstract renderSync(
-        input: Marko.TemplateInput<Input>
+        input: Marko.TemplateInput<Input>,
       ): Marko.RenderResult<Marko.Component>;
 
       /** Synchronously render a template to a string. */
@@ -260,13 +260,13 @@ declare global {
 
       /** Render a template and return a stream.Readable in nodejs or a ReadableStream in a web worker environment. */
       abstract stream(
-        input: Marko.TemplateInput<Input>
+        input: Marko.TemplateInput<Input>,
       ): ReadableStream<string> & NodeJS.ReadableStream;
       /** @marko-overload-end */
     }
 
     export interface RenderResult<
-      out Component extends Marko.Component = Marko.Component
+      out Component extends Marko.Component = Marko.Component,
     > {
       /** Returns the component created as a result of rendering the template. */
       getComponent(): Component;
@@ -307,11 +307,11 @@ declare global {
       once(eventName: PropertyKey, listener: (...args: any[]) => any): this;
       prependListener(
         eventName: PropertyKey,
-        listener: (...args: any[]) => any
+        listener: (...args: any[]) => any,
       ): this;
       removeListener(
         eventName: PropertyKey,
-        listener: (...args: any[]) => any
+        listener: (...args: any[]) => any,
       ): this;
       removeAllListeners(eventName?: PropertyKey): this;
     }
@@ -323,7 +323,7 @@ declare global {
 
     export interface NativeTag<
       Input extends Record<string, any>,
-      Return extends Element
+      Return extends Element,
     > {
       input: Input;
       return: () => Return;
@@ -335,37 +335,37 @@ declare global {
     export type Input<Name> = 0 extends 1 & Name
       ? any
       : Name extends string
-      ? Name extends keyof NativeTags
-        ? NativeTags[Name]["input"]
-        : Record<string, unknown>
-      : Name extends
-          | Template<infer Input, any>
-          | { _(): () => (input: infer Input) => any }
-      ? Input
-      : Name extends Body<infer Args, any>
-      ? Args extends {
-          length: infer Length;
-        }
-        ? number extends Length
-          ? { value?: Args }
-          : 0 extends Length
-          ? { value?: [] }
-          : { value: Args }
-        : never
-      : never;
+        ? Name extends keyof NativeTags
+          ? NativeTags[Name]["input"]
+          : Record<string, unknown>
+        : Name extends
+              | Template<infer Input, any>
+              | { _(): () => (input: infer Input) => any }
+          ? Input
+          : Name extends Body<infer Args, any>
+            ? Args extends {
+                length: infer Length;
+              }
+              ? number extends Length
+                ? { value?: Args }
+                : 0 extends Length
+                  ? { value?: [] }
+                  : { value: Args }
+              : never
+            : never;
 
     export type Return<Name> = 0 extends 1 & Name
       ? any
       : Name extends string
-      ? Name extends keyof NativeTags
-        ? NativeTags[Name]["return"]
-        : () => Element
-      : Name extends
-          | { _(): () => (input: any) => { return: infer Return } }
-          | Template<any, infer Return>
-          | Body<any, infer Return>
-      ? Return
-      : never;
+        ? Name extends keyof NativeTags
+          ? NativeTags[Name]["return"]
+          : () => Element
+        : Name extends
+              | { _(): () => (input: any) => { return: infer Return } }
+              | Template<any, infer Return>
+              | Body<any, infer Return>
+          ? Return
+          : never;
 
     /** @deprecated @see {@link Marko.Input} */
     export type NativeTagInput<Name extends keyof NativeTags> =

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "marko",
-    "version": "5.32.4",
+    "version": "5.32.6",
     "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
     "keywords": [
         "front-end",
@@ -64,20 +64,20 @@
         "build": "babel ./src --out-dir ./dist --delete-dir-on-start --copy-files --config-file ../../babel.config.js --env-name=production"
     },
     "dependencies": {
-        "@marko/compiler": "^5.34.3",
-        "@marko/translator-default": "^5.31.10",
+        "@marko/compiler": "^5.34.5",
+        "@marko/translator-default": "^5.31.12",
         "app-module-path": "^2.2.0",
         "argly": "^1.2.0",
         "browser-refresh-client": "1.1.4",
         "complain": "^1.6.0",
-        "csstype": "^3.1.2",
+        "csstype": "^3.1.3",
         "events-light": "^1.0.5",
         "listener-tracker": "^2.0.0",
-        "minimatch": "^3.0.4",
+        "minimatch": "^9.0.3",
         "raptor-util": "^3.2.0",
         "resolve-from": "^5.0.0",
         "self-closing-tags": "^1.0.1",
-        "warp10": "^2.0.1"
+        "warp10": "^2.1.0"
     },
     "logo": {
         "url": "https://raw.githubusercontent.com/marko-js/branding/master/marko-logo-small.png"

package/src/compiler/index.js

@@ -1,12 +1,12 @@
 "use strict";
 
+var ok = require("assert").ok;
+var fs = require("fs");
 var complain = "MARKO_DEBUG" && require("complain");
 var compiler = require("@marko/compiler");
 var extend = require("raptor-util/extend");
-var globalConfig = require("./config");
-var ok = require("assert").ok;
-var fs = require("fs");
 var taglib = require("../taglib");
+var globalConfig = require("./config");
 var defaults = extend({}, globalConfig);
 
 // eslint-disable-next-line no-constant-condition
@@ -16,7 +16,7 @@ if ("MARKO_DEBUG") {
     require.main.filename !== require.resolve("../../bin/markoc")
   ) {
     complain(
-      "Using `marko/compiler` has been deprecated, please upgrade to the `@marko/compiler` module."
+      "Using `marko/compiler` has been deprecated, please upgrade to the `@marko/compiler` module.",
     );
   }
 }
@@ -67,7 +67,7 @@ function _compile(src, filename, userConfig, callback) {
   if (callback) {
     compiler.compile(src, filename, options).then(
       (result) => callback(null, resultCompat(result, options)),
-      (error) => callback(error)
+      (error) => callback(error),
     );
   } else {
     return resultCompat(compiler.compileSync(src, filename, options), options);
@@ -98,7 +98,7 @@ function compileForBrowser(src, filename, options, callback) {
       meta: false,
       sourceOnly: false,
     },
-    options
+    options,
   );
 
   return compile(src, filename, options, callback);

package/src/core-tags/core/await/AsyncValue.js

@@ -98,7 +98,7 @@ AsyncValue.prototype = {
         },
         function onRejected(err) {
           queueMicrotask(asyncValue.___reject.bind(asyncValue, err));
-        }
+        },
       );
 
       if (finalPromise.done) {

package/src/core-tags/core/await/client-reorder-runtime.js

@@ -8,7 +8,7 @@ function $af(
   childNodes,
   i,
   len,
-  af
+  af,
 ) {
   af = $af;
 

package/src/core-tags/core/await/renderer.js

@@ -18,7 +18,7 @@ function requestData(provider, timeout) {
     if ("MARKO_DEBUG") {
       complain(
         "Passing a callback function to the <await> tag has been deprecated, please use a promise instead.",
-        { level: 1, locationIndex: 3 }
+        { level: 1, locationIndex: 3 },
       );
     }
 

package/src/core-tags/core/await/reorderer-renderer.js

@@ -52,7 +52,7 @@ module.exports = function (input, out) {
           if (!global._afRuntime) {
             // Minified version of ./client-reorder-runtime.js
             asyncOut.script(
-              `function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b<f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b<f;b++)c(a[b])}}`
+              `function $af(d,a,e,l,g,h,k,b,f,c){c=$af;if(a&&!c[a])(c[a+="$"]||(c[a]=[])).push(d);else{e=document;l=e.getElementById("af"+d);g=e.getElementById("afph"+d);h=e.createDocumentFragment();k=l.childNodes;b=0;for(f=k.length;b<f;b++)h.appendChild(k.item(0));g&&g.parentNode.replaceChild(h,g);c[d]=1;if(a=c[d+"$"])for(b=0,f=a.length;b<f;b++)c(a[b])}}`,
             );
             global._afRuntime = true;
           }
@@ -70,7 +70,7 @@ module.exports = function (input, out) {
                 awaitInfo.id +
                 '">' +
                 result.toString() +
-                "</div>"
+                "</div>",
             );
           } else {
             asyncOut.write(
@@ -78,7 +78,7 @@ module.exports = function (input, out) {
                 awaitInfo.id +
                 '" style="display:none">' +
                 result.toString() +
-                "</div>"
+                "</div>",
             );
           }
 
@@ -88,7 +88,7 @@ module.exports = function (input, out) {
                 ? awaitInfo.id
                 : '"' + awaitInfo.id + '"') +
               (awaitInfo.after ? ',"' + awaitInfo.after + '"' : "") +
-              ")"
+              ")",
           );
 
           awaitInfo.out.writer = asyncOut.writer;

package/src/node-require/browser-refresh.js

@@ -9,7 +9,7 @@ if ("MARKO_DEBUG") {
       .enableSpecialReload(
         `${extensions
           .map((ext) => `*${ext}`)
-          .join(" ")} marko.json marko-tag.json`
+          .join(" ")} marko.json marko-tag.json`,
       )
       .onFileModified((path) => {
         hotReload.handleFileModified(path);

package/src/node-require/hot-reload.js

@@ -9,7 +9,7 @@ exports.handleFileModified = function (filename) {
   if (!fs.existsSync(filename)) {
     console.log(
       "[marko/hot-reload] WARNING cannot resolve template path: ",
-      filename
+      filename,
     );
     return;
   }
@@ -35,7 +35,7 @@ function tryReload(filename) {
     delete require.cache[filename];
     require(filename);
     console.log(
-      `[marko] Template successfully reloaded: ${cwdRelative(filename)}`
+      `[marko] Template successfully reloaded: ${cwdRelative(filename)}`,
     );
   } catch (e) {
     console.error(e);

package/src/node-require/index.js

@@ -14,7 +14,7 @@ const MARKO_EXTENSIONS = Symbol("MARKO_EXTENSIONS");
 // eslint-disable-next-line no-constant-condition
 if ("MARKO_DEBUG") {
   complain(
-    'Using "marko/node-require" has been replaced with "@marko/compiler/register".'
+    'Using "marko/node-require" has been replaced with "@marko/compiler/register".',
   );
 }
 
@@ -32,8 +32,8 @@ function compile(templatePath, markoCompiler, userCompilerOptions) {
       {},
       defaultCompilerOptions,
       userCompilerOptions,
-      requiredCompilerOptions
-    )
+      requiredCompilerOptions,
+    ),
   ).code;
 }
 

package/src/runtime/RenderResult.js

@@ -74,7 +74,7 @@ Object.defineProperty(proto, "html", {
     // eslint-disable-next-line no-constant-condition
     if ("MARKO_DEBUG") {
       complain(
-        'The "html" property is deprecated. Please use "toString" instead.'
+        'The "html" property is deprecated. Please use "toString" instead.',
       );
     }
     return this.toString();
@@ -86,7 +86,7 @@ Object.defineProperty(proto, "context", {
     // eslint-disable-next-line no-constant-condition
     if ("MARKO_DEBUG") {
       complain(
-        'The "context" property is deprecated. Please use "out" instead.'
+        'The "context" property is deprecated. Please use "out" instead.',
       );
     }
     return this.___out;
@@ -107,5 +107,5 @@ domInsert(
   },
   function afterInsert(renderResult, referenceEl) {
     return renderResult.afterInsert(getRootNode(referenceEl));
-  }
+  },
 );

package/src/runtime/components/Component.js

@@ -2,22 +2,21 @@
 /* jshint newcap:false */
 
 var complain = "MARKO_DEBUG" && require("complain");
-
-var domInsert = require("../dom-insert");
-var defaultCreateOut = require("../createOut");
-var getComponentsContext =
-  require("./ComponentsContext").___getComponentsContext;
+var EventEmitter = require("events-light");
+var SubscriptionTracker = require("listener-tracker");
+var inherit = require("raptor-util/inherit");
 var componentsUtil = require("@internal/components-util");
 var componentLookup = componentsUtil.___componentLookup;
 var destroyNodeRecursive = componentsUtil.___destroyNodeRecursive;
-var EventEmitter = require("events-light");
+var defaultCreateOut = require("../createOut");
+var domInsert = require("../dom-insert");
 var RenderResult = require("../RenderResult");
-var SubscriptionTracker = require("listener-tracker");
-var inherit = require("raptor-util/inherit");
-var updateManager = require("./update-manager");
 var morphdom = require("../vdom/morphdom");
-var eventDelegation = require("./event-delegation");
+var getComponentsContext =
+  require("./ComponentsContext").___getComponentsContext;
 var domData = require("./dom-data");
+var eventDelegation = require("./event-delegation");
+var updateManager = require("./update-manager");
 var componentsByDOMNode = domData.___componentByDOMNode;
 var keyedElementsByComponentId = domData.___ssrKeyedElementsByComponentId;
 var CONTEXT_KEY = "__subtree_context__";
@@ -57,7 +56,7 @@ function handleCustomEventWithMethodListener(
   component,
   targetMethodName,
   args,
-  extraArgs
+  extraArgs,
 ) {
   // Remove the "eventType" argument
   args.push(component);
@@ -229,7 +228,7 @@ Component.prototype = componentProto = {
         this,
         targetMethodName,
         args,
-        extraArgs
+        extraArgs,
       );
 
       if (isOnce) {
@@ -253,7 +252,7 @@ Component.prototype = componentProto = {
         // eslint-disable-next-line no-constant-condition
         if ("MARKO_DEBUG") {
           complain(
-            "Accessing the elements of a child component using 'component.getEl' is deprecated."
+            "Accessing the elements of a child component using 'component.getEl' is deprecated.",
           );
         }
 
@@ -283,7 +282,7 @@ Component.prototype = componentProto = {
       // eslint-disable-next-line no-constant-condition
       if ("MARKO_DEBUG") {
         complain(
-          "A repeated key[] was passed to getComponent. Use a non-repeating key if there is only one of these components."
+          "A repeated key[] was passed to getComponent. Use a non-repeating key if there is only one of these components.",
         );
       }
       rootNode = rootNode && rootNode[Object.keys(rootNode)[0]];
@@ -403,7 +402,7 @@ Component.prototype = componentProto = {
       name,
       value,
       true /* ensure:true */,
-      true /* forceDirty:true */
+      true /* forceDirty:true */,
     );
   },
 
@@ -600,14 +599,14 @@ Component.prototype = componentProto = {
     // eslint-disable-next-line no-constant-condition
     if ("MARKO_DEBUG") {
       complain(
-        'The "this.els" attribute is deprecated. Please use "this.getEls(key)" instead.'
+        'The "this.els" attribute is deprecated. Please use "this.getEls(key)" instead.',
       );
     }
-    return (this.___rootNode ? this.___rootNode.nodes : []).filter(function (
-      el
-    ) {
-      return el.nodeType === ELEMENT_NODE;
-    });
+    return (this.___rootNode ? this.___rootNode.nodes : []).filter(
+      function (el) {
+        return el.nodeType === ELEMENT_NODE;
+      },
+    );
   },
 
   ___emit: emit,
@@ -655,7 +654,7 @@ domInsert(
   },
   function afterInsert(component) {
     return component;
-  }
+  },
 );
 
 inherit(Component, EventEmitter);

package/src/runtime/components/ComponentDef.js

@@ -1,11 +1,11 @@
 "use strict";
 var complain = "MARKO_DEBUG" && require("complain");
+var extend = require("raptor-util/extend");
 var w10Noop = require("warp10/constants").NOOP;
 var componentUtil = require("@internal/components-util");
 var attachBubblingEvent = componentUtil.___attachBubblingEvent;
 var addDelegatedEventHandler =
   require("./event-delegation").___addDelegatedEventHandler;
-var extend = require("raptor-util/extend");
 var KeySequence = require("./KeySequence");
 var EMPTY_OBJECT = {};
 

package/src/runtime/components/State.js

@@ -48,7 +48,7 @@ State.prototype = {
           key,
           undefined,
           false /* ensure:false */,
-          false /* forceDirty:false */
+          false /* forceDirty:false */,
         );
       }
     }
@@ -58,7 +58,7 @@ State.prototype = {
         key,
         newState[key],
         true /* ensure:true */,
-        false /* forceDirty:false */
+        false /* forceDirty:false */,
       );
     }
   },

package/src/runtime/components/defineComponent.js

@@ -1,9 +1,9 @@
 "use strict";
 /* jshint newcap:false */
 
-var BaseState = require("./State");
-var BaseComponent = require("./Component");
 var inherit = require("raptor-util/inherit");
+var BaseComponent = require("./Component");
+var BaseState = require("./State");
 
 module.exports = function defineComponent(def, renderer) {
   if (def.___isComponent) {

package/src/runtime/components/event-delegation.js

@@ -125,7 +125,7 @@ function addDelegatedEventHandlerToHost(eventType, host) {
           delegateEvent(curNode, propName, target, event);
         }
       }),
-      true
+      true,
     );
   }
 }

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

@@ -1,10 +1,10 @@
 var complain = "MARKO_DEBUG" && require("complain");
+var componentLookup = require("@internal/components-util").___componentLookup;
+var req = require("@internal/require");
 var makeRenderable = require("../../renderable");
 var getComponentsContext =
   require("../ComponentsContext").___getComponentsContext;
-var componentLookup = require("@internal/components-util").___componentLookup;
 var modernRenderer = require("../renderer");
-var req = require("@internal/require");
 var resolveComponentKey = modernRenderer.___resolveComponentKey;
 
 module.exports = function defineRenderer(renderingLogic) {
@@ -117,7 +117,7 @@ module.exports = function defineRenderer(renderingLogic) {
       var templateData = clone(
         getTemplateData
           ? getTemplateData(widgetState, newProps, out)
-          : widgetState || newProps
+          : widgetState || newProps,
       );
 
       if (isReceivingNewInput && getWidgetConfig) {

package/src/runtime/components/legacy/dependencies/html.js

@@ -1,3 +1,3 @@
-var patch = require("./").patch;
 var Template = require("../../../html").Template;
+var patch = require("./").patch;
 patch(Template);

package/src/runtime/components/legacy/dependencies/index.js

@@ -11,7 +11,7 @@ function getRootDeps(template, context) {
   attachDepsAndComponentsToTemplate(template, context);
 
   var deps = (template.___depsArray = Object.keys(template.___deps).map(
-    (key) => template.___deps[key]
+    (key) => template.___deps[key],
   ));
   var initModule = getInitModule(template.path, template.___components);
 
@@ -103,7 +103,7 @@ function getInitModule(path, components) {
         (component) =>
           `components.register('${component.id}', require('.${
             nodePath.sep
-          }${nodePath.relative(root, component.path)}'));`
+          }${nodePath.relative(root, component.path)}'));`,
       );
       var code = `
                 var components = require('marko/components');

package/src/runtime/components/legacy/dependencies/vdom.js

@@ -1,3 +1,3 @@
-var patch = require("./").patch;
 var Template = require("../../../vdom").Template;
+var patch = require("./").patch;
 patch(Template);