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

package/CHANGELOG.md

@@ -6,6 +6,15 @@ This file is generated by `absolute-changelog` from the entries in
 `changelog/`. Edit an entry, not this file — and add new ones under
 `changelog/unreleased/`.
 
+## 0.20.0-beta.128 — 2026-10-03
+
+### Fixed
+
+- **A page that fails to build in development shows the real build error and reloads itself once fixed** (`DeferredPageAssets`, `DevPageWarmer`)
+  When a page failed its on-demand build in development, the handler threw `Asset "<Page>" not found in manifest.` and left the response to whichever error handler answered first. An app with its own `onError` (most real apps) showed its generic error page, so the actual cause — a missing import, a syntax error — was only in the terminal. Page handlers for Vue, React, Svelte, Angular and Ember now return a Build Error page themselves, with the build's own error message, and the page reloads by itself once a rebuild lands or the dev server comes back. AbsoluteJS's fallback error page for missing assets shows the same build error.
+- **Editing docs, tests or code the server never loaded no longer restarts the dev server**
+  Any changed file no HMR pipeline handled restarted the dev server, including documentation and test files the server never runs. Each restart dropped every open page for seconds and rebuilt them from nothing. Now documents (`.md`, `.txt`, …) and test files never restart it; code modules restart it only when the running server process has loaded them (a module nothing has imported yet loads fresh on first use); config such as `.env`, `package.json` and `tsconfig.json` still does.
+
 ## 0.20.0-beta.127 — 2026-10-03
 
 ### Fixed

package/changelog.json

@@ -2,6 +2,26 @@
 	"contract": 1,
 	"name": "@absolutejs/absolute",
 	"releases": [
+		{
+			"changes": [
+				{
+					"detail": "When a page failed its on-demand build in development, the handler threw `Asset \"<Page>\" not found in manifest.` and left the response to whichever error handler answered first. An app with its own `onError` (most real apps) showed its generic error page, so the actual cause — a missing import, a syntax error — was only in the terminal. Page handlers for Vue, React, Svelte, Angular and Ember now return a Build Error page themselves, with the build's own error message, and the page reloads by itself once a rebuild lands or the dev server comes back. AbsoluteJS's fallback error page for missing assets shows the same build error.",
+					"kind": "fixed",
+					"symbols": [
+						"DeferredPageAssets",
+						"DevPageWarmer"
+					],
+					"summary": "A page that fails to build in development shows the real build error and reloads itself once fixed"
+				},
+				{
+					"detail": "Any changed file no HMR pipeline handled restarted the dev server, including documentation and test files the server never runs. Each restart dropped every open page for seconds and rebuilt them from nothing. Now documents (`.md`, `.txt`, …) and test files never restart it; code modules restart it only when the running server process has loaded them (a module nothing has imported yet loads fresh on first use); config such as `.env`, `package.json` and `tsconfig.json` still does.",
+					"kind": "fixed",
+					"summary": "Editing docs, tests or code the server never loaded no longer restarts the dev server"
+				}
+			],
+			"date": "2026-10-03",
+			"version": "0.20.0-beta.128"
+		},
 		{
 			"changes": [
 				{

package/dist/angular/components/core/streamingSlotRegistrar.js

@@ -1,7 +1,7 @@
 // @bun
 var __require = import.meta.require;
 
-// .angular-partial-tmp-3Ns1bh/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-hgUVbA/src/core/streamingSlotRegistrar.ts
 var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
 var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
 var STREAMING_SLOT_COLLECTION_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotCollectionController");

package/dist/angular/components/core/streamingSlotRegistry.js

@@ -1,7 +1,7 @@
 // @bun
 var __require = import.meta.require;
 
-// .angular-partial-tmp-3Ns1bh/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-hgUVbA/src/core/streamingSlotRegistrar.ts
 var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
 var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
 var STREAMING_SLOT_COLLECTION_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotCollectionController");
@@ -48,7 +48,7 @@ var warnMissingStreamingSlotCollector = (primitiveName) => {
   getWarningController()?.maybeWarn(primitiveName);
 };
 
-// .angular-partial-tmp-3Ns1bh/src/core/streamingSlotRegistry.ts
+// .angular-partial-tmp-hgUVbA/src/core/streamingSlotRegistry.ts
 var STREAMING_SLOT_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotAsyncLocalStorage");
 var isObjectRecord2 = (value) => Boolean(value) && typeof value === "object";
 var isAsyncLocalStorage = (value) => isObjectRecord2(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";

package/dist/angular/index.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
@@ -16139,6 +16183,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);
@@ -16770,5 +16817,5 @@ export {
   withPendingTask
 };
 
-//# debugId=743CE89A54B0E19364756E2164756E21
+//# debugId=4B4A4D8B4E52128064756E2164756E21
 //# sourceMappingURL=index.js.map