@absolutejs/absolute 0.20.0-beta.127 → 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) => {
@@ -3327,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 = () => {
@@ -3339,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 = () => {
@@ -3369,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
@@ -7198,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);
@@ -7325,5 +7372,5 @@ export {
   withPendingTask
 };
 
-//# debugId=A594F494E6F4308F64756E2164756E21
+//# debugId=FA925CD22D8D7B2864756E2164756E21
 //# sourceMappingURL=server.js.map