marko 6.0.0-next.3.50 → 6.0.0-next.3.52

package/dist/debug/dom.mjs

@@ -1321,21 +1321,6 @@ function getDebugKey(index, node) {
 }
 
 // src/dom/renderer.ts
-function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
-  const branch = createBranch(
-    $global,
-    tagNameOrRenderer,
-    parentScope,
-    parentNode
-  );
-  if (typeof tagNameOrRenderer === "string") {
-    branch[true ? `#${tagNameOrRenderer}/0` : 0] = branch.___startNode = branch.___endNode = document.createElementNS(
-      tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
-      tagNameOrRenderer
-    );
-  }
-  return branch;
-}
 function createBranch($global, renderer, parentScope, parentNode) {
   const branch = createScope($global);
   const parentBranch = parentScope?.___closestBranch;
@@ -1348,49 +1333,76 @@ function createBranch($global, renderer, parentScope, parentNode) {
   if (true) {
     branch.___renderer = renderer;
   }
-  renderer.___init?.(
+  renderer.___clone?.(
     branch,
     parentNode.namespaceURI
   );
   return branch;
 }
-function createContent(id, template, walks, setup, getArgs, dynamicScopesAccessor) {
+function createAndSetupBranch($global, renderer, parentScope, parentNode) {
+  return setupBranch(
+    renderer,
+    createBranch($global, renderer, parentScope, parentNode)
+  );
+}
+function setupBranch(renderer, branch) {
+  if (renderer.___setup || renderer.___closures) {
+    queueRender(
+      branch,
+      (branch2) => {
+        renderer.___setup?.(branch2);
+        renderer.___closures?.(branch2);
+      },
+      -1
+    );
+  }
+  return branch;
+}
+function createContent(id, template, walks, setup, params, closures, dynamicScopesAccessor) {
   walks = walks ? walks.replace(/[^\0-1]+$/, "") : "";
-  let args;
-  const init2 = template ? (branch, ns) => {
+  setup ||= void 0;
+  params ||= void 0;
+  closures ||= void 0;
+  const clone = template ? (branch, ns) => {
     ((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(
       template,
       ns
     ))(branch, walks);
-    setup && queueRender(branch, setup, -1);
   } : (branch) => {
     walk(
       branch.___startNode = branch.___endNode = new Text(),
       walks,
       branch
     );
-    setup && queueRender(branch, setup, -1);
   };
   return (owner) => {
     return {
       ___id: id,
-      ___init: init2,
+      ___clone: clone,
       ___owner: owner,
-      ___accessor: dynamicScopesAccessor,
-      get ___args() {
-        return args ||= getArgs ? getArgs() : void 0;
-      }
+      ___setup: setup,
+      ___params: params,
+      ___closures: closures,
+      ___accessor: dynamicScopesAccessor
     };
   };
 }
-function registerContent(id, template, walks, setup, getArgs, dynamicScopesAccessor) {
+function registerContent(id, template, walks, setup, params, closures, dynamicScopesAccessor) {
   return register(
     id,
-    createContent(id, template, walks, setup, getArgs, dynamicScopesAccessor)
+    createContent(
+      id,
+      template,
+      walks,
+      setup,
+      params,
+      closures,
+      dynamicScopesAccessor
+    )
   );
 }
-function createRenderer(template, walks, setup, getArgs) {
-  return createContent("", template, walks, setup, getArgs)();
+function createRenderer(template, walks, setup, params, closures) {
+  return createContent("", template, walks, setup, params, closures)();
 }
 var cloneCache = {};
 function createCloneableHTML(html2, ns) {
@@ -1501,7 +1513,6 @@ function value(valueAccessor, fn = () => {
     }
   };
 }
-var accessorId = 0;
 function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "___id") {
   return (scope) => {
     if (scope.___pending) {
@@ -1564,34 +1575,39 @@ function subscribeToScopeSet(ownerScope, accessor, scope) {
     );
   }
 }
-function dynamicClosure(valueAccessor, fn, getOwnerScope) {
-  const subscribersAccessor = "?" /* Dynamic */ + accessorId++;
-  const childSignal = closure(valueAccessor, fn, getOwnerScope);
-  const ownerSignal = (ownerScope) => {
-    const subscribers = ownerScope[subscribersAccessor];
-    if (subscribers) {
-      for (const subscriber of subscribers) {
-        if (!subscriber.___pending) {
-          queueRender(subscriber, childSignal, -1);
+function dynamicClosure(...closureSignals) {
+  const [{ ___scopeInstancesAccessor, ___signalIndexAccessor }] = closureSignals;
+  for (let i = closureSignals.length; i--; ) {
+    closureSignals[i].___index = i;
+  }
+  return (scope) => {
+    if (scope[___scopeInstancesAccessor]) {
+      for (const childScope of scope[___scopeInstancesAccessor]) {
+        if (!childScope.___pending) {
+          queueRender(
+            childScope,
+            closureSignals[childScope[___signalIndexAccessor]],
+            -1
+          );
         }
       }
     }
   };
-  const subscribe = ownerSignal.___subscribe = (scope) => subscribeToScopeSet(
-    getOwnerScope ? getOwnerScope(scope) : scope._,
-    subscribersAccessor,
-    scope
-  );
-  ownerSignal._ = (scope) => {
+}
+function dynamicClosureRead(valueAccessor, fn, getOwnerScope) {
+  const childSignal = closure(valueAccessor, fn, getOwnerScope);
+  const closureSignal = (scope) => {
+    scope[closureSignal.___signalIndexAccessor] = closureSignal.___index;
     childSignal(scope);
-    subscribe(scope);
+    subscribeToScopeSet(
+      getOwnerScope ? getOwnerScope(scope) : scope._,
+      closureSignal.___scopeInstancesAccessor,
+      scope
+    );
   };
-  return ownerSignal;
-}
-function registerDynamicClosure(registryId, valueAccessor, fn, getOwnerScope) {
-  const signal = dynamicClosure(valueAccessor, fn, getOwnerScope);
-  register(registryId, signal.___subscribe);
-  return signal;
+  closureSignal.___scopeInstancesAccessor = valueAccessor + "!" /* ClosureScopes */;
+  closureSignal.___signalIndexAccessor = valueAccessor + "(" /* ClosureSignalIndex */;
+  return closureSignal;
 }
 function closure(valueAccessor, fn, getOwnerScope) {
   return (scope) => {
@@ -1648,7 +1664,7 @@ function conditional(nodeAccessor, ...branches) {
         scope,
         nodeAccessor,
         branches[scope[branchAccessor] = newBranch],
-        createBranch
+        createAndSetupBranch
       );
     }
   };
@@ -1678,7 +1694,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
             scope[childScopeAccessor],
             true ? `#${normalizedRenderer}/0` : 0,
             content,
-            createBranch
+            createAndSetupBranch
           );
           if (content.___accessor) {
             subscribeToScopeSet(
@@ -1704,9 +1720,9 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
           true ? `#${normalizedRenderer}/0` : 0,
           (inputIsArgs ? args[0] : args) || {}
         );
-      } else if (normalizedRenderer.___args) {
+      } else if (normalizedRenderer.___params) {
         if (inputIsArgs) {
-          normalizedRenderer.___args(
+          normalizedRenderer.___params(
             scope[childScopeAccessor],
             normalizedRenderer._ ? args[0] : args
           );
@@ -1715,7 +1731,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
             ...args,
             content: getContent(scope)
           } : args || {};
-          normalizedRenderer.___args(
+          normalizedRenderer.___params(
             scope[childScopeAccessor],
             normalizedRenderer._ ? inputWithContent : [inputWithContent]
           );
@@ -1780,7 +1796,7 @@ function loopTo(nodeAccessor, renderer) {
   );
 }
 function loop(nodeAccessor, renderer, forEach) {
-  const params = renderer.___args;
+  const params = renderer.___params;
   return (scope, value2) => {
     const referenceNode = scope[nodeAccessor];
     const oldMap = scope[nodeAccessor + "(" /* LoopScopeMap */];
@@ -1791,7 +1807,7 @@ function loop(nodeAccessor, renderer, forEach) {
     const newMap = scope[nodeAccessor + "(" /* LoopScopeMap */] = /* @__PURE__ */ new Map();
     const newArray = scope[nodeAccessor + "!" /* LoopScopeArray */] = [];
     forEach(value2, (key, args) => {
-      const branch = oldMap?.get(key) || createBranch(scope.$global, renderer, scope, parentNode);
+      const branch = oldMap?.get(key) || createAndSetupBranch(scope.$global, renderer, scope, parentNode);
       params?.(branch, args);
       newMap.set(key, branch);
       newArray.push(branch);
@@ -1811,6 +1827,23 @@ function loop(nodeAccessor, renderer, forEach) {
     reconcile(parentNode, oldArray, newArray, afterReference);
   };
 }
+function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
+  const branch = createBranch(
+    $global,
+    tagNameOrRenderer,
+    parentScope,
+    parentNode
+  );
+  if (typeof tagNameOrRenderer === "string") {
+    branch[true ? `#${tagNameOrRenderer}/0` : 0] = branch.___startNode = branch.___endNode = document.createElementNS(
+      tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
+      tagNameOrRenderer
+    );
+  } else {
+    setupBranch(tagNameOrRenderer, branch);
+  }
+  return branch;
+}
 function bySecondArg(_item, index) {
   return index;
 }
@@ -1833,7 +1866,7 @@ var compat = {
     register(RENDERER_REGISTER_ID, fn);
   },
   isRenderer(renderer) {
-    return renderer.___init;
+    return renderer.___clone;
   },
   getStartNode(branch) {
     return branch.___startNode;
@@ -1862,9 +1895,9 @@ var compat = {
     }
     return value2;
   },
-  createRenderer(args, clone) {
-    const renderer = createRenderer(0, 0, 0, () => args);
-    renderer.___init = (branch) => {
+  createRenderer(params, clone) {
+    const renderer = createRenderer(0, 0, 0, params);
+    renderer.___clone = (branch) => {
       const cloned = clone();
       branch.___startNode = cloned.startNode;
       branch.___endNode = cloned.endNode;
@@ -1891,7 +1924,7 @@ var compat = {
     component.effects = prepareEffects(() => {
       if (!branch) {
         out.global.___nextScopeId ||= 0;
-        branch = component.scope = createBranch(
+        branch = component.scope = createAndSetupBranch(
           out.global,
           renderer,
           renderer.___owner,
@@ -1900,7 +1933,7 @@ var compat = {
       } else {
         existing = true;
       }
-      renderer.___args?.(branch, renderer._ ? args[0] : args);
+      renderer.___params?.(branch, renderer._ ? args[0] : args);
     });
     if (!existing) {
       return toInsertNode(branch.___startNode, branch.___endNode);
@@ -1915,7 +1948,7 @@ var createTemplate = (id, template, walks, setup, inputSignal) => {
     template,
     walks,
     setup,
-    inputSignal && (() => inputSignal)
+    inputSignal
   )();
   renderer.mount = mount;
   renderer._ = renderer;
@@ -1961,7 +1994,7 @@ function mount(input = {}, reference, position) {
       nextSibling = reference.nextSibling;
       break;
   }
-  const args = this.___args;
+  const args = this.___params;
   const effects = prepareEffects(() => {
     branch = createBranch(
       $global,
@@ -1969,6 +2002,7 @@ function mount(input = {}, reference, position) {
       void 0,
       parentNode
     );
+    this.___setup?.(branch);
     args?.(branch, input);
   });
   insertChildNodes(
@@ -2020,6 +2054,7 @@ export {
   createTemplate,
   data,
   dynamicClosure,
+  dynamicClosureRead,
   dynamicTag,
   effect,
   forIn,
@@ -2043,7 +2078,6 @@ export {
   register,
   registerBoundSignal,
   registerContent,
-  registerDynamicClosure,
   resetAbortSignal,
   run,
   setTagVar,

package/dist/dom/compat.d.ts

@@ -15,7 +15,7 @@ export declare const compat: {
         runtimeId: string;
         componentIdPrefix: string;
     }): any;
-    createRenderer(args: NonNullable<Renderer["___args"]>, clone: () => {
+    createRenderer(params: NonNullable<Renderer["___params"]>, clone: () => {
         startNode: ChildNode;
         endNode: ChildNode;
     }): Renderer;

package/dist/dom/renderer.d.ts

@@ -2,15 +2,18 @@ import { type Accessor, type BranchScope, type Scope } from "../common/types";
 import type { Signal } from "./signals";
 export type Renderer = {
     ___id: string;
-    ___init: (branch: BranchScope, ns: string) => void;
-    ___args: Signal<unknown> | undefined;
+    ___setup: undefined | ((branch: BranchScope) => void);
+    ___clone: (branch: BranchScope, ns: string) => void;
+    ___params: Signal<unknown> | undefined;
+    ___closures: SetupFn | undefined;
     ___owner: Scope | undefined;
     ___accessor: Accessor | undefined;
 };
 type SetupFn = (scope: Scope) => void;
-export declare function createBranchWithTagNameOrRenderer($global: Scope["$global"], tagNameOrRenderer: Renderer | string, parentScope: Scope, parentNode: ParentNode): BranchScope;
 export declare function createBranch($global: Scope["$global"], renderer: Renderer | string, parentScope: Scope | undefined, parentNode: ParentNode): BranchScope;
-export declare function createContent(id: string, template: string | 0, walks?: string | 0, setup?: SetupFn | 0, getArgs?: (() => Signal<unknown>) | 0, dynamicScopesAccessor?: Accessor): (owner?: Scope) => Renderer;
-export declare function registerContent(id: string, template: string | 0, walks?: string | 0, setup?: SetupFn | 0, getArgs?: (() => Signal<unknown>) | 0, dynamicScopesAccessor?: Accessor): (owner?: Scope) => Renderer;
-export declare function createRenderer(template: string | 0, walks?: string | 0, setup?: SetupFn | 0, getArgs?: (() => Signal<unknown>) | 0): Renderer;
+export declare function createAndSetupBranch($global: Scope["$global"], renderer: Renderer, parentScope: Scope | undefined, parentNode: ParentNode): BranchScope;
+export declare function setupBranch(renderer: Renderer, branch: BranchScope): BranchScope;
+export declare function createContent(id: string, template: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown> | 0, closures?: Signal<unknown> | 0, dynamicScopesAccessor?: Accessor): (owner?: Scope) => Renderer;
+export declare function registerContent(id: string, template: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown> | 0, closures?: Signal<unknown> | 0, dynamicScopesAccessor?: Accessor): (owner?: Scope) => Renderer;
+export declare function createRenderer(template: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown> | 0, closures?: Signal<unknown> | 0): Renderer;
 export {};

package/dist/dom/signals.d.ts

@@ -9,15 +9,11 @@ export declare function intersection(id: number, fn: SignalFn<never>, defaultPen
 export declare function loopClosure<T>(valueAccessor: Accessor, ownerLoopNodeAccessor: Accessor, fn: SignalFn<T>): SignalFn<T>;
 export declare function conditionalClosure<T>(valueAccessor: Accessor, ownerConditionalNodeAccessor: Accessor, branch: number, fn: SignalFn<T>): SignalFn<T>;
 export declare function subscribeToScopeSet(ownerScope: Scope, accessor: Accessor, scope: Scope): void;
-export declare function dynamicClosure<T>(valueAccessor: Accessor, fn: Signal<T>, getOwnerScope?: (scope: Scope) => Scope): {
-    (ownerScope: Scope): void;
-    ___subscribe(scope: Scope): void;
-    _(scope: Scope): void;
-};
-export declare function registerDynamicClosure<T>(registryId: string, valueAccessor: Accessor, fn: Signal<T>, getOwnerScope?: (scope: Scope) => Scope): {
-    (ownerScope: Scope): void;
-    ___subscribe(scope: Scope): void;
-    _(scope: Scope): void;
+export declare function dynamicClosure(...closureSignals: ReturnType<typeof dynamicClosureRead>[]): (scope: Scope) => void;
+export declare function dynamicClosureRead<T>(valueAccessor: Accessor, fn: Signal<T>, getOwnerScope?: (scope: Scope) => Scope): ((scope: Scope) => void) & {
+    ___scopeInstancesAccessor: string;
+    ___signalIndexAccessor: string;
+    ___index: number;
 };
 export declare function setTagVar(scope: Scope, childAccessor: Accessor, tagVarSignal: Signal<unknown>): void;
 export declare const tagVarSignal: (scope: Scope, value: unknown) => any;

package/dist/dom.d.ts

@@ -9,5 +9,5 @@ export { on } from "./dom/event";
 export { run } from "./dom/queue";
 export { createContent, createRenderer, registerContent } from "./dom/renderer";
 export { init, nodeRef, register, registerBoundSignal } from "./dom/resume";
-export { conditionalClosure, dynamicClosure, effect, hoist, intersection, loopClosure, nextTagId, registerDynamicClosure, setTagVar, setTagVarChange, state, tagVarSignal, tagVarSignalChange, value, } from "./dom/signals";
+export { conditionalClosure, dynamicClosure, dynamicClosureRead, effect, hoist, intersection, loopClosure, nextTagId, setTagVar, setTagVarChange, state, tagVarSignal, tagVarSignalChange, value, } from "./dom/signals";
 export { createTemplate } from "./dom/template";