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

package/dist/build.js

@@ -73,7 +73,7 @@ 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, 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 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 = [
@@ -4002,9 +4002,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);
@@ -4047,7 +4047,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);
@@ -5543,23 +5543,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;
   }
-  literal += escapeTemplateLiteral(trimmed.slice(cursor));
-  return `\`${literal}\``;
+  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;
+  }
+  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)`);
   }
@@ -5603,12 +5827,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 };
   }
@@ -5623,7 +5851,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) {
@@ -5633,14 +5861,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
@@ -5652,6 +5880,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/svelte/router/lazyModule.ts
@@ -5847,15 +6133,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));
   }
@@ -6559,43 +6848,91 @@ var describe = (path, root) => relative13(root, path) || path, includeError = (c
   include chain: ${context.chain.map((path) => describe(path, context.root)).join(" \u2192 ")}`), findTagClose = (html, start) => {
   const match = /^<[^>"']*(?:(?:"[^"]*"|'[^']*')[^>"']*)*>/.exec(html.slice(start));
   return match ? start + match[0].length : -1;
-}, findElement = (html, tag, from) => {
-  const opening = new RegExp(`<${tag}(?=[\\s/>])`, "gi");
-  opening.lastIndex = from;
-  const first = opening.exec(html);
-  if (!first)
+}, readOpeningTag = (html, tag, start) => {
+  const end = findTagClose(html, start);
+  const raw = html.slice(start + tag.length + 1, end === -1 ? html.length : end - 1);
+  const selfClosing = end !== -1 && raw.trimEnd().endsWith("/");
+  const opening = {
+    attributes: selfClosing ? raw.trimEnd().slice(0, -1) : raw,
+    closing: false,
+    end,
+    selfClosing,
+    start
+  };
+  return opening;
+}, nextTag = (html, tag, from) => {
+  const tokens = new RegExp(`<${tag}(?=[\\s/>])|</${tag}\\s*>`, "gi");
+  tokens.lastIndex = from;
+  const token = tokens.exec(html);
+  if (!token)
     return null;
-  const tagEnd = findTagClose(html, first.index);
-  if (tagEnd === -1)
+  if (!token[0].startsWith("</"))
+    return readOpeningTag(html, tag, token.index);
+  const closing = {
+    attributes: "",
+    closing: true,
+    end: token.index + token[0].length,
+    selfClosing: false,
+    start: token.index
+  };
+  return closing;
+}, depthChange = (token) => {
+  if (token.selfClosing)
+    return 0;
+  return token.closing ? -1 : 1;
+}, findElement = (html, tag, from) => {
+  let open = nextTag(html, tag, from);
+  while (open?.closing)
+    open = nextTag(html, tag, open.end);
+  if (!open || open.end === -1)
     return null;
-  const attributes = html.slice(first.index + tag.length + 1, tagEnd - 1);
-  if (attributes.trimEnd().endsWith("/")) {
-    const selfClosing = {
-      attributes: attributes.trimEnd().slice(0, -1),
-      end: tagEnd,
+  if (open.selfClosing) {
+    const empty = {
+      attributes: open.attributes,
+      end: open.end,
       inner: "",
-      start: first.index
+      start: open.start
     };
-    return selfClosing;
+    return empty;
   }
-  const tokens = new RegExp(`<${tag}(?=[\\s/>])|</${tag}\\s*>`, "gi");
-  tokens.lastIndex = tagEnd;
   let depth = 1;
-  let token = tokens.exec(html);
-  while (token && depth > 0) {
-    depth += token[0].startsWith("</") ? -1 : 1;
-    if (depth > 0)
-      token = tokens.exec(html);
+  let token = nextTag(html, tag, open.end);
+  while (token && token.end !== -1) {
+    depth += depthChange(token);
+    if (depth === 0)
+      break;
+    token = nextTag(html, tag, token.end);
   }
-  if (!token)
+  if (!token || token.end === -1)
     return null;
   const element = {
-    attributes,
-    end: token.index + token[0].length,
-    inner: html.slice(tagEnd, token.index),
-    start: first.index
+    attributes: open.attributes,
+    end: token.end,
+    inner: html.slice(open.end, token.start),
+    start: open.start
   };
   return element;
+}, lineOf = (html, index) => html.slice(0, index).split(`
+`).length, assertBalanced = (html, tag, file, context) => {
+  const open = [];
+  let token = nextTag(html, tag, 0);
+  while (token) {
+    const where = `${describe(file, context.root)}:${lineOf(html, token.start)}`;
+    if (token.end === -1)
+      throw includeError(context, `Unterminated <${tag}> tag in ${where}`);
+    if (token.closing && !open.pop())
+      throw includeError(context, `</${tag}> without a matching <${tag}> in ${where}`);
+    if (!token.closing && !token.selfClosing)
+      open.push(token);
+    token = nextTag(html, tag, token.end);
+  }
+  const [unclosed] = open;
+  if (!unclosed)
+    return;
+  throw includeError(context, `Unclosed <${tag}${unclosed.attributes.trimEnd()}> in ${describe(file, context.root)}:${lineOf(html, unclosed.start)}: close it with </${tag}> or make it self-closing (<${tag} \u2026 />)`);
+}, INCLUDE_TAGS, assertIncludeTagsBalanced = (html, file, context) => {
+  for (const tag of INCLUDE_TAGS)
+    assertBalanced(html, tag, file, context);
 }, readAttribute = (attributes, name) => new RegExp(`(?:^|\\s)${name}\\s*=\\s*(?:"([^"]*)"|'([^']*)')`, "i").exec(attributes)?.slice(1).find((value) => value !== undefined), replaceElements = (html, tag, replace) => {
   let output = "";
   let cursor = 0;
@@ -6637,6 +6974,7 @@ var describe = (path, root) => relative13(root, path) || path, includeError = (c
     throw includeError({ ...context, chain }, `<abs-include src="${src}"> in ${describe(file, context.root)}: file not found (${target})`);
   }
   context.dependencies.add(target);
+  assertIncludeTagsBalanced(source, target, { ...context, chain });
   const values = new Map([...collectSlotValues(element.inner)].map(([name, value]) => [
     name,
     expandWithin(value, file, context)
@@ -6661,10 +6999,13 @@ var describe = (path, root) => relative13(root, path) || path, includeError = (c
     readFile: options.readFile ?? readUtf8,
     root: options.root ?? process.cwd()
   };
+  assertIncludeTagsBalanced(html, file, context);
   const expanded = expandWithin(html, file, context);
   return { dependencies: [...context.dependencies], html: expanded };
 };
-var init_htmlIncludes = () => {};
+var init_htmlIncludes = __esm(() => {
+  INCLUDE_TAGS = ["abs-include", "abs-slot"];
+});
 
 // src/build/spaSideManifests.ts
 import { writeFile as writeFile4 } from "fs/promises";
@@ -15698,7 +16039,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) => {
@@ -15714,7 +16055,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) => {
@@ -15738,7 +16079,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) => {
@@ -15748,14 +16089,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) => {
@@ -15834,7 +16175,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) => {
@@ -15847,7 +16188,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) => {
@@ -15864,7 +16205,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) => {
@@ -15874,13 +16215,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) => {
@@ -15914,6 +16255,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();
@@ -20839,6 +21181,7 @@ var withResolvedSources = (map, sourceFile) => {
     };
     const generate = (mode) => {
       const transpiled = mode === "server" ? transpiledServer : transpiledClient;
+      const scopeClass = createAwaitScopeClassCapture();
       const compiled = isModule ? compileModule(transpiled, {
         dev: mode === "client" && dev,
         experimental: {
@@ -20847,6 +21190,7 @@ var withResolvedSources = (map, sourceFile) => {
         filename: src
       }) : compile(transpiled, {
         css: externalCss && mode === "client" ? "external" : "injected",
+        cssHash: scopeClass.cssHash,
         dev: mode === "client" && dev,
         experimental: {
           async: transformedByLowering
@@ -20856,7 +21200,7 @@ var withResolvedSources = (map, sourceFile) => {
         hmr: isDev
       });
       const compiledJs = compiled.js;
-      let code = compiledJs.code.replace(/\.svelte(?:\.(?:ts|js))?(['"])/g, ".js$1");
+      let code = scopeClass.apply(compiledJs.code).replace(/\.svelte(?:\.(?:ts|js))?(['"])/g, ".js$1");
       if (mode === "client" && isDev) {
         const moduleKey = `/@src/${relative23(process.cwd(), src).replace(/\\/g, "/")}`;
         code = code.replace(/if\s*\(import\.meta\.hot\)\s*\{/, `if (typeof window !== "undefined") {
@@ -23135,10 +23479,10 @@ var isInterpolatedExpressionStart = (value, index) => value[index] === "{" && va
   }
   return {
     content: parsedBlock.content.trim(),
-    nextIndex: input.keyword === "@placeholder" ? skipWhitespace(input.template, parsedBlock.nextIndex) : parsedBlock.nextIndex
+    nextIndex: input.keyword === "@placeholder" ? skipWhitespace2(input.template, parsedBlock.nextIndex) : parsedBlock.nextIndex
   };
 }, resolveDeferSlotStart = (template, deferIndex, markerCursor) => {
-  const nextMarkerCursor = skipWhitespace(template, markerCursor);
+  const nextMarkerCursor = skipWhitespace2(template, markerCursor);
   if (template[nextMarkerCursor] === "{") {
     return {
       changed: false,
@@ -23363,7 +23707,7 @@ var isInterpolatedExpressionStart = (value, index) => value[index] === "{" && va
       template: resolvedBlockState.template
     };
   }
-  const blockContent = parsePlaceholderAndErrorBlocks(template, skipWhitespace(template, resolvedBlock.nextIndex));
+  const blockContent = parsePlaceholderAndErrorBlocks(template, skipWhitespace2(template, resolvedBlock.nextIndex));
   const builtSlot = buildDeferredSlot({
     cursorAfterResolved: blockContent.cursorAfterResolved,
     errorHtml: blockContent.errorHtml,
@@ -23393,14 +23737,14 @@ var isInterpolatedExpressionStart = (value, index) => value[index] === "{" && va
     ({ cursor, depth } = consumed);
   }
   return { content: value.slice(start + 1), nextIndex: value.length };
-}, skipWhitespace = (value, index) => {
+}, skipWhitespace2 = (value, index) => {
   let cursor = index;
   while (cursor < value.length && /\s/.test(value[cursor] ?? "")) {
     cursor += 1;
   }
   return cursor;
 }, parseOptionalParenthesizedBlock = (value, index) => {
-  let cursor = skipWhitespace(value, index);
+  let cursor = skipWhitespace2(value, index);
   if (value[cursor] !== "(") {
     return null;
   }
@@ -23464,7 +23808,7 @@ var isInterpolatedExpressionStart = (value, index) => value[index] === "{" && va
     return null;
   }
   const blockKeywordCursor = cursorAfterResolved + keyword.length;
-  const blockStart = skipWhitespace(template, blockKeywordCursor);
+  const blockStart = skipWhitespace2(template, blockKeywordCursor);
   if (template[blockStart] !== "{") {
     return null;
   }
@@ -24126,7 +24470,7 @@ ${importLine}${source.slice(insertAt)}`;
     const rawExpression = value.slice(interpolationStart + 2, nextCursor - 2).trim();
     const expression = rawExpression.length === 0 ? "''" : rawExpression;
     const expressionLiteral = JSON.stringify(expression);
-    parts.push(`\${this.__absoluteDeferResolveTemplateExpression(${expressionLiteral})}`);
+    parts.push(`\${this.__absoluteDeferEscapeHtml(this.__absoluteDeferResolveTemplateExpression(${expressionLiteral}))}`);
     cursor = nextCursor;
   }
   return parts.join("");
@@ -24157,6 +24501,10 @@ ${importLine}${source.slice(insertAt)}`;
 ` + `		return value;
 ` + `	}
 
+` + `	__absoluteDeferEscapeHtml(value: string) {
+` + `		return value.replace(/[&<>"']/g, (char) => char === '&' ? '&amp;' : char === '<' ? '&lt;' : char === '>' ? '&gt;' : char === '"' ? '&quot;' : '&#39;');
+` + `	}
+
 `, buildDeferSlotFields = (slots) => [
   buildDeferSlotTemplateResolver(),
   ...slots.map((slot, index) => {
@@ -29806,7 +30154,7 @@ var init_assetStore = __esm(() => {
     ".css": "text/css",
     ".eot": "application/vnd.ms-fontobject",
     ".gif": "image/gif",
-    ".html": "text/html",
+    ".html": "text/html; charset=utf-8",
     ".ico": "image/x-icon",
     ".jpeg": "image/jpeg",
     ".jpg": "image/jpeg",
@@ -36804,8 +37152,10 @@ ${code}`;
   }).js.code;
 }, compileSvelteComponent = (raw, filePath, projectRoot, enableAsync = false) => {
   const compiler = getLoadedSvelteCompiler();
+  const scopeClass = createAwaitScopeClassCapture();
   const compiled = compiler.compile(raw, {
     css: "external",
+    cssHash: scopeClass.cssHash,
     dev: true,
     experimental: {
       async: enableAsync
@@ -36814,7 +37164,7 @@ ${code}`;
     generate: "client",
     hmr: true
   });
-  let { code } = compiled.js;
+  let code = scopeClass.apply(compiled.js.code);
   if (compiled.css?.code) {
     const cssPath = `${filePath}.css`;
     svelteExternalCss.set(cssPath, compiled.css.code);
@@ -37486,14 +37836,14 @@ var init_rewriteImports = __esm(() => {
 
 // src/core/pageResponseCache.ts
 import { createHash as createHash12 } 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/"${createHash12("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) {
@@ -37519,7 +37869,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/core/routeAssets.ts
 var LINK_TAG_RE, REL_STYLESHEET_RE, HREF_RE, TITLE_RE, ENTITIES, ENTITY_RE, decodeEntities = (value) => value.replace(ENTITY_RE, (match) => ENTITIES[match] ?? match), readHeadStylesheets = (head) => {
@@ -37563,6 +37915,7 @@ var emberCacheBuster = 0, invalidateEmberSsrCache = () => {
   emberCacheBuster = Date.now();
 };
 var init_pageHandler = __esm(() => {
+  init_constants();
   init_escapeScriptContent();
   init_cspNonceRef();
   init_pageResponseCache();
@@ -38544,7 +38897,7 @@ var records, recordFor = (path) => {
     for (const update of updates)
       update(value);
   }
-}, managedModulePaths = () => [...records.keys()], moduleRecord = (path) => records.get(path), nextTag = (path) => {
+}, managedModulePaths = () => [...records.keys()], moduleRecord = (path) => records.get(path), nextTag2 = (path) => {
   const record = recordFor(path);
   record.tag += 1;
   return record.tag;
@@ -38679,7 +39032,7 @@ var MAX_PROPAGATION_STEPS = 500, realPath4 = (path) => {
     return call === 1 || meta[name]?.kind !== "function";
   }));
 }, importNextVersion = async (path) => {
-  const namespace = await import(`${path}?absolute-hot=${nextTag(path)}`);
+  const namespace = await import(`${path}?absolute-hot=${nextTag2(path)}`);
   if (typeof namespace !== "object" || namespace === null)
     throw new Error(`${path} did not evaluate to a module`);
   return Object.fromEntries(Object.entries(namespace));
@@ -42787,5 +43140,5 @@ export {
   devBuild
 };
 
-//# debugId=09C80D2AE135A40164756E2164756E21
+//# debugId=5FE00C7F10BE86B364756E2164756E21
 //# sourceMappingURL=build.js.map