marko 6.0.0-next.3.58 → 6.0.0-next.3.60

package/dist/html/dynamic-tag.d.ts

@@ -5,10 +5,9 @@ interface BodyContentObject {
     content: ServerRenderer;
 }
 export declare function dynamicTagId(tagName: unknown): string | ServerRenderer | undefined;
-export declare function dynamicTagInput(scopeId: number, accessor: Accessor, tag: unknown | string | ServerRenderer | BodyContentObject, input: Record<string, unknown>, content?: () => void): undefined;
-export declare function dynamicTagArgs(scopeId: number, accessor: Accessor, tag: unknown | string | ServerRenderer | BodyContentObject, args: unknown[]): undefined;
+export declare let dynamicTagInput: (scopeId: number, accessor: Accessor, tag: unknown | string | ServerRenderer | BodyContentObject, input: Record<string, unknown>, content?: () => void) => undefined;
+export declare let dynamicTagArgs: (scopeId: number, accessor: Accessor, tag: unknown | string | ServerRenderer | BodyContentObject, args: unknown[]) => undefined;
 export declare function createContent(id: string, fn: ServerRenderer): ServerRenderer;
 export declare function registerContent(id: string, fn: ServerRenderer, scopeId?: number): ServerRenderer;
-declare let getDynamicRenderer: (value: any) => string | ServerRenderer | undefined;
-export declare function patchDynamicTag(newGetDynamicRenderer: typeof getDynamicRenderer): void;
+export declare function patchDynamicTag(patch: (scopeId: number, accessor: Accessor, tag: unknown | string | ServerRenderer | BodyContentObject) => unknown): void;
 export {};

package/dist/html/serializer.d.ts

@@ -6,7 +6,8 @@ export declare class Serializer {
     stringify(val: unknown, boundary: Boundary): string;
     nextId(): string;
     symbol(id: string): symbol;
-    writeCall(value: unknown, object: unknown, method?: string, spread?: boolean): void;
+    writeCall(value: unknown, object: unknown, property?: string, spread?: boolean): void;
+    writeAssign(value: unknown, object: unknown, property: string): void;
 }
 export declare function register<T extends WeakKey>(id: string, val: T, scope?: unknown): T;
 export declare function registerGetter<T extends WeakKey>(accessor: string, val: T, scope?: unknown): T;

package/dist/html/writer.d.ts

@@ -46,9 +46,8 @@ export declare function $global(): $Global & {
     renderId: string;
     runtimeId: string;
 };
-export declare function fork<T>(promise: Promise<T> | T, content: (value: T) => void): void;
-export declare function tryContent(input: {
-    content?(): void;
+export declare function fork<T>(scopeId: number, accessor: Accessor, promise: Promise<T> | T, content: (value: T) => void): void;
+export declare function tryContent(scopeId: number, accessor: Accessor, content: () => void, input: {
     placeholder?: {
         content?(): void;
     };

package/dist/html.js

@@ -183,7 +183,8 @@ var WALKER_RUNTIME_CODE = '(e=>self[e]=self[e]||(l=>{let t,d={},s=[],f=document,
 // src/html/serializer.ts
 var { hasOwnProperty } = {}, Generator = function* () {
 }().constructor, AsyncGenerator = async function* () {
-}().constructor, REGISTRY = /* @__PURE__ */ new WeakMap(), KNOWN_SYMBOLS = (() => {
+}().constructor;
+var REGISTRY = /* @__PURE__ */ new WeakMap(), KNOWN_SYMBOLS = (() => {
   let KNOWN_SYMBOLS2 = /* @__PURE__ */ new Map();
   for (let name of Object.getOwnPropertyNames(Symbol)) {
     let symbol = Symbol[name];
@@ -427,7 +428,7 @@ var { hasOwnProperty } = {}, Generator = function* () {
   refs = /* @__PURE__ */ new WeakMap();
   assigned = /* @__PURE__ */ new Set();
   boundary = void 0;
-  calls = [];
+  mutations = [];
 }, Reference = class {
   constructor(parent, accessor, flush, pos = null, id = null) {
     this.parent = parent;
@@ -459,9 +460,24 @@ var Serializer = class {
     let symbol = Symbol();
     return this.#state.refs.set(symbol, new Reference(null, null, 0, null, id)), symbol;
   }
-  writeCall(value, object, method, spread) {
+  writeCall(value, object, property, spread) {
     let state = this.#state;
-    state.calls.push({ value, object, method, spread }), state.flushed = !0;
+    state.mutations.push({
+      type: 0 /* call */,
+      value,
+      object,
+      property,
+      spread
+    }), state.flushed = !0;
+  }
+  writeAssign(value, object, property) {
+    let state = this.#state;
+    state.mutations.push({
+      type: 1 /* assign */,
+      value,
+      object,
+      property
+    }), state.flushed = !0;
   }
 };
 function register(id, val, scope) {
@@ -481,12 +497,12 @@ function getRegistered(val) {
     };
 }
 function writeRoot(state, root) {
-  let { buf, assigned, calls } = state, hadBuf = buf.length !== 0, result = "";
+  let { buf, assigned, mutations } = state, hadBuf = buf.length !== 0, result = "";
   if (hadBuf && buf.push(","), writeProp(state, root, null, "")) {
     let rootRef = state.refs.get(root);
     if (rootRef) {
       let rootId = ensureId(state, rootRef);
-      (assigned.size || calls.length) && (assigned.delete(rootRef), writeAssigned(state), buf.push(
+      (assigned.size || mutations.length) && (assigned.delete(rootRef), writeAssigned(state), buf.push(
         "," + (rootRef.assigns ? assignsToString(rootRef.assigns, rootId) : rootId)
       ));
     }
@@ -505,27 +521,27 @@ function writeAssigned(state) {
       ) : state.buf.push("," + valueRef.init), valueRef.init = "") : valueRef.assigns && state.buf.push("," + assignsToString(valueRef.assigns, valueRef.id));
     state.assigned = /* @__PURE__ */ new Set();
   }
-  if (state.calls.length) {
-    for (let { value, object, method, spread } of state.calls) {
+  if (state.mutations.length) {
+    for (let mutation of state.mutations) {
       let objectStartIndex = state.buf.push(
         state.buf.length === 0 ? "(" : ",("
       );
-      if (writeProp(state, object, null, "")) {
-        let objectRef = state.refs.get(object);
+      if (writeProp(state, mutation.object, null, "")) {
+        let objectRef = state.refs.get(mutation.object);
         objectRef && !objectRef.id && (objectRef.id = nextRefAccess(state), state.buf[objectStartIndex] = objectRef.id + "=" + state.buf[objectStartIndex]);
       } else
         state.buf.push("void 0");
       let valueStartIndex = state.buf.push(
-        ")" + (method === void 0 ? "" : toAccess(toObjectKey(method))) + "(" + (spread ? "..." : "")
+        mutation.type === 0 /* call */ ? ")" + (mutation.property === void 0 ? "" : toAccess(toObjectKey(mutation.property))) + "(" + (mutation.spread ? "..." : "") : toAccess(toObjectKey(mutation.property)) + "="
       );
-      if (writeProp(state, value, null, "")) {
-        let valueRef = state.refs.get(value);
+      if (writeProp(state, mutation.value, null, "")) {
+        let valueRef = state.refs.get(mutation.value);
         valueRef && !valueRef.id && (valueRef.id = nextRefAccess(state), state.buf[valueStartIndex] = valueRef.id + "=" + state.buf[valueStartIndex]);
       } else
         state.buf.push("void 0");
       state.buf.push(")");
     }
-    state.calls = [], state.assigned.size && writeAssigned(state);
+    state.mutations = [], state.assigned.size && writeAssigned(state);
   }
 }
 function writeProp(state, val, parent, accessor) {
@@ -1234,30 +1250,69 @@ function ensureScopeWithId(scopeId) {
 function $global() {
   return $chunk.boundary.state.$global;
 }
-function fork(promise, content) {
+function fork(scopeId, accessor, promise, content) {
   if (!isPromise(promise)) {
-    content(promise);
+    let branchId = peekNextScopeId();
+    $chunk.writeHTML(
+      $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
+    ), content(promise), writeScope(scopeId, {
+      [accessor + "!" /* ConditionalScope */]: writeScope(branchId, {})
+    }), $chunk.writeHTML(
+      $chunk.boundary.state.mark(
+        "]" /* BranchEnd */,
+        scopeId + " " + accessor
+      )
+    );
     return;
   }
   let chunk = $chunk, { boundary } = chunk;
   chunk.next = $chunk = new Chunk(boundary, chunk.next, chunk.context), chunk.async = !0, chunk.context?.[kPendingContexts] && (chunk.context = { ...chunk.context, [kPendingContexts]: 0 }), boundary.startAsync(), promise.then(
     (value) => {
-      chunk.async && (chunk.async = !1, boundary.signal.aborted || (chunk.render(content, value), boundary.endAsync(chunk)));
+      chunk.async && (chunk.async = !1, boundary.signal.aborted || (chunk.render(() => {
+        let branchId = peekNextScopeId();
+        $chunk.writeHTML(
+          $chunk.boundary.state.mark(
+            "[" /* BranchStart */,
+            branchId + ""
+          )
+        ), content(value), boundary.state.serializer.writeAssign(
+          writeScope(branchId, {}),
+          ensureScopeWithId(scopeId),
+          accessor + "!" /* ConditionalScope */
+        ), $chunk.writeHTML(
+          $chunk.boundary.state.mark(
+            "]" /* BranchEnd */,
+            scopeId + " " + accessor
+          )
+        );
+      }), boundary.endAsync(chunk)));
     },
     (err) => {
       chunk.async = !1, boundary.abort(err);
     }
   );
 }
-function tryContent(input) {
-  let content = input.content;
-  if (content) {
-    let catchContent = input.catch?.content, placeholderContent = input.placeholder?.content;
-    catchContent ? tryCatch(
-      placeholderContent ? () => tryPlaceholder(content, placeholderContent) : content,
-      catchContent
-    ) : placeholderContent ? tryPlaceholder(content, placeholderContent) : content();
-  }
+function tryContent(scopeId, accessor, content, input) {
+  let branchId = peekNextScopeId();
+  $chunk.writeHTML(
+    $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
+  );
+  let catchContent = normalizeDynamicRenderer(input.catch), placeholderContent = normalizeDynamicRenderer(input.placeholder);
+  catchContent ? tryCatch(
+    placeholderContent ? () => tryPlaceholder(content, placeholderContent) : content,
+    catchContent
+  ) : placeholderContent ? tryPlaceholder(content, placeholderContent) : content(), writeScope(branchId, {
+    "*": accessor,
+    "^": catchContent,
+    "%": placeholderContent
+  }), writeScope(scopeId, {
+    [accessor + "!" /* ConditionalScope */]: getScopeById(branchId)
+  }), $chunk.writeHTML(
+    $chunk.boundary.state.mark(
+      "]" /* BranchEnd */,
+      scopeId + " " + accessor
+    )
+  );
 }
 function tryPlaceholder(content, placeholder) {
   let chunk = $chunk, { boundary } = chunk, body = new Chunk(boundary, null, chunk.context);
@@ -1428,7 +1483,7 @@ function prepareChunk(chunk) {
     WALKER_RUNTIME_CODE + '("' + $global2.runtimeId + '")("' + $global2.renderId + '")'
   ));
   let resumes = "";
-  if ((state.writeScopes || serializer.flushed) && (resumes = state.serializer.stringify(state.writeScopes || {}, boundary), state.writeScopes = null), effects && (hasWalk = !0, resumes = resumes ? resumes + "," + effects : effects), boundary.done && (resumes || state.hasWrittenResume) && (resumes = resumes ? resumes + ",0" : "0"), resumes && (state.hasWrittenResume ? scripts = concatScripts(
+  if ((state.writeScopes || serializer.flushed) && (resumes = state.serializer.stringify(state.writeScopes || {}, boundary), state.writeScopes = null), effects && (hasWalk = !0, resumes = resumes ? resumes + "," + effects : effects), resumes && (state.hasWrittenResume ? scripts = concatScripts(
     scripts,
     runtimePrefix + ".r.push(" + resumes + ")"
   ) : (state.hasWrittenResume = !0, scripts = concatScripts(
@@ -1721,7 +1776,7 @@ function dynamicTagId(tagName) {
   let normalizedRenderer = normalizeDynamicRenderer(tagName);
   return normalizedRenderer?.a || normalizedRenderer;
 }
-function dynamicTagInput(scopeId, accessor, tag, input, content) {
+var dynamicTagInput = (scopeId, accessor, tag, input, content) => {
   if (!tag && !content) {
     nextScopeId();
     return;
@@ -1753,7 +1808,9 @@ function dynamicTagInput(scopeId, accessor, tag, input, content) {
     );
     return;
   }
-  let renderer = getDynamicRenderer(tag), result;
+  let renderer = normalizeDynamicRenderer(
+    tag
+  ), result;
   return resumeConditional(
     () => {
       result = renderer(content ? { ...input, content } : input);
@@ -1761,8 +1818,7 @@ function dynamicTagInput(scopeId, accessor, tag, input, content) {
     scopeId,
     accessor
   ), result;
-}
-function dynamicTagArgs(scopeId, accessor, tag, args) {
+}, dynamicTagArgs = (scopeId, accessor, tag, args) => {
   if (!tag) {
     nextScopeId();
     return;
@@ -1779,7 +1835,9 @@ function dynamicTagArgs(scopeId, accessor, tag, args) {
     );
     return;
   }
-  let renderer = getDynamicRenderer(tag), result;
+  let renderer = normalizeDynamicRenderer(
+    tag
+  ), result;
   return resumeConditional(
     () => {
       result = renderer(...args);
@@ -1787,16 +1845,26 @@ function dynamicTagArgs(scopeId, accessor, tag, args) {
     scopeId,
     accessor
   ), result;
-}
+};
 function createContent(id, fn) {
   return fn.a = id, fn;
 }
 function registerContent(id, fn, scopeId) {
   return register2(createContent(id, fn), id, scopeId);
 }
-var getDynamicRenderer = normalizeDynamicRenderer;
-function patchDynamicTag(newGetDynamicRenderer) {
-  getDynamicRenderer = newGetDynamicRenderer;
+function patchDynamicTag(patch) {
+  dynamicTagInput = /* @__PURE__ */ ((originalDynamicTagInput) => (scopeId, accessor, tag, input, content) => originalDynamicTagInput(
+    scopeId,
+    accessor,
+    patch(scopeId, accessor, tag),
+    input,
+    content
+  ))(dynamicTagInput), dynamicTagArgs = /* @__PURE__ */ ((originalDynamicTagArgs) => (scopeId, accessor, tag, args) => originalDynamicTagArgs(
+    scopeId,
+    accessor,
+    patch(scopeId, accessor, tag),
+    args
+  ))(dynamicTagArgs);
 }
 
 // src/html/compat.ts

package/dist/html.mjs

@@ -102,7 +102,8 @@ var WALKER_RUNTIME_CODE = '(e=>self[e]=self[e]||(l=>{let t,d={},s=[],f=document,
 // src/html/serializer.ts
 var { hasOwnProperty } = {}, Generator = function* () {
 }().constructor, AsyncGenerator = async function* () {
-}().constructor, REGISTRY = /* @__PURE__ */ new WeakMap(), KNOWN_SYMBOLS = (() => {
+}().constructor;
+var REGISTRY = /* @__PURE__ */ new WeakMap(), KNOWN_SYMBOLS = (() => {
   let KNOWN_SYMBOLS2 = /* @__PURE__ */ new Map();
   for (let name of Object.getOwnPropertyNames(Symbol)) {
     let symbol = Symbol[name];
@@ -346,7 +347,7 @@ var { hasOwnProperty } = {}, Generator = function* () {
   refs = /* @__PURE__ */ new WeakMap();
   assigned = /* @__PURE__ */ new Set();
   boundary = void 0;
-  calls = [];
+  mutations = [];
 }, Reference = class {
   constructor(parent, accessor, flush, pos = null, id = null) {
     this.parent = parent;
@@ -378,9 +379,24 @@ var Serializer = class {
     let symbol = Symbol();
     return this.#state.refs.set(symbol, new Reference(null, null, 0, null, id)), symbol;
   }
-  writeCall(value, object, method, spread) {
+  writeCall(value, object, property, spread) {
     let state = this.#state;
-    state.calls.push({ value, object, method, spread }), state.flushed = !0;
+    state.mutations.push({
+      type: 0 /* call */,
+      value,
+      object,
+      property,
+      spread
+    }), state.flushed = !0;
+  }
+  writeAssign(value, object, property) {
+    let state = this.#state;
+    state.mutations.push({
+      type: 1 /* assign */,
+      value,
+      object,
+      property
+    }), state.flushed = !0;
   }
 };
 function register(id, val, scope) {
@@ -400,12 +416,12 @@ function getRegistered(val) {
     };
 }
 function writeRoot(state, root) {
-  let { buf, assigned, calls } = state, hadBuf = buf.length !== 0, result = "";
+  let { buf, assigned, mutations } = state, hadBuf = buf.length !== 0, result = "";
   if (hadBuf && buf.push(","), writeProp(state, root, null, "")) {
     let rootRef = state.refs.get(root);
     if (rootRef) {
       let rootId = ensureId(state, rootRef);
-      (assigned.size || calls.length) && (assigned.delete(rootRef), writeAssigned(state), buf.push(
+      (assigned.size || mutations.length) && (assigned.delete(rootRef), writeAssigned(state), buf.push(
         "," + (rootRef.assigns ? assignsToString(rootRef.assigns, rootId) : rootId)
       ));
     }
@@ -424,27 +440,27 @@ function writeAssigned(state) {
       ) : state.buf.push("," + valueRef.init), valueRef.init = "") : valueRef.assigns && state.buf.push("," + assignsToString(valueRef.assigns, valueRef.id));
     state.assigned = /* @__PURE__ */ new Set();
   }
-  if (state.calls.length) {
-    for (let { value, object, method, spread } of state.calls) {
+  if (state.mutations.length) {
+    for (let mutation of state.mutations) {
       let objectStartIndex = state.buf.push(
         state.buf.length === 0 ? "(" : ",("
       );
-      if (writeProp(state, object, null, "")) {
-        let objectRef = state.refs.get(object);
+      if (writeProp(state, mutation.object, null, "")) {
+        let objectRef = state.refs.get(mutation.object);
         objectRef && !objectRef.id && (objectRef.id = nextRefAccess(state), state.buf[objectStartIndex] = objectRef.id + "=" + state.buf[objectStartIndex]);
       } else
         state.buf.push("void 0");
       let valueStartIndex = state.buf.push(
-        ")" + (method === void 0 ? "" : toAccess(toObjectKey(method))) + "(" + (spread ? "..." : "")
+        mutation.type === 0 /* call */ ? ")" + (mutation.property === void 0 ? "" : toAccess(toObjectKey(mutation.property))) + "(" + (mutation.spread ? "..." : "") : toAccess(toObjectKey(mutation.property)) + "="
       );
-      if (writeProp(state, value, null, "")) {
-        let valueRef = state.refs.get(value);
+      if (writeProp(state, mutation.value, null, "")) {
+        let valueRef = state.refs.get(mutation.value);
         valueRef && !valueRef.id && (valueRef.id = nextRefAccess(state), state.buf[valueStartIndex] = valueRef.id + "=" + state.buf[valueStartIndex]);
       } else
         state.buf.push("void 0");
       state.buf.push(")");
     }
-    state.calls = [], state.assigned.size && writeAssigned(state);
+    state.mutations = [], state.assigned.size && writeAssigned(state);
   }
 }
 function writeProp(state, val, parent, accessor) {
@@ -1153,30 +1169,69 @@ function ensureScopeWithId(scopeId) {
 function $global() {
   return $chunk.boundary.state.$global;
 }
-function fork(promise, content) {
+function fork(scopeId, accessor, promise, content) {
   if (!isPromise(promise)) {
-    content(promise);
+    let branchId = peekNextScopeId();
+    $chunk.writeHTML(
+      $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
+    ), content(promise), writeScope(scopeId, {
+      [accessor + "!" /* ConditionalScope */]: writeScope(branchId, {})
+    }), $chunk.writeHTML(
+      $chunk.boundary.state.mark(
+        "]" /* BranchEnd */,
+        scopeId + " " + accessor
+      )
+    );
     return;
   }
   let chunk = $chunk, { boundary } = chunk;
   chunk.next = $chunk = new Chunk(boundary, chunk.next, chunk.context), chunk.async = !0, chunk.context?.[kPendingContexts] && (chunk.context = { ...chunk.context, [kPendingContexts]: 0 }), boundary.startAsync(), promise.then(
     (value) => {
-      chunk.async && (chunk.async = !1, boundary.signal.aborted || (chunk.render(content, value), boundary.endAsync(chunk)));
+      chunk.async && (chunk.async = !1, boundary.signal.aborted || (chunk.render(() => {
+        let branchId = peekNextScopeId();
+        $chunk.writeHTML(
+          $chunk.boundary.state.mark(
+            "[" /* BranchStart */,
+            branchId + ""
+          )
+        ), content(value), boundary.state.serializer.writeAssign(
+          writeScope(branchId, {}),
+          ensureScopeWithId(scopeId),
+          accessor + "!" /* ConditionalScope */
+        ), $chunk.writeHTML(
+          $chunk.boundary.state.mark(
+            "]" /* BranchEnd */,
+            scopeId + " " + accessor
+          )
+        );
+      }), boundary.endAsync(chunk)));
     },
     (err) => {
       chunk.async = !1, boundary.abort(err);
     }
   );
 }
-function tryContent(input) {
-  let content = input.content;
-  if (content) {
-    let catchContent = input.catch?.content, placeholderContent = input.placeholder?.content;
-    catchContent ? tryCatch(
-      placeholderContent ? () => tryPlaceholder(content, placeholderContent) : content,
-      catchContent
-    ) : placeholderContent ? tryPlaceholder(content, placeholderContent) : content();
-  }
+function tryContent(scopeId, accessor, content, input) {
+  let branchId = peekNextScopeId();
+  $chunk.writeHTML(
+    $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
+  );
+  let catchContent = normalizeDynamicRenderer(input.catch), placeholderContent = normalizeDynamicRenderer(input.placeholder);
+  catchContent ? tryCatch(
+    placeholderContent ? () => tryPlaceholder(content, placeholderContent) : content,
+    catchContent
+  ) : placeholderContent ? tryPlaceholder(content, placeholderContent) : content(), writeScope(branchId, {
+    "*": accessor,
+    "^": catchContent,
+    "%": placeholderContent
+  }), writeScope(scopeId, {
+    [accessor + "!" /* ConditionalScope */]: getScopeById(branchId)
+  }), $chunk.writeHTML(
+    $chunk.boundary.state.mark(
+      "]" /* BranchEnd */,
+      scopeId + " " + accessor
+    )
+  );
 }
 function tryPlaceholder(content, placeholder) {
   let chunk = $chunk, { boundary } = chunk, body = new Chunk(boundary, null, chunk.context);
@@ -1347,7 +1402,7 @@ function prepareChunk(chunk) {
     WALKER_RUNTIME_CODE + '("' + $global2.runtimeId + '")("' + $global2.renderId + '")'
   ));
   let resumes = "";
-  if ((state.writeScopes || serializer.flushed) && (resumes = state.serializer.stringify(state.writeScopes || {}, boundary), state.writeScopes = null), effects && (hasWalk = !0, resumes = resumes ? resumes + "," + effects : effects), boundary.done && (resumes || state.hasWrittenResume) && (resumes = resumes ? resumes + ",0" : "0"), resumes && (state.hasWrittenResume ? scripts = concatScripts(
+  if ((state.writeScopes || serializer.flushed) && (resumes = state.serializer.stringify(state.writeScopes || {}, boundary), state.writeScopes = null), effects && (hasWalk = !0, resumes = resumes ? resumes + "," + effects : effects), resumes && (state.hasWrittenResume ? scripts = concatScripts(
     scripts,
     runtimePrefix + ".r.push(" + resumes + ")"
   ) : (state.hasWrittenResume = !0, scripts = concatScripts(
@@ -1640,7 +1695,7 @@ function dynamicTagId(tagName) {
   let normalizedRenderer = normalizeDynamicRenderer(tagName);
   return normalizedRenderer?.a || normalizedRenderer;
 }
-function dynamicTagInput(scopeId, accessor, tag, input, content) {
+var dynamicTagInput = (scopeId, accessor, tag, input, content) => {
   if (!tag && !content) {
     nextScopeId();
     return;
@@ -1672,7 +1727,9 @@ function dynamicTagInput(scopeId, accessor, tag, input, content) {
     );
     return;
   }
-  let renderer = getDynamicRenderer(tag), result;
+  let renderer = normalizeDynamicRenderer(
+    tag
+  ), result;
   return resumeConditional(
     () => {
       result = renderer(content ? { ...input, content } : input);
@@ -1680,8 +1737,7 @@ function dynamicTagInput(scopeId, accessor, tag, input, content) {
     scopeId,
     accessor
   ), result;
-}
-function dynamicTagArgs(scopeId, accessor, tag, args) {
+}, dynamicTagArgs = (scopeId, accessor, tag, args) => {
   if (!tag) {
     nextScopeId();
     return;
@@ -1698,7 +1754,9 @@ function dynamicTagArgs(scopeId, accessor, tag, args) {
     );
     return;
   }
-  let renderer = getDynamicRenderer(tag), result;
+  let renderer = normalizeDynamicRenderer(
+    tag
+  ), result;
   return resumeConditional(
     () => {
       result = renderer(...args);
@@ -1706,16 +1764,26 @@ function dynamicTagArgs(scopeId, accessor, tag, args) {
     scopeId,
     accessor
   ), result;
-}
+};
 function createContent(id, fn) {
   return fn.a = id, fn;
 }
 function registerContent(id, fn, scopeId) {
   return register2(createContent(id, fn), id, scopeId);
 }
-var getDynamicRenderer = normalizeDynamicRenderer;
-function patchDynamicTag(newGetDynamicRenderer) {
-  getDynamicRenderer = newGetDynamicRenderer;
+function patchDynamicTag(patch) {
+  dynamicTagInput = /* @__PURE__ */ ((originalDynamicTagInput) => (scopeId, accessor, tag, input, content) => originalDynamicTagInput(
+    scopeId,
+    accessor,
+    patch(scopeId, accessor, tag),
+    input,
+    content
+  ))(dynamicTagInput), dynamicTagArgs = /* @__PURE__ */ ((originalDynamicTagArgs) => (scopeId, accessor, tag, args) => originalDynamicTagArgs(
+    scopeId,
+    accessor,
+    patch(scopeId, accessor, tag),
+    args
+  ))(dynamicTagArgs);
 }
 
 // src/html/compat.ts

package/dist/translator/core/await.d.ts

@@ -1,3 +1,10 @@
 import { type Tag } from "@marko/compiler/babel-utils";
+import { type Binding } from "../util/references";
+declare const kDOMBinding: unique symbol;
+declare module "@marko/compiler/dist/types" {
+    interface MarkoTagExtra {
+        [kDOMBinding]?: Binding;
+    }
+}
 declare const _default: Tag;
 export default _default;

package/dist/translator/core/try.d.ts

@@ -1,3 +1,10 @@
 import { type Tag } from "@marko/compiler/babel-utils";
+import { type Binding } from "../util/references";
+declare const kDOMBinding: unique symbol;
+declare module "@marko/compiler/dist/types" {
+    interface MarkoTagExtra {
+        [kDOMBinding]?: Binding;
+    }
+}
 declare const _default: Tag;
 export default _default;