@absolutejs/absolute 0.20.0-beta.169 → 0.20.0-beta.170

package/dist/islands/index.js

@@ -165,7 +165,7 @@ var resolveAngularPackageDir = (specifier) => {
 var init_resolveAngularPackage = () => {};
 
 // src/utils/runtimeMode.ts
-var ENV_VAR = "NODE_ENV", isDevelopmentRuntime = () => process.env[ENV_VAR] === "development", isProductionRuntime = () => process.env[ENV_VAR] === "production";
+var ENV_VAR = "NODE_ENV", getNodeEnv = () => process.env[ENV_VAR], isDevelopmentRuntime = () => process.env[ENV_VAR] === "development", isProductionRuntime = () => process.env[ENV_VAR] === "production";
 
 // src/angular/angularPatch.ts
 var ensureHead = (doc) => {
@@ -340,6 +340,7 @@ var initDominoAdapter = (platformServer) => {
     APP_BASE_HREF: common.APP_BASE_HREF,
     bootstrapApplication: platformBrowser.bootstrapApplication,
     Component: core.Component,
+    CSP_NONCE: core.CSP_NONCE,
     DomSanitizer: platformBrowser.DomSanitizer,
     ENVIRONMENT_INITIALIZER: core.ENVIRONMENT_INITIALIZER,
     inject: core.inject,
@@ -347,6 +348,7 @@ var initDominoAdapter = (platformServer) => {
     NgComponentOutlet: common.NgComponentOutlet,
     provideClientHydration: platformBrowser.provideClientHydration,
     provideServerRendering: platformServer.provideServerRendering,
+    provideZoneChangeDetection: core.provideZoneChangeDetection,
     provideZonelessChangeDetection: core.provideZonelessChangeDetection,
     reflectComponentType: core.reflectComponentType,
     renderApplication: platformServer.renderApplication,
@@ -367,6 +369,34 @@ var init_angularDeps = __esm(() => {
   init_resolveAngularPackage();
 });
 
+// src/utils/escapeScriptContent.ts
+var ESCAPE_LOOKUP, ESCAPE_REGEX, escapeScriptContent = (content) => content.replace(ESCAPE_REGEX, (char) => {
+  const escaped = ESCAPE_LOOKUP[char];
+  return escaped !== undefined ? escaped : char;
+});
+var init_escapeScriptContent = __esm(() => {
+  ESCAPE_LOOKUP = {
+    "\u2028": "\\u2028",
+    "\u2029": "\\u2029",
+    "<": "\\u003C"
+  };
+  ESCAPE_REGEX = /[<\u2028\u2029]/g;
+});
+
+// src/utils/cspNonceRef.ts
+var GETTER_KEY, nonceAttr = (nonce = readCspNonce()) => nonce ? ` nonce="${nonce}"` : "", nonceSvelteHeadStyles = (head, nonce = readCspNonce()) => nonce ? head.replace(/<style(?=\s+id="svelte-[^"]*")(?![^>]*\snonce=)/g, `<style nonce="${nonce}"`) : head, readCspNonce = () => {
+  const getter = Reflect.get(globalThis, GETTER_KEY);
+  if (typeof getter !== "function")
+    return;
+  const nonce = getter();
+  return typeof nonce === "string" ? nonce : undefined;
+}, registerCspNonceGetter = (getter) => {
+  Reflect.set(globalThis, GETTER_KEY, getter);
+};
+var init_cspNonceRef = __esm(() => {
+  GETTER_KEY = Symbol.for("absolutejs.cspNonceGetter");
+});
+
 // src/utils/registerClientScript.ts
 var scriptRegistry, requestCounter = 0, getRequestId = () => `req_${Date.now()}_${++requestCounter}`, ssrContextGetter = null, getSsrContextId = () => ssrContextGetter?.() || Object.getOwnPropertyDescriptor(globalThis, "__absolutejs_requestId")?.value, registerClientScript = (script, requestId) => {
   const id = requestId || getSsrContextId() || getRequestId();
@@ -422,7 +452,7 @@ var scriptRegistry, requestCounter = 0, getRequestId = () => `req_${Date.now()}_
 	})();`;
   }).join(`
 `);
-  return `<script>
+  return `<script${nonceAttr()}>
 (function() {
 ${scriptCode}
 })();
@@ -440,6 +470,7 @@ ${scriptCode}
   return scriptArray;
 };
 var init_registerClientScript = __esm(() => {
+  init_cspNonceRef();
   scriptRegistry = new Map;
   if (typeof globalThis !== "undefined") {
     Object.assign(globalThis, { registerClientScript });
@@ -458,7 +489,7 @@ var init_browserTranslationAttributes = __esm(() => {
 });
 
 // src/core/browserTranslation.ts
-var BASELINE_MARKER = "__ABSOLUTE_SSR_TEXT_BASELINES__", BROWSER_TRANSLATION_BASELINE_SCRIPT, browserTranslationBaselineTag = () => `<script>${BROWSER_TRANSLATION_BASELINE_SCRIPT}</script>`, injectBrowserTranslationBaseline = (html) => {
+var BASELINE_MARKER = "__ABSOLUTE_SSR_TEXT_BASELINES__", BROWSER_TRANSLATION_BASELINE_SCRIPT, browserTranslationBaselineTag = () => `<script${nonceAttr()}>${BROWSER_TRANSLATION_BASELINE_SCRIPT}</script>`, injectBrowserTranslationBaseline = (html) => {
   if (html.includes(BASELINE_MARKER))
     return html;
   const script = browserTranslationBaselineTag();
@@ -468,6 +499,7 @@ var BASELINE_MARKER = "__ABSOLUTE_SSR_TEXT_BASELINES__", BROWSER_TRANSLATION_BAS
   return `${html.slice(0, closingBodyIndex)}${script}${html.slice(closingBodyIndex)}`;
 };
 var init_browserTranslation = __esm(() => {
+  init_cspNonceRef();
   init_browserTranslationAttributes();
   BROWSER_TRANSLATION_BASELINE_SCRIPT = "window.__ABSOLUTE_SSR_TEXT_BASELINES__=new WeakMap();" + "window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__=new WeakMap();" + "{const r=document.body,b=window.__ABSOLUTE_SSR_TEXT_BASELINES__," + "a=window.__ABSOLUTE_SSR_ATTRIBUTE_BASELINES__;" + 'if(r)for(const e of [r,...r.querySelectorAll("*")]){' + "const t=new Map();for(const [i,n]of[...e.childNodes].entries())" + 'if(n.nodeType===3)t.set(i,n.nodeValue??"");if(t.size)b.set(e,t);' + `const v=new Map();for(const k of ${JSON.stringify(TRANSLATABLE_ATTRIBUTES)}){` + "const s=e.getAttribute(k);if(s!==null)v.set(k,s);}if(v.size)a.set(e,v);}}";
 });
@@ -494,6 +526,81 @@ var buildRequestProviders = (deps, request, requestContext, responseInit) => [
   { provide: deps.RESPONSE_INIT, useValue: responseInit ?? null }
 ];
 
+// src/angular/zoneRuntime.ts
+var ZONE_NODE_SPECIFIER = "zone.js/node", MISSING_ZONE_MESSAGE = 'angular.changeDetection is "zone" but zone.js could not be loaded. Install it in your app (bun add zone.js).', isAngularZoneMode = () => globalThis.__absoluteAngularChangeDetection === "zone", setAngularChangeDetection = (mode) => {
+  globalThis.__absoluteAngularChangeDetection = mode ?? "zoneless";
+}, isRecord2 = (value) => typeof value === "object" && value !== null, adoptIntoNativePromise = (NativePromise, value) => {
+  if (value instanceof NativePromise || !isRecord2(value))
+    return value;
+  const { then } = value;
+  if (typeof then !== "function")
+    return value;
+  return new NativePromise((resolve, reject) => {
+    Reflect.apply(then, value, [resolve, reject]);
+  });
+}, wrapHandler = (NativePromise, handler) => {
+  if (typeof handler !== "function")
+    return handler;
+  return function nativePromiseHandler(...args) {
+    return adoptIntoNativePromise(NativePromise, Reflect.apply(handler, this, args));
+  };
+}, wrapRoute = (NativePromise, route) => {
+  if (typeof route === "function")
+    return wrapHandler(NativePromise, route);
+  if (!isRecord2(route) || route instanceof Response || route instanceof Blob)
+    return route;
+  return Object.fromEntries(Object.entries(route).map(([method, handler]) => [
+    method,
+    wrapHandler(NativePromise, handler)
+  ]));
+}, wrapServeOptions = (NativePromise, options) => {
+  if (!isRecord2(options))
+    return options;
+  const wrapped = { ...options };
+  if (options.fetch)
+    wrapped.fetch = wrapHandler(NativePromise, options.fetch);
+  if (options.error)
+    wrapped.error = wrapHandler(NativePromise, options.error);
+  if (isRecord2(options.routes))
+    wrapped.routes = Object.fromEntries(Object.entries(options.routes).map(([path, route]) => [
+      path,
+      wrapRoute(NativePromise, route)
+    ]));
+  return wrapped;
+}, wrapServerReload = (NativePromise, server) => {
+  if (!isRecord2(server))
+    return;
+  const { reload } = server;
+  if (typeof reload !== "function")
+    return;
+  Reflect.set(server, "reload", (options) => Reflect.apply(reload, server, [
+    wrapServeOptions(NativePromise, options)
+  ]));
+}, patchBunServe = (NativePromise) => {
+  const originalServe = Bun.serve;
+  Reflect.set(Bun, "serve", (options) => {
+    const server = Reflect.apply(originalServe, Bun, [
+      wrapServeOptions(NativePromise, options)
+    ]);
+    wrapServerReload(NativePromise, server);
+    return server;
+  });
+  wrapServerReload(NativePromise, globalThis.__absoluteBunServer);
+}, installation = null, isPromiseConstructor = (value) => typeof value === "function", install = async () => {
+  setAngularChangeDetection("zone");
+  const savedNative = Reflect.get(globalThis, "__zone_symbol__Promise");
+  const NativePromise = isPromiseConstructor(savedNative) ? savedNative : globalThis.Promise;
+  try {
+    await import(ZONE_NODE_SPECIFIER);
+  } catch (error) {
+    throw new Error(MISSING_ZONE_MESSAGE, { cause: error });
+  }
+  patchBunServe(NativePromise);
+}, installAngularZoneRuntime = () => {
+  installation ??= install();
+  return installation;
+};
+
 // src/angular/ssrRender.ts
 var routeContextCache, cacheRouteData = (pagePath, data) => {
   const cacheKey = pagePath.split("?")[0] ?? pagePath;
@@ -501,7 +608,7 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
 }, getCachedRouteData = (pagePath) => routeContextCache.get(pagePath), selectorCache, buildProviders = (deps, sanitizer, request, requestContext, responseInit, userProviders = []) => [
   deps.provideServerRendering(),
   deps.provideClientHydration(deps.withHttpTransferCacheOptions(buildAbsoluteHttpTransferCacheOptions())),
-  deps.provideZonelessChangeDetection(),
+  isAngularZoneMode() ? deps.provideZoneChangeDetection({ eventCoalescing: true }) : deps.provideZonelessChangeDetection(),
   { provide: deps.APP_BASE_HREF, useValue: "/" },
   { provide: deps.DomSanitizer, useValue: sanitizer },
   { provide: deps.Sanitizer, useValue: sanitizer },
@@ -530,15 +637,17 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
     result = injectBeforeClose(result, generateClientScriptCode(registeredScripts));
   }
   if (requestContext !== undefined) {
-    result = injectBeforeClose(result, `<script>window.__ABS_ANGULAR_REQUEST_CONTEXT__ = ${JSON.stringify(requestContext)};</script>`);
+    result = injectBeforeClose(result, `<script${nonceAttr()}>window.__ABS_ANGULAR_REQUEST_CONTEXT__ = ${escapeScriptContent(JSON.stringify(requestContext))};</script>`);
   }
   if (indexPath) {
     const escapedIndexPath = JSON.stringify(indexPath);
-    result = injectBeforeClose(result, `<script>import(${escapedIndexPath});</script>`);
+    result = injectBeforeClose(result, `<script${nonceAttr()}>import(${escapeScriptContent(escapedIndexPath)});</script>`);
   }
   return result;
 }, renderAngularApp = async (deps, PageComponent, providers, document, url = "/") => {
-  const bootstrap = (context) => deps.bootstrapApplication(PageComponent, { providers }, context);
+  const nonce = readCspNonce();
+  const cspProviders = nonce ? [{ provide: deps.CSP_NONCE, useValue: nonce }] : [];
+  const bootstrap = (context) => deps.bootstrapApplication(PageComponent, { providers: [...providers, ...cspProviders] }, context);
   return withSuppressedAngularDevLogs(() => deps.renderApplication(bootstrap, {
     document,
     platformProviders: [],
@@ -559,6 +668,8 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
   }
 };
 var init_ssrRender = __esm(() => {
+  init_escapeScriptContent();
+  init_cspNonceRef();
   init_registerClientScript();
   init_browserTranslation();
   routeContextCache = new Map;
@@ -1322,47 +1433,140 @@ var init_lowerIslandSyntax = __esm(() => {
 });
 
 // src/svelte/lowerAwaitSlotSyntax.ts
-var AWAIT_BLOCK_RE, escapeTemplateLiteral = (value) => value.replaceAll("\\", "\\\\").replaceAll("`", "\\`").replaceAll("${", "\\${"), markupToTemplateLiteral = (markup) => {
-  const escaped = escapeTemplateLiteral(markup.trim());
-  const withExpressions = escaped.replace(/\{([^{}]+)\}/g, (_, expression) => `\${${String(expression).trim()}}`);
-  return `\`${withExpressions}\``;
-}, lowerSvelteAwaitSlotSyntax = (source) => {
-  if (!source.includes("{#await")) {
+var AWAIT_STREAM_DIRECTIVE = "<!-- absolute:stream -->", DIRECTIVE_RE, BRANCH_TAG_RE, SVELTE_ONLY_MARKUP_RE, QUOTES, scanCharacter = (scan, char) => {
+  if (scan.escaped) {
+    scan.escaped = false;
+    return;
+  }
+  if (scan.quote) {
+    scan.escaped = char === "\\";
+    if (char === scan.quote)
+      scan.quote = null;
+    return;
+  }
+  if (QUOTES.has(char))
+    scan.quote = char;
+  if (char === "{")
+    scan.depth += 1;
+  if (char === "}")
+    scan.depth -= 1;
+}, findTagEnd = (source, start) => {
+  const scan = { depth: 0, escaped: false, quote: null };
+  for (let index = start;index < source.length; index += 1) {
+    scanCharacter(scan, source[index] ?? "");
+    if (scan.depth === 0)
+      return index + 1;
+  }
+  return -1;
+}, topLevelTags = (markup) => {
+  const tags = [];
+  let index = markup.indexOf("{");
+  while (index !== -1) {
+    const end = findTagEnd(markup, index);
+    if (end === -1)
+      break;
+    tags.push({ end, start: index, text: markup.slice(index, end) });
+    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;
+  }
+  literal += escapeTemplateLiteral(trimmed.slice(cursor));
+  return `\`${literal}\``;
+}, 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));
+  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)`);
+  }
+}, parseStreamedAwait = (source, start, filePath) => {
+  if (!source.startsWith("{#await", start)) {
+    fail(filePath, `${AWAIT_STREAM_DIRECTIVE} must come directly before an {#await} block`);
+  }
+  const headerEnd = findTagEnd(source, start);
+  if (headerEnd === -1)
+    fail(filePath, "unterminated {#await} tag");
+  const expression = source.slice(start + "{#await".length, headerEnd - 1).trim();
+  if (!expression)
+    fail(filePath, "{#await} without an expression");
+  if (/\s(?:then|catch)\b/.test(` ${expression}`)) {
+    fail(filePath, "a streamed {#await} needs a pending branch; the shorthand {#await \u2026 then \u2026} has none");
+  }
+  const close = source.indexOf("{/await}", headerEnd);
+  if (close === -1)
+    fail(filePath, "{#await} without a matching {/await}");
+  const body = source.slice(headerEnd, close);
+  const branchTags = topLevelTags(body).filter(({ text }) => /^\{:/.test(text));
+  const [thenTag, catchTag, extra] = branchTags;
+  const thenMatch = thenTag?.text.match(BRANCH_TAG_RE);
+  const catchMatch = catchTag?.text.match(BRANCH_TAG_RE);
+  if (!thenTag || thenMatch?.[1] !== "then" || catchTag && catchMatch?.[1] !== "catch" || extra) {
+    fail(filePath, "a streamed {#await} takes exactly one {:then} and at most one {:catch}, in that order");
+  }
+  const pendingMarkup = body.slice(0, thenTag?.start);
+  const thenMarkup = body.slice(thenTag?.end, catchTag?.start);
+  const catchMarkup = catchTag ? body.slice(catchTag.end) : undefined;
+  assertPlainHtml(pendingMarkup, "pending", filePath);
+  assertPlainHtml(thenMarkup, "then", filePath);
+  if (catchMarkup !== undefined)
+    assertPlainHtml(catchMarkup, "catch", filePath);
+  return {
+    catchIdentifier: catchMatch?.[2],
+    catchMarkup,
+    end: close + "{/await}".length,
+    expression,
+    pendingMarkup,
+    thenIdentifier: thenMatch?.[2],
+    thenMarkup
+  };
+}, renderSlot = (block, slotId, dynamic) => {
+  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) => {
+  if (!source.includes("absolute:stream")) {
     return { code: source, transformed: false };
   }
+  let lowered = "";
+  let cursor = 0;
   let awaitIndex = 0;
-  let transformed = false;
-  const lowered = source.replace(AWAIT_BLOCK_RE, (fullMatch, awaitExpression, pendingMarkup, thenIdentifier, thenMarkup, catchIdentifier, catchMarkup) => {
-    const trimmedAwaitExpression = awaitExpression.trim();
-    if (!trimmedAwaitExpression) {
-      return fullMatch;
-    }
+  for (const directive of source.matchAll(DIRECTIVE_RE)) {
+    const awaitStart = directive.index + directive[0].length;
+    if (awaitStart < cursor)
+      continue;
+    const block = parseStreamedAwait(source, awaitStart, filePath);
     const slotId = `absolute-svelte-await-${awaitIndex.toString(BASE_36_RADIX)}`;
     awaitIndex += 1;
-    transformed = true;
-    const thenValueIdentifier = thenIdentifier?.trim() || "__awaitValue";
-    const catchValueIdentifier = catchIdentifier?.trim() || "__awaitError";
-    const fallbackHtml = markupToTemplateLiteral(pendingMarkup);
-    const resolvedHtml = markupToTemplateLiteral(thenMarkup);
-    const rejectedHtml = typeof catchMarkup === "string" ? markupToTemplateLiteral(catchMarkup) : null;
-    const catchBranch = rejectedHtml ? `catch (${catchValueIdentifier}) { return ${rejectedHtml}; }` : "catch (_absoluteAwaitError) { throw _absoluteAwaitError; }";
-    return `<AbsoluteAwaitSlot id="${slotId}" fallbackHtml={${fallbackHtml}} resolve={async () => { try { const ${thenValueIdentifier} = await (${trimmedAwaitExpression}); return ${resolvedHtml}; } ${catchBranch} }} />`;
-  });
-  if (!transformed) {
+    lowered += source.slice(cursor, directive.index);
+    lowered += renderSlot(block, slotId, directive[1] !== undefined);
+    cursor = block.end;
+  }
+  if (awaitIndex === 0) {
     return { code: source, transformed: false };
   }
-  const importLine = 'import AbsoluteAwaitSlot from "@absolutejs/absolute/svelte/components/AwaitSlot.svelte";';
+  lowered += source.slice(cursor);
   if (lowered.includes("<script")) {
     return {
       code: lowered.replace(/<script(\s[^>]*)?>/, (match) => `${match}
-${importLine}
+${IMPORT_LINE}
 `),
       transformed: true
     };
   }
   return {
     code: `<script lang="ts">
-${importLine}
+${IMPORT_LINE}
 </script>
 ${lowered}`,
     transformed: true
@@ -1370,7 +1574,10 @@ ${lowered}`,
 };
 var init_lowerAwaitSlotSyntax = __esm(() => {
   init_constants();
-  AWAIT_BLOCK_RE = /\{#await\s+([^}]+)\}([\s\S]*?)\{:then(?:\s+([A-Za-z_$][\w$]*))?\}([\s\S]*?)(?:\{:catch(?:\s+([A-Za-z_$][\w$]*))?\}([\s\S]*?))?\{\/await\}/g;
+  DIRECTIVE_RE = /<!--\s*absolute:stream(\s+dynamic)?\s*-->\s*/g;
+  BRANCH_TAG_RE = /^\{:(then|catch)(?:\s+([A-Za-z_$][\w$]*))?\s*\}$/;
+  SVELTE_ONLY_MARKUP_RE = /\{[#:/@]|<[A-Z]|<svelte:/;
+  QUOTES = new Set(['"', "'", "`"]);
 });
 
 // src/build/stylePreprocessor.ts
@@ -1562,7 +1769,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
   const config = normalizePostcssModule(loaded);
   const value = typeof config === "function" ? await config({
     cwd: process.cwd(),
-    env: "development"
+    env: getNodeEnv()
   }) : config;
   return normalizePostcssModule(value) ?? {};
 }, normalizePostcssPlugins = (plugins) => {
@@ -1928,10 +2135,10 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
     return resolveCssImportsSync(result.css, dirname2(filePath), new Set([filePath]));
   }
   if (language === "less") {
-    throw new Error(`Unable to compile ${filePath}: Less styleUrl preprocessing is async-only. Import the Less file from a bundled entrypoint or use SCSS/CSS for Angular styleUrl.`);
+    throw new Error(`Unable to compile ${filePath} synchronously: Less only has an async compiler. Compile it with compileStyleFileIfNeeded() instead.`);
   }
   if (language === "stylus") {
-    throw new Error(`Unable to compile ${filePath}: Stylus styleUrl preprocessing is async-only. Import the Stylus file from a bundled entrypoint or use SCSS/CSS for Angular styleUrl.`);
+    throw new Error(`Unable to compile ${filePath} synchronously: Stylus only has an async compiler. Compile it with compileStyleFileIfNeeded() instead.`);
   }
   return resolveCssImportsSync(rawContents, dirname2(filePath), new Set([filePath]));
 };
@@ -1949,6 +2156,32 @@ var init_stylePreprocessor = __esm(() => {
   CSS_IMPORT_PATTERN = /@import\s+["']([^"']+)["']\s*;?/g;
 });
 
+// src/svelte/router/lazyModule.ts
+var LAZY_RESOLVED_KEY, LAZY_SOURCE_EXPORT = "__ABSOLUTE_SVELTE_SOURCE__", isRecord3 = (value) => typeof value === "object" && value !== null, isComponent = (value) => typeof value === "function", toLazyComponent = (value) => {
+  if (isComponent(value))
+    return value;
+  if (!isRecord3(value))
+    return;
+  const fallback = value.default;
+  return isComponent(fallback) ? fallback : undefined;
+}, readSourceFrom = (value) => {
+  if (!isRecord3(value) && !isComponent(value))
+    return;
+  const source = Reflect.get(value, LAZY_SOURCE_EXPORT);
+  return typeof source === "string" ? source : undefined;
+}, lazyModuleRegistration = (sourceId, specifier) => `
+;(globalThis[Symbol.for("absolutejs.svelte.lazy-modules")] ??= new Map()).set(${JSON.stringify(sourceId)}, () => import(${JSON.stringify(specifier)}));`, readLazySource = (value) => {
+  const fromValue = readSourceFrom(value);
+  if (fromValue !== undefined)
+    return fromValue;
+  if (!isRecord3(value))
+    return;
+  return readSourceFrom(value.default);
+};
+var init_lazyModule = __esm(() => {
+  LAZY_RESOLVED_KEY = Symbol.for("absolutejs.svelte.lazy-resolved");
+});
+
 // src/core/svelteServerModule.ts
 import { mkdir as mkdir2, readdir as readdir2 } from "fs/promises";
 import { basename, dirname as dirname3, extname as extname2, join as join6, relative as relative3, resolve as resolve4 } from "path";
@@ -2058,11 +2291,11 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, transpiler,
   const resolutionSourcePath = await resolveOriginalSourcePath(sourcePath);
   const source = await Bun.file(sourcePath).text();
   const { compile, preprocess } = await import("svelte/compiler");
-  const loweredAwaitSource = lowerSvelteAwaitSlotSyntax(source);
+  const loweredAwaitSource = lowerSvelteAwaitSlotSyntax(source, sourcePath);
   const loweredSource = lowerSvelteIslandSyntax(loweredAwaitSource.code, "server");
   const preprocessed = await preprocess(loweredSource.code, createSvelteStylePreprocessor());
   let transpiled = sourcePath.endsWith(".ts") || sourcePath.endsWith(".svelte.ts") ? transpiler.transformSync(preprocessed.code) : preprocessed.code;
-  const childImportSpecs = Array.from(transpiled.matchAll(/from\s+['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((value) => value !== undefined);
+  const childImportSpecs = Array.from(new Set(Array.from(transpiled.matchAll(/(?:from\s+|\bimport\s*\(\s*)['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((value) => value !== undefined)));
   const resolvedChildModules = await Promise.all(childImportSpecs.map((spec) => resolveSvelteImport(spec, resolutionSourcePath)));
   const resolvedModuleImports = await Promise.all(childImportSpecs.map((spec) => resolveRelativeModule(spec, resolutionSourcePath)));
   const childModulePaths = new Map;
@@ -2109,6 +2342,14 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, transpiler,
   for (const [spec, resolvedModuleImport] of rewrittenModulePaths) {
     compiledCode = compiledCode.replaceAll(spec, resolvedModuleImport);
   }
+  const sourceId = JSON.stringify(relative3(process.cwd(), resolutionSourcePath).replace(/\\/g, "/"));
+  const componentName = /export default function ([\w$]+)\s*\(/.exec(compiledCode)?.[1];
+  compiledCode += `
+export const ${LAZY_SOURCE_EXPORT} = ${sourceId};`;
+  if (componentName) {
+    compiledCode += `
+${componentName}.${LAZY_SOURCE_EXPORT} = ${sourceId};`;
+  }
   const compiledModulePath = getCachedModulePath2(sourcePath);
   await mkdir2(dirname3(compiledModulePath), { recursive: true });
   await writeIfChanged(compiledModulePath, compiledCode);
@@ -2120,6 +2361,7 @@ var init_svelteServerModule = __esm(() => {
   init_lowerIslandSyntax();
   init_lowerAwaitSlotSyntax();
   init_stylePreprocessor();
+  init_lazyModule();
   serverCacheRoot2 = join6(process.cwd(), ".absolutejs", "islands", "svelte");
   compiledModuleCache2 = new Map;
   originalSourcePathCache = new Map;
@@ -2269,7 +2511,7 @@ var init_islandMarkupAttributes = __esm(() => {
 var islandSequence = 0, resolvedServerComponentCache, resolvedServerBuildComponentCache, nextIslandId = () => {
   islandSequence += 1;
   return `island-${islandSequence}`;
-}, isRecord2 = (value) => typeof value === "object" && value !== null, isReactServerIslandComponent = (value) => typeof value === "function", isSvelteServerIslandComponent = (value) => typeof value === "function", isVueServerIslandComponent = (value) => typeof value === "function" || isRecord2(value), isAngularServerIslandComponent = (value) => typeof value === "function", resolveBuildReferencePath = (source, registryPath) => {
+}, isRecord4 = (value) => typeof value === "object" && value !== null, isReactServerIslandComponent = (value) => typeof value === "function", isSvelteServerIslandComponent = (value) => typeof value === "function", isVueServerIslandComponent = (value) => typeof value === "function" || isRecord4(value), isAngularServerIslandComponent = (value) => typeof value === "function", resolveBuildReferencePath = (source, registryPath) => {
   if (source.startsWith("file://"))
     return new URL(source).pathname;
   if (source.startsWith("."))
@@ -2524,5 +2766,5 @@ export {
   renderIslandMarkup
 };
 
-//# debugId=D5AC6B7BD44BC0D764756E2164756E21
+//# debugId=EE798A65D10BA6F664756E2164756E21
 //# sourceMappingURL=index.js.map