marko 6.0.155 → 6.0.156

package/dist/dom.mjs

@@ -76,7 +76,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 +164,13 @@ function findBranchWithKey(scope, key) {
 function destroyBranch(branch) {
   branch.N?.D?.delete(
     branch
-  ), destroyNestedBranches(branch);
+  ), destroyNestedScopes(branch);
 }
-function destroyNestedBranches(branch) {
-  branch.I = 1, branch.D?.forEach(destroyNestedBranches), branch.B?.forEach(resetControllers);
+function destroyScope(scope) {
+  scope.I || (destroyNestedScopes(scope), resetControllers(scope));
+}
+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 +264,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 +280,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 +378,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 +393,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 +410,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 +430,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 +449,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 +500,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 +528,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 +913,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 +960,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 +1120,7 @@ function renderCatch(scope, error) {
       tryWithCatch.C,
       tryWithCatch.E,
       createAndSetupBranch
-    ), tryWithCatch.E.b?.(
+    ), tryWithCatch.E.d?.(
       owner["A" /* BranchScopes */ + tryWithCatch.C],
       [error]
     );
@@ -1123,7 +1156,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 +1170,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 +1190,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 +1330,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 +1388,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 +1413,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 +1424,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 +1457,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 +1479,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 +1495,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 +1537,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 +1545,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,
@@ -1627,5 +1660,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

@@ -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;

package/dist/translator/index.js

@@ -2336,18 +2336,26 @@ var entry_builder_default = {
       (it) => import_compiler9.types.importDeclaration([], import_compiler9.types.stringLiteral(it))
     );
     if (state.init) {
+      const isPage = entryFile.path.node.extra.page;
+      const initHelper = isPage ? "init" : "initEmbedded";
       body.unshift(
         import_compiler9.types.importDeclaration(
-          [import_compiler9.types.importSpecifier(import_compiler9.types.identifier("init"), import_compiler9.types.identifier("init"))],
+          [
+            import_compiler9.types.importSpecifier(
+              import_compiler9.types.identifier(initHelper),
+              import_compiler9.types.identifier(initHelper)
+            )
+          ],
           import_compiler9.types.stringLiteral(
             `${runtime_info_default.name}/${entryFile.markoOpts.optimize ? "" : "debug/"}dom`
           )
         )
       );
       const { runtimeId } = entryFile.markoOpts;
+      const readyId = !isPage && (0, import_babel_utils12.getTemplateId)(entryFile.markoOpts, entryFile.opts.filename);
       const initExpression = import_compiler9.types.callExpression(
-        import_compiler9.types.identifier("init"),
-        runtimeId ? [import_compiler9.types.stringLiteral(runtimeId)] : []
+        import_compiler9.types.identifier(initHelper),
+        readyId ? runtimeId ? [import_compiler9.types.stringLiteral(readyId), import_compiler9.types.stringLiteral(runtimeId)] : [import_compiler9.types.stringLiteral(readyId)] : runtimeId ? [import_compiler9.types.stringLiteral(runtimeId)] : []
       );
       body.push(
         exportInit ? import_compiler9.types.exportDefaultDeclaration(
@@ -4802,7 +4810,8 @@ var html_default = {
         callRuntime(
           "_template",
           import_compiler24.types.stringLiteral(program.hub.file.metadata.marko.id),
-          contentId ? import_compiler24.types.identifier(contentId) : contentFn
+          contentId ? import_compiler24.types.identifier(contentId) : contentFn,
+          program.node.extra.page ? import_compiler24.types.numericLiteral(1) : void 0
         )
       );
       if (contentId) {
@@ -5578,6 +5587,13 @@ var native_tag_default = {
         );
       }
       const tagName = getCanonicalTagName(tag);
+      switch (tagName) {
+        case "html":
+        case "body":
+        case "head":
+          (0, import_babel_utils21.getProgram)().node.extra.page ??= true;
+          break;
+      }
       const isTextOnly = isTextOnlyNativeTag(tag);
       const seen = {};
       const { attributes } = tag.node;
@@ -12408,10 +12424,14 @@ var custom_tag_default = {
       if (!childFile) {
         throw tag.get("name").buildCodeFrameError("Unable to resolve file for tag.");
       }
-      const programSection = (0, import_babel_utils49.getProgram)().node.extra.section;
+      const programExtra = (0, import_babel_utils49.getProgram)().node.extra;
+      const programSection = programExtra.section;
       const childProgram = childFile.ast.program;
       const childExtra = childProgram.extra;
       const childSection = childExtra.section;
+      if (childExtra.page) {
+        programExtra.page ??= true;
+      }
       knownTagAnalyze(
         tag,
         childSection,

package/dist/translator/util/entry-builder.d.ts

@@ -3,6 +3,7 @@ declare module "@marko/compiler/dist/types" {
     interface ProgramExtra {
         needsCompat?: boolean;
         isInteractive?: boolean;
+        page?: boolean;
     }
 }
 type EntryFile = t.BabelFile & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "6.0.155",
+  "version": "6.0.156",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",

package/tags-html.d.ts

@@ -1393,6 +1393,12 @@ declare global {
          */
         value?: AttrStringOrNumber;
 
+        /**
+         * Indicates that the file input allows the user to select a directory instead of a file.
+         * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory
+         */
+        webkitdirectory?: AttrBoolean;
+
         /**
          * The width of an image input in pixels.
          * @see https://html.spec.whatwg.org/multipage/embedded-content-other.html#attr-dim-width