marko 6.0.50 → 6.0.52

package/dist/dom.mjs

@@ -108,6 +108,89 @@ function stripSpacesAndPunctuation(str) {
   return str.replace(/[^\p{L}\p{N}]/gu, "");
 }
 
+// src/dom/scope.ts
+function createScope($global, closestBranch) {
+  let scope = {
+    l: $global.p++,
+    q: 1,
+    k: closestBranch,
+    $global
+  };
+  return pendingScopes.push(scope), scope;
+}
+function skipScope(scope) {
+  return scope.$global.p++;
+}
+function findBranchWithKey(scope, key) {
+  let branch = scope.k;
+  for (; branch && !branch[key]; )
+    branch = branch.y;
+  return branch;
+}
+function destroyBranch(branch) {
+  branch.y?.A?.delete(branch), destroyNestedBranches(branch);
+}
+function destroyNestedBranches(branch) {
+  branch.B = 1, branch.A?.forEach(destroyNestedBranches), branch.J?.forEach((scope) => {
+    for (let id in scope.z)
+      scope.z[id]?.abort();
+  });
+}
+function removeAndDestroyBranch(branch) {
+  destroyBranch(branch), removeChildNodes(branch.h, branch.j);
+}
+function insertBranchBefore(branch, parentNode, nextSibling) {
+  insertChildNodes(
+    parentNode,
+    nextSibling,
+    branch.h,
+    branch.j
+  );
+}
+function tempDetachBranch(branch) {
+  let fragment = new DocumentFragment();
+  fragment.namespaceURI = branch.h.parentNode.namespaceURI, insertChildNodes(fragment, null, branch.h, branch.j);
+}
+
+// src/dom/walker.ts
+var walker = /* @__PURE__ */ document.createTreeWalker(document);
+function walk(startNode, walkCodes, branch) {
+  walker.currentNode = startNode, walkInternal(0, walkCodes, branch);
+}
+function walkInternal(currentWalkIndex, walkCodes, scope) {
+  let value2, storedMultiplier = 0, currentMultiplier = 0, currentScopeIndex = 0;
+  for (; currentWalkIndex < walkCodes.length; )
+    if (value2 = walkCodes.charCodeAt(currentWalkIndex++), currentMultiplier = storedMultiplier, storedMultiplier = 0, value2 === 32 /* Get */) {
+      let node = walker.currentNode;
+      scope[currentScopeIndex] = node, scope["j" /* Getter */ + currentScopeIndex++] = () => node;
+    } else if (value2 === 37 /* Replace */ || value2 === 49 /* DynamicTagWithVar */)
+      walker.currentNode.replaceWith(
+        walker.currentNode = scope[currentScopeIndex++] = new Text()
+      ), value2 === 49 /* DynamicTagWithVar */ && (scope[currentScopeIndex++] = skipScope(scope));
+    else {
+      if (value2 === 38 /* EndChild */)
+        return currentWalkIndex;
+      if (value2 === 47 /* BeginChild */ || value2 === 48 /* BeginChildWithVar */)
+        currentWalkIndex = walkInternal(
+          currentWalkIndex,
+          walkCodes,
+          scope[currentScopeIndex++] = createScope(scope.$global, scope.k)
+        ), value2 === 48 /* BeginChildWithVar */ && (scope[currentScopeIndex++] = skipScope(scope));
+      else if (value2 < 92)
+        for (value2 = 20 /* Next */ * currentMultiplier + value2 - 67 /* Next */; value2--; )
+          walker.nextNode();
+      else if (value2 < 107)
+        for (value2 = 10 /* Over */ * currentMultiplier + value2 - 97 /* Over */; value2--; )
+          walker.nextSibling();
+      else if (value2 < 117) {
+        for (value2 = 10 /* Out */ * currentMultiplier + value2 - 107 /* Out */; value2--; )
+          walker.parentNode();
+        walker.nextSibling();
+      } else
+        storedMultiplier = currentMultiplier * 10 /* Multiplier */ + value2 - 117 /* Multiplier */;
+    }
+}
+
 // src/dom/resume.ts
 var registeredValues = {}, branchesEnabled;
 function enableBranches() {
@@ -126,7 +209,7 @@ function init(runtimeId = "M") {
             return branch.j = lastEndNode = endNode === lastEndNode ? reference.parentNode.insertBefore(new Text(), reference) : endNode, branch.h ||= lastEndNode, branchIds.add(branchId), branch;
           };
           return {
-            J() {
+            K() {
               if (visitToken === "[" /* BranchStart */)
                 currentBranchId && visitDataIndex && (endBranch(currentBranchId, visit), currentBranchId = branchStack.pop()), currentBranchId && (branchStack.push(currentBranchId), parentBranchIds.set(scopeId, currentBranchId)), currentBranchId = scopeId, visitScope.h = visit;
               else if (visitToken === "]" /* BranchEnd */) {
@@ -144,11 +227,14 @@ function init(runtimeId = "M") {
                     start,
                     ~next ? next : visitData.length
                   );
-                  curNode = endBranch(childScopeId, curNode).j, parentBranchIds.set(childScopeId, scopeId);
+                  if (curNode = endBranch(childScopeId, curNode).j, parentBranchIds.set(childScopeId, scopeId), visitToken === "'" /* BranchNativeTag */) {
+                    let childBranch = scopeLookup[childScopeId];
+                    childBranch[0] = childBranch.h = childBranch.j = curNode;
+                  }
                 }
               }
             },
-            p(scope) {
+            t(scope) {
               let parentBranchId = scope.g || parentBranchIds.get(scopeId);
               if (parentBranchId && (scope.k = scopeLookup[parentBranchId]), branchIds.has(scopeId)) {
                 let branch = scope, parentBranch = branch.k;
@@ -166,7 +252,7 @@ function init(runtimeId = "M") {
                 visitDataIndex ? visitDataIndex - 1 : visitText.length
               ), visitData = visitDataIndex ? visitText.slice(visitDataIndex) : "", visitToken = visitText[commentPrefixLen], visitScope = scopeLookup[scopeId] ||= {
                 l: scopeId
-              }, visitToken === "*" /* Node */ ? visitScope["j" /* Getter */ + visitData] = /* @__PURE__ */ ((node) => () => node)(visitScope[visitData] = visit.previousSibling) : branches && branches.J();
+              }, visitToken === "*" /* Node */ ? visitScope["j" /* Getter */ + visitData] = /* @__PURE__ */ ((node) => () => node)(visitScope[visitData] = visit.previousSibling) : branches && branches.K();
             for (let serialized of resumes = render.r || [])
               if (typeof serialized == "string")
                 lastEffect = serialized;
@@ -182,7 +268,7 @@ function init(runtimeId = "M") {
                   $global ? typeof scope == "number" ? lastScopeId += scope : (scopeId = ++lastScopeId, scope.$global = $global, scope.l = scopeId, scopeLookup[scopeId] !== scope && (scopeLookup[scopeId] = Object.assign(
                     scope,
                     scopeLookup[scopeId]
-                  )), branches && branches.p(scope)) : ($global = scope || {}, $global.runtimeId = runtimeId, $global.renderId = renderId, $global.q = 1e6);
+                  )), branches && branches.t(scope)) : ($global = scope || {}, $global.runtimeId = runtimeId, $global.renderId = renderId, $global.p = 1e6);
           } finally {
             isResuming = visits.length = resumes.length = 0;
           }
@@ -407,50 +493,6 @@ function parseHTML(html2, ns) {
   return parser.innerHTML = html2, parser.content || parser;
 }
 
-// src/dom/scope.ts
-function createScope($global, closestBranch) {
-  let scope = {
-    l: $global.q++,
-    t: 1,
-    k: closestBranch,
-    $global
-  };
-  return pendingScopes.push(scope), scope;
-}
-function skipScope(scope) {
-  return scope.$global.q++;
-}
-function findBranchWithKey(scope, key) {
-  let branch = scope.k;
-  for (; branch && !branch[key]; )
-    branch = branch.y;
-  return branch;
-}
-function destroyBranch(branch) {
-  branch.y?.A?.delete(branch), destroyNestedBranches(branch);
-}
-function destroyNestedBranches(branch) {
-  branch.B = 1, branch.A?.forEach(destroyNestedBranches), branch.K?.forEach((scope) => {
-    for (let id in scope.z)
-      scope.z[id]?.abort();
-  });
-}
-function removeAndDestroyBranch(branch) {
-  destroyBranch(branch), removeChildNodes(branch.h, branch.j);
-}
-function insertBranchBefore(branch, parentNode, nextSibling) {
-  insertChildNodes(
-    parentNode,
-    nextSibling,
-    branch.h,
-    branch.j
-  );
-}
-function tempDetachBranch(branch) {
-  let fragment = new DocumentFragment();
-  fragment.namespaceURI = branch.h.parentNode.namespaceURI, insertChildNodes(fragment, null, branch.h, branch.j);
-}
-
 // src/dom/schedule.ts
 var isScheduled, channel;
 function schedule() {
@@ -487,7 +529,7 @@ function value(valueAccessor, fn = () => {
 }
 function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "l") {
   return (scope) => {
-    scope.t ? scope[id] === void 0 ? scope[id] = defaultPending : --scope[id] || fn(scope) : queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
+    scope.q ? scope[id] === void 0 ? scope[id] = defaultPending : --scope[id] || fn(scope) : queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
   };
 }
 function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
@@ -497,7 +539,7 @@ function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
       ownerScope,
       () => {
         for (let scope of scopes)
-          !scope.t && !scope.B && childSignal(scope);
+          !scope.q && !scope.B && childSignal(scope);
       },
       -1,
       0,
@@ -509,7 +551,7 @@ function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
 function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch, fn) {
   let childSignal = closure(valueAccessor, fn), scopeAccessor = "d" /* ConditionalScope */ + ownerConditionalNodeAccessor, branchAccessor = "c" /* ConditionalRenderer */ + ownerConditionalNodeAccessor, ownerSignal = (scope) => {
     let ifScope = scope[scopeAccessor];
-    ifScope && !ifScope.t && scope[branchAccessor] === branch && queueRender(ifScope, childSignal, -1);
+    ifScope && !ifScope.q && scope[branchAccessor] === branch && queueRender(ifScope, childSignal, -1);
   };
   return ownerSignal._ = childSignal, ownerSignal;
 }
@@ -527,7 +569,7 @@ function dynamicClosure(...closureSignals) {
   return (scope) => {
     if (scope[___scopeInstancesAccessor])
       for (let childScope of scope[___scopeInstancesAccessor])
-        childScope.t || queueRender(
+        childScope.q || queueRender(
           childScope,
           closureSignals[childScope[___signalIndexAccessor]],
           -1
@@ -583,45 +625,6 @@ function hoist(...path) {
   };
 }
 
-// src/dom/walker.ts
-var walker = /* @__PURE__ */ document.createTreeWalker(document);
-function walk(startNode, walkCodes, branch) {
-  walker.currentNode = startNode, walkInternal(0, walkCodes, branch);
-}
-function walkInternal(currentWalkIndex, walkCodes, scope) {
-  let value2, storedMultiplier = 0, currentMultiplier = 0, currentScopeIndex = 0;
-  for (; currentWalkIndex < walkCodes.length; )
-    if (value2 = walkCodes.charCodeAt(currentWalkIndex++), currentMultiplier = storedMultiplier, storedMultiplier = 0, value2 === 32 /* Get */) {
-      let node = walker.currentNode;
-      scope[currentScopeIndex] = node, scope["j" /* Getter */ + currentScopeIndex++] = () => node;
-    } else if (value2 === 37 /* Replace */ || value2 === 49 /* DynamicTagWithVar */)
-      walker.currentNode.replaceWith(
-        walker.currentNode = scope[currentScopeIndex++] = new Text()
-      ), value2 === 49 /* DynamicTagWithVar */ && (scope[currentScopeIndex++] = skipScope(scope));
-    else {
-      if (value2 === 38 /* EndChild */)
-        return currentWalkIndex;
-      if (value2 === 47 /* BeginChild */ || value2 === 48 /* BeginChildWithVar */)
-        currentWalkIndex = walkInternal(
-          currentWalkIndex,
-          walkCodes,
-          scope[currentScopeIndex++] = createScope(scope.$global, scope.k)
-        ), value2 === 48 /* BeginChildWithVar */ && (scope[currentScopeIndex++] = skipScope(scope));
-      else if (value2 < 92)
-        for (value2 = 20 /* Next */ * currentMultiplier + value2 - 67 /* Next */; value2--; )
-          walker.nextNode();
-      else if (value2 < 107)
-        for (value2 = 10 /* Over */ * currentMultiplier + value2 - 97 /* Over */; value2--; )
-          walker.nextSibling();
-      else if (value2 < 117) {
-        for (value2 = 10 /* Out */ * currentMultiplier + value2 - 107 /* Out */; value2--; )
-          walker.parentNode();
-        walker.nextSibling();
-      } else
-        storedMultiplier = currentMultiplier * 10 /* Multiplier */ + value2 - 117 /* Multiplier */;
-    }
-}
-
 // src/dom/renderer.ts
 function createBranch($global, renderer, parentScope, parentNode) {
   let branch = createScope($global), parentBranch = parentScope?.k;
@@ -1137,7 +1140,7 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
     if (normalizedRenderer) {
       let childScope = scope[childScopeAccessor], args = getInput?.();
       if (typeof normalizedRenderer == "string")
-        attrs(
+        (getContent ? attrs : attrsAndContent)(
           childScope,
           0,
           (inputIsArgs ? args[0] : args) || {}
@@ -1237,7 +1240,7 @@ function queueRender(scope, signal, signalKey, value2, scopeKey = scope.l) {
   else {
     let render = {
       x: key,
-      p: scope,
+      t: scope,
       N: signal,
       I: value2
     }, i = pendingRenders.push(render) - 1;
@@ -1291,13 +1294,13 @@ function runRenders() {
       }
       pendingRenders[i] = item;
     }
-    render.p.k?.B || runRender(render);
+    render.t.k?.B || runRender(render);
   }
   for (let scope of pendingScopes)
-    scope.t = 0;
+    scope.q = 0;
   pendingScopes = [];
 }
-var runRender = (render) => render.N(render.p, render.I), enableCatch = () => {
+var runRender = (render) => render.N(render.t, render.I), enableCatch = () => {
   enableCatch = () => {
   }, enableBranches();
   let handlePendingTry = (fn, scope, branch) => {
@@ -1318,7 +1321,7 @@ var runRender = (render) => render.N(render.p, render.I), enableCatch = () => {
     try {
       runRender2(render);
     } catch (error) {
-      renderCatch(render.p, error);
+      renderCatch(render.t, error);
     }
   })(runRender);
 };
@@ -1329,7 +1332,7 @@ function resetAbortSignal(scope, id) {
   ctrl && (queueEffect(ctrl, abort), scope.z[id] = void 0);
 }
 function getAbortSignal(scope, id) {
-  return scope.k && (scope.k.K ||= /* @__PURE__ */ new Set()).add(scope), ((scope.z ||= {})[id] ||= new AbortController()).signal;
+  return scope.k && (scope.k.J ||= /* @__PURE__ */ new Set()).add(scope), ((scope.z ||= {})[id] ||= new AbortController()).signal;
 }
 function abort(ctrl) {
   ctrl.abort();
@@ -1360,7 +1363,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     branch.h = startNode, branch.j = endNode;
   },
   runComponentEffects() {
-    runEffects(this.effects);
+    this.effects && runEffects(this.effects);
   },
   runComponentDestroy() {
     this.scope && destroyBranch(this.scope);
@@ -1379,22 +1382,20 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     }, renderer;
   },
   render(out, component, renderer, args) {
-    let branch = component.scope;
-    branch || (branch = classIdToBranch.get(component.id), branch && (component.scope = branch, classIdToBranch.delete(component.id)));
-    let existing;
-    if (typeof args[0] == "object" && "renderBody" in args[0]) {
+    let branch = component.scope, created = 0;
+    if (!branch && (branch = classIdToBranch.get(component.id)) && (component.scope = branch, classIdToBranch.delete(component.id)), typeof args[0] == "object" && "renderBody" in args[0]) {
       let input = args[0], normalizedInput = args[0] = {};
       for (let key in input)
         normalizedInput[key === "renderBody" ? "content" : key] = input[key];
     }
     if (component.effects = prepareEffects(() => {
-      branch ? existing = 1 : (out.global.q ||= 0, branch = component.scope = createAndSetupBranch(
+      branch || (created = 1, out.global.p ||= 0, branch = component.scope = createAndSetupBranch(
         out.global,
         renderer,
         renderer.u,
         document.body
       )), renderer.m?.(branch, renderer._ ? args[0] : args);
-    }), !existing)
+    }), created)
       return toInsertNode(branch.h, branch.j);
   }
 };
@@ -1413,12 +1414,12 @@ var createTemplate = (id, template, walks, setup, inputSignal) => {
 function mount(input = {}, reference, position) {
   let branch, parentNode = reference, nextSibling = null, { $global } = input;
   switch ($global ? ({ $global, ...input } = input, $global = {
-    q: 0,
+    p: 0,
     runtimeId: "M",
     renderId: "_",
     ...$global
   }) : $global = {
-    q: 0,
+    p: 0,
     runtimeId: "M",
     renderId: "_"
   }, position) {

package/dist/html/compat.d.ts

@@ -1,6 +1,6 @@
 import { patchDynamicTag } from "./dynamic-tag";
 import { type ServerRenderer } from "./template";
-import { $global, fork, nextScopeId, peekNextScopeId, write, writeScript } from "./writer";
+import { $global, Chunk, fork, isInResumedBranch, nextScopeId, peekNextScopeId, write, writeScript } from "./writer";
 export declare const compat: {
     $global: typeof $global;
     fork: typeof fork;
@@ -8,11 +8,13 @@ export declare const compat: {
     writeScript: typeof writeScript;
     nextScopeId: typeof nextScopeId;
     peekNextScopeId: typeof peekNextScopeId;
+    isInResumedBranch: typeof isInResumedBranch;
     isTagsAPI(fn: any): boolean;
+    onFlush(fn: (chunk: Chunk) => void): void;
     patchDynamicTag: typeof patchDynamicTag;
     writeSetScopeForComponent(branchId: number, m5c: string): void;
     toJSON(this: WeakKey): [registryId: string, scopeId: unknown] | undefined;
-    render(renderer: ServerRenderer, willRerender: boolean, classAPIOut: any, component: any, input: any): void;
+    render(renderer: ServerRenderer, willRerender: boolean, classAPIOut: any, component: any, input: any, toStringEvent: string): void;
     registerRenderer(renderer: any, id: string): any;
     registerRenderBody(fn: any): void;
 };

package/dist/html/writer.d.ts

@@ -37,6 +37,7 @@ export declare function hoist(scopeId: number, id?: string): {
     [Symbol.iterator]: /*elided*/ any;
 };
 export declare function resumeClosestBranch(scopeId: number): void;
+export declare function isInResumedBranch(): boolean;
 export declare function withBranchId<T>(branchId: number, cb: () => T): T;
 export declare function resumeForOf(list: Falsy | Iterable<unknown>, cb: (item: unknown, index: number) => void, by: Falsy | ((item: unknown, index: number) => unknown), scopeId: number, accessor: Accessor, serializeBranch?: 0 | 1, serializeMarker?: 0 | 1, parentEndTag?: string | 0, singleNode?: 1): void;
 export declare function resumeForIn(obj: Falsy | {}, cb: (key: string, value: unknown) => void, by: Falsy | ((key: string, v: unknown) => unknown), scopeId: number, accessor: Accessor, serializeBranch?: 0 | 1, serializeMarker?: 0 | 1, parentEndTag?: string | 0, singleNode?: 1): void;

package/dist/html.js

@@ -1182,6 +1182,9 @@ function resumeClosestBranch(scopeId) {
   branchId !== void 0 && branchId !== scopeId && writeScope(scopeId, { g: branchId });
 }
 var branchIdKey = Symbol();
+function isInResumedBranch() {
+  return $chunk?.context?.[branchIdKey] !== void 0;
+}
 function withBranchId(branchId, cb) {
   return withContext(branchIdKey, branchId, cb);
 }
@@ -1539,7 +1542,6 @@ var State2 = class {
     }
   }
   flushScript() {
-    flushSerializer(this.boundary);
     let { boundary, effects } = this, { state } = boundary, { $global: $global2, runtimePrefix, nonceAttr } = state, { html, scripts } = this, hasWalk = state.walkOnNextFlush;
     if (hasWalk && (state.walkOnNextFlush = !1), state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(
       scripts,
@@ -1958,7 +1960,7 @@ var ServerRendered = class {
         return reject(new Error("Cannot read from a consumed render result"));
       let { boundary } = head;
       (boundary.onNext = () => {
-        boundary.signal.aborted ? (boundary.onNext = NOOP2, reject(boundary.signal.reason)) : boundary.done && resolve(head.consume().flushHTML());
+        boundary.signal.aborted ? (boundary.onNext = NOOP2, reject(boundary.signal.reason)) : !boundary.count && boundary.done && resolve(head.consume().flushHTML());
       })();
     });
   }
@@ -1998,37 +2000,46 @@ function NOOP2() {
 var voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/, dynamicTag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, serializeReason) => {
   let shouldResume = serializeReason !== 0, renderer = normalizeDynamicRenderer(tag), state = getState(), branchId = peekNextScopeId(), result;
   if (typeof renderer == "string") {
-    let input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {}, renderContent = content || normalizeDynamicRenderer(input.content);
-    if (nextScopeId(), write(`<${renderer}${attrs(input, accessor, scopeId, renderer)}>`), !voidElementsReg.test(renderer)) {
-      let renderNativeTag = () => {
-        if (renderer === "textarea")
-          write(
-            controllable_textarea_value(
-              scopeId,
-              accessor,
-              input.value,
-              input.valueChange
-            )
-          );
-        else if (renderContent) {
-          if (typeof renderContent != "function")
-            throw new Error(
-              `Body content is not supported for the \`<${renderer}>\` tag.`
-            );
-          renderer === "select" && ("value" in input || "valueChange" in input) ? controllable_select_value(
-            scopeId,
-            accessor,
+    let input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
+    if (nextScopeId(), write(
+      `<${renderer}${attrs(input, 0, branchId, renderer)}>`
+    ), !voidElementsReg.test(renderer)) {
+      let renderContent = content || normalizeDynamicRenderer(input.content);
+      if (renderer === "textarea")
+        write(
+          controllable_textarea_value(
+            branchId,
+            0,
             input.value,
-            input.valueChange,
-            renderContent
-          ) : renderContent();
-        }
-      };
-      shouldResume ? withBranchId(branchId, renderNativeTag) : renderNativeTag(), write(`</${renderer}>`);
+            input.valueChange
+          )
+        );
+      else if (renderContent) {
+        if (typeof renderContent != "function")
+          throw new Error(
+            `Body content is not supported for the \`<${renderer}>\` tag.`
+          );
+        renderer === "select" && ("value" in input || "valueChange" in input) ? controllable_select_value(
+          branchId,
+          0,
+          input.value,
+          input.valueChange,
+          renderContent
+        ) : dynamicTag(
+          branchId,
+          0,
+          renderContent,
+          [],
+          0,
+          1,
+          serializeReason
+        );
+      }
+      write(`</${renderer}>`);
     }
     shouldResume && write(
       state.mark(
-        "|" /* BranchSingleNode */,
+        "'" /* BranchNativeTag */,
         scopeId + " " + accessor + " " + branchId
       )
     );
@@ -2065,7 +2076,7 @@ function registerContent(id, fn, scopeId) {
 function patchDynamicTag(patch) {
   dynamicTag = /* @__PURE__ */ ((originalDynamicTag) => (scopeId, accessor, tag, input, content, inputIsArgs, resume) => {
     let patched = patch(scopeId, accessor, tag);
-    return patched.h = tag, originalDynamicTag(
+    return patched !== tag && (patched.h = tag), originalDynamicTag(
       scopeId,
       accessor,
       patched,
@@ -2085,9 +2096,16 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
   writeScript,
   nextScopeId,
   peekNextScopeId,
+  isInResumedBranch,
   isTagsAPI(fn) {
     return !!fn.h;
   },
+  onFlush(fn) {
+    let { flushHTML } = Chunk.prototype;
+    Chunk.prototype.flushHTML = function() {
+      return fn(this), flushHTML.call(this);
+    };
+  },
   patchDynamicTag,
   writeSetScopeForComponent(branchId, m5c) {
     writeScope(branchId, { m5c }), writeEffect(branchId, SET_SCOPE_REGISTER_ID);
@@ -2106,7 +2124,7 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
     }
     return compatRegistered;
   },
-  render(renderer, willRerender, classAPIOut, component, input) {
+  render(renderer, willRerender, classAPIOut, component, input, toStringEvent) {
     let $global2 = classAPIOut.global, state = $global2[K_TAGS_API_STATE] ||= getChunk()?.boundary.state;
     state || ($global2.runtimeId ||= "M", $global2.renderId ||= $global2.componentIdPrefix || $global2.widgetIdPrefix || "_", $global2[K_TAGS_API_STATE] = state = new State2($global2));
     let boundary = new Boundary(state), head = new Chunk(
@@ -2125,18 +2143,19 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
         writeScope(scopeId, { m5c: component.id }), writeEffect(scopeId, SET_SCOPE_REGISTER_ID);
       }
       isTemplate(renderer) && willRerender ? renderer(normalizedInput, 1) : renderer(normalizedInput);
+      let asyncOut = classAPIOut.beginAsync();
+      (boundary.onNext = () => {
+        boundary.signal.aborted ? (asyncOut.error(boundary.signal.reason), boundary.onNext = NOOP3) : boundary.count || (asyncOut.once(toStringEvent, (writer) => {
+          if (boundary.done) {
+            let { html, scripts } = head.flushScript();
+            writer.script(scripts), writer.write(html);
+          } else
+            asyncOut.error(
+              new Error("Cannot serialize promises with class/tags interop.")
+            );
+        }), head = head.consume(), asyncOut.write(head.html), asyncOut.end(), head.html = "");
+      })();
     });
-    let asyncOut = classAPIOut.beginAsync();
-    queueMicrotask(
-      boundary.onNext = () => {
-        if (boundary.signal.aborted)
-          asyncOut.error(boundary.signal.reason);
-        else if (boundary.done) {
-          let { scripts, html } = head.consume().flushScript();
-          asyncOut.script(scripts), asyncOut.write(html), boundary.done && asyncOut.end();
-        }
-      }
-    );
   },
   registerRenderer(renderer, id) {
     return register(
@@ -2150,6 +2169,8 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
     register(RENDER_BODY_ID, fn);
   }
 };
+function NOOP3() {
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   $global,