@absolutejs/absolute 0.20.0-beta.126 → 0.20.0-beta.128

package/dist/angular/server.js

@@ -371,9 +371,16 @@ var init_inlinePageCss = __esm(() => {
 // src/utils/ssrErrorPage.ts
 var exports_ssrErrorPage = {};
 __export(exports_ssrErrorPage, {
+  buildErrorPage: () => buildErrorPage,
   ssrErrorPage: () => ssrErrorPage
 });
-var ssrErrorPage = (framework, error) => {
+var errorPageHtml = ({
+  framework,
+  hint,
+  kind,
+  message,
+  script = ""
+}) => {
   const frameworkColors = {
     angular: "#dd0031",
     html: "#e34c26",
@@ -384,7 +391,6 @@ var ssrErrorPage = (framework, error) => {
   };
   const accent = frameworkColors[framework] ?? "#94a3b8";
   const label = framework.charAt(0).toUpperCase() + framework.slice(1);
-  const message = error instanceof Error ? error.message : String(error);
   return `<!DOCTYPE html>
 <html>
 <head>
@@ -412,17 +418,31 @@ body{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,0.98) 0%,r
 <span class="brand">AbsoluteJS</span>
 <span class="badge">${label}</span>
 </div>
-<span class="kind">Server Render Error</span>
+<span class="kind">${kind}</span>
 </div>
 <div class="content">
 <div class="label">What went wrong</div>
 <pre class="message">${message.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")}</pre>
-<div class="hint">A component threw during server-side rendering. Check the terminal for the full stack trace.</div>
+<div class="hint">${hint}</div>
 </div>
 </div>
+${script}
 </body>
 </html>`;
-};
+}, RELOAD_ON_REBUILD = `<script>(()=>{const url=(location.protocol==='https:'?'wss://':'ws://')+location.host+'/hmr';let seen=false;const connect=()=>{const socket=new WebSocket(url);socket.onopen=()=>{if(seen)location.reload();seen=true;};socket.onmessage=(event)=>{try{const message=JSON.parse(event.data);const type=message&&typeof message.type==='string'?message.type:'';if(type==='rebuild-complete'||type==='server-entry-reloaded'||type.endsWith('-update'))location.reload();}catch{}};socket.onclose=()=>setTimeout(connect,500);};connect();})();</script>`, buildErrorPage = (framework, pageName, error) => errorPageHtml({
+  framework,
+  hint: "Fix the file and save. This page reloads by itself when the build succeeds.",
+  kind: "Build Error",
+  message: `${pageName || "This page"} could not be built.
+
+${error ?? "The dev-server terminal has the build output."}`,
+  script: RELOAD_ON_REBUILD
+}), 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)
+});
 
 // src/utils/stringModifiers.ts
 var normalizeSlug = (str) => str.trim().replace(/\s+/g, "-").replace(/[^A-Za-z0-9\-_]+/g, "").replace(/[-_]{2,}/g, "-"), toKebab = (str) => normalizeSlug(str).replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), toPascal = (str) => {
@@ -2877,6 +2897,11 @@ var init_svelteServerModule = __esm(() => {
   });
 });
 
+// src/utils/isFile.ts
+import { statSync } from "fs";
+var isFile = (path) => statSync(path, { throwIfNoEntry: false })?.isFile() ?? false;
+var init_isFile = () => {};
+
 // src/utils/vueCompiler.ts
 var exports_vueCompiler = {};
 __export(exports_vueCompiler, {
@@ -2895,7 +2920,7 @@ var createVueCompiler = async () => {
 };
 
 // src/core/vueServerModule.ts
-import { existsSync as existsSync4, readFileSync as readFileSync4, realpathSync } from "fs";
+import { readFileSync as readFileSync4, realpathSync } from "fs";
 import { mkdir as mkdir3 } from "fs/promises";
 import { dirname as dirname4, join as join7, relative as relative4, resolve as resolve5 } from "path";
 var {Transpiler } = globalThis.Bun;
@@ -2942,9 +2967,9 @@ var ISLAND_COMPONENT_ID_LENGTH = 8, serverCacheRoot3, compiledModuleCache3, tran
   const hasScript = descriptor.script || descriptor.scriptSetup;
   const compiledScript = hasScript ? compiler.compileScript(descriptor, {
     fs: {
-      fileExists: existsSync4,
+      fileExists: isFile,
       realpath: realpathSync,
-      readFile: (file) => existsSync4(file) ? readFileSync4(file, "utf-8") : undefined
+      readFile: (file) => isFile(file) ? readFileSync4(file, "utf-8") : undefined
     },
     id: componentId,
     inlineTemplate: false
@@ -2989,6 +3014,7 @@ var ISLAND_COMPONENT_ID_LENGTH = 8, serverCacheRoot3, compiledModuleCache3, tran
 };
 var init_vueServerModule = __esm(() => {
   init_constants();
+  init_isFile();
   serverCacheRoot3 = join7(process.cwd(), ".absolutejs", "islands", "vue");
   compiledModuleCache3 = new Map;
   transpiler2 = new Transpiler({ loader: "ts", target: "browser" });
@@ -3321,6 +3347,19 @@ var init_devRouteRegistrationCallsite = __esm(() => {
 });
 
 // src/core/requestContext.ts
+var exports_requestContext = {};
+__export(exports_requestContext, {
+  absoluteRequestContext: () => absoluteRequestContext,
+  devBuildErrorResponse: () => devBuildErrorResponse,
+  getCurrentAbsoluteRequest: () => getCurrentAbsoluteRequest,
+  getDevPageWarmer: () => getDevPageWarmer,
+  getMissingAssets: () => getMissingAssets,
+  recordMissingAsset: () => recordMissingAsset,
+  resolveDeferredPageAssets: () => resolveDeferredPageAssets,
+  runWithAbsoluteRequest: () => runWithAbsoluteRequest,
+  setDevPageWarmer: () => setDevPageWarmer,
+  withDeferredStylesheets: () => withDeferredStylesheets
+});
 import { AsyncLocalStorage as AsyncLocalStorage2 } from "async_hooks";
 import { Elysia as Elysia2 } from "elysia";
 var REQUEST_STORAGE_KEY, PAGE_WARMER_KEY, isAbsoluteRequestStorage = (value) => typeof value === "object" && value !== null && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function", getRequestStorage = () => {
@@ -3333,7 +3372,17 @@ 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", getDevPageWarmer = () => {
+}, 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) => {
+  if (!assets?.failed)
+    return null;
+  return new Response(buildErrorPage(framework, assets.name, assets.error), {
+    headers: {
+      "cache-control": "no-store",
+      "content-type": "text/html; charset=utf-8"
+    },
+    status: 500
+  });
+}, getDevPageWarmer = () => {
   const value = Reflect.get(globalThis, PAGE_WARMER_KEY);
   return isDevPageWarmer(value) ? value : undefined;
 }, getMissingAssets = () => {
@@ -3363,6 +3412,7 @@ var REQUEST_STORAGE_KEY, PAGE_WARMER_KEY, isAbsoluteRequestStorage = (value) =>
   const cssHrefs = () => cssKeys.map(lookup).filter((href) => href.length > 0 && href.startsWith("/"));
   const assets = {
     cssHrefs,
+    error: failed ? warmer.lastError?.() : undefined,
     failed,
     lookup,
     name: described.name
@@ -5177,7 +5227,7 @@ __export(exports_compileAngular, {
   compileAngularFiles: () => compileAngularFiles,
   invalidateAngularJitCache: () => invalidateAngularJitCache
 });
-import { existsSync as existsSync5, readFileSync as readFileSync5, promises as fs } from "fs";
+import { existsSync as existsSync4, readFileSync as readFileSync5, promises as fs } from "fs";
 import { join as join9, basename as basename4, sep, dirname as dirname5, resolve as resolve6, relative as relative5 } from "path";
 var {Glob } = globalThis.Bun;
 import ts from "typescript";
@@ -5234,7 +5284,7 @@ var atomicWriteSequence = 0, writeTextFileAtomically = async (path, content) =>
     join9(candidate, "index.js"),
     join9(candidate, "index.jsx")
   ];
-  return candidates.find((file) => existsSync5(file));
+  return candidates.find((file) => existsSync4(file));
 }, createLegacyAngularAnimationUsageResolver = (rootDir) => {
   const baseDir = resolve6(rootDir);
   const tsconfigAliases = readTsconfigPathAliases();
@@ -5315,11 +5365,11 @@ var atomicWriteSequence = 0, writeTextFileAtomically = async (path, content) =>
 }, resolveDevClientDir = () => {
   const projectRoot = process.cwd();
   const fromSource = resolve6(import.meta.dir, "../dev/client");
-  if (existsSync5(fromSource) && fromSource.startsWith(projectRoot)) {
+  if (existsSync4(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
   const fromNodeModules = resolve6(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
-  if (existsSync5(fromNodeModules))
+  if (existsSync4(fromNodeModules))
     return fromNodeModules;
   return resolve6(import.meta.dir, "./dev/client");
 }, devClientDir, hmrClientPath, formatDiagnosticMessage = (diagnostic) => {
@@ -5365,11 +5415,11 @@ var atomicWriteSequence = 0, writeTextFileAtomically = async (path, content) =>
     return `${path}${query}`;
   const importerDir = dirname5(importerOutputPath);
   const fileCandidate = resolve6(importerDir, `${path}.js`);
-  if (outputFiles?.has(fileCandidate) || existsSync5(fileCandidate)) {
+  if (outputFiles?.has(fileCandidate) || existsSync4(fileCandidate)) {
     return `${path}.js${query}`;
   }
   const indexCandidate = resolve6(importerDir, path, "index.js");
-  if (outputFiles?.has(indexCandidate) || existsSync5(indexCandidate)) {
+  if (outputFiles?.has(indexCandidate) || existsSync4(indexCandidate)) {
     return `${path}/index.js${query}`;
   }
   return `${path}.js${query}`;
@@ -5407,7 +5457,7 @@ var atomicWriteSequence = 0, writeTextFileAtomically = async (path, content) =>
     join9(basePath, "index.mts"),
     join9(basePath, "index.cts")
   ];
-  return candidates.map((candidate) => resolve6(candidate)).find((candidate) => existsSync5(candidate) && !candidate.endsWith(".d.ts")) ?? null;
+  return candidates.map((candidate) => resolve6(candidate)).find((candidate) => existsSync4(candidate) && !candidate.endsWith(".d.ts")) ?? null;
 }, readFileForAotTransform = async (fileName, readFile2) => {
   const hostSource = readFile2?.(fileName);
   if (typeof hostSource === "string")
@@ -5488,7 +5538,7 @@ var atomicWriteSequence = 0, writeTextFileAtomically = async (path, content) =>
     if (visited.has(resolvedPath))
       return;
     visited.add(resolvedPath);
-    if (!existsSync5(resolvedPath) || resolvedPath.endsWith(".d.ts"))
+    if (!existsSync4(resolvedPath) || resolvedPath.endsWith(".d.ts"))
       return;
     stats.filesVisited += 1;
     const source = await readFileForAotTransform(resolvedPath, readFile2);
@@ -5662,7 +5712,7 @@ var atomicWriteSequence = 0, writeTextFileAtomically = async (path, content) =>
   return null;
 }, resolveAngularDeferImportSpecifier = () => {
   const sourceEntry = resolve6(import.meta.dir, "../angular/components/index.ts");
-  if (existsSync5(sourceEntry)) {
+  if (existsSync4(sourceEntry)) {
     return sourceEntry.replace(/\\/g, "/");
   }
   return "@absolutejs/absolute/angular/components";
@@ -5790,7 +5840,7 @@ ${slot.resolvedBindings.map((binding) => `		"${binding.key}": this.__absoluteDef
 ${fields}
 `);
 }, readAndEscapeFile = async (filePath, stylePreprocessors) => {
-  if (!existsSync5(filePath)) {
+  if (!existsSync4(filePath)) {
     throw new Error(`Unable to inline Angular style resource: file not found at ${filePath}`);
   }
   const content = await compileStyleFileIfNeeded(filePath, stylePreprocessors);
@@ -5799,7 +5849,7 @@ ${fields}
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
     const templatePath = join9(fileDir, templateUrlMatch[1]);
-    if (!existsSync5(templatePath)) {
+    if (!existsSync4(templatePath)) {
       throw new Error(`Unable to inline Angular templateUrl "${templateUrlMatch[1]}": file not found at ${templatePath}`);
     }
     const templateRaw2 = await fs.readFile(templatePath, "utf-8");
@@ -5830,7 +5880,7 @@ ${fields}
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
     const templatePath = join9(fileDir, templateUrlMatch[1]);
-    if (!existsSync5(templatePath)) {
+    if (!existsSync4(templatePath)) {
       throw new Error(`Unable to inline Angular templateUrl "${templateUrlMatch[1]}": file not found at ${templatePath}`);
     }
     const templateRaw2 = readFileSync5(templatePath, "utf-8");
@@ -5978,7 +6028,7 @@ ${fields}
       join9(candidate, "index.js"),
       join9(candidate, "index.jsx")
     ];
-    return candidates.find((file) => existsSync5(file));
+    return candidates.find((file) => existsSync4(file));
   };
   const resolveLocalImport = (specifier, fromDir) => {
     if (specifier.startsWith(".") || specifier.startsWith("/")) {
@@ -6053,7 +6103,7 @@ ${fields}
     if (visited.has(resolved))
       return;
     visited.add(resolved);
-    if (resolved.endsWith(".json") && existsSync5(resolved)) {
+    if (resolved.endsWith(".json") && existsSync4(resolved)) {
       const inputDir2 = dirname5(resolved);
       const relativeDir2 = inputDir2.startsWith(baseDir) ? inputDir2.substring(baseDir.length + 1) : inputDir2;
       const targetDir2 = join9(outDir, relativeDir2);
@@ -6066,7 +6116,7 @@ ${fields}
     let actualPath = resolved;
     if (!actualPath.endsWith(".ts"))
       actualPath += ".ts";
-    if (!existsSync5(actualPath))
+    if (!existsSync4(actualPath))
       return;
     let sourceCode = await fs.readFile(actualPath, "utf-8");
     const inlined = await inlineResources(sourceCode, dirname5(actualPath), stylePreprocessors);
@@ -6104,7 +6154,7 @@ ${fields}
     const isEntry = resolve6(actualPath) === resolve6(entryPath);
     const contentHash = Bun.hash(sourceCode).toString(BASE_36_RADIX);
     const cacheKey2 = actualPath;
-    const shouldWriteFile = cacheBuster && isEntry ? true : jitContentCache.get(cacheKey2) !== contentHash || !existsSync5(targetPath);
+    const shouldWriteFile = cacheBuster && isEntry ? true : jitContentCache.get(cacheKey2) !== contentHash || !existsSync4(targetPath);
     if (shouldWriteFile) {
       const processedContent = transpileAndRewrite(sourceCode, relativeDir, actualPath, importRewrites);
       const preservedInjection = await readPreservedInjection(targetPath);
@@ -6117,7 +6167,7 @@ ${fields}
   };
   await transpileFile(inputPath);
   const entryOutputPath = toOutputPath(entryPath);
-  if (existsSync5(entryOutputPath)) {
+  if (existsSync4(entryOutputPath)) {
     const entryOutput = await fs.readFile(entryOutputPath, "utf-8");
     const withoutLegacyFlag = entryOutput.replace(/\nexport const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;\n?/g, `
 `);
@@ -6143,7 +6193,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     await traceAngularPhase("aot/copy-json-resources", async () => {
       const cwd = process.cwd();
       const angularSrcDir = resolve6(outRoot);
-      if (!existsSync5(angularSrcDir))
+      if (!existsSync4(angularSrcDir))
         return;
       const jsonGlob = new Glob("**/*.json");
       for (const rel of jsonGlob.scanSync({
@@ -6178,15 +6228,15 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
         ...candidatePaths.map((file) => resolve6(file)),
         ...compiledFallbackPaths
       ];
-      let candidate = normalizedCandidates.find((file) => existsSync5(file) && file.endsWith(`${sep}${relativeEntry}`));
+      let candidate = normalizedCandidates.find((file) => existsSync4(file) && file.endsWith(`${sep}${relativeEntry}`));
       if (!candidate) {
-        candidate = normalizedCandidates.find((file) => existsSync5(file) && file.endsWith(`${sep}pages${sep}${jsName}`));
+        candidate = normalizedCandidates.find((file) => existsSync4(file) && file.endsWith(`${sep}pages${sep}${jsName}`));
       }
       if (!candidate) {
-        candidate = normalizedCandidates.find((file) => existsSync5(file) && file.endsWith(`${sep}${jsName}`));
+        candidate = normalizedCandidates.find((file) => existsSync4(file) && file.endsWith(`${sep}${jsName}`));
       }
       if (!candidate) {
-        candidate = normalizedCandidates.find((file) => existsSync5(file));
+        candidate = normalizedCandidates.find((file) => existsSync4(file));
       }
       return candidate;
     };
@@ -6194,11 +6244,11 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     if (!rawServerFile) {
       rawServerFile = await traceAngularPhase("wrapper/resolve-server-output-fallback", () => resolveRawServerFile([]), { entry: resolvedEntry });
     }
-    if (rawServerFile && !existsSync5(rawServerFile)) {
+    if (rawServerFile && !existsSync4(rawServerFile)) {
       outputs = hmr ? await compileEntry() : aotOutputs;
       rawServerFile = await traceAngularPhase("wrapper/resolve-server-output-retry", () => resolveRawServerFile(outputs), { entry: resolvedEntry });
     }
-    if (!rawServerFile || !existsSync5(rawServerFile)) {
+    if (!rawServerFile || !existsSync4(rawServerFile)) {
       throw new Error(`Compiled output not found for ${entry}. Looking for: ${jsName}. Available: ${[
         ...outputs,
         ...compiledFallbackPaths
@@ -6234,7 +6284,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     const serverContentHash = `${Bun.hash(original).toString(BASE_36_RADIX)}.${Bun.hash(providersHashInput).toString(BASE_36_RADIX)}`;
     const cachedWrapper = wrapperOutputCache.get(resolvedEntry);
     const clientFile = join9(indexesDir, jsName);
-    if (hmr && cachedWrapper && cachedWrapper.serverHash === serverContentHash && existsSync5(clientFile) && (usesLegacyAnimations || !original.includes("__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__")) && (!usesLegacyAnimations || original.includes("__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__"))) {
+    if (hmr && cachedWrapper && cachedWrapper.serverHash === serverContentHash && existsSync4(clientFile) && (usesLegacyAnimations || !original.includes("__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__")) && (!usesLegacyAnimations || original.includes("__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__"))) {
       return {
         clientPath: clientFile,
         indexUnchanged: true,
@@ -7192,6 +7242,9 @@ 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 deferredAssets = input.pagePath === "" || input.indexPath === "" ? await resolveDeferredPageAssets() : null;
+  const buildFailure = devBuildErrorResponse("angular", deferredAssets);
+  if (buildFailure)
+    return buildFailure;
   const deferredPagePath = deferredAssets && input.pagePath === "" ? deferredAssets.lookup(deferredAssets.name) : input.pagePath;
   const deferredIndexPath = deferredAssets && input.indexPath === "" ? deferredAssets.lookup(`${deferredAssets.name}Index`) : input.indexPath;
   const pageName = deferredAssets?.name ?? derivePageName(deferredPagePath);
@@ -7319,5 +7372,5 @@ export {
   withPendingTask
 };
 
-//# debugId=D3825F6D3D908B1464756E2164756E21
+//# debugId=FA925CD22D8D7B2864756E2164756E21
 //# sourceMappingURL=server.js.map