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

package/dist/build.js

@@ -26094,6 +26094,26 @@ var init_assetStore = __esm(() => {
   HASHED_FILE_RE = /\.[a-z0-9]{8}\.(js|css|mjs)$/;
 });
 
+// src/dev/restartScope.ts
+import { realpathSync as realpathSync3 } from "fs";
+var MODULE_FILE, DOCUMENT_FILE, realPath = (path) => {
+  try {
+    return realpathSync3(path);
+  } catch {
+    return path;
+  }
+}, isLoadedByThisProcess = (path) => (path in __require.cache) || (realPath(path) in __require.cache), changeNeedsRestart = (path, isLoaded = isLoadedByThisProcess) => {
+  if (DOCUMENT_FILE.test(path) || isTestSourcePath(path))
+    return false;
+  if (MODULE_FILE.test(path))
+    return isLoaded(path);
+  return true;
+};
+var init_restartScope = __esm(() => {
+  MODULE_FILE = /\.(?:[cm]?[jt]sx?|mts|cts)$/;
+  DOCUMENT_FILE = /\.(?:md|mdx|markdown|txt|rst|adoc|log|csv)$/i;
+});
+
 // src/islands/pageMetadata.ts
 import { readFileSync as readFileSync30 } from "fs";
 import { dirname as dirname28, resolve as resolve38 } from "path";
@@ -27394,7 +27414,96 @@ var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="tr
   globalThis.__absoluteManifest = manifest;
 };
 
+// src/utils/ssrErrorPage.ts
+var exports_ssrErrorPage = {};
+__export(exports_ssrErrorPage, {
+  buildErrorPage: () => buildErrorPage,
+  ssrErrorPage: () => ssrErrorPage
+});
+var errorPageHtml = ({
+  framework,
+  hint,
+  kind,
+  message,
+  script = ""
+}) => {
+  const frameworkColors2 = {
+    angular: "#dd0031",
+    html: "#e34c26",
+    htmx: "#1a365d",
+    react: "#61dafb",
+    svelte: "#ff3e00",
+    vue: "#42b883"
+  };
+  const accent = frameworkColors2[framework] ?? "#94a3b8";
+  const label = framework.charAt(0).toUpperCase() + framework.slice(1);
+  return `<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>SSR Error - AbsoluteJS</title>
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+body{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,0.98) 0%,rgba(30,41,59,0.98) 100%);color:#e2e8f0;font-family:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;display:flex;align-items:flex-start;justify-content:center;padding:32px}
+.card{max-width:720px;width:100%;background:rgba(30,41,59,0.6);border:1px solid rgba(71,85,105,0.5);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);overflow:hidden}
+.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:rgba(15,23,42,0.5);border-bottom:1px solid rgba(71,85,105,0.4)}
+.brand{font-weight:700;font-size:20px;color:#fff;letter-spacing:-0.02em}
+.badge{padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;background:${accent};color:#fff;opacity:0.95;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
+.kind{color:#94a3b8;font-size:13px;font-weight:500}
+.content{padding:24px}
+.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:8px}
+.message{margin:0;padding:16px 20px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.25);border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:#fca5a5;font-size:13px;line-height:1.5}
+.hint{margin-top:20px;padding:12px 20px;background:rgba(71,85,105,0.3);border-radius:10px;border:1px solid rgba(71,85,105,0.4);color:#cbd5e1;font-size:13px}
+</style>
+</head>
+<body>
+<div class="card">
+<div class="header">
+<div style="display:flex;align-items:center;gap:12px">
+<span class="brand">AbsoluteJS</span>
+<span class="badge">${label}</span>
+</div>
+<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">${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/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 = () => {
@@ -27407,7 +27516,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 = () => {
@@ -27437,6 +27556,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
@@ -32250,62 +32370,6 @@ var init_compatibilityDispatcher = __esm(() => {
   ]);
 });
 
-// src/utils/ssrErrorPage.ts
-var exports_ssrErrorPage = {};
-__export(exports_ssrErrorPage, {
-  ssrErrorPage: () => ssrErrorPage
-});
-var ssrErrorPage = (framework, error) => {
-  const frameworkColors2 = {
-    angular: "#dd0031",
-    html: "#e34c26",
-    htmx: "#1a365d",
-    react: "#61dafb",
-    svelte: "#ff3e00",
-    vue: "#42b883"
-  };
-  const accent = frameworkColors2[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>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>SSR Error - AbsoluteJS</title>
-<style>
-*{margin:0;padding:0;box-sizing:border-box}
-body{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,0.98) 0%,rgba(30,41,59,0.98) 100%);color:#e2e8f0;font-family:"JetBrains Mono","Fira Code",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;display:flex;align-items:flex-start;justify-content:center;padding:32px}
-.card{max-width:720px;width:100%;background:rgba(30,41,59,0.6);border:1px solid rgba(71,85,105,0.5);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.05);overflow:hidden}
-.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:rgba(15,23,42,0.5);border-bottom:1px solid rgba(71,85,105,0.4)}
-.brand{font-weight:700;font-size:20px;color:#fff;letter-spacing:-0.02em}
-.badge{padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;background:${accent};color:#fff;opacity:0.95;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
-.kind{color:#94a3b8;font-size:13px;font-weight:500}
-.content{padding:24px}
-.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:8px}
-.message{margin:0;padding:16px 20px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.25);border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:#fca5a5;font-size:13px;line-height:1.5}
-.hint{margin-top:20px;padding:12px 20px;background:rgba(71,85,105,0.3);border-radius:10px;border:1px solid rgba(71,85,105,0.4);color:#cbd5e1;font-size:13px}
-</style>
-</head>
-<body>
-<div class="card">
-<div class="header">
-<div style="display:flex;align-items:center;gap:12px">
-<span class="brand">AbsoluteJS</span>
-<span class="badge">${label}</span>
-</div>
-<span class="kind">Server Render Error</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>
-</div>
-</body>
-</html>`;
-};
-
 // src/core/prerender.ts
 var exports_prerender = {};
 __export(exports_prerender, {
@@ -32862,10 +32926,9 @@ var MS_PER_SECOND2 = 1000, DEFAULT_PORT2 = 3000, MAX_STATIC_ROUTE_COUNT, STATIC_
   const missingAsset = assetMatch[1] ?? "";
   const framework = /^(?:[A-Z][a-z]*)*?(Angular|Vue|Svelte|React|Html|Htmx|Ember)/.exec(missingAsset)?.[1]?.toLowerCase() ?? "absolutejs";
   console.error(`[hmr] Build artifact "${missingAsset}" missing from manifest \u2014 ` + `the user likely has a build-time error. Save a fix to trigger a recovery rebuild.`);
-  const { ssrErrorPage: ssrErrorPage2 } = await Promise.resolve().then(() => exports_ssrErrorPage);
-  const html = ssrErrorPage2(framework, new Error(`Build artifact "${missingAsset}" missing from manifest.
-
-This usually means a build-time error in a source file. Check the dev-server terminal for the underlying error, fix the file, and save to trigger a recovery rebuild.`));
+  const { buildErrorPage: buildErrorPage2 } = await Promise.resolve().then(() => exports_ssrErrorPage);
+  const { getDevPageWarmer: getDevPageWarmer2 } = await Promise.resolve().then(() => (init_requestContext(), exports_requestContext));
+  const html = buildErrorPage2(framework, missingAsset, getDevPageWarmer2()?.lastError?.());
   return new Response(html, {
     headers: { "content-type": "text/html; charset=utf-8" },
     status: 500
@@ -33082,7 +33145,7 @@ __export(exports_moduleServer, {
   warmPage: () => warmPage,
   warnIfReactFastRefreshUnsupported: () => warnIfReactFastRefreshUnsupported
 });
-import { existsSync as existsSync45, readFileSync as readFileSync40, realpathSync as realpathSync3, statSync as statSync8 } from "fs";
+import { existsSync as existsSync45, readFileSync as readFileSync40, realpathSync as realpathSync4, statSync as statSync8 } from "fs";
 import { basename as basename20, dirname as dirname35, extname as extname15, join as join60, resolve as resolve51, relative as relative23 } from "path";
 var SRC_PREFIX = "/@src/", BROWSER_DEFINE, jsTranspiler2, legacyDecoratorTsconfig, tsTranspiler2, tsxTranspiler, TRANSPILABLE, ALL_EXPORTS_RE, STRING_CONTENTS_RE, preserveTypeExports = (originalSource, transpiled, valueExports) => {
   const codeOnly = originalSource.replace(STRING_CONTENTS_RE, '""');
@@ -33543,7 +33606,7 @@ ${code2}`;
   const compiledScript = hasScript ? vueCompiler.compileScript(descriptor, {
     fs: {
       fileExists: isFile,
-      realpath: realpathSync3,
+      realpath: realpathSync4,
       readFile: (file5) => isFile(file5) ? readFileSync40(file5, "utf-8") : undefined
     },
     id: componentId,
@@ -33931,6 +33994,7 @@ export default {};
         name: entry.name
       };
     },
+    lastError: () => getDevResult()?.hmrState.lazyPages?.lastError,
     lookup: (key) => getDevResult()?.manifest[key],
     warm: (key) => warmPage(key)
   };
@@ -34246,6 +34310,9 @@ var resolveRequestPathname2 = (request) => {
   return cachedEmberHmrShim;
 }, handleEmberPageRequest = async (input) => {
   const deferredAssets = input.pagePath === "" ? await resolveDeferredPageAssets() : null;
+  const buildFailure = devBuildErrorResponse("ember", deferredAssets);
+  if (buildFailure)
+    return buildFailure;
   const pagePath = deferredAssets && input.pagePath === "" ? deferredAssets.lookup(deferredAssets.name) : input.pagePath;
   if (pagePath === "") {
     throw new Error(`Asset "${deferredAssets?.name || "Page"}" not found in manifest.`);
@@ -34811,6 +34878,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
       } catch {}
     }
     if (!hasAngularDependent) {
+      if (!changeNeedsRestart(resolvePath4(filePath)))
+        return;
       console.log(`[abs:restart] ${resolvePath4(filePath)}`);
       return;
     }
@@ -37113,6 +37182,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   }
 };
 var init_rebuildTrigger = __esm(() => {
+  init_restartScope();
   init_generatedDir();
   init_build();
   init_lazyPages();
@@ -38191,5 +38261,5 @@ export {
   devBuild
 };
 
-//# debugId=E68F1522FB2CF95F64756E2164756E21
+//# debugId=17A94D8A59BFB50064756E2164756E21
 //# sourceMappingURL=build.js.map