marko 6.0.0-next.3.62 → 6.0.0-next.3.64

package/dist/common/types.d.ts

@@ -10,6 +10,7 @@ export interface BranchScope extends Scope {
     ___branchScopes: Set<BranchScope> | undefined;
     ___renderer: ClientRenderer | string;
     ___pendingAsyncCount: number | undefined;
+    ___effects: unknown[] | undefined;
 }
 export interface Scope {
     $global: Record<string, unknown> & {
@@ -18,7 +19,7 @@ export interface Scope {
     _: Scope | undefined;
     ___id: number;
     ___args: unknown;
-    ___pending: 1 | 0 | undefined;
+    ___creating: 1 | 0 | undefined;
     ___abortControllers: Record<string | number, AbortController | void> | undefined;
     ___closestBranch: BranchScope | undefined;
     [x: string | number]: any;

package/dist/debug/dom.js

@@ -990,7 +990,7 @@ var pendingScopes = [];
 function createScope($global, closestBranch) {
   const scope = {
     ___id: $global.___nextScopeId++,
-    ___pending: 1,
+    ___creating: 1,
     ___closestBranch: closestBranch,
     $global
   };
@@ -1002,10 +1002,17 @@ function skipScope(scope) {
 }
 function finishPendingScopes() {
   for (const scope of pendingScopes) {
-    scope.___pending = 0;
+    scope.___creating = 0;
   }
   pendingScopes = [];
 }
+function findBranchWithKey(scope, key) {
+  let branch = scope.___closestBranch;
+  while (branch && !branch[key]) {
+    branch = branch.___parentBranch;
+  }
+  return branch;
+}
 function destroyBranch(branch) {
   branch.___parentBranch?.___branchScopes?.delete(branch);
   destroyNestedBranches(branch);
@@ -1475,7 +1482,7 @@ function value(valueAccessor, fn = () => {
 }
 function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "___id") {
   return (scope) => {
-    if (scope.___pending) {
+    if (scope.___creating) {
       if (scope[id] === void 0) {
         scope[id] = defaultPending;
       } else if (!--scope[id]) {
@@ -1498,7 +1505,7 @@ function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
         ownerScope,
         () => {
           for (const scope of scopes) {
-            if (!scope.___pending && !scope.___destroyed) {
+            if (!scope.___creating && !scope.___destroyed) {
               childSignal(scope);
             }
           }
@@ -1518,7 +1525,7 @@ function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch,
   const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + ownerConditionalNodeAccessor;
   const ownerSignal = (scope) => {
     const ifScope = scope[scopeAccessor];
-    if (ifScope && !ifScope.___pending && scope[branchAccessor] === branch) {
+    if (ifScope && !ifScope.___creating && scope[branchAccessor] === branch) {
       queueRender(ifScope, childSignal, -1);
     }
   };
@@ -1543,7 +1550,7 @@ function dynamicClosure(...closureSignals) {
   return (scope) => {
     if (scope[___scopeInstancesAccessor]) {
       for (const childScope of scope[___scopeInstancesAccessor]) {
-        if (!childScope.___pending) {
+        if (!childScope.___creating) {
           queueRender(
             childScope,
             closureSignals[childScope[___signalIndexAccessor]],
@@ -1620,98 +1627,88 @@ function awaitTag(nodeAccessor, renderer) {
   const promiseAccessor = "Promise:" /* Promise */ + nodeAccessor;
   const branchAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
   return (scope, promise) => {
-    let tryBranch = scope.___closestBranch;
+    const tryWithPlaceholder = findBranchWithKey(
+      scope,
+      "#PlaceholderContent" /* PlaceholderContent */
+    );
     let awaitBranch = scope[branchAccessor];
     const referenceNode = scope[nodeAccessor];
     const namespaceNode = (awaitBranch?.___startNode ?? referenceNode).parentNode;
-    while (tryBranch && !tryBranch["#PlaceholderContent" /* PlaceholderContent */]) {
-      tryBranch = tryBranch.___parentBranch;
-    }
     const thisPromise = scope[promiseAccessor] = promise.then((data2) => {
       if (scope.___closestBranch?.___destroyed || scope[promiseAccessor] !== thisPromise) {
         return;
       }
       scope[promiseAccessor] = void 0;
-      const effects = prepareEffects(() => {
-        if (!awaitBranch || !tryBranch) {
-          insertBranchBefore(
-            awaitBranch ??= scope[branchAccessor] = createAndSetupBranch(
-              scope.$global,
-              renderer,
-              scope,
-              namespaceNode
-            ),
-            referenceNode.parentNode,
-            referenceNode
-          );
-          referenceNode.remove();
-        }
-        renderer.___params?.(awaitBranch, [data2]);
-      });
-      if (tryBranch) {
-        if (!--tryBranch.___pendingAsyncCount) {
-          const placeholderBranch = tryBranch["#PlaceholderBranch" /* PlaceholderBranch */];
+      runEffects(
+        prepareEffects(() => {
+          if (tryWithPlaceholder) {
+            placeholderShown.add(pendingEffects);
+          }
+          if (!awaitBranch || !tryWithPlaceholder) {
+            insertBranchBefore(
+              awaitBranch ??= scope[branchAccessor] = createAndSetupBranch(
+                scope.$global,
+                renderer,
+                scope,
+                namespaceNode
+              ),
+              referenceNode.parentNode,
+              referenceNode
+            );
+            referenceNode.remove();
+          }
+          renderer.___params?.(awaitBranch, [data2]);
+        })
+      );
+      if (tryWithPlaceholder) {
+        tryWithPlaceholder;
+        if (!--tryWithPlaceholder.___pendingAsyncCount) {
+          const placeholderBranch = tryWithPlaceholder["#PlaceholderBranch" /* PlaceholderBranch */];
+          tryWithPlaceholder["#PlaceholderBranch" /* PlaceholderBranch */] = void 0;
           if (placeholderBranch) {
             insertBranchBefore(
-              tryBranch,
+              tryWithPlaceholder,
               placeholderBranch.___startNode.parentNode,
               placeholderBranch.___startNode
             );
             removeAndDestroyBranch(placeholderBranch);
           } else {
             insertBranchBefore(
-              tryBranch,
+              tryWithPlaceholder,
               referenceNode.parentNode,
               referenceNode
             );
           }
+          if (tryWithPlaceholder.___effects) {
+            runEffects(tryWithPlaceholder.___effects, true);
+          }
         }
-      } else {
-        runEffects(effects);
       }
     }).catch((error) => {
-      let tryBranch2 = scope.___closestBranch;
-      while (tryBranch2 && !tryBranch2["#CatchContent" /* CatchContent */]) {
-        tryBranch2 = tryBranch2.___parentBranch;
-      }
-      if (!tryBranch2) {
-        setTimeout(() => {
-          throw error;
-        });
-      } else {
-        setConditionalRenderer(
-          tryBranch2._,
-          tryBranch2["#BranchAccessor" /* BranchAccessor */],
-          tryBranch2["#CatchContent" /* CatchContent */],
-          createAndSetupBranch
-        );
-        tryBranch2["#CatchContent" /* CatchContent */].___params?.(
-          tryBranch2._["ConditionalScope:" /* ConditionalScope */ + tryBranch2["#BranchAccessor" /* BranchAccessor */]],
-          [error]
-        );
-      }
+      renderCatch(scope, error, true);
     });
-    if (tryBranch) {
-      if (!tryBranch.___pendingAsyncCount) {
-        tryBranch.___pendingAsyncCount = 0;
+    if (tryWithPlaceholder) {
+      placeholderShown.add(pendingEffects);
+      if (!tryWithPlaceholder.___pendingAsyncCount) {
+        tryWithPlaceholder.___pendingAsyncCount = 0;
         requestAnimationFrame(() => {
-          if (tryBranch.___pendingAsyncCount && !tryBranch.___destroyed) {
-            const placeholderBranch = tryBranch["#PlaceholderBranch" /* PlaceholderBranch */] = createAndSetupBranch(
+          if (tryWithPlaceholder.___pendingAsyncCount && !tryWithPlaceholder.___destroyed) {
+            const placeholderBranch = tryWithPlaceholder["#PlaceholderBranch" /* PlaceholderBranch */] = createAndSetupBranch(
               scope.$global,
-              tryBranch["#PlaceholderContent" /* PlaceholderContent */],
-              tryBranch._,
-              tryBranch.___startNode.parentNode
+              tryWithPlaceholder["#PlaceholderContent" /* PlaceholderContent */],
+              tryWithPlaceholder._,
+              tryWithPlaceholder.___startNode.parentNode
             );
             insertBranchBefore(
               placeholderBranch,
-              tryBranch.___startNode.parentNode,
-              tryBranch.___startNode
+              tryWithPlaceholder.___startNode.parentNode,
+              tryWithPlaceholder.___startNode
             );
-            tempDetatchBranch(tryBranch);
+            tempDetatchBranch(tryWithPlaceholder);
           }
         });
       }
-      tryBranch.___pendingAsyncCount++;
+      tryWithPlaceholder.___pendingAsyncCount++;
     } else if (awaitBranch) {
       awaitBranch.___startNode.parentNode.insertBefore(
         referenceNode,
@@ -1742,6 +1739,35 @@ function createTry(nodeAccessor, tryContent) {
     }
   };
 }
+function renderCatch(scope, error, async) {
+  const tryWithCatch = findBranchWithKey(scope, "#CatchContent" /* CatchContent */);
+  if (!tryWithCatch) {
+    if (async) {
+      setTimeout(() => {
+        throw error;
+      });
+    } else {
+      throw error;
+    }
+  } else {
+    const placeholderBranch = tryWithCatch["#PlaceholderBranch" /* PlaceholderBranch */];
+    if (placeholderBranch) {
+      tryWithCatch._["ConditionalScope:" /* ConditionalScope */ + tryWithCatch["#BranchAccessor" /* BranchAccessor */]] = placeholderBranch;
+      destroyBranch(tryWithCatch);
+    }
+    caughtError.add(pendingEffects);
+    setConditionalRenderer(
+      tryWithCatch._,
+      tryWithCatch["#BranchAccessor" /* BranchAccessor */],
+      tryWithCatch["#CatchContent" /* CatchContent */],
+      createAndSetupBranch
+    );
+    tryWithCatch["#CatchContent" /* CatchContent */].___params?.(
+      tryWithCatch._["ConditionalScope:" /* ConditionalScope */ + tryWithCatch["#BranchAccessor" /* BranchAccessor */]],
+      [error]
+    );
+  }
+}
 function conditional(nodeAccessor, ...branches) {
   const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
   return (scope, newBranch) => {
@@ -1940,6 +1966,8 @@ function byFirstArg(name) {
 // src/dom/queue.ts
 var pendingRenders = [];
 var pendingRendersLookup = /* @__PURE__ */ new Map();
+var caughtError = /* @__PURE__ */ new WeakSet();
+var placeholderShown = /* @__PURE__ */ new WeakSet();
 var pendingEffects = [];
 var rendering = false;
 var scopeKeyOffset = 1e3;
@@ -2002,14 +2030,14 @@ function prepareEffects(fn) {
   }
   return preparedEffects;
 }
-function runEffects(effects) {
+var runEffects = (effects) => {
   for (let i = 0, scope; i < effects.length; ) {
     effects[i++](
       scope = effects[i++],
       scope
     );
   }
-}
+};
 function runRenders() {
   while (pendingRenders.length) {
     const render = pendingRenders[0];
@@ -2043,27 +2071,37 @@ var runRender = (render) => render.___signal(render.___scope, render.___value);
 var enableCatch = () => {
   enableCatch = () => {
   };
+  const handlePendingTry = (fn, scope, branch) => {
+    while (branch) {
+      if (branch.___pendingAsyncCount) {
+        return (branch.___effects ||= []).push(fn, scope);
+      }
+      branch = branch.___parentBranch;
+    }
+  };
+  runEffects = /* @__PURE__ */ ((runEffects2) => (effects, checkPending = placeholderShown.has(effects)) => {
+    if (checkPending || caughtError.has(effects)) {
+      let i = 0;
+      let fn;
+      let scope;
+      let branch;
+      for (; i < effects.length; ) {
+        fn = effects[i++];
+        scope = effects[i++];
+        branch = scope.___closestBranch;
+        if (!branch?.___destroyed && !(checkPending && handlePendingTry(fn, scope, branch))) {
+          fn(scope, scope);
+        }
+      }
+    } else {
+      runEffects2(effects);
+    }
+  })(runEffects);
   runRender = /* @__PURE__ */ ((runRender2) => (render) => {
     try {
       runRender2(render);
     } catch (error) {
-      let branch = render.___scope.___closestBranch;
-      while (branch && !branch["#CatchContent" /* CatchContent */])
-        branch = branch.___parentBranch;
-      if (!branch) {
-        throw error;
-      } else {
-        setConditionalRenderer(
-          branch._,
-          branch["#BranchAccessor" /* BranchAccessor */],
-          branch["#CatchContent" /* CatchContent */],
-          createAndSetupBranch
-        );
-        branch["#CatchContent" /* CatchContent */].___params?.(
-          branch._["ConditionalScope:" /* ConditionalScope */ + branch["#BranchAccessor" /* BranchAccessor */]],
-          [error]
-        );
-      }
+      renderCatch(render.___scope, error);
     }
   })(runRender);
 };

package/dist/debug/dom.mjs

@@ -902,7 +902,7 @@ var pendingScopes = [];
 function createScope($global, closestBranch) {
   const scope = {
     ___id: $global.___nextScopeId++,
-    ___pending: 1,
+    ___creating: 1,
     ___closestBranch: closestBranch,
     $global
   };
@@ -914,10 +914,17 @@ function skipScope(scope) {
 }
 function finishPendingScopes() {
   for (const scope of pendingScopes) {
-    scope.___pending = 0;
+    scope.___creating = 0;
   }
   pendingScopes = [];
 }
+function findBranchWithKey(scope, key) {
+  let branch = scope.___closestBranch;
+  while (branch && !branch[key]) {
+    branch = branch.___parentBranch;
+  }
+  return branch;
+}
 function destroyBranch(branch) {
   branch.___parentBranch?.___branchScopes?.delete(branch);
   destroyNestedBranches(branch);
@@ -1387,7 +1394,7 @@ function value(valueAccessor, fn = () => {
 }
 function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "___id") {
   return (scope) => {
-    if (scope.___pending) {
+    if (scope.___creating) {
       if (scope[id] === void 0) {
         scope[id] = defaultPending;
       } else if (!--scope[id]) {
@@ -1410,7 +1417,7 @@ function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
         ownerScope,
         () => {
           for (const scope of scopes) {
-            if (!scope.___pending && !scope.___destroyed) {
+            if (!scope.___creating && !scope.___destroyed) {
               childSignal(scope);
             }
           }
@@ -1430,7 +1437,7 @@ function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch,
   const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + ownerConditionalNodeAccessor;
   const ownerSignal = (scope) => {
     const ifScope = scope[scopeAccessor];
-    if (ifScope && !ifScope.___pending && scope[branchAccessor] === branch) {
+    if (ifScope && !ifScope.___creating && scope[branchAccessor] === branch) {
       queueRender(ifScope, childSignal, -1);
     }
   };
@@ -1455,7 +1462,7 @@ function dynamicClosure(...closureSignals) {
   return (scope) => {
     if (scope[___scopeInstancesAccessor]) {
       for (const childScope of scope[___scopeInstancesAccessor]) {
-        if (!childScope.___pending) {
+        if (!childScope.___creating) {
           queueRender(
             childScope,
             closureSignals[childScope[___signalIndexAccessor]],
@@ -1532,98 +1539,88 @@ function awaitTag(nodeAccessor, renderer) {
   const promiseAccessor = "Promise:" /* Promise */ + nodeAccessor;
   const branchAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
   return (scope, promise) => {
-    let tryBranch = scope.___closestBranch;
+    const tryWithPlaceholder = findBranchWithKey(
+      scope,
+      "#PlaceholderContent" /* PlaceholderContent */
+    );
     let awaitBranch = scope[branchAccessor];
     const referenceNode = scope[nodeAccessor];
     const namespaceNode = (awaitBranch?.___startNode ?? referenceNode).parentNode;
-    while (tryBranch && !tryBranch["#PlaceholderContent" /* PlaceholderContent */]) {
-      tryBranch = tryBranch.___parentBranch;
-    }
     const thisPromise = scope[promiseAccessor] = promise.then((data2) => {
       if (scope.___closestBranch?.___destroyed || scope[promiseAccessor] !== thisPromise) {
         return;
       }
       scope[promiseAccessor] = void 0;
-      const effects = prepareEffects(() => {
-        if (!awaitBranch || !tryBranch) {
-          insertBranchBefore(
-            awaitBranch ??= scope[branchAccessor] = createAndSetupBranch(
-              scope.$global,
-              renderer,
-              scope,
-              namespaceNode
-            ),
-            referenceNode.parentNode,
-            referenceNode
-          );
-          referenceNode.remove();
-        }
-        renderer.___params?.(awaitBranch, [data2]);
-      });
-      if (tryBranch) {
-        if (!--tryBranch.___pendingAsyncCount) {
-          const placeholderBranch = tryBranch["#PlaceholderBranch" /* PlaceholderBranch */];
+      runEffects(
+        prepareEffects(() => {
+          if (tryWithPlaceholder) {
+            placeholderShown.add(pendingEffects);
+          }
+          if (!awaitBranch || !tryWithPlaceholder) {
+            insertBranchBefore(
+              awaitBranch ??= scope[branchAccessor] = createAndSetupBranch(
+                scope.$global,
+                renderer,
+                scope,
+                namespaceNode
+              ),
+              referenceNode.parentNode,
+              referenceNode
+            );
+            referenceNode.remove();
+          }
+          renderer.___params?.(awaitBranch, [data2]);
+        })
+      );
+      if (tryWithPlaceholder) {
+        tryWithPlaceholder;
+        if (!--tryWithPlaceholder.___pendingAsyncCount) {
+          const placeholderBranch = tryWithPlaceholder["#PlaceholderBranch" /* PlaceholderBranch */];
+          tryWithPlaceholder["#PlaceholderBranch" /* PlaceholderBranch */] = void 0;
           if (placeholderBranch) {
             insertBranchBefore(
-              tryBranch,
+              tryWithPlaceholder,
               placeholderBranch.___startNode.parentNode,
               placeholderBranch.___startNode
             );
             removeAndDestroyBranch(placeholderBranch);
           } else {
             insertBranchBefore(
-              tryBranch,
+              tryWithPlaceholder,
               referenceNode.parentNode,
               referenceNode
             );
           }
+          if (tryWithPlaceholder.___effects) {
+            runEffects(tryWithPlaceholder.___effects, true);
+          }
         }
-      } else {
-        runEffects(effects);
       }
     }).catch((error) => {
-      let tryBranch2 = scope.___closestBranch;
-      while (tryBranch2 && !tryBranch2["#CatchContent" /* CatchContent */]) {
-        tryBranch2 = tryBranch2.___parentBranch;
-      }
-      if (!tryBranch2) {
-        setTimeout(() => {
-          throw error;
-        });
-      } else {
-        setConditionalRenderer(
-          tryBranch2._,
-          tryBranch2["#BranchAccessor" /* BranchAccessor */],
-          tryBranch2["#CatchContent" /* CatchContent */],
-          createAndSetupBranch
-        );
-        tryBranch2["#CatchContent" /* CatchContent */].___params?.(
-          tryBranch2._["ConditionalScope:" /* ConditionalScope */ + tryBranch2["#BranchAccessor" /* BranchAccessor */]],
-          [error]
-        );
-      }
+      renderCatch(scope, error, true);
     });
-    if (tryBranch) {
-      if (!tryBranch.___pendingAsyncCount) {
-        tryBranch.___pendingAsyncCount = 0;
+    if (tryWithPlaceholder) {
+      placeholderShown.add(pendingEffects);
+      if (!tryWithPlaceholder.___pendingAsyncCount) {
+        tryWithPlaceholder.___pendingAsyncCount = 0;
         requestAnimationFrame(() => {
-          if (tryBranch.___pendingAsyncCount && !tryBranch.___destroyed) {
-            const placeholderBranch = tryBranch["#PlaceholderBranch" /* PlaceholderBranch */] = createAndSetupBranch(
+          if (tryWithPlaceholder.___pendingAsyncCount && !tryWithPlaceholder.___destroyed) {
+            const placeholderBranch = tryWithPlaceholder["#PlaceholderBranch" /* PlaceholderBranch */] = createAndSetupBranch(
               scope.$global,
-              tryBranch["#PlaceholderContent" /* PlaceholderContent */],
-              tryBranch._,
-              tryBranch.___startNode.parentNode
+              tryWithPlaceholder["#PlaceholderContent" /* PlaceholderContent */],
+              tryWithPlaceholder._,
+              tryWithPlaceholder.___startNode.parentNode
             );
             insertBranchBefore(
               placeholderBranch,
-              tryBranch.___startNode.parentNode,
-              tryBranch.___startNode
+              tryWithPlaceholder.___startNode.parentNode,
+              tryWithPlaceholder.___startNode
             );
-            tempDetatchBranch(tryBranch);
+            tempDetatchBranch(tryWithPlaceholder);
           }
         });
       }
-      tryBranch.___pendingAsyncCount++;
+      tryWithPlaceholder.___pendingAsyncCount++;
     } else if (awaitBranch) {
       awaitBranch.___startNode.parentNode.insertBefore(
         referenceNode,
@@ -1654,6 +1651,35 @@ function createTry(nodeAccessor, tryContent) {
     }
   };
 }
+function renderCatch(scope, error, async) {
+  const tryWithCatch = findBranchWithKey(scope, "#CatchContent" /* CatchContent */);
+  if (!tryWithCatch) {
+    if (async) {
+      setTimeout(() => {
+        throw error;
+      });
+    } else {
+      throw error;
+    }
+  } else {
+    const placeholderBranch = tryWithCatch["#PlaceholderBranch" /* PlaceholderBranch */];
+    if (placeholderBranch) {
+      tryWithCatch._["ConditionalScope:" /* ConditionalScope */ + tryWithCatch["#BranchAccessor" /* BranchAccessor */]] = placeholderBranch;
+      destroyBranch(tryWithCatch);
+    }
+    caughtError.add(pendingEffects);
+    setConditionalRenderer(
+      tryWithCatch._,
+      tryWithCatch["#BranchAccessor" /* BranchAccessor */],
+      tryWithCatch["#CatchContent" /* CatchContent */],
+      createAndSetupBranch
+    );
+    tryWithCatch["#CatchContent" /* CatchContent */].___params?.(
+      tryWithCatch._["ConditionalScope:" /* ConditionalScope */ + tryWithCatch["#BranchAccessor" /* BranchAccessor */]],
+      [error]
+    );
+  }
+}
 function conditional(nodeAccessor, ...branches) {
   const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
   return (scope, newBranch) => {
@@ -1852,6 +1878,8 @@ function byFirstArg(name) {
 // src/dom/queue.ts
 var pendingRenders = [];
 var pendingRendersLookup = /* @__PURE__ */ new Map();
+var caughtError = /* @__PURE__ */ new WeakSet();
+var placeholderShown = /* @__PURE__ */ new WeakSet();
 var pendingEffects = [];
 var rendering = false;
 var scopeKeyOffset = 1e3;
@@ -1914,14 +1942,14 @@ function prepareEffects(fn) {
   }
   return preparedEffects;
 }
-function runEffects(effects) {
+var runEffects = (effects) => {
   for (let i = 0, scope; i < effects.length; ) {
     effects[i++](
       scope = effects[i++],
       scope
     );
   }
-}
+};
 function runRenders() {
   while (pendingRenders.length) {
     const render = pendingRenders[0];
@@ -1955,27 +1983,37 @@ var runRender = (render) => render.___signal(render.___scope, render.___value);
 var enableCatch = () => {
   enableCatch = () => {
   };
+  const handlePendingTry = (fn, scope, branch) => {
+    while (branch) {
+      if (branch.___pendingAsyncCount) {
+        return (branch.___effects ||= []).push(fn, scope);
+      }
+      branch = branch.___parentBranch;
+    }
+  };
+  runEffects = /* @__PURE__ */ ((runEffects2) => (effects, checkPending = placeholderShown.has(effects)) => {
+    if (checkPending || caughtError.has(effects)) {
+      let i = 0;
+      let fn;
+      let scope;
+      let branch;
+      for (; i < effects.length; ) {
+        fn = effects[i++];
+        scope = effects[i++];
+        branch = scope.___closestBranch;
+        if (!branch?.___destroyed && !(checkPending && handlePendingTry(fn, scope, branch))) {
+          fn(scope, scope);
+        }
+      }
+    } else {
+      runEffects2(effects);
+    }
+  })(runEffects);
   runRender = /* @__PURE__ */ ((runRender2) => (render) => {
     try {
       runRender2(render);
     } catch (error) {
-      let branch = render.___scope.___closestBranch;
-      while (branch && !branch["#CatchContent" /* CatchContent */])
-        branch = branch.___parentBranch;
-      if (!branch) {
-        throw error;
-      } else {
-        setConditionalRenderer(
-          branch._,
-          branch["#BranchAccessor" /* BranchAccessor */],
-          branch["#CatchContent" /* CatchContent */],
-          createAndSetupBranch
-        );
-        branch["#CatchContent" /* CatchContent */].___params?.(
-          branch._["ConditionalScope:" /* ConditionalScope */ + branch["#BranchAccessor" /* BranchAccessor */]],
-          [error]
-        );
-      }
+      renderCatch(render.___scope, error);
     }
   })(runRender);
 };