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

package/dist/islands/index.js

@@ -1364,7 +1364,7 @@ var resolveExportPath = (entry, conditions) => {
 var init_resolvePackageImport = () => {};
 
 // 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 = [
@@ -1492,23 +1492,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;
   }
-  literal += escapeTemplateLiteral(trimmed.slice(cursor));
-  return `\`${literal}\``;
+  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;
+  }
+  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)`);
   }
@@ -1552,12 +1776,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 };
   }
@@ -1572,7 +1800,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) {
@@ -1582,14 +1810,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
@@ -1601,6 +1829,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
@@ -2372,15 +2658,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));
   }
@@ -2853,5 +3142,5 @@ export {
   renderIslandMarkup
 };
 
-//# debugId=DD743F6ECCD5B2B564756E2164756E21
+//# debugId=67ED53C837B4A77E64756E2164756E21
 //# sourceMappingURL=index.js.map