@absolutejs/absolute 0.19.0-beta.366 → 0.19.0-beta.368

package/dist/vue/index.js

@@ -78,56 +78,6 @@ var __legacyMetadataTS = (k, v) => {
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = import.meta.require;
 
-// src/core/streamingSlotRegistrar.ts
-var registrar = null, setStreamingSlotRegistrar = (nextRegistrar) => {
-  registrar = nextRegistrar;
-}, registerStreamingSlot = (slot) => {
-  registrar?.(slot);
-};
-
-// src/client/streamSwap.ts
-var streamSwapRuntime = () => {
-  if (window.__ABS_SLOT_RUNTIME__ === true)
-    return;
-  window.__ABS_SLOT_RUNTIME__ = true;
-  window.__ABS_SLOT_PENDING__ = window.__ABS_SLOT_PENDING__ ?? {};
-  const pending = window.__ABS_SLOT_PENDING__;
-  const apply = (id, html) => {
-    const node = document.getElementById(`slot-${id}`);
-    if (!node) {
-      pending[id] = html;
-      return;
-    }
-    node.innerHTML = html;
-    delete pending[id];
-  };
-  const flush = () => {
-    for (const id in pending) {
-      if (!Object.prototype.hasOwnProperty.call(pending, id))
-        continue;
-      apply(id, pending[id] ?? "");
-    }
-  };
-  window.__ABS_SLOT_ENQUEUE__ = (id, html) => {
-    apply(id, html);
-  };
-  if (typeof MutationObserver === "function") {
-    const observer = new MutationObserver(flush);
-    const root = document.documentElement ?? document.body ?? document;
-    observer.observe(root, { childList: true, subtree: true });
-  }
-  if (document.readyState === "loading") {
-    document.addEventListener("DOMContentLoaded", flush, { once: true });
-  }
-  flush();
-}, stripFunctionWrapper = (value) => {
-  const start = value.indexOf("{");
-  const end = value.lastIndexOf("}");
-  if (start < 0 || end <= start)
-    return "";
-  return value.slice(start + 1, end);
-}, getStreamSwapRuntimeScript = () => `(function(){${stripFunctionWrapper(streamSwapRuntime.toString())}})();`;
-
 // src/utils/escapeScriptContent.ts
 var ESCAPE_LOOKUP, ESCAPE_REGEX, escapeScriptContent = (content) => content.replace(ESCAPE_REGEX, (char) => {
   const escaped = ESCAPE_LOOKUP[char];
@@ -144,253 +94,38 @@ var init_escapeScriptContent = __esm(() => {
   ESCAPE_REGEX = /[&><\u2028\u2029]/g;
 });
 
-// src/utils/streamingSlots.ts
-var SLOT_ID_PREFIX = "abs-slot-", SLOT_PLACEHOLDER_PREFIX = "slot-", CLOSING_HEAD_TAG = "</head>", CLOSING_HEAD_TAG_LENGTH, CLOSING_PAGE_TAG_REGEX, STREAMING_RUNTIME_GLOBAL = "__ABS_SLOT_ENQUEUE__", STREAMING_PENDING_GLOBAL = "__ABS_SLOT_PENDING__", STREAM_TAIL_LOOKBEHIND = 128, STREAMING_SLOT_TIMEOUT_MS = 5000, STREAMING_SLOT_MAX_PER_RESPONSE = 128, STREAMING_SLOT_MAX_HTML_BYTES = 64000, createSlotPlaceholderId = (id) => `${SLOT_PLACEHOLDER_PREFIX}${id}`, createSlotPatchStatement = (id, html) => `(window.${STREAMING_RUNTIME_GLOBAL}||function(i,h){window.${STREAMING_PENDING_GLOBAL}=window.${STREAMING_PENDING_GLOBAL}||{};window.${STREAMING_PENDING_GLOBAL}[i]=h;})(${JSON.stringify(id)},${JSON.stringify(html)});`, createNonceAttr = (nonce) => nonce ? ` nonce="${nonce}"` : "", createStreamingSlotId = () => `${SLOT_ID_PREFIX}${Math.random().toString(36).slice(2, 10)}`, getStreamingSlotsRuntimeScript = () => getStreamSwapRuntimeScript(), renderStreamingSlotsRuntimeTag = (nonce) => `<script${createNonceAttr(nonce)}>${escapeScriptContent(getStreamingSlotsRuntimeScript())}</script>`, renderStreamingSlotPlaceholder = (id, fallbackHtml = "") => `<div id="${createSlotPlaceholderId(id)}" data-absolute-slot="true">${fallbackHtml}</div>`, renderStreamingSlotPatchTag = (id, html, nonce) => `<script${createNonceAttr(nonce)}>${escapeScriptContent(createSlotPatchStatement(id, html))}</script>`, injectHtmlIntoHead = (html, injection) => {
-  const closingHeadIndex = html.indexOf(CLOSING_HEAD_TAG);
+// src/constants.ts
+var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000;
+var init_constants = __esm(() => {
+  MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
+  MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE * MINUTES_IN_AN_HOUR * HOURS_IN_DAY;
+  TWO_THIRDS = 2 / 3;
+});
+
+// src/core/islandPageContext.ts
+var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST__", ISLAND_STATE_MARKER = "__ABS_ISLAND_STATE__", CLOSING_HEAD_TAG2 = "</head>", buildIslandsHeadMarkup = (manifest) => {
+  const manifestScript = `<script>window.__ABSOLUTE_MANIFEST__ = ${JSON.stringify(manifest)}</script>`;
+  const islandStateScript = `<script>window.__ABS_ISLAND_STATE__ = ${JSON.stringify(globalThis.__ABS_ISLAND_STATE__ ?? {})}</script>`;
+  const bootstrapPath = manifest[BOOTSTRAP_MANIFEST_KEY];
+  const bootstrapScript = bootstrapPath ? `<script type="module" src="${bootstrapPath}"></script>` : "";
+  return `${manifestScript}${islandStateScript}${bootstrapScript}`;
+}, injectHeadMarkup = (html, markup) => {
+  const closingHeadIndex = html.indexOf("</head>");
   if (closingHeadIndex >= 0) {
-    return `${html.slice(0, closingHeadIndex)}${injection}${html.slice(closingHeadIndex)}`;
-  }
-  return `${html}${injection}`;
-}, toUint8 = (value, encoder) => encoder.encode(value), currentStreamingSlotPolicy, clonePolicy = (policy) => ({
-  ...policy
-}), normalizeSlotBytes = (value, fallback) => {
-  if (typeof value === "number" && Number.isFinite(value) && value >= 0) {
-    return Math.floor(value);
-  }
-  return fallback;
-}, normalizeSlotText = (value, fallback) => typeof value === "string" ? value : fallback, normalizeSlotError = (value, fallback) => typeof value === "string" ? value : fallback, hasPolicyValue = (policy, key) => Object.prototype.hasOwnProperty.call(policy, key), applyStreamingSlotPolicyOverrides = (base, overridePolicy = {}) => ({
-  timeoutMs: hasPolicyValue(overridePolicy, "timeoutMs") ? normalizeSlotBytes(overridePolicy.timeoutMs, base.timeoutMs) : base.timeoutMs,
-  fallbackHtml: hasPolicyValue(overridePolicy, "fallbackHtml") ? normalizeSlotText(overridePolicy.fallbackHtml, "") : base.fallbackHtml,
-  errorHtml: hasPolicyValue(overridePolicy, "errorHtml") ? normalizeSlotError(overridePolicy.errorHtml) : base.errorHtml,
-  maxSlotsPerResponse: hasPolicyValue(overridePolicy, "maxSlotsPerResponse") ? normalizeSlotBytes(overridePolicy.maxSlotsPerResponse, base.maxSlotsPerResponse) : base.maxSlotsPerResponse,
-  maxSlotHtmlSizeBytes: hasPolicyValue(overridePolicy, "maxSlotHtmlSizeBytes") ? normalizeSlotBytes(overridePolicy.maxSlotHtmlSizeBytes, base.maxSlotHtmlSizeBytes) : base.maxSlotHtmlSizeBytes,
-  onError: hasPolicyValue(overridePolicy, "onError") ? overridePolicy.onError : base.onError,
-  onSlotMetric: hasPolicyValue(overridePolicy, "onSlotMetric") ? overridePolicy.onSlotMetric : base.onSlotMetric
-}), createCombinedSlotErrorHandler = (policyOnError, enhancerOnError) => {
-  if (!policyOnError && !enhancerOnError)
-    return;
-  return (error, slot) => {
-    policyOnError?.(error, slot);
-    enhancerOnError?.(error, slot);
-  };
-}, createCombinedSlotMetricHandler = (policyOnSlotMetric, callOnSlotMetric) => {
-  if (!policyOnSlotMetric && !callOnSlotMetric)
-    return;
-  return (metric) => {
-    policyOnSlotMetric?.(metric);
-    callOnSlotMetric?.(metric);
-  };
-}, resolveStreamingSlotPolicy = (overridePolicy = {}) => {
-  const base = getStreamingSlotPolicy();
-  return applyStreamingSlotPolicyOverrides(base, overridePolicy);
-}, getStreamingSlotPolicy = () => clonePolicy(currentStreamingSlotPolicy), setStreamingSlotPolicy = (policy = {}) => {
-  const base = getStreamingSlotPolicy();
-  currentStreamingSlotPolicy = applyStreamingSlotPolicyOverrides(base, policy);
-}, withStreamingSlotPolicy = async (policy, callback) => {
-  const previous = getStreamingSlotPolicy();
-  setStreamingSlotPolicy(policy);
-  try {
-    return await callback();
-  } finally {
-    currentStreamingSlotPolicy = previous;
-  }
-}, emitSlotMetric = (metric, onSlotMetric) => {
-  onSlotMetric?.(metric);
-}, createTimeoutError = (slot, timeoutMs) => {
-  const error = new Error(`Streaming slot "${slot.id}" timed out after ${timeoutMs}ms`);
-  error.__absTimeout = true;
-  return error;
-}, toStreamingSlot = (slot, policy) => ({
-  errorHtml: slot.errorHtml === undefined ? policy.errorHtml : slot.errorHtml,
-  fallbackHtml: normalizeSlotText(slot.fallbackHtml, policy.fallbackHtml),
-  id: slot.id ?? createStreamingSlotId(),
-  timeoutMs: normalizeSlotBytes(slot.timeoutMs, policy.timeoutMs),
-  resolve: slot.resolve
-}), prepareSlots = ({
-  policy,
-  slots,
-  onError,
-  onSlotMetric
-}) => {
-  const preparedSlots = slots.map((slot) => toStreamingSlot(slot, policy));
-  const maxSlotsPerResponse = policy.maxSlotsPerResponse;
-  if (maxSlotsPerResponse === 0) {
-    const error = new Error("Streaming slot limit is set to 0");
-    for (const slot of preparedSlots) {
-      onError?.(error, slot);
-      emitSlotMetric({
-        type: "dropped",
-        slotId: slot.id,
-        reason: "maxSlotsPerResponse is 0"
-      }, onSlotMetric);
-    }
-    return [];
-  }
-  if (preparedSlots.length <= maxSlotsPerResponse) {
-    preparedSlots.forEach((slot) => emitSlotMetric({
-      type: "prepared",
-      slotId: slot.id
-    }, onSlotMetric));
-    return preparedSlots;
+    return `${html.slice(0, closingHeadIndex)}${markup}${html.slice(closingHeadIndex)}`;
   }
-  const keptSlots = preparedSlots.slice(0, maxSlotsPerResponse);
-  const droppedSlots = preparedSlots.slice(maxSlotsPerResponse);
-  droppedSlots.forEach((slot) => {
-    onError?.(new Error(`Streaming slot "${slot.id}" dropped because ${maxSlotsPerResponse} slots is the configured maximum`), slot);
-    emitSlotMetric({
-      type: "dropped",
-      slotId: slot.id,
-      reason: `maxSlotsPerResponse is ${maxSlotsPerResponse}`
-    }, onSlotMetric);
-  });
-  keptSlots.forEach((slot) => emitSlotMetric({
-    type: "prepared",
-    slotId: slot.id
-  }, onSlotMetric));
-  return keptSlots;
-}, htmlByteLength = (value, encoder) => encoder.encode(value).length, resolveSlot = async (slot, onError, policy, onSlotMetric) => {
-  const safePolicy = policy ?? getStreamingSlotPolicy();
-  const encoder = new TextEncoder;
-  const start = Date.now();
-  try {
-    const maybeAsyncValue = Promise.resolve(slot.resolve());
-    const resolved = typeof slot.timeoutMs === "number" && slot.timeoutMs > 0 ? await Promise.race([
-      maybeAsyncValue,
-      new Promise((_, reject) => setTimeout(() => {
-        reject(createTimeoutError(slot, slot.timeoutMs ?? 0));
-      }, slot.timeoutMs))
-    ]) : await maybeAsyncValue;
-    const html = typeof resolved === "string" ? resolved : `${resolved}`;
-    if (safePolicy.maxSlotHtmlSizeBytes > 0 && htmlByteLength(html, encoder) > safePolicy.maxSlotHtmlSizeBytes) {
-      const bytes2 = htmlByteLength(html, encoder);
-      const error = new Error(`Streaming slot "${slot.id}" exceeded max payload size of ${safePolicy.maxSlotHtmlSizeBytes} bytes`);
-      const durationMs2 = Date.now() - start;
-      onError?.(error, slot);
-      emitSlotMetric({
-        type: "size_exceeded",
-        slotId: slot.id,
-        durationMs: durationMs2,
-        bytes: bytes2,
-        error
-      }, onSlotMetric);
-      const fallbackHtml = typeof slot.errorHtml === "string" ? slot.errorHtml : null;
-      return {
-        html: fallbackHtml,
-        id: slot.id,
-        durationMs: durationMs2,
-        bytes: fallbackHtml === null ? 0 : htmlByteLength(fallbackHtml, encoder)
-      };
-    }
-    const durationMs = Date.now() - start;
-    const bytes = htmlByteLength(html, encoder);
-    emitSlotMetric({
-      type: "resolved",
-      slotId: slot.id,
-      durationMs,
-      bytes
-    }, onSlotMetric);
-    return {
-      html,
-      id: slot.id,
-      durationMs,
-      bytes
-    };
-  } catch (error) {
-    const durationMs = Date.now() - start;
-    onError?.(error, slot);
-    emitSlotMetric({
-      type: error?.__absTimeout === true ? "timeout" : "error",
-      slotId: slot.id,
-      durationMs,
-      error
-    }, onSlotMetric);
-    if (typeof slot.errorHtml === "string") {
-      const html = slot.errorHtml;
-      return {
-        html,
-        id: slot.id,
-        durationMs,
-        bytes: htmlByteLength(html, encoder)
-      };
+  const openingBodyIndex = html.indexOf("<body");
+  if (openingBodyIndex >= 0) {
+    const bodyStart = html.indexOf(">", openingBodyIndex);
+    if (bodyStart >= 0) {
+      return `${html.slice(0, openingBodyIndex)}<head>${markup}</head>${html.slice(openingBodyIndex)}`;
     }
-    return {
-      html: null,
-      id: slot.id,
-      durationMs,
-      bytes: 0
-    };
   }
-}, nextResolvedSlot = async (pending) => {
-  const wrapped = pending.map((promise) => promise.then((result) => ({
-    original: promise,
-    result
-  })));
-  return Promise.race(wrapped);
-}, streamChunkToString = (value, decoder) => typeof value === "string" ? value : decoder.decode(value, { stream: true }), streamOutOfOrderSlots = ({
-  footerHtml = "",
-  headerHtml = "",
-  nonce,
-  policy,
-  onSlotMetric,
-  onError,
-  slots
-}) => {
-  const resolvedPolicy = resolveStreamingSlotPolicy(policy);
-  const combinedOnError = createCombinedSlotErrorHandler(resolvedPolicy.onError, onError);
-  const combinedOnSlotMetric = createCombinedSlotMetricHandler(resolvedPolicy.onSlotMetric, onSlotMetric);
-  const effectivePolicy = {
-    ...resolvedPolicy,
-    onSlotMetric: combinedOnSlotMetric
-  };
-  const preparedSlots = prepareSlots({
-    policy: effectivePolicy,
-    slots,
-    onError: combinedOnError,
-    onSlotMetric: combinedOnSlotMetric
-  });
+  return `<!DOCTYPE html><html><head>${markup}</head><body>${html}</body></html>`;
+}, streamChunkToString2 = (value, decoder) => typeof value === "string" ? value : decoder.decode(value, { stream: true }), pipeStreamWithHeadInjection = (stream, markup) => {
   const encoder = new TextEncoder;
-  return new ReadableStream({
-    async start(controller) {
-      try {
-        let header = headerHtml;
-        if (preparedSlots.length > 0 && !header.includes(STREAMING_RUNTIME_GLOBAL)) {
-          header = injectHtmlIntoHead(header, renderStreamingSlotsRuntimeTag(nonce));
-        }
-        controller.enqueue(toUint8(header, encoder));
-        const pending = preparedSlots.map((slot) => {
-          const fallback = renderStreamingSlotPlaceholder(slot.id, slot.fallbackHtml ?? "");
-          controller.enqueue(toUint8(fallback, encoder));
-          return resolveSlot(slot, combinedOnError, effectivePolicy, combinedOnSlotMetric);
-        });
-        while (pending.length > 0) {
-          const { original, result } = await nextResolvedSlot(pending);
-          const index = pending.indexOf(original);
-          if (index >= 0)
-            pending.splice(index, 1);
-          if (result.html === null)
-            continue;
-          emitSlotMetric({
-            type: "patched",
-            slotId: result.id,
-            durationMs: result.durationMs,
-            bytes: result.bytes
-          }, combinedOnSlotMetric);
-          controller.enqueue(toUint8(renderStreamingSlotPatchTag(result.id, result.html, nonce), encoder));
-        }
-        if (footerHtml.length > 0) {
-          controller.enqueue(toUint8(footerHtml, encoder));
-        }
-        controller.close();
-      } catch (error) {
-        controller.error(error);
-      }
-    }
-  });
-}, injectStreamingRuntimeIntoStream = (stream, nonce) => {
-  const runtimeTag = renderStreamingSlotsRuntimeTag(nonce);
-  const encoder = new TextEncoder;
-  const decoder = new TextDecoder;
-  const lookbehind = CLOSING_HEAD_TAG_LENGTH - 1;
+  const decoder = new TextDecoder;
+  const lookbehind = CLOSING_HEAD_TAG2.length - 1;
   return new ReadableStream({
     async start(controller) {
       const reader = stream.getReader();
@@ -403,16 +138,16 @@ var SLOT_ID_PREFIX = "abs-slot-", SLOT_PLACEHOLDER_PREFIX = "slot-", CLOSING_HEA
             break;
           if (!value)
             continue;
-          pending += streamChunkToString(value, decoder);
+          pending += streamChunkToString2(value, decoder);
           if (injected) {
             controller.enqueue(encoder.encode(pending));
             pending = "";
             continue;
           }
-          const headIndex = pending.indexOf(CLOSING_HEAD_TAG);
+          const headIndex = pending.indexOf(CLOSING_HEAD_TAG2);
           if (headIndex >= 0) {
-            const withRuntime = `${pending.slice(0, headIndex)}${runtimeTag}${pending.slice(headIndex)}`;
-            controller.enqueue(encoder.encode(withRuntime));
+            const next = `${pending.slice(0, headIndex)}${markup}${pending.slice(headIndex)}`;
+            controller.enqueue(encoder.encode(next));
             pending = "";
             injected = true;
             continue;
@@ -425,7 +160,7 @@ var SLOT_ID_PREFIX = "abs-slot-", SLOT_PLACEHOLDER_PREFIX = "slot-", CLOSING_HEA
         }
         pending += decoder.decode();
         if (!injected) {
-          pending = injectHtmlIntoHead(pending, runtimeTag);
+          pending = injectHeadMarkup(pending, markup);
         }
         if (pending.length > 0) {
           controller.enqueue(encoder.encode(pending));
@@ -436,345 +171,78 @@ var SLOT_ID_PREFIX = "abs-slot-", SLOT_PLACEHOLDER_PREFIX = "slot-", CLOSING_HEA
       }
     }
   });
-}, appendStreamingSlotPatchesToStream = (stream, slots = [], {
-  injectRuntime = true,
-  nonce,
-  onError,
-  onSlotMetric,
-  policy
-} = {}) => {
-  const resolvedPolicy = resolveStreamingSlotPolicy(policy);
-  const combinedOnError = createCombinedSlotErrorHandler(resolvedPolicy.onError, onError);
-  const combinedOnSlotMetric = createCombinedSlotMetricHandler(resolvedPolicy.onSlotMetric, onSlotMetric);
-  const effectivePolicy = {
-    ...resolvedPolicy,
-    onSlotMetric: combinedOnSlotMetric
-  };
-  const preparedSlots = prepareSlots({
-    policy: effectivePolicy,
-    slots,
-    onError: combinedOnError,
-    onSlotMetric: combinedOnSlotMetric
-  });
-  if (preparedSlots.length === 0)
-    return stream;
-  const source = injectRuntime ? injectStreamingRuntimeIntoStream(stream, nonce) : stream;
+}, pipeStreamWithIslandMarkerDetection = (stream, markup) => {
   const encoder = new TextEncoder;
   const decoder = new TextDecoder;
-  const reader = source.getReader();
-  const pending = preparedSlots.map((slot) => resolveSlot(slot, combinedOnError, effectivePolicy, combinedOnSlotMetric));
+  const lookbehind = Math.max(ISLAND_MARKER.length, 1024);
   return new ReadableStream({
     async start(controller) {
-      let baseDone = false;
-      let baseRead = reader.read();
-      let tail = "";
-      let footer = "";
+      const reader = stream.getReader();
+      let injected = false;
+      let pending = "";
       try {
-        while (!baseDone || pending.length > 0) {
-          const racers = [];
-          if (!baseDone) {
-            racers.push(baseRead.then(({ done, value }) => ({
-              done,
-              kind: "base",
-              value
-            })));
-          }
-          if (pending.length > 0) {
-            racers.push(nextResolvedSlot(pending).then((resolved) => ({
-              kind: "slot",
-              ...resolved
-            })));
-          }
-          if (racers.length === 0)
+        for (;; ) {
+          const { done, value } = await reader.read();
+          if (done)
             break;
-          const winner = await Promise.race(racers);
-          if (winner.kind === "base") {
-            if (winner.done) {
-              baseDone = true;
-              tail += decoder.decode();
-              const footerStart = tail.search(CLOSING_PAGE_TAG_REGEX);
-              if (footerStart >= 0) {
-                const content = tail.slice(0, footerStart);
-                footer = tail.slice(footerStart);
-                if (content.length > 0) {
-                  controller.enqueue(encoder.encode(content));
-                }
-              } else if (tail.length > 0) {
-                controller.enqueue(encoder.encode(tail));
-              }
-              tail = "";
-            } else if (winner.value) {
-              tail += streamChunkToString(winner.value, decoder);
-              if (tail.length > STREAM_TAIL_LOOKBEHIND) {
-                const content = tail.slice(0, tail.length - STREAM_TAIL_LOOKBEHIND);
-                controller.enqueue(encoder.encode(content));
-                tail = tail.slice(-STREAM_TAIL_LOOKBEHIND);
-              }
-              baseRead = reader.read();
-            }
+          if (!value)
+            continue;
+          pending += streamChunkToString2(value, decoder);
+          if (injected) {
+            controller.enqueue(encoder.encode(pending));
+            pending = "";
             continue;
           }
-          const index = pending.indexOf(winner.original);
-          if (index >= 0)
-            pending.splice(index, 1);
-          if (winner.result.html === null)
+          const markerIndex = pending.indexOf(ISLAND_MARKER);
+          if (markerIndex >= 0) {
+            const tagStart = pending.lastIndexOf("<", markerIndex);
+            const injectAt = tagStart >= 0 ? tagStart : markerIndex;
+            const next = `${pending.slice(0, injectAt)}${markup}${pending.slice(injectAt)}`;
+            controller.enqueue(encoder.encode(next));
+            pending = "";
+            injected = true;
             continue;
-          emitSlotMetric({
-            type: "patched",
-            slotId: winner.result.id,
-            durationMs: winner.result.durationMs,
-            bytes: winner.result.bytes
-          }, combinedOnSlotMetric);
-          controller.enqueue(encoder.encode(renderStreamingSlotPatchTag(winner.result.id, winner.result.html, nonce)));
+          }
+          if (pending.length > lookbehind) {
+            const safeText = pending.slice(0, pending.length - lookbehind);
+            controller.enqueue(encoder.encode(safeText));
+            pending = pending.slice(-lookbehind);
+          }
+        }
+        pending += decoder.decode();
+        if (pending.length > 0) {
+          controller.enqueue(encoder.encode(pending));
         }
-        if (footer.length > 0)
-          controller.enqueue(encoder.encode(footer));
         controller.close();
       } catch (error) {
         controller.error(error);
       }
     }
   });
-};
-var init_streamingSlots = __esm(() => {
-  init_escapeScriptContent();
-  CLOSING_HEAD_TAG_LENGTH = CLOSING_HEAD_TAG.length;
-  CLOSING_PAGE_TAG_REGEX = /<\/body>\s*<\/html>\s*$/i;
-  currentStreamingSlotPolicy = {
-    timeoutMs: STREAMING_SLOT_TIMEOUT_MS,
-    fallbackHtml: "",
-    errorHtml: undefined,
-    maxSlotsPerResponse: STREAMING_SLOT_MAX_PER_RESPONSE,
-    maxSlotHtmlSizeBytes: STREAMING_SLOT_MAX_HTML_BYTES
-  };
-});
-
-// src/core/streamingSlotRegistry.ts
-var asyncLocalStorage, isServerRuntime = () => typeof process !== "undefined" && typeof process.versions?.node === "string", ensureAsyncLocalStorage = async () => {
-  if (typeof asyncLocalStorage !== "undefined")
-    return asyncLocalStorage;
-  if (!isServerRuntime()) {
-    asyncLocalStorage = null;
-    return asyncLocalStorage;
+}, htmlContainsIslands = (html) => html.includes(ISLAND_MARKER), injectIslandPageContext = (html, options) => {
+  const manifest = globalThis.__absoluteManifest;
+  const hasIslands = options?.hasIslands ?? htmlContainsIslands(html);
+  if (!manifest || !hasIslands) {
+    return html;
   }
-  const mod = await import("async_hooks");
-  asyncLocalStorage = new mod.AsyncLocalStorage;
-  return asyncLocalStorage;
-}, registerStreamingSlot2 = (slot) => {
-  if (!asyncLocalStorage)
-    return;
-  const store = asyncLocalStorage.getStore();
-  if (!store)
-    return;
-  store.set(slot.id, slot);
-}, runWithStreamingSlotRegistry = async (task) => {
-  const storage = await ensureAsyncLocalStorage();
-  if (!storage) {
-    return {
-      result: await task(),
-      slots: []
-    };
+  if (html.includes(MANIFEST_MARKER) || html.includes(ISLAND_STATE_MARKER)) {
+    return html;
   }
-  return storage.run(new Map, async () => {
-    const result = await task();
-    const store = storage.getStore();
-    return {
-      result,
-      slots: store ? [...store.values()] : []
-    };
-  });
-};
-var init_streamingSlotRegistry = __esm(() => {
-  setStreamingSlotRegistrar(registerStreamingSlot2);
-});
-
-// src/core/responseEnhancers.ts
-var toResponse = async (responseLike) => await responseLike, cloneHeaders = (response) => {
-  const headers = new Headers(response.headers);
-  return headers;
-}, enhanceHtmlResponseWithStreamingSlots = (response, { nonce, onError, streamingSlots = [], policy } = {}) => {
-  if (!response.body || streamingSlots.length === 0) {
-    return response;
+  return injectHeadMarkup(html, buildIslandsHeadMarkup(manifest));
+}, injectIslandPageContextStream = (stream, options) => {
+  const manifest = globalThis.__absoluteManifest;
+  if (!manifest)
+    return stream;
+  const markup = buildIslandsHeadMarkup(manifest);
+  if (options?.hasIslands === true) {
+    return pipeStreamWithHeadInjection(stream, markup);
   }
-  const body = appendStreamingSlotPatchesToStream(response.body, streamingSlots, {
-    nonce,
-    onError,
-    policy
-  });
-  return new Response(body, {
-    headers: cloneHeaders(response),
-    status: response.status,
-    statusText: response.statusText
-  });
-}, withStreamingSlots = async (responseLike, options = {}) => enhanceHtmlResponseWithStreamingSlots(await toResponse(responseLike), options), mergeStreamingSlots = (registered, explicit) => {
-  const merged = new Map;
-  for (const slot of registered)
-    merged.set(slot.id, slot);
-  for (const slot of explicit)
-    merged.set(slot.id, slot);
-  return [...merged.values()];
-}, withRegisteredStreamingSlots = async (renderResponse, options = {}) => {
-  const { result, slots } = await runWithStreamingSlotRegistry(renderResponse);
-  const explicit = options.streamingSlots ?? [];
-  return withStreamingSlots(result, {
-    ...options,
-    streamingSlots: mergeStreamingSlots(slots, explicit)
-  });
-};
-var init_responseEnhancers = __esm(() => {
-  init_streamingSlots();
-  init_streamingSlotRegistry();
-});
-
-// src/constants.ts
-var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000;
-var init_constants = __esm(() => {
-  MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
-  MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE * MINUTES_IN_AN_HOUR * HOURS_IN_DAY;
-  TWO_THIRDS = 2 / 3;
-});
-
-// src/core/islandPageContext.ts
-var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST__", ISLAND_STATE_MARKER = "__ABS_ISLAND_STATE__", CLOSING_HEAD_TAG2 = "</head>", buildIslandsHeadMarkup = (manifest) => {
-  const manifestScript = `<script>window.__ABSOLUTE_MANIFEST__ = ${JSON.stringify(manifest)}</script>`;
-  const islandStateScript = `<script>window.__ABS_ISLAND_STATE__ = ${JSON.stringify(globalThis.__ABS_ISLAND_STATE__ ?? {})}</script>`;
-  const bootstrapPath = manifest[BOOTSTRAP_MANIFEST_KEY];
-  const bootstrapScript = bootstrapPath ? `<script type="module" src="${bootstrapPath}"></script>` : "";
-  return `${manifestScript}${islandStateScript}${bootstrapScript}`;
-}, injectHeadMarkup = (html, markup) => {
-  const closingHeadIndex = html.indexOf("</head>");
-  if (closingHeadIndex >= 0) {
-    return `${html.slice(0, closingHeadIndex)}${markup}${html.slice(closingHeadIndex)}`;
-  }
-  const openingBodyIndex = html.indexOf("<body");
-  if (openingBodyIndex >= 0) {
-    const bodyStart = html.indexOf(">", openingBodyIndex);
-    if (bodyStart >= 0) {
-      return `${html.slice(0, openingBodyIndex)}<head>${markup}</head>${html.slice(openingBodyIndex)}`;
-    }
-  }
-  return `<!DOCTYPE html><html><head>${markup}</head><body>${html}</body></html>`;
-}, streamChunkToString2 = (value, decoder) => typeof value === "string" ? value : decoder.decode(value, { stream: true }), pipeStreamWithHeadInjection = (stream, markup) => {
-  const encoder = new TextEncoder;
-  const decoder = new TextDecoder;
-  const lookbehind = CLOSING_HEAD_TAG2.length - 1;
-  return new ReadableStream({
-    async start(controller) {
-      const reader = stream.getReader();
-      let injected = false;
-      let pending = "";
-      try {
-        for (;; ) {
-          const { done, value } = await reader.read();
-          if (done)
-            break;
-          if (!value)
-            continue;
-          pending += streamChunkToString2(value, decoder);
-          if (injected) {
-            controller.enqueue(encoder.encode(pending));
-            pending = "";
-            continue;
-          }
-          const headIndex = pending.indexOf(CLOSING_HEAD_TAG2);
-          if (headIndex >= 0) {
-            const next = `${pending.slice(0, headIndex)}${markup}${pending.slice(headIndex)}`;
-            controller.enqueue(encoder.encode(next));
-            pending = "";
-            injected = true;
-            continue;
-          }
-          if (pending.length > lookbehind) {
-            const safeText = pending.slice(0, pending.length - lookbehind);
-            controller.enqueue(encoder.encode(safeText));
-            pending = pending.slice(-lookbehind);
-          }
-        }
-        pending += decoder.decode();
-        if (!injected) {
-          pending = injectHeadMarkup(pending, markup);
-        }
-        if (pending.length > 0) {
-          controller.enqueue(encoder.encode(pending));
-        }
-        controller.close();
-      } catch (error) {
-        controller.error(error);
-      }
-    }
-  });
-}, pipeStreamWithIslandMarkerDetection = (stream, markup) => {
-  const encoder = new TextEncoder;
-  const decoder = new TextDecoder;
-  const lookbehind = Math.max(ISLAND_MARKER.length, 1024);
-  return new ReadableStream({
-    async start(controller) {
-      const reader = stream.getReader();
-      let injected = false;
-      let pending = "";
-      try {
-        for (;; ) {
-          const { done, value } = await reader.read();
-          if (done)
-            break;
-          if (!value)
-            continue;
-          pending += streamChunkToString2(value, decoder);
-          if (injected) {
-            controller.enqueue(encoder.encode(pending));
-            pending = "";
-            continue;
-          }
-          const markerIndex = pending.indexOf(ISLAND_MARKER);
-          if (markerIndex >= 0) {
-            const tagStart = pending.lastIndexOf("<", markerIndex);
-            const injectAt = tagStart >= 0 ? tagStart : markerIndex;
-            const next = `${pending.slice(0, injectAt)}${markup}${pending.slice(injectAt)}`;
-            controller.enqueue(encoder.encode(next));
-            pending = "";
-            injected = true;
-            continue;
-          }
-          if (pending.length > lookbehind) {
-            const safeText = pending.slice(0, pending.length - lookbehind);
-            controller.enqueue(encoder.encode(safeText));
-            pending = pending.slice(-lookbehind);
-          }
-        }
-        pending += decoder.decode();
-        if (pending.length > 0) {
-          controller.enqueue(encoder.encode(pending));
-        }
-        controller.close();
-      } catch (error) {
-        controller.error(error);
-      }
-    }
-  });
-}, htmlContainsIslands = (html) => html.includes(ISLAND_MARKER), injectIslandPageContext = (html, options) => {
-  const manifest = globalThis.__absoluteManifest;
-  const hasIslands = options?.hasIslands ?? htmlContainsIslands(html);
-  if (!manifest || !hasIslands) {
-    return html;
-  }
-  if (html.includes(MANIFEST_MARKER) || html.includes(ISLAND_STATE_MARKER)) {
-    return html;
-  }
-  return injectHeadMarkup(html, buildIslandsHeadMarkup(manifest));
-}, injectIslandPageContextStream = (stream, options) => {
-  const manifest = globalThis.__absoluteManifest;
-  if (!manifest)
-    return stream;
-  const markup = buildIslandsHeadMarkup(manifest);
-  if (options?.hasIslands === true) {
-    return pipeStreamWithHeadInjection(stream, markup);
-  }
-  if (options?.hasIslands === false) {
-    return stream;
-  }
-  return pipeStreamWithIslandMarkerDetection(stream, markup);
-}, setCurrentIslandManifest = (manifest) => {
-  globalThis.__absoluteManifest = manifest;
+  if (options?.hasIslands === false) {
+    return stream;
+  }
+  return pipeStreamWithIslandMarkerDetection(stream, markup);
+}, setCurrentIslandManifest = (manifest) => {
+  globalThis.__absoluteManifest = manifest;
 };
 
 // src/utils/ssrErrorPage.ts
@@ -2106,6 +1574,18 @@ import { defineComponent as defineComponent2, h as h2 } from "vue";
 
 // src/vue/components/StreamSlot.ts
 import { defineComponent, h } from "vue";
+
+// src/core/streamingSlotRegistrar.ts
+var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
+var getRegistrarGlobal = () => globalThis;
+var setStreamingSlotRegistrar = (nextRegistrar) => {
+  getRegistrarGlobal()[STREAMING_SLOT_REGISTRAR_KEY] = nextRegistrar;
+};
+var registerStreamingSlot = (slot) => {
+  getRegistrarGlobal()[STREAMING_SLOT_REGISTRAR_KEY]?.(slot);
+};
+
+// src/vue/components/StreamSlot.ts
 var StreamSlot = defineComponent({
   name: "AbsoluteStreamSlot",
   props: {
@@ -2156,8 +1636,576 @@ var SuspenseSlot = defineComponent2({
     return () => h2(StreamSlot, props);
   }
 });
+// src/client/streamSwap.ts
+var streamSwapRuntime = () => {
+  if (window.__ABS_SLOT_RUNTIME__ === true)
+    return;
+  window.__ABS_SLOT_RUNTIME__ = true;
+  window.__ABS_SLOT_PENDING__ = window.__ABS_SLOT_PENDING__ ?? {};
+  const pending = window.__ABS_SLOT_PENDING__;
+  const apply = (id, html) => {
+    const node = document.getElementById(`slot-${id}`);
+    if (!node) {
+      pending[id] = html;
+      return;
+    }
+    node.innerHTML = html;
+    delete pending[id];
+  };
+  const flush = () => {
+    for (const id in pending) {
+      if (!Object.prototype.hasOwnProperty.call(pending, id))
+        continue;
+      apply(id, pending[id] ?? "");
+    }
+  };
+  window.__ABS_SLOT_ENQUEUE__ = (id, html) => {
+    apply(id, html);
+  };
+  if (typeof MutationObserver === "function") {
+    const observer = new MutationObserver(flush);
+    const root = document.documentElement ?? document.body ?? document;
+    observer.observe(root, { childList: true, subtree: true });
+  }
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", flush, { once: true });
+  }
+  flush();
+};
+var stripFunctionWrapper = (value) => {
+  const start = value.indexOf("{");
+  const end = value.lastIndexOf("}");
+  if (start < 0 || end <= start)
+    return "";
+  return value.slice(start + 1, end);
+};
+var getStreamSwapRuntimeScript = () => `(function(){${stripFunctionWrapper(streamSwapRuntime.toString())}})();`;
+
+// src/utils/streamingSlots.ts
+init_escapeScriptContent();
+var SLOT_ID_PREFIX = "abs-slot-";
+var SLOT_PLACEHOLDER_PREFIX = "slot-";
+var CLOSING_HEAD_TAG = "</head>";
+var CLOSING_HEAD_TAG_LENGTH = CLOSING_HEAD_TAG.length;
+var CLOSING_PAGE_TAG_REGEX = /<\/body>\s*<\/html>\s*$/i;
+var STREAMING_RUNTIME_GLOBAL = "__ABS_SLOT_ENQUEUE__";
+var STREAMING_PENDING_GLOBAL = "__ABS_SLOT_PENDING__";
+var STREAM_TAIL_LOOKBEHIND = 128;
+var STREAMING_SLOT_TIMEOUT_MS = 5000;
+var STREAMING_SLOT_MAX_PER_RESPONSE = 128;
+var STREAMING_SLOT_MAX_HTML_BYTES = 64000;
+var createSlotPlaceholderId = (id) => `${SLOT_PLACEHOLDER_PREFIX}${id}`;
+var createSlotPatchStatement = (id, html) => `(window.${STREAMING_RUNTIME_GLOBAL}||function(i,h){window.${STREAMING_PENDING_GLOBAL}=window.${STREAMING_PENDING_GLOBAL}||{};window.${STREAMING_PENDING_GLOBAL}[i]=h;})(${JSON.stringify(id)},${JSON.stringify(html)});`;
+var createNonceAttr = (nonce) => nonce ? ` nonce="${nonce}"` : "";
+var createStreamingSlotId = () => `${SLOT_ID_PREFIX}${Math.random().toString(36).slice(2, 10)}`;
+var getStreamingSlotsRuntimeScript = () => getStreamSwapRuntimeScript();
+var renderStreamingSlotsRuntimeTag = (nonce) => `<script${createNonceAttr(nonce)}>${escapeScriptContent(getStreamingSlotsRuntimeScript())}</script>`;
+var renderStreamingSlotPlaceholder = (id, fallbackHtml = "") => `<div id="${createSlotPlaceholderId(id)}" data-absolute-slot="true">${fallbackHtml}</div>`;
+var renderStreamingSlotPatchTag = (id, html, nonce) => `<script${createNonceAttr(nonce)}>${escapeScriptContent(createSlotPatchStatement(id, html))}</script>`;
+var injectHtmlIntoHead = (html, injection) => {
+  const closingHeadIndex = html.indexOf(CLOSING_HEAD_TAG);
+  if (closingHeadIndex >= 0) {
+    return `${html.slice(0, closingHeadIndex)}${injection}${html.slice(closingHeadIndex)}`;
+  }
+  return `${html}${injection}`;
+};
+var toUint8 = (value, encoder) => encoder.encode(value);
+var currentStreamingSlotPolicy = {
+  timeoutMs: STREAMING_SLOT_TIMEOUT_MS,
+  fallbackHtml: "",
+  errorHtml: undefined,
+  maxSlotsPerResponse: STREAMING_SLOT_MAX_PER_RESPONSE,
+  maxSlotHtmlSizeBytes: STREAMING_SLOT_MAX_HTML_BYTES
+};
+var clonePolicy = (policy) => ({
+  ...policy
+});
+var normalizeSlotBytes = (value, fallback) => {
+  if (typeof value === "number" && Number.isFinite(value) && value >= 0) {
+    return Math.floor(value);
+  }
+  return fallback;
+};
+var normalizeSlotText = (value, fallback) => typeof value === "string" ? value : fallback;
+var normalizeSlotError = (value, fallback) => typeof value === "string" ? value : fallback;
+var hasPolicyValue = (policy, key) => Object.prototype.hasOwnProperty.call(policy, key);
+var applyStreamingSlotPolicyOverrides = (base, overridePolicy = {}) => ({
+  timeoutMs: hasPolicyValue(overridePolicy, "timeoutMs") ? normalizeSlotBytes(overridePolicy.timeoutMs, base.timeoutMs) : base.timeoutMs,
+  fallbackHtml: hasPolicyValue(overridePolicy, "fallbackHtml") ? normalizeSlotText(overridePolicy.fallbackHtml, "") : base.fallbackHtml,
+  errorHtml: hasPolicyValue(overridePolicy, "errorHtml") ? normalizeSlotError(overridePolicy.errorHtml) : base.errorHtml,
+  maxSlotsPerResponse: hasPolicyValue(overridePolicy, "maxSlotsPerResponse") ? normalizeSlotBytes(overridePolicy.maxSlotsPerResponse, base.maxSlotsPerResponse) : base.maxSlotsPerResponse,
+  maxSlotHtmlSizeBytes: hasPolicyValue(overridePolicy, "maxSlotHtmlSizeBytes") ? normalizeSlotBytes(overridePolicy.maxSlotHtmlSizeBytes, base.maxSlotHtmlSizeBytes) : base.maxSlotHtmlSizeBytes,
+  onError: hasPolicyValue(overridePolicy, "onError") ? overridePolicy.onError : base.onError,
+  onSlotMetric: hasPolicyValue(overridePolicy, "onSlotMetric") ? overridePolicy.onSlotMetric : base.onSlotMetric
+});
+var createCombinedSlotErrorHandler = (policyOnError, enhancerOnError) => {
+  if (!policyOnError && !enhancerOnError)
+    return;
+  return (error, slot) => {
+    policyOnError?.(error, slot);
+    enhancerOnError?.(error, slot);
+  };
+};
+var createCombinedSlotMetricHandler = (policyOnSlotMetric, callOnSlotMetric) => {
+  if (!policyOnSlotMetric && !callOnSlotMetric)
+    return;
+  return (metric) => {
+    policyOnSlotMetric?.(metric);
+    callOnSlotMetric?.(metric);
+  };
+};
+var resolveStreamingSlotPolicy = (overridePolicy = {}) => {
+  const base = getStreamingSlotPolicy();
+  return applyStreamingSlotPolicyOverrides(base, overridePolicy);
+};
+var getStreamingSlotPolicy = () => clonePolicy(currentStreamingSlotPolicy);
+var setStreamingSlotPolicy = (policy = {}) => {
+  const base = getStreamingSlotPolicy();
+  currentStreamingSlotPolicy = applyStreamingSlotPolicyOverrides(base, policy);
+};
+var withStreamingSlotPolicy = async (policy, callback) => {
+  const previous = getStreamingSlotPolicy();
+  setStreamingSlotPolicy(policy);
+  try {
+    return await callback();
+  } finally {
+    currentStreamingSlotPolicy = previous;
+  }
+};
+var emitSlotMetric = (metric, onSlotMetric) => {
+  onSlotMetric?.(metric);
+};
+var createTimeoutError = (slot, timeoutMs) => {
+  const error = new Error(`Streaming slot "${slot.id}" timed out after ${timeoutMs}ms`);
+  error.__absTimeout = true;
+  return error;
+};
+var toStreamingSlot = (slot, policy) => ({
+  errorHtml: slot.errorHtml === undefined ? policy.errorHtml : slot.errorHtml,
+  fallbackHtml: normalizeSlotText(slot.fallbackHtml, policy.fallbackHtml),
+  id: slot.id ?? createStreamingSlotId(),
+  timeoutMs: normalizeSlotBytes(slot.timeoutMs, policy.timeoutMs),
+  resolve: slot.resolve
+});
+var prepareSlots = ({
+  policy,
+  slots,
+  onError,
+  onSlotMetric
+}) => {
+  const preparedSlots = slots.map((slot) => toStreamingSlot(slot, policy));
+  const maxSlotsPerResponse = policy.maxSlotsPerResponse;
+  if (maxSlotsPerResponse === 0) {
+    const error = new Error("Streaming slot limit is set to 0");
+    for (const slot of preparedSlots) {
+      onError?.(error, slot);
+      emitSlotMetric({
+        type: "dropped",
+        slotId: slot.id,
+        reason: "maxSlotsPerResponse is 0"
+      }, onSlotMetric);
+    }
+    return [];
+  }
+  if (preparedSlots.length <= maxSlotsPerResponse) {
+    preparedSlots.forEach((slot) => emitSlotMetric({
+      type: "prepared",
+      slotId: slot.id
+    }, onSlotMetric));
+    return preparedSlots;
+  }
+  const keptSlots = preparedSlots.slice(0, maxSlotsPerResponse);
+  const droppedSlots = preparedSlots.slice(maxSlotsPerResponse);
+  droppedSlots.forEach((slot) => {
+    onError?.(new Error(`Streaming slot "${slot.id}" dropped because ${maxSlotsPerResponse} slots is the configured maximum`), slot);
+    emitSlotMetric({
+      type: "dropped",
+      slotId: slot.id,
+      reason: `maxSlotsPerResponse is ${maxSlotsPerResponse}`
+    }, onSlotMetric);
+  });
+  keptSlots.forEach((slot) => emitSlotMetric({
+    type: "prepared",
+    slotId: slot.id
+  }, onSlotMetric));
+  return keptSlots;
+};
+var htmlByteLength = (value, encoder) => encoder.encode(value).length;
+var resolveSlot = async (slot, onError, policy, onSlotMetric) => {
+  const safePolicy = policy ?? getStreamingSlotPolicy();
+  const encoder = new TextEncoder;
+  const start = Date.now();
+  try {
+    const maybeAsyncValue = Promise.resolve(slot.resolve());
+    const resolved = typeof slot.timeoutMs === "number" && slot.timeoutMs > 0 ? await Promise.race([
+      maybeAsyncValue,
+      new Promise((_, reject) => setTimeout(() => {
+        reject(createTimeoutError(slot, slot.timeoutMs ?? 0));
+      }, slot.timeoutMs))
+    ]) : await maybeAsyncValue;
+    const html = typeof resolved === "string" ? resolved : `${resolved}`;
+    if (safePolicy.maxSlotHtmlSizeBytes > 0 && htmlByteLength(html, encoder) > safePolicy.maxSlotHtmlSizeBytes) {
+      const bytes2 = htmlByteLength(html, encoder);
+      const error = new Error(`Streaming slot "${slot.id}" exceeded max payload size of ${safePolicy.maxSlotHtmlSizeBytes} bytes`);
+      const durationMs2 = Date.now() - start;
+      onError?.(error, slot);
+      emitSlotMetric({
+        type: "size_exceeded",
+        slotId: slot.id,
+        durationMs: durationMs2,
+        bytes: bytes2,
+        error
+      }, onSlotMetric);
+      const fallbackHtml = typeof slot.errorHtml === "string" ? slot.errorHtml : null;
+      return {
+        html: fallbackHtml,
+        id: slot.id,
+        durationMs: durationMs2,
+        bytes: fallbackHtml === null ? 0 : htmlByteLength(fallbackHtml, encoder)
+      };
+    }
+    const durationMs = Date.now() - start;
+    const bytes = htmlByteLength(html, encoder);
+    emitSlotMetric({
+      type: "resolved",
+      slotId: slot.id,
+      durationMs,
+      bytes
+    }, onSlotMetric);
+    return {
+      html,
+      id: slot.id,
+      durationMs,
+      bytes
+    };
+  } catch (error) {
+    const durationMs = Date.now() - start;
+    onError?.(error, slot);
+    emitSlotMetric({
+      type: error?.__absTimeout === true ? "timeout" : "error",
+      slotId: slot.id,
+      durationMs,
+      error
+    }, onSlotMetric);
+    if (typeof slot.errorHtml === "string") {
+      const html = slot.errorHtml;
+      return {
+        html,
+        id: slot.id,
+        durationMs,
+        bytes: htmlByteLength(html, encoder)
+      };
+    }
+    return {
+      html: null,
+      id: slot.id,
+      durationMs,
+      bytes: 0
+    };
+  }
+};
+var nextResolvedSlot = async (pending) => {
+  const wrapped = pending.map((promise) => promise.then((result) => ({
+    original: promise,
+    result
+  })));
+  return Promise.race(wrapped);
+};
+var streamChunkToString = (value, decoder) => typeof value === "string" ? value : decoder.decode(value, { stream: true });
+var streamOutOfOrderSlots = ({
+  footerHtml = "",
+  headerHtml = "",
+  nonce,
+  policy,
+  onSlotMetric,
+  onError,
+  slots
+}) => {
+  const resolvedPolicy = resolveStreamingSlotPolicy(policy);
+  const combinedOnError = createCombinedSlotErrorHandler(resolvedPolicy.onError, onError);
+  const combinedOnSlotMetric = createCombinedSlotMetricHandler(resolvedPolicy.onSlotMetric, onSlotMetric);
+  const effectivePolicy = {
+    ...resolvedPolicy,
+    onSlotMetric: combinedOnSlotMetric
+  };
+  const preparedSlots = prepareSlots({
+    policy: effectivePolicy,
+    slots,
+    onError: combinedOnError,
+    onSlotMetric: combinedOnSlotMetric
+  });
+  const encoder = new TextEncoder;
+  return new ReadableStream({
+    async start(controller) {
+      try {
+        let header = headerHtml;
+        if (preparedSlots.length > 0 && !header.includes(STREAMING_RUNTIME_GLOBAL)) {
+          header = injectHtmlIntoHead(header, renderStreamingSlotsRuntimeTag(nonce));
+        }
+        controller.enqueue(toUint8(header, encoder));
+        const pending = preparedSlots.map((slot) => {
+          const fallback = renderStreamingSlotPlaceholder(slot.id, slot.fallbackHtml ?? "");
+          controller.enqueue(toUint8(fallback, encoder));
+          return resolveSlot(slot, combinedOnError, effectivePolicy, combinedOnSlotMetric);
+        });
+        while (pending.length > 0) {
+          const { original, result } = await nextResolvedSlot(pending);
+          const index = pending.indexOf(original);
+          if (index >= 0)
+            pending.splice(index, 1);
+          if (result.html === null)
+            continue;
+          emitSlotMetric({
+            type: "patched",
+            slotId: result.id,
+            durationMs: result.durationMs,
+            bytes: result.bytes
+          }, combinedOnSlotMetric);
+          controller.enqueue(toUint8(renderStreamingSlotPatchTag(result.id, result.html, nonce), encoder));
+        }
+        if (footerHtml.length > 0) {
+          controller.enqueue(toUint8(footerHtml, encoder));
+        }
+        controller.close();
+      } catch (error) {
+        controller.error(error);
+      }
+    }
+  });
+};
+var injectStreamingRuntimeIntoStream = (stream, nonce) => {
+  const runtimeTag = renderStreamingSlotsRuntimeTag(nonce);
+  const encoder = new TextEncoder;
+  const decoder = new TextDecoder;
+  const lookbehind = CLOSING_HEAD_TAG_LENGTH - 1;
+  return new ReadableStream({
+    async start(controller) {
+      const reader = stream.getReader();
+      let injected = false;
+      let pending = "";
+      try {
+        for (;; ) {
+          const { done, value } = await reader.read();
+          if (done)
+            break;
+          if (!value)
+            continue;
+          pending += streamChunkToString(value, decoder);
+          if (injected) {
+            controller.enqueue(encoder.encode(pending));
+            pending = "";
+            continue;
+          }
+          const headIndex = pending.indexOf(CLOSING_HEAD_TAG);
+          if (headIndex >= 0) {
+            const withRuntime = `${pending.slice(0, headIndex)}${runtimeTag}${pending.slice(headIndex)}`;
+            controller.enqueue(encoder.encode(withRuntime));
+            pending = "";
+            injected = true;
+            continue;
+          }
+          if (pending.length > lookbehind) {
+            const safeText = pending.slice(0, pending.length - lookbehind);
+            controller.enqueue(encoder.encode(safeText));
+            pending = pending.slice(-lookbehind);
+          }
+        }
+        pending += decoder.decode();
+        if (!injected) {
+          pending = injectHtmlIntoHead(pending, runtimeTag);
+        }
+        if (pending.length > 0) {
+          controller.enqueue(encoder.encode(pending));
+        }
+        controller.close();
+      } catch (error) {
+        controller.error(error);
+      }
+    }
+  });
+};
+var appendStreamingSlotPatchesToStream = (stream, slots = [], {
+  injectRuntime = true,
+  nonce,
+  onError,
+  onSlotMetric,
+  policy
+} = {}) => {
+  const resolvedPolicy = resolveStreamingSlotPolicy(policy);
+  const combinedOnError = createCombinedSlotErrorHandler(resolvedPolicy.onError, onError);
+  const combinedOnSlotMetric = createCombinedSlotMetricHandler(resolvedPolicy.onSlotMetric, onSlotMetric);
+  const effectivePolicy = {
+    ...resolvedPolicy,
+    onSlotMetric: combinedOnSlotMetric
+  };
+  const preparedSlots = prepareSlots({
+    policy: effectivePolicy,
+    slots,
+    onError: combinedOnError,
+    onSlotMetric: combinedOnSlotMetric
+  });
+  if (preparedSlots.length === 0)
+    return stream;
+  const source = injectRuntime ? injectStreamingRuntimeIntoStream(stream, nonce) : stream;
+  const encoder = new TextEncoder;
+  const decoder = new TextDecoder;
+  const reader = source.getReader();
+  const pending = preparedSlots.map((slot) => resolveSlot(slot, combinedOnError, effectivePolicy, combinedOnSlotMetric));
+  return new ReadableStream({
+    async start(controller) {
+      let baseDone = false;
+      let baseRead = reader.read();
+      let tail = "";
+      let footer = "";
+      try {
+        while (!baseDone || pending.length > 0) {
+          const racers = [];
+          if (!baseDone) {
+            racers.push(baseRead.then(({ done, value }) => ({
+              done,
+              kind: "base",
+              value
+            })));
+          }
+          if (pending.length > 0) {
+            racers.push(nextResolvedSlot(pending).then((resolved) => ({
+              kind: "slot",
+              ...resolved
+            })));
+          }
+          if (racers.length === 0)
+            break;
+          const winner = await Promise.race(racers);
+          if (winner.kind === "base") {
+            if (winner.done) {
+              baseDone = true;
+              tail += decoder.decode();
+              const footerStart = tail.search(CLOSING_PAGE_TAG_REGEX);
+              if (footerStart >= 0) {
+                const content = tail.slice(0, footerStart);
+                footer = tail.slice(footerStart);
+                if (content.length > 0) {
+                  controller.enqueue(encoder.encode(content));
+                }
+              } else if (tail.length > 0) {
+                controller.enqueue(encoder.encode(tail));
+              }
+              tail = "";
+            } else if (winner.value) {
+              tail += streamChunkToString(winner.value, decoder);
+              if (tail.length > STREAM_TAIL_LOOKBEHIND) {
+                const content = tail.slice(0, tail.length - STREAM_TAIL_LOOKBEHIND);
+                controller.enqueue(encoder.encode(content));
+                tail = tail.slice(-STREAM_TAIL_LOOKBEHIND);
+              }
+              baseRead = reader.read();
+            }
+            continue;
+          }
+          const index = pending.indexOf(winner.original);
+          if (index >= 0)
+            pending.splice(index, 1);
+          if (winner.result.html === null)
+            continue;
+          emitSlotMetric({
+            type: "patched",
+            slotId: winner.result.id,
+            durationMs: winner.result.durationMs,
+            bytes: winner.result.bytes
+          }, combinedOnSlotMetric);
+          controller.enqueue(encoder.encode(renderStreamingSlotPatchTag(winner.result.id, winner.result.html, nonce)));
+        }
+        if (footer.length > 0)
+          controller.enqueue(encoder.encode(footer));
+        controller.close();
+      } catch (error) {
+        controller.error(error);
+      }
+    }
+  });
+};
+
+// src/core/streamingSlotRegistry.ts
+var asyncLocalStorage;
+var isServerRuntime = () => typeof process !== "undefined" && typeof process.versions?.node === "string";
+var ensureAsyncLocalStorage = async () => {
+  if (typeof asyncLocalStorage !== "undefined")
+    return asyncLocalStorage;
+  if (!isServerRuntime()) {
+    asyncLocalStorage = null;
+    return asyncLocalStorage;
+  }
+  const mod = await import("async_hooks");
+  asyncLocalStorage = new mod.AsyncLocalStorage;
+  return asyncLocalStorage;
+};
+var registerStreamingSlot2 = (slot) => {
+  if (!asyncLocalStorage)
+    return;
+  const store = asyncLocalStorage.getStore();
+  if (!store)
+    return;
+  store.set(slot.id, slot);
+};
+setStreamingSlotRegistrar(registerStreamingSlot2);
+var runWithStreamingSlotRegistry = async (task) => {
+  const storage = await ensureAsyncLocalStorage();
+  if (!storage) {
+    return {
+      result: await task(),
+      slots: []
+    };
+  }
+  return storage.run(new Map, async () => {
+    const result = await task();
+    const store = storage.getStore();
+    return {
+      result,
+      slots: store ? [...store.values()] : []
+    };
+  });
+};
+
+// src/core/responseEnhancers.ts
+var toResponse = async (responseLike) => await responseLike;
+var cloneHeaders = (response) => {
+  const headers = new Headers(response.headers);
+  return headers;
+};
+var enhanceHtmlResponseWithStreamingSlots = (response, { nonce, onError, streamingSlots = [], policy } = {}) => {
+  if (!response.body || streamingSlots.length === 0) {
+    return response;
+  }
+  const body = appendStreamingSlotPatchesToStream(response.body, streamingSlots, {
+    nonce,
+    onError,
+    policy
+  });
+  return new Response(body, {
+    headers: cloneHeaders(response),
+    status: response.status,
+    statusText: response.statusText
+  });
+};
+var withStreamingSlots = async (responseLike, options = {}) => enhanceHtmlResponseWithStreamingSlots(await toResponse(responseLike), options);
+var mergeStreamingSlots = (registered, explicit) => {
+  const merged = new Map;
+  for (const slot of registered)
+    merged.set(slot.id, slot);
+  for (const slot of explicit)
+    merged.set(slot.id, slot);
+  return [...merged.values()];
+};
+var withRegisteredStreamingSlots = async (renderResponse, options = {}) => {
+  const { result, slots } = await runWithStreamingSlotRegistry(renderResponse);
+  const explicit = options.streamingSlots ?? [];
+  return withStreamingSlots(result, {
+    ...options,
+    streamingSlots: mergeStreamingSlots(slots, explicit)
+  });
+};
+
 // src/core/wrapPageHandlerWithStreamingSlots.ts
-init_responseEnhancers();
 var wrapPageHandlerWithStreamingSlots = (handler) => (...args) => withRegisteredStreamingSlots(() => handler(...args));
 
 // src/vue/index.ts
@@ -2482,5 +2530,5 @@ export {
   Image_default as Image
 };
 
-//# debugId=5177CF90AA9AA8F464756E2164756E21
+//# debugId=B29486E07F4255F064756E2164756E21
 //# sourceMappingURL=index.js.map