marko 6.0.155 → 6.0.157

package/dist/dom.mjs

@@ -13,6 +13,9 @@ function* attrTagIterator() {
 // src/common/errors.ts
 function _assert_hoist(value) {
 }
+function _assert_init(scope, accessor) {
+  return scope[accessor];
+}
 
 // src/common/for.ts
 function forIn(obj, cb) {
@@ -76,7 +79,7 @@ function normalizeDynamicRenderer(value) {
   if (value) {
     if (typeof value == "string") return value;
     let normalized = value.content || value.default || value;
-    if (/* @__KEY__ */ "f" in normalized)
+    if (/* @__KEY__ */ "g" in normalized)
       return normalized;
   }
 }
@@ -164,10 +167,13 @@ function findBranchWithKey(scope, key) {
 function destroyBranch(branch) {
   branch.N?.D?.delete(
     branch
-  ), destroyNestedBranches(branch);
+  ), destroyNestedScopes(branch);
+}
+function destroyScope(scope) {
+  scope.I || (destroyNestedScopes(scope), resetControllers(scope));
 }
-function destroyNestedBranches(branch) {
-  branch.I = 1, branch.D?.forEach(destroyNestedBranches), branch.B?.forEach(resetControllers);
+function destroyNestedScopes(scope) {
+  scope.I = 1, scope.D?.forEach(destroyNestedScopes), scope.B?.forEach(resetControllers);
 }
 function resetControllers(scope) {
   for (let id in scope.A)
@@ -261,9 +267,9 @@ function subscribeToScopeSet(ownerScope, accessor, scope) {
   ));
 }
 function _closure(...closureSignals) {
-  let [{ l: ___scopeInstancesAccessor, n: ___signalIndexAccessor }] = closureSignals;
+  let [{ o: ___scopeInstancesAccessor, q: ___signalIndexAccessor }] = closureSignals;
   for (let i = closureSignals.length; i--; )
-    closureSignals[i].t = i;
+    closureSignals[i].x = i;
   return (scope) => {
     if (scope[___scopeInstancesAccessor])
       for (let childScope of scope[___scopeInstancesAccessor])
@@ -277,13 +283,13 @@ function _closure(...closureSignals) {
 function _closure_get(valueAccessor, fn, getOwnerScope, resumeId) {
   valueAccessor = decodeAccessor(valueAccessor);
   let closureSignal = ((scope) => {
-    scope[closureSignal.n] = closureSignal.t, fn(scope), subscribeToScopeSet(
+    scope[closureSignal.q] = closureSignal.x, fn(scope), subscribeToScopeSet(
       getOwnerScope ? getOwnerScope(scope) : scope._,
-      closureSignal.l,
+      closureSignal.o,
       scope
     );
   });
-  return closureSignal.l = "B" /* ClosureScopes */ + valueAccessor, closureSignal.n = "C" /* ClosureSignalIndex */ + valueAccessor, resumeId && _resume(resumeId, closureSignal), closureSignal;
+  return closureSignal.o = "B" /* ClosureScopes */ + valueAccessor, closureSignal.q = "C" /* ClosureSignalIndex */ + valueAccessor, resumeId && _resume(resumeId, closureSignal), closureSignal;
 }
 function _child_setup(setup) {
   return setup._ = (scope, owner) => {
@@ -375,7 +381,7 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
 // src/dom/renderer.ts
 function createBranch($global, renderer, parentScope, parentNode) {
   let branch = createScope($global);
-  return branch._ = renderer.e || parentScope, setParentBranch(branch, parentScope?.F), renderer.j?.(
+  return branch._ = renderer.f || parentScope, setParentBranch(branch, parentScope?.F), renderer.k?.(
     branch,
     parentNode.namespaceURI
   ), branch;
@@ -390,7 +396,7 @@ function createAndSetupBranch($global, renderer, parentScope, parentNode) {
   );
 }
 function setupBranch(renderer, branch) {
-  return renderer.k && queueRender(branch, renderer.k, -1), branch;
+  return renderer.l && queueRender(branch, renderer.l, -1), branch;
 }
 function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
   walks = walks ? walks.replace(/[^\0-1]+$/, "") : "", setup = setup ? setup._ || setup : void 0, params ||= void 0;
@@ -407,12 +413,12 @@ function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
     );
   };
   return (owner) => ({
-    f: id,
-    j: clone,
-    e: owner,
-    k: setup,
-    b: params,
-    d: dynamicScopesAccessor
+    g: id,
+    k: clone,
+    f: owner,
+    l: setup,
+    d: params,
+    e: dynamicScopesAccessor
   });
 }
 function _content_resume(id, template, walks, setup, params, dynamicScopesAccessor) {
@@ -427,7 +433,7 @@ function _content_closures(renderer, closureFns) {
     closureSignals[key] = _const(+key, closureFns[key]);
   return (owner, closureValues) => {
     let instance = renderer(owner);
-    return instance.g = closureSignals, instance.o = closureValues, instance;
+    return instance.h = closureSignals, instance.t = closureValues, instance;
   };
 }
 var cloneCache = {};
@@ -446,12 +452,31 @@ function createCloneableHTML(html, ns) {
 }
 
 // src/dom/resume.ts
-var registeredValues = {}, branchesEnabled;
+var registeredValues = {}, curRuntimeId, readyLookup, branchesEnabled, embedEnabled;
 function enableBranches() {
   branchesEnabled = 1;
 }
+var ready = /* @__PURE__ */ ((_) => (id) => {
+  readyLookup[id]?.(), readyLookup[id] = 1;
+})(readyLookup = {});
+function initEmbedded(readyId, runtimeId) {
+  embedEnabled = 1, ready(readyId), init(runtimeId), new MutationObserver(() => {
+    let renders = self[curRuntimeId];
+    for (let renderId in renders) {
+      let { s, n } = renders[renderId];
+      if (n && !n.isConnected) {
+        delete renders[renderId];
+        for (let id in s)
+          destroyScope(s[id]);
+      }
+    }
+  }).observe(document.body, { childList: !0, subtree: !0 });
+}
 function init(runtimeId = "M") {
-  let renders = self[runtimeId], defineRuntime = (desc) => Object.defineProperty(self, runtimeId, desc), resumeRender, initRuntime = (renders2) => {
+  if (curRuntimeId)
+    return;
+  curRuntimeId = runtimeId;
+  let resumeRender, renders = self[runtimeId], defineRuntime = (desc) => Object.defineProperty(self, runtimeId, desc), initRuntime = (renders2) => {
     defineRuntime({
       value: resumeRender = ((renderId) => {
         let render = resumeRender[renderId] = renders2[renderId] || renders2(renderId), walk2 = render.w, scopeLookup = render.s = {}, getScope = (id) => scopeLookup[id] ||= { L: +id }, serializeContext = {
@@ -478,11 +503,19 @@ function init(runtimeId = "M") {
             );
           }
           endedBranches && (orphanBranches.push(...endedBranches), singleNode && (visitScope[accessor] = endedBranches.length > 1 ? endedBranches.reverse() : endedBranches[0])), visitType === "[" /* BranchStart */ && (endedBranches || (branchScopesStack.push(curBranchScopes), curBranchScopes = void 0), branchStarts.push(visit));
-        })(), $global, lastEffect, visits, resumes, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, lastScopeId = 0, nextToken = () => lastToken = visitText.slice(
+        })(), nextToken = () => lastToken = visitText.slice(
           lastTokenIndex,
           (lastTokenIndex = visitText.indexOf(" ", lastTokenIndex) + 1 || visitText.length + 1) - 1
-        );
+        ), $global, lastEffect, visits, resumes, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, lastScopeId = 0;
         return render.m = (effects = []) => {
+          if (readyLookup) {
+            for (let readyId in render.b)
+              if (readyLookup[readyId] !== 1)
+                return readyLookup[readyId] = /* @__PURE__ */ ((prev) => () => {
+                  render.m(), prev?.();
+                })(readyLookup[readyId]), effects;
+            render.b = 0;
+          }
           for (let serialized of resumes = render.r || [])
             if (typeof serialized == "string")
               for (lastTokenIndex = 0, visitText = serialized; nextToken(); )
@@ -498,7 +531,10 @@ function init(runtimeId = "M") {
             )), visitType === "*" /* Node */ ? visitScope[nextToken(
               /* read accessor */
             )] = visit.previousSibling : branchesEnabled && visitBranches();
-          return visits.length = resumes.length = 0, effects;
+          return embedEnabled && (render.n ||= visit?.parentNode.insertBefore(
+            new Text(),
+            visit.nextSibling
+          )), visits.length = resumes.length = 0, effects;
         }, render.w = () => {
           walk2(), runResumeEffects(render);
         }, render;
@@ -880,15 +916,15 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 }
 function _attr_content(scope, nodeAccessor, value) {
   let content = normalizeClientRender(value);
-  scope["D" /* ConditionalRenderer */ + nodeAccessor] !== (scope["D" /* ConditionalRenderer */ + nodeAccessor] = content?.f) && (setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch), content?.d && subscribeToScopeSet(
+  scope["D" /* ConditionalRenderer */ + nodeAccessor] !== (scope["D" /* ConditionalRenderer */ + nodeAccessor] = content?.g) && (setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch), content?.e && subscribeToScopeSet(
+    content.f,
     content.e,
-    content.d,
     scope["A" /* BranchScopes */ + nodeAccessor]
   ));
-  for (let accessor in content?.g)
-    content.g[accessor](
+  for (let accessor in content?.h)
+    content.h[accessor](
       scope["A" /* BranchScopes */ + nodeAccessor],
-      content.o[accessor]
+      content.t[accessor]
     );
 }
 function _attrs_script(scope, nodeAccessor) {
@@ -927,7 +963,7 @@ function _html(scope, value, accessor) {
 }
 function normalizeClientRender(value) {
   let renderer = normalizeDynamicRenderer(value);
-  if (renderer && renderer.f)
+  if (renderer && renderer.g)
     return renderer;
 }
 function normalizeAttrValue(value) {
@@ -1087,7 +1123,7 @@ function renderCatch(scope, error) {
       tryWithCatch.C,
       tryWithCatch.E,
       createAndSetupBranch
-    ), tryWithCatch.E.b?.(
+    ), tryWithCatch.E.d?.(
       owner["A" /* BranchScopes */ + tryWithCatch.C],
       [error]
     );
@@ -1123,7 +1159,7 @@ var _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
   let childScopeAccessor = "A" /* BranchScopes */ + nodeAccessor, rendererAccessor = "D" /* ConditionalRenderer */ + nodeAccessor;
   return enableBranches(), (scope, newRenderer, getInput) => {
     let normalizedRenderer = normalizeDynamicRenderer(newRenderer);
-    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.f || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
+    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.g || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
       if (setConditionalRenderer(
         scope,
         nodeAccessor,
@@ -1137,15 +1173,15 @@ var _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
             "a",
             content,
             createAndSetupBranch
-          ), content.d && subscribeToScopeSet(
+          ), content.e && subscribeToScopeSet(
+            content.f,
             content.e,
-            content.d,
             scope[childScopeAccessor]["Aa"]
           );
         }
-      } else normalizedRenderer?.d && subscribeToScopeSet(
+      } else normalizedRenderer?.e && subscribeToScopeSet(
+        normalizedRenderer.f,
         normalizedRenderer.e,
-        normalizedRenderer.d,
         scope[childScopeAccessor]
       );
     if (normalizedRenderer) {
@@ -1157,20 +1193,20 @@ var _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
           (inputIsArgs ? args[0] : args) || {}
         ), (childScope["Ia"] || childScope["Ea"]) && queueEffect(childScope, dynamicTagScript);
       else {
-        for (let accessor in normalizedRenderer.g)
-          normalizedRenderer.g[accessor](
+        for (let accessor in normalizedRenderer.h)
+          normalizedRenderer.h[accessor](
             childScope,
-            normalizedRenderer.o[accessor]
+            normalizedRenderer.t[accessor]
           );
-        if (normalizedRenderer.b)
+        if (normalizedRenderer.d)
           if (inputIsArgs)
-            normalizedRenderer.b(
+            normalizedRenderer.d(
               childScope,
               normalizedRenderer._ ? args[0] : args
             );
           else {
             let inputWithContent = getContent ? { ...args, content: getContent(scope) } : args || {};
-            normalizedRenderer.b(
+            normalizedRenderer.d(
               childScope,
               normalizedRenderer._ ? inputWithContent : [inputWithContent]
             );
@@ -1297,12 +1333,12 @@ function byFirstArg(name) {
 var pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map(), asyncRendersLookup, caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, scopeKeyOffset = 1e3;
 function queueRender(scope, signal, signalKey, value, scopeKey = scope.L) {
   let key = scopeKey * scopeKeyOffset + signalKey, render = signalKey >= 0 && pendingRendersLookup.get(key);
-  render ? render.q = value : (queuePendingRender(
+  render ? render.u = value : (queuePendingRender(
     render = {
       a: key,
-      h: scope,
-      u: signal,
-      q: value
+      j: scope,
+      y: signal,
+      u: value
     }
   ), signalKey >= 0 && pendingRendersLookup.set(key, render));
 }
@@ -1355,13 +1391,13 @@ function runRenders() {
       }
       pendingRenders[i] = item;
     }
-    render.h.F?.I || runRender(render);
+    render.j.F?.I || runRender(render);
   }
   for (let scope of pendingScopes)
     scope.H = 0;
   pendingScopes = [];
 }
-var runRender = (render) => render.u(render.h, render.q), _enable_catch = () => {
+var runRender = (render) => render.y(render.j, render.u), _enable_catch = () => {
   _enable_catch = () => {
   }, enableBranches();
   let handlePendingTry = (fn, scope, branch) => {
@@ -1380,7 +1416,7 @@ var runRender = (render) => render.u(render.h, render.q), _enable_catch = () =>
       runEffects2(effects);
   })(runEffects), runRender = /* @__PURE__ */ ((runRender2) => (render) => {
     try {
-      let branch = render.h.F;
+      let branch = render.j.F;
       for (; branch; ) {
         if (branch.W)
           return asyncRendersLookup.set(
@@ -1391,7 +1427,7 @@ var runRender = (render) => render.u(render.h, render.q), _enable_catch = () =>
       }
       runRender2(render);
     } catch (error) {
-      renderCatch(render.h, error);
+      renderCatch(render.j, error);
     }
   })(runRender);
 };
@@ -1424,7 +1460,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     _resume(RENDERER_REGISTER_ID, fn);
   },
   isRenderer(renderer) {
-    return renderer.j;
+    return renderer.k;
   },
   getStartNode(branch) {
     return branch.S;
@@ -1446,7 +1482,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   },
   createRenderer(params, clone) {
     let renderer = _content("", 0, 0, 0, params)();
-    return renderer.j = (branch) => {
+    return renderer.k = (branch) => {
       let cloned = clone();
       branch.S = cloned.startNode, branch.K = cloned.endNode;
     }, renderer;
@@ -1462,9 +1498,9 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
       branch || (created = 1, branch = component.scope = createAndSetupBranch(
         out.global,
         renderer,
-        renderer.e,
+        renderer.f,
         document.body
-      )), renderer.b?.(branch, renderer._ ? args[0] : args);
+      )), renderer.d?.(branch, renderer._ ? args[0] : args);
     }), created)
       return toInsertNode(
         branch.S,
@@ -1504,7 +1540,7 @@ function mount(input = {}, reference, position) {
       parentNode = reference.parentNode, nextSibling = reference.nextSibling;
       break;
   }
-  let curValue, args = this.b, effects = prepareEffects(() => {
+  let curValue, args = this.d, effects = prepareEffects(() => {
     branch = createBranch(
       $global,
       this,
@@ -1512,7 +1548,7 @@ function mount(input = {}, reference, position) {
       parentNode
     ), branch.T = (newValue) => {
       curValue = newValue;
-    }, this.k?.(branch), args?.(branch, input);
+    }, this.l?.(branch), args?.(branch, input);
   });
   return insertChildNodes(
     parentNode,
@@ -1542,6 +1578,7 @@ export {
   $signal,
   $signalReset,
   _assert_hoist,
+  _assert_init,
   _attr,
   _attr_class,
   _attr_class_item,
@@ -1627,5 +1664,6 @@ export {
   forTo,
   forUntil,
   init,
+  initEmbedded,
   run
 };

package/dist/html/serializer.d.ts

@@ -16,4 +16,5 @@ export declare function getRegistered(val: WeakKey): {
     scope: unknown;
 } | undefined;
 export declare function stringify(val: unknown): string;
+export declare function toObjectKey(name: string): string;
 export declare function toAccess(accessor: string): string;

package/dist/html/template.d.ts

@@ -1,6 +1,7 @@
 import type { Template } from "../common/types";
 export type ServerRenderer = ((...args: unknown[]) => unknown) & {
     ___id?: string;
+    ___embed?: boolean;
 };
-export declare const _template: (templateId: string, renderer: ServerRenderer) => Template;
+export declare const _template: (templateId: string, renderer: ServerRenderer, page?: 1) => Template;
 export declare function isTemplate(renderer: ServerRenderer | Template): renderer is ServerRenderer & Template;

package/dist/html/writer.d.ts

@@ -34,7 +34,7 @@ export declare function getScopeById(scopeId: number | undefined): PartialScope
 export declare function _set_serialize_reason(reason: undefined | 0 | 1): void;
 export declare function _scope_reason(): 0 | 1 | undefined;
 export declare function _serialize_if(condition: undefined | 1 | Record<string, 1>, key: string): 1 | undefined;
-export declare function _serialize_guard(condition: undefined | 1 | Record<string, 1>, key: string): 1 | 0;
+export declare function _serialize_guard(condition: undefined | 1 | Record<string, 1>, key: string): 0 | 1;
 export declare function _el_resume(scopeId: number, accessor: Accessor, shouldResume?: 0 | 1): string;
 export declare function _sep(shouldResume: 0 | 1): "" | "<!>";
 export declare function _el(scopeId: number, id: string): () => void;
@@ -90,6 +90,7 @@ export declare class State {
     writeReorders: Chunk[] | null;
     scopes: Map<number, PartialScope>;
     writeScopes: null | Record<number, PartialScope>;
+    ensureReady: null | Record<string, 0 | 1>;
     serializeReason: undefined | 0 | 1;
     constructor($global: $Global & {
         renderId: string;

package/dist/html.js

@@ -1549,6 +1549,7 @@ var State2 = class {
   writeReorders = null;
   scopes = /* @__PURE__ */ new Map();
   writeScopes = null;
+  ensureReady = null;
   serializeReason;
   get runtimePrefix() {
     let { $global: $global2 } = this;
@@ -1664,7 +1665,18 @@ var Boundary = class extends AbortController {
     if (needsWalk && (state.walkOnNextFlush = !1), state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(
       scripts,
       WALKER_RUNTIME_CODE + '("' + $global2.runtimeId + '")("' + $global2.renderId + '")'
-    )), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ',"' + effects + '"' : '"' + effects + '"'), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(
+    )), state.ensureReady && state.hasMainRuntime) {
+      let first = !0;
+      for (let id in state.ensureReady)
+        state.ensureReady[id] && (state.ensureReady[id] = 0, first ? scripts = concatScripts(
+          scripts,
+          "(" + runtimePrefix + ".b={})" + toAccess(toObjectKey(id)) + "=1"
+        ) : scripts = concatScripts(
+          scripts,
+          runtimePrefix + ".b" /* Blocking */ + toAccess(toObjectKey(id)) + "=1"
+        )), first = !1;
+    }
+    if (effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ',"' + effects + '"' : '"' + effects + '"'), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(
       scripts,
       runtimePrefix + ".r.push(" + state.resumes + ")"
     ) : (state.hasWrittenResume = !0, scripts = concatScripts(
@@ -2198,20 +2210,28 @@ function NOOP2() {
 }
 
 // src/html/template.ts
-var _template = (templateId, renderer) => (renderer.render = render, renderer._ = renderer, _content_resume(templateId, renderer));
+var _template = (templateId, renderer, page) => (renderer.render = render, renderer.b = !page, renderer._ = renderer, _content_resume(templateId, renderer));
 function render(input = {}) {
   let { $global: $global2 } = input;
   $global2 ? ({ $global: $global2, ...input } = input, $global2 = {
     runtimeId: "M",
-    renderId: "_",
+    renderId: getDefaultRenderId(this),
     ...$global2
-  }) : $global2 = { runtimeId: "M", renderId: "_" };
-  let head = new Chunk(
-    new Boundary(new State2($global2), $global2.signal),
-    null,
-    null
-  );
-  return head.render(this, input), new ServerRendered(head);
+  }) : $global2 = {
+    runtimeId: "M",
+    renderId: getDefaultRenderId(this)
+  };
+  let state = new State2($global2), head = new Chunk(new Boundary(state, $global2.signal), null, null);
+  return this.b && ((state.ensureReady ||= {})[this.a] = 1), head.render(this, input), new ServerRendered(head);
+}
+function getDefaultRenderId(template) {
+  if (template.b) {
+    let ENCODE_CHARS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_0123456789", n = Math.random() * 4294967296 >>> 0, r = ENCODE_CHARS[n % 53];
+    for (n = n / 53 | 0; n; n >>>= 6)
+      r += ENCODE_CHARS[n & 63];
+    return r;
+  }
+  return "_";
 }
 var ServerRendered = class {
   #head;

package/dist/html.mjs

@@ -1459,6 +1459,7 @@ var State2 = class {
   writeReorders = null;
   scopes = /* @__PURE__ */ new Map();
   writeScopes = null;
+  ensureReady = null;
   serializeReason;
   get runtimePrefix() {
     let { $global: $global2 } = this;
@@ -1574,7 +1575,18 @@ var Boundary = class extends AbortController {
     if (needsWalk && (state.walkOnNextFlush = !1), state.needsMainRuntime && !state.hasMainRuntime && (state.hasMainRuntime = !0, scripts = concatScripts(
       scripts,
       WALKER_RUNTIME_CODE + '("' + $global2.runtimeId + '")("' + $global2.renderId + '")'
-    )), effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ',"' + effects + '"' : '"' + effects + '"'), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(
+    )), state.ensureReady && state.hasMainRuntime) {
+      let first = !0;
+      for (let id in state.ensureReady)
+        state.ensureReady[id] && (state.ensureReady[id] = 0, first ? scripts = concatScripts(
+          scripts,
+          "(" + runtimePrefix + ".b={})" + toAccess(toObjectKey(id)) + "=1"
+        ) : scripts = concatScripts(
+          scripts,
+          runtimePrefix + ".b" /* Blocking */ + toAccess(toObjectKey(id)) + "=1"
+        )), first = !1;
+    }
+    if (effects && (needsWalk = !0, state.resumes = state.resumes ? state.resumes + ',"' + effects + '"' : '"' + effects + '"'), state.resumes && (state.hasWrittenResume ? scripts = concatScripts(
       scripts,
       runtimePrefix + ".r.push(" + state.resumes + ")"
     ) : (state.hasWrittenResume = !0, scripts = concatScripts(
@@ -2108,20 +2120,28 @@ function NOOP2() {
 }
 
 // src/html/template.ts
-var _template = (templateId, renderer) => (renderer.render = render, renderer._ = renderer, _content_resume(templateId, renderer));
+var _template = (templateId, renderer, page) => (renderer.render = render, renderer.b = !page, renderer._ = renderer, _content_resume(templateId, renderer));
 function render(input = {}) {
   let { $global: $global2 } = input;
   $global2 ? ({ $global: $global2, ...input } = input, $global2 = {
     runtimeId: "M",
-    renderId: "_",
+    renderId: getDefaultRenderId(this),
     ...$global2
-  }) : $global2 = { runtimeId: "M", renderId: "_" };
-  let head = new Chunk(
-    new Boundary(new State2($global2), $global2.signal),
-    null,
-    null
-  );
-  return head.render(this, input), new ServerRendered(head);
+  }) : $global2 = {
+    runtimeId: "M",
+    renderId: getDefaultRenderId(this)
+  };
+  let state = new State2($global2), head = new Chunk(new Boundary(state, $global2.signal), null, null);
+  return this.b && ((state.ensureReady ||= {})[this.a] = 1), head.render(this, input), new ServerRendered(head);
+}
+function getDefaultRenderId(template) {
+  if (template.b) {
+    let ENCODE_CHARS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_0123456789", n = Math.random() * 4294967296 >>> 0, r = ENCODE_CHARS[n % 53];
+    for (n = n / 53 | 0; n; n >>>= 6)
+      r += ENCODE_CHARS[n & 63];
+    return r;
+  }
+  return "_";
 }
 var ServerRendered = class {
   #head;