marko 6.0.0-next.3.38 → 6.0.0-next.3.39

package/dist/debug/dom.js

@@ -70,7 +70,7 @@ __export(dom_exports, {
   props: () => props,
   register: () => register,
   registerBoundSignal: () => registerBoundSignal,
-  registerSubscriber: () => registerSubscriber,
+  registerDynamicClosure: () => registerDynamicClosure,
   resetAbortSignal: () => resetAbortSignal,
   run: () => run,
   setTagVar: () => setTagVar,
@@ -130,49 +130,6 @@ function forTo(to, from, step, cb) {
   }
 }
 
-// src/dom/schedule.ts
-var runTask;
-var port2 = /* @__PURE__ */ (() => {
-  const { port1, port2: port22 } = new MessageChannel();
-  port1.onmessage = () => {
-    isScheduled = false;
-    if (true) {
-      const run2 = runTask;
-      runTask = void 0;
-      run2();
-    } else {
-      run();
-    }
-  };
-  return port22;
-})();
-var isScheduled;
-function schedule() {
-  if (!isScheduled) {
-    if (true) {
-      if (console.createTask) {
-        const task = console.createTask("queue");
-        runTask = () => task.run(run);
-      } else {
-        runTask = run;
-      }
-    }
-    isScheduled = true;
-    queueMicrotask(flushAndWaitFrame);
-  }
-}
-function flushAndWaitFrame() {
-  if (true) {
-    runTask();
-  } else {
-    run();
-  }
-  requestAnimationFrame(triggerMacroTask);
-}
-function triggerMacroTask() {
-  port2.postMessage(0);
-}
-
 // src/common/helpers.ts
 function classValue(value2) {
   return toDelimitedString(value2, " ", stringifyClassObject);
@@ -503,10 +460,6 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
     });
   }
 }
-function registerSubscriber(id, signal) {
-  register(id, signal.___subscribe);
-  return signal;
-}
 function nodeRef(id, key) {
   return register(id, (scope) => () => scope[key]);
 }
@@ -1057,9 +1010,10 @@ function toInsertNode(startNode, endNode) {
 // src/dom/scope.ts
 var pendingScopes = [];
 var debugID = 0;
-function createScope($global) {
+function createScope($global, closestBranch) {
   const scope = {
     ___pending: 1,
+    ___closestBranch: closestBranch,
     $global
   };
   if (true) {
@@ -1281,10 +1235,10 @@ function trimWalkString(walkString) {
 }
 function walk(startNode, walkCodes, branch) {
   walker.currentNode = startNode;
-  walkInternal(walkCodes, branch, 0);
+  walkInternal(0, walkCodes, branch);
   walker.currentNode = document;
 }
-function walkInternal(walkCodes, scope, currentWalkIndex) {
+function walkInternal(currentWalkIndex, walkCodes, scope) {
   let value2;
   let storedMultiplier = 0;
   let currentMultiplier = 0;
@@ -1311,9 +1265,11 @@ function walkInternal(walkCodes, scope, currentWalkIndex) {
         walker.nextNode();
       }
     } else if (value2 === 47 /* BeginChild */) {
-      const childScope = scope[true ? getDebugKey(currentScopeIndex++, "#childScope") : currentScopeIndex++] = createScope(scope.$global);
-      childScope.___closestBranch = scope.___closestBranch;
-      currentWalkIndex = walkInternal(walkCodes, childScope, currentWalkIndex);
+      currentWalkIndex = walkInternal(
+        currentWalkIndex,
+        walkCodes,
+        scope[true ? getDebugKey(currentScopeIndex++, "#childScope") : currentScopeIndex++] = createScope(scope.$global, scope.___closestBranch)
+      );
     } else if (value2 === 38 /* EndChild */) {
       return currentWalkIndex;
     } else if (value2 === 32 /* Get */) {
@@ -1390,9 +1346,14 @@ function createBranch($global, ownerScope, parentScope) {
 function initBranch(renderer, branch, parentNode) {
   const clone = renderer.___clone(parentNode.namespaceURI);
   const cloneParent = clone.parentNode;
-  walk(cloneParent?.firstChild || clone, renderer.___walks, branch);
-  branch.___startNode = cloneParent?.firstChild || clone;
-  branch.___endNode = cloneParent?.lastChild || clone;
+  if (cloneParent) {
+    walk(cloneParent.firstChild, renderer.___walks, branch);
+    branch.___startNode = cloneParent.firstChild;
+    branch.___endNode = cloneParent.lastChild;
+  } else {
+    walk(clone, renderer.___walks, branch);
+    branch.___startNode = branch.___endNode = clone;
+  }
   if (renderer.___setup) {
     queueRender(branch, renderer.___setup);
   }
@@ -1665,6 +1626,49 @@ function isDifferentRenderer(a, b) {
   return a !== b && (a?.___id || 0) !== b?.___id;
 }
 
+// src/dom/schedule.ts
+var runTask;
+var port2 = /* @__PURE__ */ (() => {
+  const { port1, port2: port22 } = new MessageChannel();
+  port1.onmessage = () => {
+    isScheduled = false;
+    if (true) {
+      const run2 = runTask;
+      runTask = void 0;
+      run2();
+    } else {
+      run();
+    }
+  };
+  return port22;
+})();
+var isScheduled;
+function schedule() {
+  if (!isScheduled) {
+    if (true) {
+      if (console.createTask) {
+        const task = console.createTask("queue");
+        runTask = () => task.run(run);
+      } else {
+        runTask = run;
+      }
+    }
+    isScheduled = true;
+    queueMicrotask(flushAndWaitFrame);
+  }
+}
+function flushAndWaitFrame() {
+  if (true) {
+    runTask();
+  } else {
+    run();
+  }
+  requestAnimationFrame(triggerMacroTask);
+}
+function triggerMacroTask() {
+  port2.postMessage(0);
+}
+
 // src/dom/signals.ts
 var MARK = true ? Symbol("mark") : {};
 var CLEAN = true ? Symbol("clean") : {};
@@ -1683,6 +1687,7 @@ function state(valueAccessor, fn, getIntersection) {
     } else if (scope[valueChangeAccessor]) {
       scope[valueChangeAccessor](valueOrOp);
     } else {
+      schedule();
       queueSource(scope, valueSignal, valueOrOp);
     }
     return valueOrOp;
@@ -1690,21 +1695,21 @@ function state(valueAccessor, fn, getIntersection) {
 }
 function value(valueAccessor, fn, getIntersection) {
   const markAccessor = valueAccessor + "#" /* Mark */;
-  let intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
+  let intersection2;
   return (scope, valueOrOp) => {
     if (valueOrOp === MARK) {
       if ((scope[markAccessor] = (scope[markAccessor] ?? 0) + 1) === 1) {
-        intersection2?.(scope, MARK);
+        getIntersection && (intersection2 ||= getIntersection())(scope, MARK);
       }
     } else if (valueOrOp !== DIRTY) {
       const existing = scope[markAccessor] !== void 0;
       if ((scope[markAccessor] ||= 1) === 1) {
         if (valueOrOp === CLEAN || existing && scope[valueAccessor] === valueOrOp) {
-          intersection2?.(scope, CLEAN);
+          getIntersection && (intersection2 ||= getIntersection())(scope, CLEAN);
         } else {
           scope[valueAccessor] = valueOrOp;
           fn && fn(scope, valueOrOp);
-          intersection2?.(scope, DIRTY);
+          getIntersection && (intersection2 ||= getIntersection())(scope, DIRTY);
         }
       }
       scope[markAccessor]--;
@@ -1715,11 +1720,11 @@ var accessorId = 0;
 function intersection(count, fn, getIntersection) {
   const dirtyAccessor = "?" /* Dynamic */ + accessorId++;
   const markAccessor = dirtyAccessor + "#" /* Mark */;
-  let intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
+  let intersection2;
   return (scope, op) => {
     if (op === MARK) {
       if ((scope[markAccessor] = (scope[markAccessor] ?? 0) + 1) === 1) {
-        intersection2?.(scope, MARK);
+        getIntersection && (intersection2 ||= getIntersection())(scope, MARK);
       }
     } else if (scope[markAccessor] === void 0) {
       scope[markAccessor] = count - 1;
@@ -1727,84 +1732,101 @@ function intersection(count, fn, getIntersection) {
     } else if (--scope[markAccessor] === 0) {
       if (op === DIRTY || scope[dirtyAccessor]) {
         scope[dirtyAccessor] = false;
-        fn(scope, 0);
-        intersection2?.(scope, DIRTY);
+        fn(scope);
+        getIntersection && (intersection2 ||= getIntersection())(scope, DIRTY);
       } else {
-        intersection2?.(scope, CLEAN);
+        getIntersection && (intersection2 ||= getIntersection())(scope, CLEAN);
       }
     } else {
       scope[dirtyAccessor] ||= op === DIRTY;
     }
   };
 }
-function closure(fn, getIntersection) {
-  let intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
-  return (scope, valueOrOp) => {
-    if (valueOrOp === MARK) {
-      intersection2?.(scope, MARK);
-    } else {
-      fn && fn(scope, valueOrOp);
-      intersection2?.(scope, DIRTY);
-    }
-  };
-}
-function loopClosure(ownerLoopNodeAccessor, fn, getIntersection) {
-  const signal = closure(fn, getIntersection);
+function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn, getIntersection) {
+  const childSignal = closure(valueAccessor, fn, getIntersection);
   const loopScopeAccessor = ownerLoopNodeAccessor + "!" /* LoopScopeArray */;
   const loopScopeMapAccessor = ownerLoopNodeAccessor + "(" /* LoopScopeMap */;
-  const helperSignal = (ownerScope, value2) => {
+  const ownerSignal = (ownerScope) => {
     const loopScopes = ownerScope[loopScopeAccessor] ?? ownerScope[loopScopeMapAccessor]?.values() ?? [];
     if (loopScopes !== emptyMarkerArray) {
       for (const scope of loopScopes) {
         if (!scope.___pending) {
-          queueSource(scope, signal, value2);
+          queueSource(scope, childSignal);
         }
       }
     }
   };
-  helperSignal._ = signal;
-  return helperSignal;
+  ownerSignal._ = childSignal;
+  return ownerSignal;
 }
-function conditionalClosure(ownerConditionalNodeAccessor, branch, fn, getIntersection) {
-  const signal = closure(fn, getIntersection);
+function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch, fn, getIntersection) {
+  const childSignal = closure(valueAccessor, fn, getIntersection);
   const scopeAccessor = ownerConditionalNodeAccessor + "!" /* ConditionalScope */;
   const branchAccessor = ownerConditionalNodeAccessor + "(" /* ConditionalRenderer */;
-  const helperSignal = (scope, value2) => {
+  const ownerSignal = (scope) => {
     const ifScope = scope[scopeAccessor];
     if (ifScope && !ifScope.___pending && scope[branchAccessor] === branch) {
-      queueSource(ifScope, signal, value2);
+      queueSource(ifScope, childSignal);
     }
   };
-  helperSignal._ = signal;
-  return helperSignal;
-}
-var defaultGetOwnerScope = (scope) => scope._;
-function dynamicClosure(fn, getOwnerScope = defaultGetOwnerScope, getIntersection) {
-  const ownerSubscribersAccessor = "?" /* Dynamic */ + accessorId++;
-  const _signal = closure(fn, getIntersection);
-  const helperSignal = (ownerScope, value2) => {
-    const subscribers = ownerScope[ownerSubscribersAccessor];
+  ownerSignal._ = childSignal;
+  return ownerSignal;
+}
+function dynamicClosure(valueAccessor, fn, getIntersection, getOwnerScope) {
+  const subscribersAccessor = "?" /* Dynamic */ + accessorId++;
+  const childSignal = closure(
+    valueAccessor,
+    fn,
+    getIntersection,
+    getOwnerScope
+  );
+  const ownerSignal = (ownerScope) => {
+    const subscribers = ownerScope[subscribersAccessor];
     if (subscribers) {
       for (const subscriber of subscribers) {
         if (!subscriber.___pending) {
-          queueSource(subscriber, _signal, value2);
+          queueSource(subscriber, childSignal);
         }
       }
     }
   };
-  const setupSignal = (scope, value2) => {
-    _signal(scope, value2);
+  const subscribe = (scope) => {
+    const owner = getOwnerScope ? getOwnerScope(scope) : scope._;
+    const subscribers = owner[subscribersAccessor] ||= /* @__PURE__ */ new Set();
+    if (!subscribers.has(scope)) {
+      subscribers.add(scope);
+      getAbortSignal(scope, -1).addEventListener(
+        "abort",
+        () => owner[subscribersAccessor].delete(scope)
+      );
+    }
+  };
+  ownerSignal.___subscribe = subscribe;
+  ownerSignal._ = (scope) => {
+    childSignal(scope);
     subscribe(scope);
   };
-  const subscribe = (scope) => {
-    (getOwnerScope(scope)[ownerSubscribersAccessor] ||= /* @__PURE__ */ new Set()).add(scope);
-    getAbortSignal(scope, -1).addEventListener("abort", () => {
-      getOwnerScope(scope)[ownerSubscribersAccessor].delete(scope);
-    });
+  return ownerSignal;
+}
+function registerDynamicClosure(id, valueAccessor, fn, getIntersection, getOwnerScope) {
+  const signal = dynamicClosure(
+    valueAccessor,
+    fn,
+    getIntersection,
+    getOwnerScope
+  );
+  register(id, signal.___subscribe);
+  return signal;
+}
+function closure(valueAccessor, fn, getIntersection, getOwnerScope) {
+  let intersection2;
+  return (scope, op) => {
+    op || fn && fn(
+      scope,
+      (getOwnerScope ? getOwnerScope(scope) : scope._)[valueAccessor]
+    );
+    getIntersection && (intersection2 ||= getIntersection())(scope, op ? MARK : DIRTY);
   };
-  helperSignal._ = setupSignal;
-  helperSignal.___subscribe = subscribe;
-  return helperSignal;
 }
 function setTagVar(scope, childAccessor, tagVarSignal2) {
   scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
@@ -1844,13 +1866,11 @@ var pendingRenders = [];
 var pendingEffects = [];
 var rendering = false;
 function queueSource(scope, signal, value2) {
-  schedule();
   const prevRendering = rendering;
   rendering = true;
   signal(scope, MARK);
   rendering = prevRendering;
   queueRender(scope, signal, value2);
-  return value2;
 }
 function queueRender(scope, signal, value2) {
   let i = pendingRenders.length;
@@ -1858,6 +1878,7 @@ function queueRender(scope, signal, value2) {
     ___scope: scope,
     ___signal: signal,
     ___value: value2,
+    ___depth: scope.___closestBranch?.___branchDepth || 0,
     ___index: i
   };
   pendingRenders.push(render);
@@ -1901,7 +1922,7 @@ function prepareEffects(fn) {
   }
   return preparedEffects;
 }
-function runEffects(effects = pendingEffects) {
+function runEffects(effects) {
   for (let i = 0; i < effects.length; i += 2 /* Total */) {
     const scope = effects[i];
     const fn = effects[i + 1];
@@ -1941,10 +1962,7 @@ function runRenders() {
   finishPendingScopes();
 }
 function comparePendingRenders(a, b) {
-  return getBranchDepth(a) - getBranchDepth(b) || a.___index - b.___index;
-}
-function getBranchDepth(render) {
-  return render.___scope.___closestBranch?.___branchDepth || 0;
+  return a.___depth - b.___depth || a.___index - b.___index;
 }
 
 // src/dom/abort-signal.ts
@@ -2119,7 +2137,7 @@ function mount(input = {}, reference, position) {
   );
   runEffects(effects);
   return {
-    update: (newInput) => {
+    update(newInput) {
       if (args) {
         runEffects(
           prepareEffects(() => {
@@ -2129,7 +2147,7 @@ function mount(input = {}, reference, position) {
         );
       }
     },
-    destroy: () => {
+    destroy() {
       removeAndDestroyBranch(branch);
     }
   };