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

package/dist/angular/server.js

@@ -88,7 +88,7 @@ var ABSOLUTE_HTTP_TRANSFER_CACHE_SKIP_HEADER = "x-skip-transfer-cache", buildAbs
 };
 
 // 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, 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, 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 = [
@@ -222,7 +222,7 @@ var init_startupBanner = __esm(() => {
 });
 
 // src/utils/logger.ts
-var colors2, frameworkColors, formatPath = (filePath) => {
+var colors2, frameworkColors, logTag = () => isDevelopmentRuntime() ? "[hmr]" : "[absolutejs]", formatPath = (filePath) => {
   const cwd = process.cwd();
   let relative = filePath.startsWith(cwd) ? filePath.slice(cwd.length + 1) : filePath;
   relative = relative.replace(/\\/g, "/");
@@ -232,7 +232,7 @@ var colors2, frameworkColors, formatPath = (filePath) => {
   return relative;
 }, getFrameworkColor = (framework) => frameworkColors[framework] || colors2.white, log = (action, options) => {
   const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
-  const tag = `${colors2.cyan}[hmr]${colors2.reset}`;
+  const tag = `${colors2.cyan}${logTag()}${colors2.reset}`;
   let message = action;
   if (options?.path) {
     const pathColor = options.framework ? getFrameworkColor(options.framework) : colors2.white;
@@ -246,7 +246,7 @@ var colors2, frameworkColors, formatPath = (filePath) => {
   log("css update", { duration, framework: framework ?? "css", path });
 }, logError = (message, error) => {
   const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
-  const tag = `${colors2.red}[hmr]${colors2.reset}`;
+  const tag = `${colors2.red}${logTag()}${colors2.reset}`;
   const errorMsg = error instanceof Error ? error.message : error;
   const fullMessage = `${colors2.red}error${colors2.reset} ${message}${errorMsg ? `: ${errorMsg}` : ""}`;
   console.error(`${timestamp} ${tag} ${fullMessage}`);
@@ -275,7 +275,7 @@ var colors2, frameworkColors, formatPath = (filePath) => {
   log(`${colors2.cyan}server module reloaded${colors2.reset}`);
 }, logWarn = (message) => {
   const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
-  const tag = `${colors2.yellow}[hmr]${colors2.reset}`;
+  const tag = `${colors2.yellow}${logTag()}${colors2.reset}`;
   console.log(`${timestamp} ${tag} ${colors2.yellow}warning ${message}${colors2.reset}`);
 };
 var init_logger = __esm(() => {
@@ -338,8 +338,23 @@ var ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST
     return;
   warnedMissingBootstrap = true;
   logWarn("A page contains islands, but the build manifest has no islands bootstrap, so they will render without hydrating. Set `islands.registry` in absolute.config.ts (a default bootstrap is generated from it) or point `islands.bootstrap` at a file that calls startIslands().");
+}, manifestBuildDir, WINDOWS_ABSOLUTE_PATH, isServerFilePath = (value) => {
+  if (WINDOWS_ABSOLUTE_PATH.test(value))
+    return true;
+  if (!manifestBuildDir)
+    return false;
+  const root = manifestBuildDir.endsWith("/") ? manifestBuildDir : `${manifestBuildDir}/`;
+  return value.startsWith(root);
+}, toBrowserManifest = (manifest) => {
+  const browserManifest = {};
+  for (const [key, value] of Object.entries(manifest)) {
+    if (typeof value !== "string" || isServerFilePath(value))
+      continue;
+    browserManifest[key] = value;
+  }
+  return browserManifest;
 }, buildIslandsHeadMarkup = (manifest) => {
-  const manifestScript = `<script${nonceAttr()}>window.__ABSOLUTE_MANIFEST__ = ${escapeScriptContent(JSON.stringify(manifest))}</script>`;
+  const manifestScript = `<script${nonceAttr()}>window.__ABSOLUTE_MANIFEST__ = ${escapeScriptContent(JSON.stringify(toBrowserManifest(manifest)))}</script>`;
   const islandStateScript = `<script${nonceAttr()}>window.__ABS_ISLAND_STATE__ = ${escapeScriptContent(JSON.stringify(globalThis.__ABS_ISLAND_STATE__ ?? {}))}</script>`;
   const bootstrapPath = getIslandBootstrapPath(manifest);
   const bootstrapScript = bootstrapPath ? `<script${nonceAttr()} type="module" src="${bootstrapPath}"></script>` : "";
@@ -539,13 +554,15 @@ var ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST
     return stream;
   }
   return pipeStreamWithIslandMarkerDetection(stream, markup, () => warnIfBootstrapMissing(manifest));
-}, setCurrentIslandManifest = (manifest) => {
+}, setCurrentIslandManifest = (manifest, buildDir) => {
   globalThis.__absoluteManifest = manifest;
+  manifestBuildDir = buildDir?.replaceAll("\\", "/");
 };
 var init_islandPageContext = __esm(() => {
   init_escapeScriptContent();
   init_cspNonceRef();
   init_logger();
+  WINDOWS_ABSOLUTE_PATH = /^[A-Za-z]:[\\/]|^\\\\/;
 });
 
 // src/core/routeAssets.ts
@@ -618,7 +635,7 @@ var init_inlinePageCss = __esm(() => {
 });
 
 // src/utils/ssrErrorPage.ts
-var errorPageHtml = ({
+var GENERIC_ERROR_MESSAGE = "Something went wrong while rendering this page.", errorPageHtml = ({
   framework,
   hint,
   kind,
@@ -681,11 +698,11 @@ ${script}
 
 ${error ?? "The dev-server terminal has the build output."}`,
   script: reloadOnRebuild()
-}), ssrErrorPage = (framework, error) => errorPageHtml({
+}), errorMessage = (error) => error instanceof Error ? error.message : String(error), ssrErrorPage = (framework, error) => errorPageHtml({
   framework,
   hint: "A component threw during server-side rendering. Check the terminal for the full stack trace.",
   kind: "Server Render Error",
-  message: error instanceof Error ? error.message : String(error)
+  message: isDevelopmentRuntime() ? errorMessage(error) : GENERIC_ERROR_MESSAGE
 });
 var init_ssrErrorPage = __esm(() => {
   init_cspNonceRef();
@@ -775,14 +792,17 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
 }, resolveNotFoundConventionPath = (framework) => getMap()[framework]?.defaults?.notFound, setConventions = (map) => {
   Reflect.set(globalThis, CONVENTIONS_KEY, map);
 }, isDev = () => isDevelopmentRuntime(), buildErrorProps = (error) => {
+  const name = error instanceof Error ? error.name : "Error";
+  if (!isDev())
+    return { message: GENERIC_ERROR_MESSAGE, name };
   if (error instanceof Error) {
     return {
       message: error.message,
-      name: error.name,
-      ...isDev() && error.stack ? { stack: error.stack } : {}
+      name,
+      ...error.stack ? { stack: error.stack } : {}
     };
   }
-  return { message: String(error), name: "Error" };
+  return { message: String(error), name };
 }, renderReactError = async (conventionPath, errorProps) => {
   const { createElement } = await import("react");
   const { renderToReadableStream } = await import("react-dom/server");
@@ -896,6 +916,29 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
       return htmlResponse;
   }
   return null;
+}, isPageRequest = (request) => {
+  if (request.headers.get("hx-request") === "true")
+    return true;
+  if (request.headers.get("sec-fetch-dest") === "document")
+    return true;
+  return (request.headers.get("accept") ?? "").includes("text/html");
+}, renderStaticRouteError = async (request, error) => {
+  if (!isPageRequest(request))
+    return null;
+  const preferHtmx = request.headers.get("hx-request") === "true";
+  const order = preferHtmx ? ["htmx", "html"] : ["html", "htmx"];
+  const frameworks = order.filter((framework) => hasErrorConvention(framework));
+  if (frameworks.length === 0)
+    return null;
+  const errorProps = buildErrorProps(error);
+  const renderNext = async (remaining) => {
+    const [framework, ...rest] = remaining;
+    if (!framework)
+      return null;
+    const response = await tryFrameworkErrorConvention(framework, "", errorProps, error);
+    return response ?? renderNext(rest);
+  };
+  return renderNext(frameworks);
 }, renderReactNotFound = async (conventionPath) => {
   const { createElement } = await import("react");
   const { renderToReadableStream } = await import("react-dom/server");
@@ -990,6 +1033,7 @@ var CONVENTIONS_KEY = "__absoluteConventions", isConventionsMap = (value) => Boo
 var init_resolveConvention = __esm(() => {
   init_cspNonceRef();
   init_staticHtmlNonce();
+  init_ssrErrorPage();
   ERROR_RENDERERS = {
     angular: renderAngularError,
     ember: renderEmberError,
@@ -1559,7 +1603,7 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
     return html.replace("</html>", `${snippet}</html>`);
   }
   return html + snippet;
-}, injectSsrScripts = (html, requestId, indexPath, requestContext) => {
+}, injectSsrScripts = (html, requestId, indexPath, requestContext, baseHref) => {
   let result = injectBeforeClose(html, browserTranslationBaselineTag());
   const registeredScripts = getAndClearClientScripts(requestId);
   if (registeredScripts.length > 0) {
@@ -1568,6 +1612,9 @@ var routeContextCache, cacheRouteData = (pagePath, data) => {
   if (requestContext !== undefined) {
     result = injectBeforeClose(result, `<script${nonceAttr()}>window.__ABS_ANGULAR_REQUEST_CONTEXT__ = ${escapeScriptContent(JSON.stringify(requestContext))};</script>`);
   }
+  if (baseHref) {
+    result = injectBeforeClose(result, `<script${nonceAttr()}>window.__ABS_ANGULAR_BASE_HREF__ = ${escapeScriptContent(JSON.stringify(baseHref))};</script>`);
+  }
   if (indexPath) {
     const escapedIndexPath = JSON.stringify(indexPath);
     result = injectBeforeClose(result, `<script${nonceAttr()}>import(${escapeScriptContent(escapedIndexPath)});</script>`);
@@ -1712,7 +1759,14 @@ var renderAngularIslandToHtmlInternal = async (component, props, islandId) => {
     match = LEADING_HOISTED_RESOURCE_RE.exec(result);
   }
   return result.trimStart();
-}, renderReactIslandToHtml = (component, props) => import("react").then(({ createElement }) => import("react-dom/server").then(({ renderToString }) => stripLeadingHoistedResources(renderToString(createElement(component, props))))), renderSvelteIslandToHtml = (component, props) => import("svelte/server").then(({ render }) => {
+}, renderReactIslandToHtml = async (component, props) => {
+  const { createElement } = await import("react");
+  const { renderToReadableStream } = await import("react-dom/server");
+  const stream = await renderToReadableStream(createElement(component, props));
+  await stream.allReady;
+  const html = await new Response(stream).text();
+  return stripLeadingHoistedResources(html);
+}, renderSvelteIslandToHtml = (component, props) => import("svelte/server").then(({ render }) => {
   const { body } = render(component, { props });
   return body;
 }), renderVueIslandToHtml = (component, props) => import("vue").then(({ createSSRApp, h: createVueVNode }) => {
@@ -3243,7 +3297,8 @@ var serverCacheRoot2, compiledModuleCache2, originalSourcePathCache, transpiler,
       async: loweredAwaitSource.transformed || loweredSource.transformed
     },
     filename: resolutionSourcePath,
-    generate: "server"
+    generate: "server",
+    hmr: isDevelopmentRuntime()
   }).js.code;
   for (const [spec, compiledChildPath] of childModulePaths) {
     compiledCode = compiledCode.replaceAll(spec, ensureRelativeImportPath(getCachedModulePath2(sourcePath), compiledChildPath));
@@ -3709,7 +3764,14 @@ var REQUEST_STORAGE_KEY, PAGE_WARMER_KEY, isAbsoluteRequestStorage = (value) =>
   const storage = new AsyncLocalStorage2;
   Reflect.set(globalThis, REQUEST_STORAGE_KEY, storage);
   return storage;
-}, absoluteRequestContext, getCurrentAbsoluteRequest = () => getRequestStorage()?.getStore()?.request, runWithAbsoluteRequest = (request, callback) => ensureRequestStorage().run({ request }, callback), CSS_KEY_RE, isDevPageWarmer = (value) => typeof value === "object" && value !== null && ("describe" in value) && typeof value.describe === "function" && ("warm" in value) && typeof value.warm === "function" && ("lookup" in value) && typeof value.lookup === "function", devBuildErrorResponse = (framework, assets) => {
+}, absoluteRequestContext, getCurrentAbsoluteRequest = () => getRequestStorage()?.getStore()?.request, getCurrentAbsoluteRoute = (request) => {
+  const store = getRequestStorage()?.getStore();
+  if (!store)
+    return;
+  if (request && store.request !== request)
+    return;
+  return store.route;
+}, runWithAbsoluteRequest = (request, callback) => ensureRequestStorage().run({ request }, callback), CSS_KEY_RE, isDevPageWarmer = (value) => typeof value === "object" && value !== null && ("describe" in value) && typeof value.describe === "function" && ("warm" in value) && typeof value.warm === "function" && ("lookup" in value) && typeof value.lookup === "function", devBuildErrorResponse = (framework, assets) => {
   if (!assets?.failed)
     return null;
   return new Response(buildErrorPage(framework, assets.name, assets.error), {
@@ -3775,6 +3837,11 @@ var init_requestContext = __esm(() => {
     name: "absolutejs-request-context"
   }).onRequest(({ request }) => {
     ensureRequestStorage().enterWith({ request });
+  }).onBeforeHandle(({ request, route }) => {
+    const store = getRequestStorage()?.getStore();
+    if (store && store.request === request && typeof route === "string") {
+      store.route = route;
+    }
   }).as("global");
   CSS_KEY_RE = /(?:CSS|Css)$/;
 });
@@ -6404,6 +6471,41 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     }
   }
   return allOutputs;
+}, ROUTER_OUTLET_PATTERN, COMPONENT_MARKER_PATTERN, isExportedClass = (statement) => ts2.isClassDeclaration(statement) && statement.name !== undefined && (ts2.getModifiers(statement) ?? []).some((modifier) => modifier.kind === ts2.SyntaxKind.ExportKeyword), statementReferencesClass = (statement, className, sourceFile) => {
+  if (!ts2.isExpressionStatement(statement))
+    return false;
+  const text = statement.getText(sourceFile);
+  return new RegExp(`^\\s*${className}\\s*=`).test(text) || new RegExp(`\u0275setClassMetadata\\(\\s*${className}\\b`).test(text);
+}, detectAngularPageComponentClass = (source) => {
+  const defaultMatch = source.match(/export\s+default\s+([A-Za-z_$][\w$]*)\s*;/);
+  if (defaultMatch)
+    return defaultMatch[1] ?? null;
+  const sourceFile = ts2.createSourceFile("page.js", source, ts2.ScriptTarget.Latest, true, ts2.ScriptKind.JS);
+  const exportedNames = new Set;
+  for (const statement of sourceFile.statements) {
+    if (!ts2.isExportDeclaration(statement) || statement.moduleSpecifier || !statement.exportClause || !ts2.isNamedExports(statement.exportClause))
+      continue;
+    for (const element of statement.exportClause.elements) {
+      exportedNames.add((element.propertyName ?? element.name).text);
+    }
+  }
+  const candidates = sourceFile.statements.filter(ts2.isClassDeclaration).filter((statement) => isExportedClass(statement) || exportedNames.has(statement.name?.text ?? "")).map((statement) => {
+    const className = statement.name?.text ?? "";
+    const related = sourceFile.statements.filter((other) => statementReferencesClass(other, className, sourceFile)).map((other) => other.getText(sourceFile));
+    const text = [statement.getText(sourceFile), ...related].join(`
+`);
+    return {
+      className,
+      hostsOutlet: ROUTER_OUTLET_PATTERN.test(text),
+      isComponent: COMPONENT_MARKER_PATTERN.test(text)
+    };
+  }).filter((candidate) => candidate.className.length > 0);
+  const components = candidates.filter((candidate) => candidate.isComponent);
+  const outletHosts = components.filter((candidate) => candidate.hostsOutlet);
+  const outletHost = outletHosts.at(-1);
+  if (outletHost)
+    return outletHost.className;
+  return components.at(-1)?.className ?? candidates[0]?.className ?? null;
 }, compileAngular = async (entryPoints, outRoot, hmr = false, stylePreprocessors, providersInjection) => {
   const compiledParent = getFrameworkGeneratedDir("angular");
   if (entryPoints.length === 0) {
@@ -6480,16 +6582,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
       ].join(", ")}`);
     }
     const original = await traceAngularPhase("wrapper/read-server-output", () => fs.readFile(rawServerFile, "utf-8"), { entry: resolvedEntry });
-    const detectExportedComponentClass = (source) => {
-      const defaultMatch = source.match(/export\s+default\s+([A-Za-z_$][\w$]*)\s*;/);
-      if (defaultMatch)
-        return defaultMatch[1];
-      const exportClassMatch = source.match(/export\s+(?:default\s+)?class\s+([A-Za-z_$][\w$]*)/);
-      if (exportClassMatch)
-        return exportClassMatch[1];
-      return null;
-    };
-    const detectedClassName = await traceAngularPhase("wrapper/detect-component-class", () => detectExportedComponentClass(original), { entry: resolvedEntry });
+    const detectedClassName = await traceAngularPhase("wrapper/detect-component-class", () => detectAngularPageComponentClass(original), { entry: resolvedEntry });
     const componentClassName = detectedClassName ?? `${toPascal(fileBase)}Component`;
     const usesLegacyAnimations = await traceAngularPhase("wrapper/detect-legacy-animations", () => usesLegacyAngularAnimations(resolvedEntry), { entry: resolvedEntry });
     const pageInjectionForHash = providersInjection?.pagesByFile.get(resolvedEntry);
@@ -6587,6 +6680,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { provideClientHydration } from '@angular/platform-browser';
 import { withHttpTransferCacheOptions } from '@angular/platform-browser';
 import { ${changeDetectionImport}, REQUEST_CONTEXT } from '@angular/core';
+import { APP_BASE_HREF as __abs_APP_BASE_HREF } from '@angular/common';
 import { prepareBrowserTranslationHydration } from '@absolutejs/absolute/client';
 import * as pageModule from '${normalizedImportPath}';
 var ${componentClassName} = pageModule.default;
@@ -6610,6 +6704,15 @@ var contextProviders = [{ provide: REQUEST_CONTEXT, useValue: requestContext }];
 // and client bundle.
 var pageProvidersExport = Reflect.get(pageModule, 'providers');
 var pageProviders = Array.isArray(pageProvidersExport) ? pageProvidersExport : [];
+// The server derives APP_BASE_HREF from the matched route at request time
+// (\`/portal/*\` \u2192 \`/portal/\`) and ships it here, so it overrides the
+// build-time inferred value and works for handlers called from helpers.
+var runtimeBaseHref = typeof window.__ABS_ANGULAR_BASE_HREF__ === 'string'
+    ? window.__ABS_ANGULAR_BASE_HREF__
+    : null;
+if (runtimeBaseHref) {
+    pageProviders = pageProviders.concat([{ provide: __abs_APP_BASE_HREF, useValue: runtimeBaseHref }]);
+}
 var absoluteHttpTransferCacheOptions = {
     includePostRequests: false,
     includeRequestsWithAuthHeaders: false,
@@ -6697,6 +6800,7 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { provideClientHydration } from '@angular/platform-browser';
 import { withHttpTransferCacheOptions } from '@angular/platform-browser';
 import { enableProdMode, ${changeDetectionImport}, REQUEST_CONTEXT } from '@angular/core';
+import { APP_BASE_HREF as __abs_APP_BASE_HREF } from '@angular/common';
 import { prepareBrowserTranslationHydration } from '@absolutejs/absolute/client';
 import * as pageModule from '${normalizedImportPath}';
 var ${componentClassName} = pageModule.default;
@@ -6720,6 +6824,15 @@ var contextProviders = [{ provide: REQUEST_CONTEXT, useValue: requestContext }];
 // and client bundle.
 var pageProvidersExport = Reflect.get(pageModule, 'providers');
 var pageProviders = Array.isArray(pageProvidersExport) ? pageProvidersExport : [];
+// The server derives APP_BASE_HREF from the matched route at request time
+// (\`/portal/*\` \u2192 \`/portal/\`) and ships it here, so it overrides the
+// build-time inferred value and works for handlers called from helpers.
+var runtimeBaseHref = typeof window.__ABS_ANGULAR_BASE_HREF__ === 'string'
+    ? window.__ABS_ANGULAR_BASE_HREF__
+    : null;
+if (runtimeBaseHref) {
+    pageProviders = pageProviders.concat([{ provide: __abs_APP_BASE_HREF, useValue: runtimeBaseHref }]);
+}
 var absoluteHttpTransferCacheOptions = {
     includePostRequests: false,
     includeRequestsWithAuthHeaders: false,
@@ -6814,6 +6927,8 @@ var init_compileAngular = __esm(() => {
   jitContentCache = new Map;
   wrapperOutputCache = new Map;
   PROVIDERS_INJECTION_BLOCK_RE = /\n\/\* __ABS_PROVIDERS_INJECTION_START \*\/[\s\S]*?\/\* __ABS_PROVIDERS_INJECTION_END \*\/\n?/;
+  ROUTER_OUTLET_PATTERN = /router-outlet|\bRouterOutlet\b/;
+  COMPONENT_MARKER_PATTERN = /\u0275cmp|\u0275\u0275ngDeclareComponent|\bComponent\s*\(/;
 });
 // src/angular/deterministicEnv.ts
 import { InjectionToken } from "@angular/core";
@@ -6956,6 +7071,38 @@ var buildRouterRedirectProviders = async (deps, responseInit) => {
   ];
 };
 
+// src/angular/baseHref.ts
+var WILDCARD_SUFFIX = "/*";
+var deriveAngularBaseHref = (route, pathname) => {
+  if (!route || !route.endsWith(WILDCARD_SUFFIX))
+    return null;
+  const prefixSegments = route.slice(0, route.length - WILDCARD_SUFFIX.length).split("/").filter(Boolean);
+  if (prefixSegments.length === 0)
+    return null;
+  const hasParams = prefixSegments.some((segment) => segment.startsWith(":"));
+  if (!hasParams)
+    return `/${prefixSegments.join("/")}/`;
+  if (!pathname)
+    return null;
+  const pathSegments = pathname.split("/").filter(Boolean);
+  if (pathSegments.length < prefixSegments.length)
+    return null;
+  const resolved = prefixSegments.map((segment, index) => segment.startsWith(":") ? pathSegments[index] : segment);
+  if (resolved.some((segment, index) => segment !== pathSegments[index]))
+    return null;
+  return `/${resolved.join("/")}/`;
+};
+var readRequestPathname = (request) => {
+  if (!request)
+    return;
+  try {
+    return new URL(request.url).pathname;
+  } catch {
+    return;
+  }
+};
+var resolveRequestBaseHref = (route, request) => deriveAngularBaseHref(route, readRequestPathname(request));
+
 // src/angular/pageHandler.ts
 init_spaRouteManifest();
 
@@ -7510,6 +7657,7 @@ setSsrContextGetter(() => angularSsrContext.getStore());
 var handleAngularPageRequest = async (input) => {
   const requestId = `angular_${Date.now()}_${Math.random().toString(BASE_36_RADIX).substring(2, RANDOM_ID_END_INDEX)}`;
   const request = input.request ?? getCurrentAbsoluteRequest();
+  const runtimeBaseHref = resolveRequestBaseHref(getCurrentAbsoluteRoute(request), request);
   const deferredAssets = input.pagePath === "" || input.indexPath === "" ? await resolveDeferredPageAssets() : null;
   const buildFailure = devBuildErrorResponse("angular", deferredAssets);
   if (buildFailure)
@@ -7591,9 +7739,16 @@ var handleAngularPageRequest = async (input) => {
         const pageProvidersExport = Reflect.get(pageModule, "providers");
         const pageProviders = Array.isArray(pageProvidersExport) ? pageProvidersExport : [];
         const handlerCallProviders = Array.isArray(input.providers) ? input.providers : [];
+        const baseHrefProviders = runtimeBaseHref ? [
+          {
+            provide: deps.APP_BASE_HREF,
+            useValue: runtimeBaseHref
+          }
+        ] : [];
         const combinedProviders = [
           ...await buildRouterRedirectProviders(deps, responseInit),
           ...pageProviders,
+          ...baseHrefProviders,
           ...handlerCallProviders,
           ...await buildServerAnimationProviders(usesLegacyAnimations)
         ];
@@ -7601,7 +7756,7 @@ var handleAngularPageRequest = async (input) => {
         const rawHtml = await renderAngularApp(deps, PageComponent, providers, htmlString, resolvedUrl);
         const shouldProcessIslands = hasIslands || rawHtml.includes("<absolute-island");
         const htmlWithLoweredIslands = shouldProcessIslands ? await lowerAngularServerIslands(rawHtml) : rawHtml;
-        const html = injectIslandPageContext(injectSsrScripts(htmlWithLoweredIslands, requestId, resolvedIndexPath, maybeRequestContext), { hasIslands: shouldProcessIslands });
+        const html = injectIslandPageContext(injectSsrScripts(htmlWithLoweredIslands, requestId, resolvedIndexPath, maybeRequestContext, runtimeBaseHref), { hasIslands: shouldProcessIslands });
         return new Response(html, withHtmlContentType(responseInit));
       };
       const pageResponse = await runWithStreamingSlotWarningScope(() => options?.collectStreamingSlots === true ? withRegisteredStreamingSlots(renderPageResponse, options) : renderPageResponse(), { handlerCallsite });
@@ -7641,5 +7796,5 @@ export {
   withPendingTask
 };
 
-//# debugId=EA42C8B1B8765D3A64756E2164756E21
+//# debugId=7C84EAD3FF54B97D64756E2164756E21
 //# sourceMappingURL=server.js.map