marko 6.0.0-next.3.24 → 6.0.0-next.3.26

package/dist/debug/dom.mjs

@@ -107,21 +107,23 @@ function finishPendingScopes() {
   }
   pendingScopes = [];
 }
-var emptyScope = createScope({});
-function getEmptyScope(marker) {
-  emptyScope.___startNode = emptyScope.___endNode = marker;
-  return emptyScope;
+var emptyBranch = createScope({});
+function getEmptyBranch(marker) {
+  emptyBranch.___startNode = emptyBranch.___endNode = marker;
+  return emptyBranch;
 }
 function destroyBranch(branch) {
+  branch.___parentBranch?.___branchScopes?.delete(branch);
+  destroyNestedBranches(branch);
+}
+function destroyNestedBranches(branch) {
   branch.___destroyed = 1;
-  branch.___branchScopes?.forEach(destroyBranch);
-  if (branch.___abortScopes) {
-    for (const scope of branch.___abortScopes) {
-      for (const id in scope.___abortControllers) {
-        scope.___abortControllers[id]?.abort();
-      }
+  branch.___branchScopes?.forEach(destroyNestedBranches);
+  branch.___abortScopes?.forEach((scope) => {
+    for (const id in scope.___abortControllers) {
+      scope.___abortControllers[id]?.abort();
     }
-  }
+  });
 }
 function removeAndDestroyBranch(branch) {
   destroyBranch(branch);
@@ -133,9 +135,9 @@ function removeAndDestroyBranch(branch) {
     current = next;
   }
 }
-function insertBefore(scope, parent, nextSibling) {
-  let current = scope.___startNode;
-  const stop = scope.___endNode.nextSibling;
+function insertBranchBefore(branch, parent, nextSibling) {
+  let current = branch.___startNode;
+  const stop = branch.___endNode.nextSibling;
   while (current !== stop) {
     const next = current.nextSibling;
     parent.insertBefore(current, nextSibling);
@@ -240,7 +242,7 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
       k = newEnd + 1;
       nextSibling = k < newBranches.length ? newBranches[k].___startNode : afterReference;
       do {
-        insertBefore(newBranches[newStart++], parent, nextSibling);
+        insertBranchBefore(newBranches[newStart++], parent, nextSibling);
       } while (newStart <= newEnd);
     }
   } else if (newStart > newEnd) {
@@ -274,7 +276,7 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
     }
     if (oldLength === oldBranches.length && synced === 0) {
       for (; newStart < newLength; ++newStart) {
-        insertBefore(newBranches[newStart], parent, afterReference);
+        insertBranchBefore(newBranches[newStart], parent, afterReference);
       }
       for (; oldStart < oldLength; ++oldStart) {
         removeAndDestroyBranch(oldBranches[oldStart]);
@@ -297,13 +299,13 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
             pos = i + newStart;
             newBranch = newBranches[pos++];
             nextSibling = pos < k ? newBranches[pos].___startNode : afterReference;
-            insertBefore(newBranch, parent, nextSibling);
+            insertBranchBefore(newBranch, parent, nextSibling);
           } else {
             if (j < 0 || i !== seq[j]) {
               pos = i + newStart;
               newBranch = newBranches[pos++];
               nextSibling = pos < k ? newBranches[pos].___startNode : afterReference;
-              insertBefore(newBranch, parent, nextSibling);
+              insertBranchBefore(newBranch, parent, nextSibling);
             } else {
               --j;
             }
@@ -316,7 +318,7 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
             pos = i + newStart;
             newBranch = newBranches[pos++];
             nextSibling = pos < k ? newBranches[pos].___startNode : afterReference;
-            insertBefore(newBranch, parent, nextSibling);
+            insertBranchBefore(newBranch, parent, nextSibling);
           }
         }
       }
@@ -565,6 +567,7 @@ var Render = class {
                 if (branchIds.has(scopeId)) {
                   const branch = scope;
                   const parentBranch = branch.___closestBranch;
+                  branch.___branchDepth = +scopeId;
                   scope.___closestBranch = branch;
                   if (parentBranch) {
                     branch.___parentBranch = parentBranch;
@@ -1250,7 +1253,7 @@ function createBranchScopeWithRenderer(renderer, $global, parentScope) {
   if (true) {
     branch.___renderer = renderer;
   }
-  initRenderer(renderer, branch);
+  initBranch(renderer, branch);
   return branch;
 }
 function createBranchScopeWithTagNameOrRenderer(tagNameOrRenderer, $global, parentScope) {
@@ -1271,22 +1274,25 @@ function createBranch($global, ownerScope, parentScope) {
   branch._ = ownerScope;
   branch.___closestBranch = branch;
   if (parentBranch) {
+    branch.___branchDepth = parentBranch.___branchDepth + 1;
     branch.___parentBranch = parentBranch;
     (parentBranch.___branchScopes ||= /* @__PURE__ */ new Set()).add(branch);
+  } else {
+    branch.___branchDepth = 1;
   }
   return branch;
 }
-function initRenderer(renderer, scope) {
+function initBranch(renderer, branch) {
   const dom = renderer.___clone();
   walk(
     dom.nodeType === 11 /* DocumentFragment */ ? dom.firstChild : dom,
     renderer.___walks,
-    scope
+    branch
   );
-  scope.___startNode = dom.nodeType === 11 /* DocumentFragment */ ? dom.firstChild : dom;
-  scope.___endNode = dom.nodeType === 11 /* DocumentFragment */ ? dom.lastChild : dom;
+  branch.___startNode = dom.nodeType === 11 /* DocumentFragment */ ? dom.firstChild : dom;
+  branch.___endNode = dom.nodeType === 11 /* DocumentFragment */ ? dom.lastChild : dom;
   if (renderer.___setup) {
-    queueRender(scope, renderer.___setup);
+    queueRender(branch, renderer.___setup);
   }
   return dom;
 }
@@ -1367,6 +1373,7 @@ var conditional = function conditional2(nodeAccessor, fn, getIntersection) {
     if (newRendererOrOp !== MARK && newRendererOrOp !== CLEAN) {
       const normalizedRenderer = normalizeDynamicRenderer(newRendererOrOp);
       if (isDifferentRenderer(normalizedRenderer, currentRenderer)) {
+        scope[rendererAccessor] = normalizedRenderer;
         setConditionalRenderer(scope, nodeAccessor, normalizedRenderer);
         fn && fn(scope);
         op = DIRTY;
@@ -1378,16 +1385,15 @@ var conditional = function conditional2(nodeAccessor, fn, getIntersection) {
   };
 };
 function setConditionalRenderer(scope, nodeAccessor, newRenderer) {
-  const newBranch = newRenderer ? createBranchScopeWithTagNameOrRenderer(newRenderer, scope.$global, scope) : void 0;
-  const prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */] || getEmptyScope(scope[nodeAccessor]);
-  insertBefore(
-    newBranch || getEmptyScope(scope[nodeAccessor]),
+  const prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */] || getEmptyBranch(scope[nodeAccessor]);
+  const newBranch = newRenderer ? createBranchScopeWithTagNameOrRenderer(newRenderer, scope.$global, scope) : getEmptyBranch(scope[nodeAccessor]);
+  insertBranchBefore(
+    newBranch,
     prevBranch.___startNode.parentNode,
     prevBranch.___startNode
   );
   removeAndDestroyBranch(prevBranch);
-  scope[nodeAccessor + "(" /* ConditionalRenderer */] = newRenderer;
-  scope[nodeAccessor + "!" /* ConditionalScope */] = newBranch;
+  scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && newBranch;
 }
 var conditionalOnlyChild = function conditional3(nodeAccessor, fn, getIntersection) {
   const rendererAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
@@ -1420,16 +1426,16 @@ function setConditionalRendererOnlyChild(scope, nodeAccessor, newRenderer) {
   const newBranch = newRenderer ? createBranchScopeWithTagNameOrRenderer(newRenderer, scope.$global, scope) : void 0;
   referenceNode.textContent = "";
   if (newBranch) {
-    insertBefore(newBranch, referenceNode, null);
+    insertBranchBefore(newBranch, referenceNode, null);
   }
   prevBranch && destroyBranch(prevBranch);
   scope[nodeAccessor + "!" /* ConditionalScope */] = newBranch;
 }
 var emptyMarkerMap = /* @__PURE__ */ new Map([
-  [Symbol(), getEmptyScope(void 0)]
+  [Symbol(), getEmptyBranch(void 0)]
 ]);
 var emptyMarkerArray = [
-  /* @__PURE__ */ getEmptyScope(void 0)
+  /* @__PURE__ */ getEmptyBranch(void 0)
 ];
 var emptyMap = /* @__PURE__ */ new Map();
 var emptyArray = [];
@@ -1507,7 +1513,7 @@ function loop(nodeAccessor, renderer, forEach) {
       if (referenceIsMarker) {
         newMap = emptyMarkerMap;
         newArray = emptyMarkerArray;
-        getEmptyScope(referenceNode);
+        getEmptyBranch(referenceNode);
       } else {
         oldArray.forEach(destroyBranch);
         referenceNode.textContent = "";
@@ -1519,7 +1525,7 @@ function loop(nodeAccessor, renderer, forEach) {
     if (needsReconciliation) {
       if (referenceIsMarker) {
         if (oldMap === emptyMarkerMap) {
-          getEmptyScope(referenceNode);
+          getEmptyBranch(referenceNode);
         }
         const oldLastChild = oldArray[oldArray.length - 1];
         afterReference = oldLastChild.___endNode.nextSibling;
@@ -1658,8 +1664,8 @@ function conditionalClosure(ownerConditionalNodeAccessor, getRenderer, fn, getIn
   return helperSignal;
 }
 var defaultGetOwnerScope = (scope) => scope._;
-function dynamicClosure(ownerValueAccessor, fn, getOwnerScope = defaultGetOwnerScope, getIntersection) {
-  const ownerSubscribersAccessor = ownerValueAccessor + "*" /* Subscribers */;
+function dynamicClosure(fn, getOwnerScope = defaultGetOwnerScope, getIntersection) {
+  const ownerSubscribersAccessor = "?" /* Dynamic */ + accessorId++;
   const _signal = closure(fn, getIntersection);
   const helperSignal = (ownerScope, value2) => {
     const subscribers = ownerScope[ownerSubscribersAccessor];
@@ -1719,7 +1725,7 @@ function effect(id, fn) {
 }
 
 // src/dom/queue.ts
-var pendingRender;
+var pendingRenders = [];
 var pendingEffects = [];
 var rendering = false;
 function queueSource(scope, signal, value2) {
@@ -1732,30 +1738,22 @@ function queueSource(scope, signal, value2) {
   return value2;
 }
 function queueRender(scope, signal, value2) {
-  const nextRender = {
+  let i = pendingRenders.length;
+  const render = {
     ___scope: scope,
     ___signal: signal,
     ___value: value2,
-    ___next: void 0
+    ___index: i
   };
-  if (!pendingRender) {
-    pendingRender = nextRender;
-  } else if (comparePendingRenders(pendingRender, nextRender) < 0) {
-    if (rendering) {
-      throw new Error(
-        "attempted to queue a render before the currently executing render"
-      );
-    }
-    nextRender.___next = pendingRender;
-    pendingRender = nextRender;
-  } else {
-    let curRender = pendingRender;
-    while (curRender.___next && comparePendingRenders(curRender.___next, nextRender) >= 0) {
-      curRender = curRender.___next;
-    }
-    nextRender.___next = curRender.___next;
-    curRender.___next = nextRender;
+  pendingRenders.push(render);
+  while (i) {
+    const parentIndex = i - 1 >> 1;
+    const parent = pendingRenders[parentIndex];
+    if (comparePendingRenders(render, parent) >= 0) break;
+    pendingRenders[i] = parent;
+    i = parentIndex;
   }
+  pendingRenders[i] = render;
 }
 function queueEffect(scope, fn) {
   pendingEffects.push(scope, fn);
@@ -1766,24 +1764,24 @@ function run() {
     rendering = true;
     runRenders();
   } finally {
-    pendingRender = void 0;
+    pendingRenders = [];
+    pendingEffects = [];
     rendering = false;
   }
-  pendingEffects = [];
   runEffects(effects);
 }
 function prepareEffects(fn) {
-  const prevRender = pendingRender;
+  const prevRenders = pendingRenders;
   const prevEffects = pendingEffects;
   const preparedEffects = pendingEffects = [];
-  pendingRender = void 0;
+  pendingRenders = [];
   try {
     rendering = true;
     fn();
     runRenders();
   } finally {
     rendering = false;
-    pendingRender = prevRender;
+    pendingRenders = prevRenders;
     pendingEffects = prevEffects;
   }
   return preparedEffects;
@@ -1796,21 +1794,42 @@ function runEffects(effects = pendingEffects) {
   }
 }
 function runRenders() {
-  while (pendingRender) {
-    if (!pendingRender.___scope.___closestBranch?.___destroyed) {
-      pendingRender.___signal(pendingRender.___scope, pendingRender.___value);
+  while (pendingRenders.length) {
+    const render = pendingRenders[0];
+    const next = pendingRenders.pop();
+    if (render !== next) {
+      let i = 0;
+      const mid = pendingRenders.length >> 1;
+      const item = pendingRenders[0] = next;
+      while (i < mid) {
+        let bestChild = (i << 1) + 1;
+        const right = bestChild + 1;
+        if (right < pendingRenders.length && comparePendingRenders(
+          pendingRenders[right],
+          pendingRenders[bestChild]
+        ) < 0) {
+          bestChild = right;
+        }
+        if (comparePendingRenders(pendingRenders[bestChild], item) >= 0) {
+          break;
+        } else {
+          pendingRenders[i] = pendingRenders[bestChild];
+          i = bestChild;
+        }
+      }
+      pendingRenders[i] = item;
+    }
+    if (!render.___scope.___closestBranch?.___destroyed) {
+      render.___signal(render.___scope, render.___value);
     }
-    pendingRender = pendingRender.___next;
   }
   finishPendingScopes();
 }
 function comparePendingRenders(a, b) {
-  const aStart = ownerStartNode(a.___scope);
-  const bStart = ownerStartNode(b.___scope);
-  return aStart === bStart ? 0 : aStart ? bStart ? aStart.compareDocumentPosition(bStart) & 2 ? -1 : 1 : -1 : 1;
+  return getBranchDepth(a) - getBranchDepth(b) || a.___index - b.___index;
 }
-function ownerStartNode(scope) {
-  return (scope.___closestBranch || scope).___startNode;
+function getBranchDepth(render) {
+  return render.___scope.___closestBranch?.___branchDepth || 0;
 }
 
 // src/dom/abort-signal.ts
@@ -1909,7 +1928,7 @@ var compat = {
       if (!scope) {
         scope = component.scope = createScope(out.global);
         scope._ = renderer.___owner;
-        initRenderer(renderer, scope);
+        initBranch(renderer, scope);
       } else {
         applyArgs(scope, MARK);
         existing = true;
@@ -1940,6 +1959,8 @@ var createTemplate = (templateId, ...rendererArgs) => {
 };
 function mount(input = {}, reference, position) {
   let branch, dom;
+  let parentNode = reference;
+  let nextSibling = null;
   let { $global } = input;
   if ($global) {
     ({ $global, ...input } = input);
@@ -1954,28 +1975,26 @@ function mount(input = {}, reference, position) {
       renderId: DEFAULT_RENDER_ID
     };
   }
-  const args = this.___args;
-  const effects = prepareEffects(() => {
-    branch = createScope($global);
-    dom = initRenderer(this, branch);
-    if (args) {
-      args(branch, [input]);
-    }
-  });
   switch (position) {
     case "beforebegin":
-      reference.parentNode.insertBefore(dom, reference);
+      parentNode = reference.parentNode;
+      nextSibling = reference;
       break;
     case "afterbegin":
-      reference.insertBefore(dom, reference.firstChild);
+      nextSibling = reference.firstChild;
       break;
     case "afterend":
-      reference.parentNode.insertBefore(dom, reference.nextSibling);
-      break;
-    default:
-      reference.appendChild(dom);
+      parentNode = reference.parentNode;
+      nextSibling = reference.nextSibling;
       break;
   }
+  const args = this.___args;
+  const effects = prepareEffects(() => {
+    branch = createScope($global);
+    dom = initBranch(this, branch);
+    args?.(branch, [input]);
+  });
+  parentNode.insertBefore(dom, nextSibling);
   runEffects(effects);
   return {
     update: (newInput) => {

package/dist/debug/html.js

@@ -1486,13 +1486,13 @@ function register2(val, id, scopeId) {
 function nextTagId() {
   const state = $chunk.boundary.state;
   const { $global: $global2 } = state;
-  return "s" + $global2.runtimeId + $global2.renderId + (state.tagIndex++).toString(36);
+  return "s" + $global2.runtimeId + $global2.renderId + (state.tagId++).toString(36);
 }
 function nextScopeId() {
-  return $chunk.boundary.state.scopeIndex++;
+  return $chunk.boundary.state.scopeId++;
 }
 function peekNextScopeId() {
-  return $chunk.boundary.state.scopeIndex;
+  return $chunk.boundary.state.scopeId;
 }
 function peekNextScope() {
   return ensureScopeWithId(peekNextScopeId());
@@ -1815,9 +1815,9 @@ var State2 = class {
       this.nonceAttr = " " + escapeAttrValue($global2.cspNonce + "");
     }
   }
-  tagIndex = 0;
-  scopeIndex = 0;
-  reorderIndex = 0;
+  tagId = 1;
+  scopeId = 1;
+  reorderId = 1;
   hasGlobals = false;
   needsMainRuntime = false;
   hasMainRuntime = false;
@@ -1849,7 +1849,7 @@ var State2 = class {
     const encodeChars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_0123456789";
     const encodeLen = encodeChars.length;
     const encodeStartLen = encodeLen - 10;
-    let index = this.reorderIndex++;
+    let index = this.reorderId++;
     let mod = index % encodeStartLen;
     let id = encodeChars[mod];
     index = (index - mod) / encodeStartLen;

package/dist/debug/html.mjs

@@ -1406,13 +1406,13 @@ function register2(val, id, scopeId) {
 function nextTagId() {
   const state = $chunk.boundary.state;
   const { $global: $global2 } = state;
-  return "s" + $global2.runtimeId + $global2.renderId + (state.tagIndex++).toString(36);
+  return "s" + $global2.runtimeId + $global2.renderId + (state.tagId++).toString(36);
 }
 function nextScopeId() {
-  return $chunk.boundary.state.scopeIndex++;
+  return $chunk.boundary.state.scopeId++;
 }
 function peekNextScopeId() {
-  return $chunk.boundary.state.scopeIndex;
+  return $chunk.boundary.state.scopeId;
 }
 function peekNextScope() {
   return ensureScopeWithId(peekNextScopeId());
@@ -1735,9 +1735,9 @@ var State2 = class {
       this.nonceAttr = " " + escapeAttrValue($global2.cspNonce + "");
     }
   }
-  tagIndex = 0;
-  scopeIndex = 0;
-  reorderIndex = 0;
+  tagId = 1;
+  scopeId = 1;
+  reorderId = 1;
   hasGlobals = false;
   needsMainRuntime = false;
   hasMainRuntime = false;
@@ -1769,7 +1769,7 @@ var State2 = class {
     const encodeChars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_0123456789";
     const encodeLen = encodeChars.length;
     const encodeStartLen = encodeLen - 10;
-    let index = this.reorderIndex++;
+    let index = this.reorderId++;
     let mod = index % encodeStartLen;
     let id = encodeChars[mod];
     index = (index - mod) / encodeStartLen;

package/dist/dom/renderer.d.ts

@@ -13,7 +13,7 @@ export type Renderer = {
 type SetupFn = (scope: Scope) => void;
 export declare function createBranchScopeWithRenderer(renderer: Renderer, $global: Scope["$global"], parentScope: Scope): BranchScope;
 export declare function createBranchScopeWithTagNameOrRenderer(tagNameOrRenderer: Renderer | string, $global: Scope["$global"], parentScope: Scope): BranchScope;
-export declare function initRenderer(renderer: Renderer, scope: Scope): Node;
+export declare function initBranch(renderer: Renderer, branch: BranchScope): Node;
 export declare function dynamicTagAttrs(nodeAccessor: Accessor, getContent?: (scope: Scope) => Renderer, inputIsArgs?: boolean): (scope: Scope, attrsOrOp: (() => Record<string, unknown>) | SignalOp) => void;
 export declare function createRendererWithOwner(template: string, rawWalks?: string, setup?: SetupFn, getArgs?: () => Signal<unknown>): (owner?: Scope) => Renderer;
 export declare function createRenderer(template: string, walks?: string, setup?: SetupFn, getArgs?: () => Signal<unknown>): Renderer;

package/dist/dom/scope.d.ts

@@ -1,7 +1,7 @@
 import type { BranchScope, Scope } from "../common/types";
 export declare function createScope($global: Scope["$global"]): Scope;
 export declare function finishPendingScopes(): void;
-export declare function getEmptyScope(marker: Comment): Scope;
+export declare function getEmptyBranch(marker: Comment): BranchScope;
 export declare function destroyBranch(branch: BranchScope): void;
 export declare function removeAndDestroyBranch(branch: BranchScope): void;
-export declare function insertBefore(scope: Scope, parent: Node & ParentNode, nextSibling: Node | null): void;
+export declare function insertBranchBefore(branch: BranchScope, parent: Node & ParentNode, nextSibling: Node | null): void;

package/dist/dom/signals.d.ts

@@ -14,7 +14,7 @@ export declare function intersection(count: number, fn: SignalFn<never>, getInte
 export declare function closure<T>(fn: SignalFn<T> | 0, getIntersection?: () => Signal<never>): Signal<T>;
 export declare function loopClosure<T>(ownerLoopNodeAccessor: Accessor, fn: SignalFn<T> | 0, getIntersection?: () => Signal<never>): SignalFn<T>;
 export declare function conditionalClosure<T>(ownerConditionalNodeAccessor: Accessor, getRenderer: () => Renderer, fn: SignalFn<T> | 0, getIntersection?: () => Signal<never>): SignalFn<T>;
-export declare function dynamicClosure<T>(ownerValueAccessor: Accessor, fn: Signal<T> | 0, getOwnerScope?: (scope: Scope) => Scope, getIntersection?: () => Signal<never>): SignalFn<T>;
+export declare function dynamicClosure<T>(fn: Signal<T> | 0, getOwnerScope?: (scope: Scope) => Scope, getIntersection?: () => Signal<never>): SignalFn<T>;
 export declare function setTagVar(scope: Scope, childAccessor: Accessor, tagVarSignal: Signal<unknown>): void;
 export declare const tagVarSignal: (scope: Scope, valueOrOp: unknown | SignalOp) => any;
 export declare function setTagVarChange(scope: Scope, changeHandler: (value: unknown) => void): void;