@absolutejs/absolute 0.20.0-beta.180 → 0.20.0-beta.182

package/dist/vue/index.js

@@ -72,6 +72,26 @@ var __esm = (fn, res, err) => () => {
 };
 var __require = import.meta.require;
 
+// src/constants.ts
+var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_CODE = 27, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", TAILWIND_BUN_CSS_WARNING_PATTERN, 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_RELOAD_BACKOFF_BASE_MS = 1000, CSS_RELOAD_BACKOFF_MAX_MS = 60000, 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, ESLINT_STUDIO_DEFAULT_HOST = "eslint.absolute.localhost", ESLINT_STUDIO_DEFAULT_PORT = 4099, CONFIG_DEFAULT_HOST = "config.absolute.localhost", CONFIG_DEFAULT_PORT = 4099, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTML_CONTENT_TYPE = "text/html; charset=utf-8", HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HTTP_STATUS_GONE = 410, HTTP_STATUS_INTERNAL_SERVER_ERROR = 500, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, IMAGE_DEFAULT_DEVICE_SIZES, IMAGE_DEFAULT_IMAGE_SIZES, IMAGE_DEFAULT_QUALITY = 75, IMAGE_GLOB_SUFFIX_LENGTH = 2, INSTANCE_PROBE_TIMEOUT_MS = 250, 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, LIST_LOG_TAIL_MAX_BYTES = 65536, LIST_TUI_COLUMN_GAP = 2, LIST_TUI_DEFAULT_HEIGHT = 28, LIST_TUI_DEFAULT_WIDTH = 100, LIST_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, LIST_TUI_FOOTER_LINE_COUNT = 2, LIST_TUI_MARKER_WIDTH = 2, LIST_TUI_MIN_LOG_HEIGHT = 3, LIST_TUI_MIN_URL_WIDTH = 16, LIST_TUI_RENDER_DEBOUNCE_MS = 16, LIST_TUI_STATUS_MESSAGE_TIMEOUT_MS = 4000, LIST_WATCH_REFRESH_MS = 1000, 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, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, 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, DEFAULT_WEBSOCKET_IDLE_TIMEOUT_SECONDS = 240, DEFAULT_HTTP_IDLE_TIMEOUT_SECONDS = 240, MAX_HTTP_IDLE_TIMEOUT_SECONDS = 255, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
+var init_constants = __esm(() => {
+  TAILWIND_BUN_CSS_WARNING_PATTERN = /invalid @ rule encountered: '@(theme|tailwind|source|utility|variant|custom-variant|apply|reference|plugin|config)'/;
+  IMAGE_DEFAULT_DEVICE_SIZES = [
+    640,
+    750,
+    828,
+    1080,
+    1200,
+    1920,
+    2048,
+    3840
+  ];
+  IMAGE_DEFAULT_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
+  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/utils/escapeScriptContent.ts
 var ESCAPE_LOOKUP, ESCAPE_REGEX, escapeScriptContent = (content) => content.replace(ESCAPE_REGEX, (char) => {
   const escaped = ESCAPE_LOOKUP[char];
@@ -401,7 +421,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     nonce: readCspNonce()
   });
   return new Response(stream, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 500
   });
 }, renderSvelteError = async (conventionPath, errorProps) => {
@@ -417,7 +437,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   });
   const html = `<!DOCTYPE html><html><head>${nonceSvelteHeadStyles(head)}</head><body>${body}</body></html>`;
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 500
   });
 }, unescapeVueStyles = (ssrBody) => {
@@ -441,7 +461,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   const { styles, body } = unescapeVueStyles(rawBody);
   const html = `<!DOCTYPE html><html><head>${styles}</head><body><div id="root">${body}</div></body></html>`;
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 500
   });
 }, renderAngularError = async (conventionPath, errorProps) => {
@@ -451,14 +471,14 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     return null;
   const html = renderFn(errorProps);
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 500
   });
 }, escapeHtml = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), replaceErrorTokens = (template, errorProps) => template.replace(/\{\{\s*name\s*\}\}/g, escapeHtml(errorProps.name)).replace(/\{\{\s*message\s*\}\}/g, escapeHtml(errorProps.message)).replace(/\{\{\s*stack\s*\}\}/g, errorProps.stack ? escapeHtml(errorProps.stack) : ""), renderHtmlError = async (conventionPath, errorProps) => {
   const template = await nonceStaticHtml(await Bun.file(conventionPath).text());
   const html = replaceErrorTokens(template, errorProps);
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 500
   });
 }, logConventionRenderError = (framework, label, renderError) => {
@@ -537,7 +557,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     nonce: readCspNonce()
   });
   return new Response(stream, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 404
   });
 }, renderSvelteNotFound = async (conventionPath) => {
@@ -550,7 +570,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   const { head, body } = render(NotFoundComponent, nonce ? { csp: { nonce } } : {});
   const html = `<!DOCTYPE html><html><head>${nonceSvelteHeadStyles(head)}</head><body>${body}</body></html>`;
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 404
   });
 }, renderVueNotFound = async (conventionPath) => {
@@ -567,7 +587,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   const { styles, body } = unescapeVueStyles(rawBody);
   const html = `<!DOCTYPE html><html><head>${styles}</head><body><div id="root">${body}</div></body></html>`;
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 404
   });
 }, renderAngularNotFound = async (conventionPath) => {
@@ -577,13 +597,13 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
     return null;
   const html = renderFn();
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 404
   });
 }, renderHtmlNotFound = async (conventionPath) => {
   const html = await nonceStaticHtml(await Bun.file(conventionPath).text());
   return new Response(html, {
-    headers: { "Content-Type": "text/html" },
+    headers: { "Content-Type": HTML_CONTENT_TYPE },
     status: 404
   });
 }, NOT_FOUND_RENDERERS, renderConventionNotFound = async (framework) => {
@@ -617,6 +637,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
   return renderNext(options.preferHtmx ? ["htmx", ...NOT_FOUND_PRIORITY.filter((key) => key !== "htmx")] : NOT_FOUND_PRIORITY);
 };
 var init_resolveConvention = __esm(() => {
+  init_constants();
   init_cspNonceRef();
   init_staticHtmlNonce();
   init_ssrErrorPage();
@@ -655,6 +676,11 @@ var SPA_ROUTES_KEY = "__absoluteSpaRoutes", setSpaRouteManifest = (hosts) => {
 }, isRuntimeSpaHost = (value) => typeof value === "object" && value !== null && typeof Reflect.get(value, "framework") === "string", getSpaRouteManifest = () => {
   const value = Reflect.get(globalThis, SPA_ROUTES_KEY);
   return Array.isArray(value) ? value.filter(isRuntimeSpaHost) : [];
+}, OBSERVED_SPA_ROUTES_KEY = "__absoluteObservedSpaRoutes", getObservedSpaRoutes = () => {
+  const value = Reflect.get(globalThis, OBSERVED_SPA_ROUTES_KEY);
+  return Array.isArray(value) ? value.filter(isRuntimeSpaHost) : [];
+}, setObservedSpaRoutes = (hosts) => {
+  Reflect.set(globalThis, OBSERVED_SPA_ROUTES_KEY, hosts);
 }, normalizePath = (path) => {
   const withLeadingSlash = path.startsWith("/") ? path : `/${path}`;
   const trimmed = withLeadingSlash.replace(/\/+$/, "");
@@ -717,26 +743,6 @@ var init_spaRouteManifest = __esm(() => {
   init_resolveConvention();
 });
 
-// src/constants.ts
-var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_CODE = 27, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", TAILWIND_BUN_CSS_WARNING_PATTERN, 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_RELOAD_BACKOFF_BASE_MS = 1000, CSS_RELOAD_BACKOFF_MAX_MS = 60000, 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, ESLINT_STUDIO_DEFAULT_HOST = "eslint.absolute.localhost", ESLINT_STUDIO_DEFAULT_PORT = 4099, CONFIG_DEFAULT_HOST = "config.absolute.localhost", CONFIG_DEFAULT_PORT = 4099, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HTTP_STATUS_GONE = 410, HTTP_STATUS_INTERNAL_SERVER_ERROR = 500, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, IMAGE_DEFAULT_DEVICE_SIZES, IMAGE_DEFAULT_IMAGE_SIZES, IMAGE_DEFAULT_QUALITY = 75, IMAGE_GLOB_SUFFIX_LENGTH = 2, INSTANCE_PROBE_TIMEOUT_MS = 250, 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, LIST_LOG_TAIL_MAX_BYTES = 65536, LIST_TUI_COLUMN_GAP = 2, LIST_TUI_DEFAULT_HEIGHT = 28, LIST_TUI_DEFAULT_WIDTH = 100, LIST_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, LIST_TUI_FOOTER_LINE_COUNT = 2, LIST_TUI_MARKER_WIDTH = 2, LIST_TUI_MIN_LOG_HEIGHT = 3, LIST_TUI_MIN_URL_WIDTH = 16, LIST_TUI_RENDER_DEBOUNCE_MS = 16, LIST_TUI_STATUS_MESSAGE_TIMEOUT_MS = 4000, LIST_WATCH_REFRESH_MS = 1000, 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, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, 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, DEFAULT_WEBSOCKET_IDLE_TIMEOUT_SECONDS = 240, DEFAULT_HTTP_IDLE_TIMEOUT_SECONDS = 240, MAX_HTTP_IDLE_TIMEOUT_SECONDS = 255, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
-var init_constants = __esm(() => {
-  TAILWIND_BUN_CSS_WARNING_PATTERN = /invalid @ rule encountered: '@(theme|tailwind|source|utility|variant|custom-variant|apply|reference|plugin|config)'/;
-  IMAGE_DEFAULT_DEVICE_SIZES = [
-    640,
-    750,
-    828,
-    1080,
-    1200,
-    1920,
-    2048,
-    3840
-  ];
-  IMAGE_DEFAULT_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
-  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/utils/getDurationString.ts
 var getDurationString = (duration) => {
   let durationString;
@@ -1764,14 +1770,14 @@ var init_pageProtocol = __esm(() => {
 
 // src/core/pageResponseCache.ts
 import { createHash } from "crypto";
-var STREAMING_PAGE_HEADER = "x-absolute-stream", HTML_CONTENT_TYPE = "text/html", streamingPageHeaders = (extra) => {
+var STREAMING_PAGE_HEADER = "x-absolute-stream", HTML_MEDIA_TYPE = "text/html", streamingPageHeaders = (extra) => {
   const headers = new Headers(extra);
   headers.set("content-type", HTML_CONTENT_TYPE);
   headers.set(STREAMING_PAGE_HEADER, "1");
   return headers;
 }, computeEtag = (html) => `W/"${createHash("sha1").update(html).digest("base64url")}"`, withPageCacheHeaders = async (response, request, options) => {
   const contentType = response.headers.get("content-type") ?? "";
-  if (!contentType.includes(HTML_CONTENT_TYPE))
+  if (!contentType.includes(HTML_MEDIA_TYPE))
     return response;
   const isStreaming = response.headers.get(STREAMING_PAGE_HEADER) === "1";
   if (isStreaming && !options?.bufferStreamForEtag || !response.body) {
@@ -1797,7 +1803,9 @@ var STREAMING_PAGE_HEADER = "x-absolute-stream", HTML_CONTENT_TYPE = "text/html"
     statusText: response.statusText
   });
 };
-var init_pageResponseCache = () => {};
+var init_pageResponseCache = __esm(() => {
+  init_constants();
+});
 
 // src/client/streamSwap.ts
 var streamSwapRuntime = () => {
@@ -2249,9 +2257,9 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
       tail: ""
     };
   };
-  const handleBaseWinner = (controller, winner, baseRead, tail, footer) => {
+  const handleBaseWinner = (controller, winner, baseRead, tail, footer, baseDone) => {
     if (winner.kind !== "base") {
-      return { baseDone: false, baseRead, footer, handled: false, tail };
+      return { baseDone, baseRead, footer, handled: false, tail };
     }
     if (winner.done) {
       return finalizeCompletedBaseWinner(controller, tail + decoder.decode(), baseRead);
@@ -2294,7 +2302,7 @@ var SLOT_ID_PREFIX = "abs-slot-", CLOSING_BODY_TAG = "</body>", CLOSING_HEAD_TAG
         return footer;
       }
       const winner = await Promise.race(racers);
-      const baseWinnerState = applyBaseWinnerState(handleBaseWinner(controller, winner, baseRead, tail, footer), winner, (slotWinner) => {
+      const baseWinnerState = applyBaseWinnerState(handleBaseWinner(controller, winner, baseRead, tail, footer, baseDone), winner, (slotWinner) => {
         handleResolvedSlot(controller, slotWinner);
       });
       ({ baseDone, baseRead, footer, tail } = baseWinnerState);
@@ -4033,23 +4041,247 @@ var AWAIT_STREAM_DIRECTIVE = "<!-- absolute:stream -->", DIRECTIVE_RE, BRANCH_TA
     index = markup.indexOf("{", end);
   }
   return tags;
-}, escapeTemplateLiteral = (value) => value.replaceAll("\\", "\\\\").replaceAll("`", "\\`").replaceAll("${", "\\${"), markupToTemplateLiteral = (markup) => {
-  const parts = topLevelTags(markup.trim());
-  const trimmed = markup.trim();
-  let cursor = 0;
-  let literal = "";
-  for (const { end, start, text } of parts) {
-    literal += escapeTemplateLiteral(trimmed.slice(cursor, start));
-    literal += `\${${text.slice(1, -1).trim()}}`;
-    cursor = end;
+}, escapeTemplateLiteral = (value) => value.replaceAll("\\", "\\\\").replaceAll("`", "\\`").replaceAll("${", "\\${"), HTML_HELPERS = "__absoluteAwaitHtml", AWAIT_SCOPE_CLASS_PLACEHOLDER = "__absoluteAwaitScopeClass__", AWAIT_HTML_HELPERS_SOURCE, applyAwaitScopeClass = (code, scopeClass) => code.replaceAll(AWAIT_SCOPE_CLASS_PLACEHOLDER, scopeClass), createAwaitScopeClassCapture = () => {
+  let scopeClass = "";
+  const cssHash = ({ css, filename, hash }) => {
+    scopeClass = `svelte-${hash(filename === "(unknown)" ? css : filename ?? css)}`;
+    return scopeClass;
+  };
+  const apply = (code) => applyAwaitScopeClass(code, scopeClass);
+  return { apply, cssHash };
+}, BOOLEAN_ATTRIBUTES, DIRECTIVE_ATTRIBUTE_RE, ATTRIBUTE_NAME_END_RE, RAW_TEXT_ELEMENTS, helperCall = (name, ...args) => `\${${HTML_HELPERS}.${name}(${args.join(", ")})}`, SHADOW_VALUE, END_TAG_RE, isShadowAttribute = (name) => !DIRECTIVE_ATTRIBUTE_RE.test(name) && !/^on/i.test(name), pushText = (scan, text) => {
+  scan.literal += escapeTemplateLiteral(text);
+}, readExpressionTag = (scan) => {
+  const end = findTagEnd(scan.source, scan.index);
+  if (end === -1) {
+    fail(scan.filePath, `unterminated tag in the ${scan.branch} branch`);
+  }
+  const inner = scan.source.slice(scan.index + 1, end - 1).trim();
+  scan.index = end;
+  return inner;
+}, failAttribute = (scan, detail) => fail(scan.filePath, `the ${scan.branch} branch of a streamed {#await} has ${detail}`), atValueEnd = (scan, quote) => {
+  const char = scan.source[scan.index] ?? "";
+  if (quote)
+    return char === quote;
+  return /[\s>]/.test(char) || scan.source.startsWith("/>", scan.index);
+}, readValueText = (scan, quote) => {
+  const start = scan.index;
+  while (scan.index < scan.source.length && scan.source[scan.index] !== "{" && !atValueEnd(scan, quote)) {
+    scan.index += 1;
+  }
+  return scan.source.slice(start, scan.index);
+}, readAttributeValue = (scan) => {
+  const { source } = scan;
+  const quote = source[scan.index];
+  const chunks = [];
+  const isQuoted = quote === '"' || quote === "'";
+  if (isQuoted)
+    scan.index += 1;
+  if (!isQuoted && source[scan.index] === "{") {
+    chunks.push({ code: readExpressionTag(scan) });
+    return chunks;
+  }
+  const valueQuote = isQuoted ? quote : undefined;
+  while (scan.index < source.length && !atValueEnd(scan, valueQuote)) {
+    chunks.push({ text: readValueText(scan, valueQuote) });
+    if (source[scan.index] === "{")
+      chunks.push({ code: readExpressionTag(scan) });
+  }
+  if (isQuoted)
+    scan.index += 1;
+  return chunks.filter((chunk) => !("text" in chunk) || chunk.text !== "");
+}, pushDynamicAttribute = (scan, name, chunks) => {
+  if (DIRECTIVE_ATTRIBUTE_RE.test(name) || /^on/i.test(name)) {
+    failAttribute(scan, `an expression in ${name}= (directives and event handlers need Svelte to run them)`);
+  }
+  const tag = chunks.find((chunk) => ("code" in chunk) && /^[#:/@]/.test(chunk.code));
+  if (tag && "code" in tag) {
+    failAttribute(scan, `{${tag.code}} in the ${name}= attribute`);
+  }
+  if (isShadowAttribute(name))
+    scan.shadow += ` ${name}=${SHADOW_VALUE}`;
+  const isClass = name === "class";
+  if (isClass)
+    scan.hasClass = true;
+  const [only] = chunks;
+  const codes = chunks.flatMap((chunk) => ("code" in chunk) ? [`(${chunk.code})`] : []);
+  if (isClass && chunks.length > 1 && codes.length === chunks.length) {
+    scan.literal += helperCall("class", `${HTML_HELPERS}.join(${codes.join(", ")})`);
+    return;
+  }
+  if (chunks.length === 1 && only && "code" in only) {
+    const value = `(${only.code})`;
+    if (name === "class")
+      scan.literal += helperCall("class", value);
+    else if (name === "style")
+      scan.literal += helperCall("style", value);
+    else
+      scan.literal += helperCall("attr", JSON.stringify(name), value, String(BOOLEAN_ATTRIBUTES.has(name)));
+    return;
+  }
+  pushText(scan, ` ${name}="`);
+  for (const chunk of chunks) {
+    if ("code" in chunk)
+      scan.literal += helperCall("part", `(${chunk.code})`);
+    else
+      pushText(scan, chunk.text.replaceAll('"', "&quot;"));
+  }
+  if (isClass)
+    scan.literal += helperCall("scoped");
+  pushText(scan, '"');
+}, pushStaticAttribute = (scan, whitespace, name, value) => {
+  if (isShadowAttribute(name))
+    scan.shadow += `${whitespace}${name}=${value}`;
+  if (name !== "class") {
+    pushText(scan, `${whitespace}${name}=${value}`);
+    return;
+  }
+  scan.hasClass = true;
+  const [first = ""] = value;
+  const isQuoted = first === '"' || first === "'";
+  const quote = isQuoted ? first : '"';
+  const classes = isQuoted ? value.slice(1, -1) : value;
+  if (classes === "") {
+    scan.literal += helperCall("class", "''");
+    return;
+  }
+  pushText(scan, `${whitespace}${name}=${quote}${classes}`);
+  scan.literal += helperCall("scoped");
+  pushText(scan, quote);
+}, readAttributeName = (scan) => {
+  const { source } = scan;
+  const start = scan.index;
+  while (scan.index < source.length && !ATTRIBUTE_NAME_END_RE.test(source[scan.index] ?? "")) {
+    scan.index += 1;
+  }
+  return source.slice(start, scan.index);
+}, skipWhitespace = (scan) => {
+  const start = scan.index;
+  while (/\s/.test(scan.source[scan.index] ?? ""))
+    scan.index += 1;
+  return scan.source.slice(start, scan.index);
+}, pushTagExpression = (scan) => {
+  const inner = readExpressionTag(scan);
+  if (!/^[A-Za-z_$][\w$]*$/.test(inner)) {
+    failAttribute(scan, `{${inner}} in a start tag`);
+  }
+  pushDynamicAttribute(scan, inner, [{ code: inner }]);
+}, pushAttribute = (scan) => {
+  const { source } = scan;
+  const whitespace = skipWhitespace(scan);
+  const closing = source.startsWith("/>", scan.index) ? "/>" : ">";
+  const isEnd = scan.index >= source.length;
+  if (isEnd || source.startsWith(closing, scan.index)) {
+    if (!scan.hasClass)
+      scan.literal += helperCall("scope");
+    const tagEnd = isEnd ? "" : closing;
+    pushText(scan, whitespace + tagEnd);
+    scan.shadow += whitespace + (isEnd ? ">" : closing);
+    scan.index += tagEnd.length;
+    return false;
+  }
+  if (source[scan.index] === "{") {
+    pushTagExpression(scan);
+    return true;
+  }
+  const name = readAttributeName(scan);
+  if (!name) {
+    pushText(scan, whitespace + (source[scan.index] ?? ""));
+    scan.index += 1;
+    return true;
+  }
+  const beforeEquals = scan.index;
+  skipWhitespace(scan);
+  if (source[scan.index] !== "=") {
+    scan.index = beforeEquals;
+    pushText(scan, whitespace + name);
+    if (isShadowAttribute(name))
+      scan.shadow += whitespace + name;
+    return true;
+  }
+  scan.index += 1;
+  skipWhitespace(scan);
+  const valueStart = scan.index;
+  const chunks = readAttributeValue(scan);
+  if (chunks.some((chunk) => ("code" in chunk))) {
+    pushDynamicAttribute(scan, name, chunks);
+    return true;
+  }
+  pushStaticAttribute(scan, whitespace, name, source.slice(valueStart, scan.index));
+  return true;
+}, pushStartTag = (scan) => {
+  const { source } = scan;
+  const nameMatch = source.slice(scan.index + 1).match(/^[^\s/>{]+/);
+  const tagName = nameMatch?.[0] ?? "";
+  pushText(scan, `<${tagName}`);
+  scan.shadow += `<${tagName}`;
+  scan.hasClass = RAW_TEXT_ELEMENTS.has(tagName.toLowerCase());
+  scan.index += 1 + tagName.length;
+  while (pushAttribute(scan))
+    ;
+  return tagName.toLowerCase();
+}, pushRawText = (scan, tagName, shadowStart) => {
+  const { source } = scan;
+  const close = source.toLowerCase().indexOf(`</${tagName}`, scan.index);
+  const closeEnd = close === -1 ? -1 : source.indexOf(">", close);
+  const end = closeEnd === -1 ? source.length : closeEnd + 1;
+  pushText(scan, source.slice(scan.index, end));
+  scan.shadow = scan.shadow.slice(0, shadowStart);
+  scan.index = end;
+}, pushTextExpression = (scan) => {
+  const inner = readExpressionTag(scan);
+  const rawHtml = inner.match(/^@html\s([\s\S]*)$/);
+  if (rawHtml) {
+    scan.literal += helperCall("html", `(${(rawHtml[1] ?? "").trim()})`);
+    return;
+  }
+  scan.literal += helperCall("text", `(${inner})`);
+}, pushComment = (scan) => {
+  const close = scan.source.indexOf("-->", scan.index + "<!--".length);
+  const end = close === -1 ? scan.source.length : close + "-->".length;
+  pushText(scan, scan.source.slice(scan.index, end));
+  scan.index = end;
+}, scanTextPosition = (scan) => {
+  const { index, source } = scan;
+  if (source.startsWith("<!--", index)) {
+    pushComment(scan);
+    return;
+  }
+  if (source[index] === "<" && /[A-Za-z]/.test(source[index + 1] ?? "")) {
+    const shadowStart = scan.shadow.length;
+    const tagName = pushStartTag(scan);
+    if (RAW_TEXT_ELEMENTS.has(tagName))
+      pushRawText(scan, tagName, shadowStart);
+    return;
   }
-  literal += escapeTemplateLiteral(trimmed.slice(cursor));
-  return `\`${literal}\``;
+  if (source[index] === "{") {
+    pushTextExpression(scan);
+    return;
+  }
+  const next = source.slice(index + 1).search(/[<{]/);
+  const end = next === -1 ? source.length : index + 1 + next;
+  const text = source.slice(index, end);
+  pushText(scan, text);
+  scan.shadow += (text.match(END_TAG_RE) ?? []).join("");
+  scan.index = end;
+}, lowerBranch = (markup, branch, filePath) => {
+  const scan = {
+    branch,
+    filePath,
+    hasClass: false,
+    index: 0,
+    literal: "",
+    shadow: "",
+    source: markup.trim()
+  };
+  while (scan.index < scan.source.length)
+    scanTextPosition(scan);
+  return { literal: `\`${scan.literal}\``, shadow: scan.shadow };
 }, fail = (filePath, message) => {
   throw new Error(`${filePath ? `${filePath}: ` : ""}${message} (${AWAIT_STREAM_DIRECTIVE} streams plain HTML; remove the directive to let Svelte render the block and hydrate it)`);
 }, assertPlainHtml = (markup, branch, filePath) => {
   const withoutExpressions = topLevelTags(markup).reduceRight((text, { end, start }) => text.slice(0, start) + text.slice(end), markup);
-  const nestedTag = topLevelTags(markup).find(({ text }) => /^\{[#:/@]/.test(text));
+  const nestedTag = topLevelTags(markup).find(({ text }) => /^\{(?:[#:/]|@(?!html\s))/.test(text));
   if (nestedTag || SVELTE_ONLY_MARKUP_RE.test(withoutExpressions)) {
     fail(filePath, `the ${branch} branch of a streamed {#await} holds Svelte markup (${nestedTag?.text ?? withoutExpressions.match(SVELTE_ONLY_MARKUP_RE)?.[0]}\u2026)`);
   }
@@ -4093,12 +4325,16 @@ var AWAIT_STREAM_DIRECTIVE = "<!-- absolute:stream -->", DIRECTIVE_RE, BRANCH_TA
     thenIdentifier: thenMatch?.[2],
     thenMarkup
   };
-}, renderSlot = (block, slotId, dynamic) => {
+}, renderSlot = (block, slotId, dynamic, filePath) => {
   const thenValueIdentifier = block.thenIdentifier ?? "__awaitValue";
   const catchValueIdentifier = block.catchIdentifier ?? "__awaitError";
-  const catchBranch = block.catchMarkup === undefined ? "catch (_absoluteAwaitError) { throw _absoluteAwaitError; }" : `catch (${catchValueIdentifier}) { return ${markupToTemplateLiteral(block.catchMarkup)}; }`;
-  return `<AbsoluteAwaitSlot id="${slotId}"${dynamic ? " dynamic" : ""} fallbackHtml={${markupToTemplateLiteral(block.pendingMarkup)}} resolve={async () => { try { const ${thenValueIdentifier} = await (${block.expression}); return ${markupToTemplateLiteral(block.thenMarkup)}; } ${catchBranch} }} />`;
-}, IMPORT_LINE = 'import AbsoluteAwaitSlot from "@absolutejs/absolute/svelte/components/AwaitSlot.svelte";', lowerSvelteAwaitSlotSyntax = (source, filePath) => {
+  const pending = lowerBranch(block.pendingMarkup, "pending", filePath);
+  const then = lowerBranch(block.thenMarkup, "then", filePath);
+  const caught = block.catchMarkup === undefined ? undefined : lowerBranch(block.catchMarkup, "catch", filePath);
+  const catchBranch = caught ? `catch (${catchValueIdentifier}) { return ${caught.literal}; }` : "catch (_absoluteAwaitError) { throw _absoluteAwaitError; }";
+  const shadows = [pending, then, caught].map((branch) => branch ? `<svelte:element this={'div'} data-absolute-slot="true">${branch.shadow}</svelte:element>` : "").join("");
+  return `<AbsoluteAwaitSlot id="${slotId}"${dynamic ? " dynamic" : ""} fallbackHtml={${pending.literal}} resolve={async () => { try { const ${thenValueIdentifier} = await (${block.expression}); return ${then.literal}; } ${catchBranch} }} />{#if ${HTML_HELPERS}.shadow}${shadows}{/if}`;
+}, IMPORT_LINE = 'import AbsoluteAwaitSlot from "@absolutejs/absolute/svelte/components/AwaitSlot.svelte";', INJECTED_SCRIPT, lowerSvelteAwaitSlotSyntax = (source, filePath) => {
   if (!source.includes("absolute:stream")) {
     return { code: source, transformed: false };
   }
@@ -4113,7 +4349,7 @@ var AWAIT_STREAM_DIRECTIVE = "<!-- absolute:stream -->", DIRECTIVE_RE, BRANCH_TA
     const slotId = `absolute-svelte-await-${awaitIndex.toString(BASE_36_RADIX)}`;
     awaitIndex += 1;
     lowered += source.slice(cursor, directive.index);
-    lowered += renderSlot(block, slotId, directive[1] !== undefined);
+    lowered += renderSlot(block, slotId, directive[1] !== undefined, filePath);
     cursor = block.end;
   }
   if (awaitIndex === 0) {
@@ -4123,14 +4359,14 @@ var AWAIT_STREAM_DIRECTIVE = "<!-- absolute:stream -->", DIRECTIVE_RE, BRANCH_TA
   if (lowered.includes("<script")) {
     return {
       code: lowered.replace(/<script(\s[^>]*)?>/, (match) => `${match}
-${IMPORT_LINE}
+${INJECTED_SCRIPT}
 `),
       transformed: true
     };
   }
   return {
     code: `<script lang="ts">
-${IMPORT_LINE}
+${INJECTED_SCRIPT}
 </script>
 ${lowered}`,
     transformed: true
@@ -4142,6 +4378,64 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
   BRANCH_TAG_RE = /^\{:(then|catch)(?:\s+([A-Za-z_$][\w$]*))?\s*\}$/;
   SVELTE_ONLY_MARKUP_RE = /\{[#:/@]|<[A-Z]|<svelte:/;
   QUOTES = new Set(['"', "'", "`"]);
+  AWAIT_HTML_HELPERS_SOURCE = [
+    `const ${HTML_HELPERS} = (() => {`,
+    `	const scope = ${JSON.stringify(AWAIT_SCOPE_CLASS_PLACEHOLDER)};`,
+    `	const escape = (value, isAttr) => String(value ?? '').replace(isAttr ? /[&"<]/g : /[&<]/g, (char) => char === '&' ? '&amp;' : char === '"' ? '&quot;' : '&lt;');`,
+    "\tconst stringify = (value) => typeof value === 'string' ? value : value == null ? '' : value + '';",
+    "\tconst classNames = (value) => { if (Array.isArray(value)) return value.filter(Boolean).map(classNames).filter(Boolean).join(' '); if (value && typeof value === 'object') return Object.keys(value).filter((key) => value[key]).join(' '); return typeof value === 'string' || typeof value === 'number' ? String(value) : ''; };",
+    "\treturn {",
+    `		attr: (name, value, isBoolean) => { const boolean = isBoolean || (name === 'hidden' && value !== 'until-found'); if (value == null || (!value && boolean)) return ''; const normalized = name === 'translate' && typeof value === 'boolean' ? (value ? 'yes' : 'no') : value; return boolean ? ' ' + name + '=""' : ' ' + name + '="' + escape(normalized, true) + '"'; },`,
+    `		class: (value) => { const resolved = typeof value === 'object' ? classNames(value) : value ?? ''; let name = '' + resolved; if (scope) name = name ? name + ' ' + scope : scope; return name ? ' class="' + escape(name, true) + '"' : ''; },`,
+    "\t\thtml: (value) => String(value ?? ''),",
+    "\t\tjoin: (...values) => values.map(stringify).join(''),",
+    "\t\tpart: (value) => escape(stringify(value), true),",
+    `		scope: () => scope ? ' class="' + scope + '"' : '',`,
+    "\t\tscoped: () => scope ? ' ' + scope : '',",
+    "\t\tshadow: false,",
+    `		style: (value) => { const style = value == null ? '' : String(value); return style ? ' style="' + escape(style, true) + '"' : ''; },`,
+    "\t\ttext: (value) => escape(value, false)",
+    "\t};",
+    "})();"
+  ].join(`
+`);
+  BOOLEAN_ATTRIBUTES = new Set([
+    "allowfullscreen",
+    "async",
+    "autofocus",
+    "autoplay",
+    "checked",
+    "controls",
+    "default",
+    "defer",
+    "disabled",
+    "disablepictureinpicture",
+    "disableremoteplayback",
+    "formnovalidate",
+    "indeterminate",
+    "inert",
+    "ismap",
+    "loop",
+    "multiple",
+    "muted",
+    "nomodule",
+    "novalidate",
+    "open",
+    "playsinline",
+    "readonly",
+    "required",
+    "reversed",
+    "seamless",
+    "selected",
+    "webkitdirectory"
+  ]);
+  DIRECTIVE_ATTRIBUTE_RE = /^(?:animate|bind|class|in|let|on|out|style|transition|use):/;
+  ATTRIBUTE_NAME_END_RE = /[\s=>/{]/;
+  RAW_TEXT_ELEMENTS = new Set(["script", "style"]);
+  SHADOW_VALUE = `{${HTML_HELPERS}.shadow}`;
+  END_TAG_RE = /<\/[A-Za-z][^\s>]*\s*>/g;
+  INJECTED_SCRIPT = `${IMPORT_LINE}
+${AWAIT_HTML_HELPERS_SOURCE}`;
 });
 
 // src/build/stylePreprocessor.ts
@@ -4913,15 +5207,18 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, syncIslandG
   for (const [spec, resolvedModuleImport] of rewrittenModulePaths) {
     transpiled = replaceQuotedSpecifier(transpiled, spec, resolvedModuleImport);
   }
-  let compiledCode = compile(transpiled, {
+  const scopeClass = createAwaitScopeClassCapture();
+  const compiledServer = compile(transpiled, {
     css: "injected",
+    cssHash: scopeClass.cssHash,
     experimental: {
       async: loweredAwaitSource.transformed || loweredSource.transformed
     },
     filename: resolutionSourcePath,
     generate: "server",
     hmr: isDevelopmentRuntime()
-  }).js.code;
+  });
+  let compiledCode = scopeClass.apply(compiledServer.js.code);
   for (const [spec, compiledChildPath] of childModulePaths) {
     compiledCode = replaceQuotedSpecifier(compiledCode, spec, ensureRelativeImportPath(getCachedModulePath2(sourcePath), compiledChildPath));
   }
@@ -5267,6 +5564,9 @@ var init_renderIslandMarkup = __esm(() => {
   });
 });
 
+// src/vue/pageHandler.ts
+init_constants();
+
 // src/utils/requestRenderUrl.ts
 var requestRenderUrl = (request) => {
   if (!request)
@@ -5871,7 +6171,7 @@ var handleVuePageRequest = async (input) => {
       };
       if (resolvedPage.hasSpaRoutes && clientMode === "auto") {
         return new Response(`${head}${buildTail()}`, {
-          headers: { "Content-Type": "text/html" }
+          headers: { "Content-Type": HTML_CONTENT_TYPE }
         });
       }
       if (resolvedOptions?.collectStreamingSlots !== true) {
@@ -5925,7 +6225,7 @@ var handleVuePageRequest = async (input) => {
       return withPageCacheHeaders(conventionResponse, request);
     }
     return withPageCacheHeaders(new Response(ssrErrorPage("vue", error), {
-      headers: { "Content-Type": "text/html" },
+      headers: { "Content-Type": HTML_CONTENT_TYPE },
       status: 500
     }), request);
   }
@@ -7578,5 +7878,5 @@ export {
   useServerData
 };
 
-//# debugId=FFAF290D59A1320F64756E2164756E21
+//# debugId=C1A0F198C7E0FB4A64756E2164756E21
 //# sourceMappingURL=index.js.map