@absolutejs/absolute 0.19.0-beta.834 → 0.19.0-beta.836

package/dist/dev/client/errorOverlay.ts

@@ -6,6 +6,11 @@ import { OVERLAY_FADE_DURATION_MS } from './constants';
 
 let errorOverlayElement: HTMLDivElement | null = null;
 let currentOverlayKind: 'compilation' | 'runtime' | null = null;
+// Runtime errors accumulate so a second uncaught error in the same tick
+// doesn't silently replace the first — the overlay shows nav buttons and
+// a "N of M" badge so you can step through them.
+const runtimeErrors: ErrorOverlayOptions[] = [];
+let activeRuntimeIndex = 0;
 
 const frameworkLabels: Record<string, string> = {
 	angular: 'Angular',
@@ -39,6 +44,10 @@ const removeOverlayElement = () => {
 
 export const hideErrorOverlay = () => {
 	const elm = errorOverlayElement;
+	// Clearing on dismiss — if more errors arrive after this they get a
+	// fresh overlay, otherwise stale entries accumulate forever.
+	runtimeErrors.length = 0;
+	activeRuntimeIndex = 0;
 	if (!elm || !elm.parentNode) {
 		removeOverlayElement();
 
@@ -55,6 +64,11 @@ export const hideErrorOverlay = () => {
 
 export const isRuntimeErrorOverlay = () => currentOverlayKind === 'runtime';
 
+const sectionLabelStyle =
+	'font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:8px;';
+const codeBlockStyle =
+	'margin:0;padding:14px 18px;background:rgba(15,23,42,0.8);border-radius:10px;border:1px solid rgba(71,85,105,0.4);color:#cbd5e1;font-size:12.5px;line-height:1.55;overflow-x:auto;white-space:pre;font-family:inherit;';
+
 const buildLocationSection = (
 	file: string | undefined,
 	line: number | undefined,
@@ -69,8 +83,7 @@ const buildLocationSection = (
 	locSection.style.cssText = 'margin-bottom:20px;';
 
 	const locLabel = document.createElement('div');
-	locLabel.style.cssText =
-		'font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:8px;';
+	locLabel.style.cssText = sectionLabelStyle;
 	locLabel.textContent = 'Where';
 	locSection.appendChild(locLabel);
 
@@ -82,14 +95,13 @@ const buildLocationSection = (
 
 	const locEl = document.createElement('div');
 	locEl.style.cssText =
-		'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;';
+		'padding:12px 18px;background:rgba(71,85,105,0.3);border-radius:10px;border:1px solid rgba(71,85,105,0.4);color:#cbd5e1;font-size:13px;word-break:break-all;';
 	locEl.textContent = loc;
 	locSection.appendChild(locEl);
 
 	if (lineText) {
 		const codeBlock = document.createElement('pre');
-		codeBlock.style.cssText =
-			'margin:8px 0 0;padding:14px 20px;background:rgba(15,23,42,0.8);border-radius:10px;border:1px solid rgba(71,85,105,0.4);color:#94a3b8;font-size:13px;overflow-x:auto;white-space:pre;';
+		codeBlock.style.cssText = codeBlockStyle + 'margin-top:8px;';
 		codeBlock.textContent = lineText;
 		locSection.appendChild(codeBlock);
 	}
@@ -97,12 +109,161 @@ const buildLocationSection = (
 	return locSection;
 };
 
-export const showErrorOverlay = (opts: ErrorOverlayOptions) => {
+// Strip the leading `${ErrorName}: ${message}` line from a stack if it just
+// repeats what's already shown in the "What went wrong" panel — keeps the
+// stack panel focused on frames.
+const cleanStack = (message: string, stack: string) => {
+	const firstNewline = stack.indexOf('\n');
+	if (firstNewline === -1) return stack;
+	const head = stack.slice(0, firstNewline).trim();
+	if (head === message || head.endsWith(`: ${message}`)) {
+		return stack.slice(firstNewline + 1).replace(/^\n+/, '');
+	}
+
+	return stack;
+};
+
+const buildStackSection = (stack: string | undefined, message: string) => {
+	if (!stack) return null;
+	const cleaned = cleanStack(message, stack);
+	if (!cleaned.trim()) return null;
+	const section = document.createElement('div');
+	section.style.cssText = 'margin-bottom:20px;';
+	const label = document.createElement('div');
+	label.style.cssText = sectionLabelStyle;
+	label.textContent = 'Stack';
+	section.appendChild(label);
+	const pre = document.createElement('pre');
+	pre.style.cssText = codeBlockStyle + 'max-height:300px;overflow-y:auto;';
+	pre.textContent = cleaned;
+	section.appendChild(pre);
+
+	return section;
+};
+
+// Reads the live document for every <script src> currently mounted.
+// Most useful diagnostic for "I'm seeing a chunk hash that no longer
+// exists on disk" — confirms which bundle the browser actually loaded.
+const collectLoadedScripts = () => {
+	const scripts = Array.from(document.querySelectorAll('script[src]'));
+	const urls: string[] = [];
+	for (const script of scripts) {
+		const src = (script as HTMLScriptElement).src;
+		if (!src) continue;
+		// Filter to JS we serve — vendor chunks, generated indexes, root
+		// chunk-XXX.js outputs. Skip user-pasted CDN scripts and the like.
+		if (
+			src.includes('/vendor/') ||
+			src.includes('/generated/') ||
+			/\/chunk-[a-z0-9]+\.js(\?|$)/i.test(src) ||
+			src.includes('/_src_indexes/')
+		) {
+			urls.push(src);
+		}
+	}
+
+	return urls;
+};
+
+const buildDiagnosticsSection = () => {
+	const section = document.createElement('div');
+	section.style.cssText = 'margin-bottom:20px;';
+	const label = document.createElement('div');
+	label.style.cssText = sectionLabelStyle;
+	label.textContent = 'Diagnostics';
+	section.appendChild(label);
+
+	const lines: string[] = [];
+	lines.push(`Page URL: ${window.location.href}`);
+	const ua = navigator.userAgent;
+	lines.push(`User agent: ${ua}`);
+	const scripts = collectLoadedScripts();
+	if (scripts.length > 0) {
+		lines.push('');
+		lines.push(`Loaded chunks (${scripts.length}):`);
+		for (const url of scripts) {
+			// Strip origin so the chunk hash is the focal point.
+			lines.push(
+				`  ${url.replace(window.location.origin, '') || url}`
+			);
+		}
+	}
+
+	const pre = document.createElement('pre');
+	pre.style.cssText = codeBlockStyle + 'max-height:200px;overflow-y:auto;';
+	pre.textContent = lines.join('\n');
+	section.appendChild(pre);
+
+	return section;
+};
+
+const buildErrorMessageSection = (message: string) => {
+	const errorSection = document.createElement('div');
+	errorSection.style.cssText = 'margin-bottom:20px;';
+	const errorLabel = document.createElement('div');
+	errorLabel.style.cssText = sectionLabelStyle;
+	errorLabel.textContent = 'What went wrong';
+	errorSection.appendChild(errorLabel);
+	const msgEl = document.createElement('pre');
+	msgEl.style.cssText =
+		'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;font-family:inherit;';
+	msgEl.textContent = message;
+	errorSection.appendChild(msgEl);
+
+	return errorSection;
+};
+
+const formatErrorForCopy = (opts: ErrorOverlayOptions) => {
+	const lines: string[] = [];
+	lines.push(`# ${opts.kind === 'runtime' ? 'Runtime' : 'Compilation'} error`);
+	if (opts.framework) lines.push(`Framework: ${opts.framework}`);
+	lines.push('');
+	lines.push('## Message');
+	lines.push(opts.message || '(no message)');
+	if (opts.file || opts.line !== undefined) {
+		lines.push('');
+		lines.push('## Where');
+		const locParts: string[] = [];
+		if (opts.file) locParts.push(opts.file);
+		if (opts.line !== undefined) locParts.push(String(opts.line));
+		if (opts.column !== undefined) locParts.push(String(opts.column));
+		lines.push(locParts.join(':'));
+		if (opts.lineText) {
+			lines.push('');
+			lines.push(opts.lineText);
+		}
+	}
+	if (opts.stack) {
+		lines.push('');
+		lines.push('## Stack');
+		lines.push(cleanStack(opts.message || '', opts.stack));
+	}
+	lines.push('');
+	lines.push('## Diagnostics');
+	lines.push(`Page URL: ${window.location.href}`);
+	lines.push(`User agent: ${navigator.userAgent}`);
+	const scripts = collectLoadedScripts();
+	if (scripts.length > 0) {
+		lines.push('');
+		lines.push(`Loaded chunks (${scripts.length}):`);
+		for (const url of scripts) {
+			lines.push(
+				`  ${url.replace(window.location.origin, '') || url}`
+			);
+		}
+	}
+
+	return lines.join('\n');
+};
+
+const renderOverlay = () => {
+	const opts =
+		currentOverlayKind === 'runtime'
+			? runtimeErrors[activeRuntimeIndex]
+			: pendingCompilationOpts;
+	if (!opts) return;
 	const message = opts.message || 'Build failed';
-	const { file } = opts;
-	const { line } = opts;
-	const { column } = opts;
-	const { lineText } = opts;
+	const { file, line, column, lineText, stack } = opts;
 	const framework = (opts.framework || 'unknown').toLowerCase();
 	const frameworkLabel = frameworkLabels[framework] || framework;
 	const accent = frameworkColors[framework] || '#94a3b8';
@@ -118,7 +279,7 @@ export const showErrorOverlay = (opts: ErrorOverlayOptions) => {
 
 	const card = document.createElement('div');
 	card.style.cssText =
-		'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;';
+		'max-width:780px;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;';
 
 	const header = document.createElement('div');
 	header.style.cssText =
@@ -135,41 +296,109 @@ export const showErrorOverlay = (opts: ErrorOverlayOptions) => {
 	const content = document.createElement('div');
 	content.style.cssText = 'padding:24px;';
 
-	const errorSection = document.createElement('div');
-	errorSection.style.cssText = 'margin-bottom:20px;';
-
-	const errorLabel = document.createElement('div');
-	errorLabel.style.cssText =
-		'font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;margin-bottom:8px;';
-	errorLabel.textContent = 'What went wrong';
-	errorSection.appendChild(errorLabel);
-
-	const msgEl = document.createElement('pre');
-	msgEl.style.cssText =
-		'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;';
-	msgEl.textContent = message;
-	errorSection.appendChild(msgEl);
-	content.appendChild(errorSection);
+	// Multi-error nav: visible only when more than one runtime error has
+	// fired since the last dismiss. Compilation errors always replace, so
+	// they never need this row.
+	if (currentOverlayKind === 'runtime' && runtimeErrors.length > 1) {
+		const navRow = document.createElement('div');
+		navRow.style.cssText =
+			'display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:10px 14px;background:rgba(71,85,105,0.25);border-radius:10px;border:1px solid rgba(71,85,105,0.4);';
+		const prev = document.createElement('button');
+		prev.textContent = '◀';
+		prev.style.cssText =
+			'padding:4px 10px;background:rgba(15,23,42,0.6);color:#cbd5e1;border:1px solid rgba(71,85,105,0.6);border-radius:6px;font-size:13px;cursor:pointer;font-family:inherit;';
+		prev.disabled = activeRuntimeIndex === 0;
+		if (prev.disabled) prev.style.opacity = '0.4';
+		prev.onclick = () => {
+			if (activeRuntimeIndex > 0) {
+				activeRuntimeIndex -= 1;
+				renderOverlay();
+			}
+		};
+		const next = document.createElement('button');
+		next.textContent = '▶';
+		next.style.cssText = prev.style.cssText;
+		next.disabled = activeRuntimeIndex >= runtimeErrors.length - 1;
+		if (next.disabled) next.style.opacity = '0.4';
+		next.onclick = () => {
+			if (activeRuntimeIndex < runtimeErrors.length - 1) {
+				activeRuntimeIndex += 1;
+				renderOverlay();
+			}
+		};
+		const counter = document.createElement('span');
+		counter.style.cssText = 'color:#cbd5e1;font-size:13px;';
+		counter.textContent = `Error ${activeRuntimeIndex + 1} of ${runtimeErrors.length}`;
+		navRow.appendChild(prev);
+		navRow.appendChild(next);
+		navRow.appendChild(counter);
+		content.appendChild(navRow);
+	}
 
+	content.appendChild(buildErrorMessageSection(message));
 	const locSection = buildLocationSection(file, line, column, lineText);
-	if (locSection) {
-		content.appendChild(locSection);
+	if (locSection) content.appendChild(locSection);
+	const stackSection = buildStackSection(stack, message);
+	if (stackSection) content.appendChild(stackSection);
+	if (currentOverlayKind === 'runtime') {
+		content.appendChild(buildDiagnosticsSection());
 	}
 
 	const footer = document.createElement('div');
 	footer.style.cssText =
-		'display:flex;justify-content:flex-end;padding-top:8px;';
+		'display:flex;justify-content:flex-end;gap:10px;padding-top:8px;';
+
+	const copy = document.createElement('button');
+	copy.textContent = 'Copy';
+	copy.style.cssText =
+		'padding:10px 16px;background:rgba(71,85,105,0.4);color:#e2e8f0;border:1px solid rgba(71,85,105,0.6);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity 0.15s,transform 0.15s;';
+	copy.onmouseover = () => {
+		copy.style.opacity = '0.85';
+	};
+	copy.onmouseout = () => {
+		copy.style.opacity = '1';
+	};
+	copy.onclick = async () => {
+		const text = formatErrorForCopy(opts);
+		try {
+			await navigator.clipboard.writeText(text);
+			copy.textContent = 'Copied';
+			setTimeout(() => {
+				copy.textContent = 'Copy';
+			}, 1500);
+		} catch {
+			// Clipboard API requires a user gesture + permissions; fall back
+			// to a textarea + execCommand so the button still does something.
+			const ta = document.createElement('textarea');
+			ta.value = text;
+			ta.style.position = 'fixed';
+			ta.style.opacity = '0';
+			document.body.appendChild(ta);
+			ta.select();
+			try {
+				document.execCommand('copy');
+				copy.textContent = 'Copied';
+				setTimeout(() => {
+					copy.textContent = 'Copy';
+				}, 1500);
+			} catch {
+				copy.textContent = 'Copy failed';
+			}
+			document.body.removeChild(ta);
+		}
+	};
+	footer.appendChild(copy);
 
 	const dismiss = document.createElement('button');
 	dismiss.textContent = 'Dismiss';
 	dismiss.style.cssText = `padding:10px 20px;background:${
 		accent
-	};color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:opacity 0.15s,transform 0.15s;`;
-	dismiss.onmouseover = function () {
+	};color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:opacity 0.15s,transform 0.15s;`;
+	dismiss.onmouseover = () => {
 		dismiss.style.opacity = '0.9';
 		dismiss.style.transform = 'translateY(-1px)';
 	};
-	dismiss.onmouseout = function () {
+	dismiss.onmouseout = () => {
 		dismiss.style.opacity = '1';
 		dismiss.style.transform = 'translateY(0)';
 	};
@@ -182,3 +411,31 @@ export const showErrorOverlay = (opts: ErrorOverlayOptions) => {
 	document.body.appendChild(overlay);
 	errorOverlayElement = overlay;
 };
+
+let pendingCompilationOpts: ErrorOverlayOptions | null = null;
+
+export const showErrorOverlay = (opts: ErrorOverlayOptions) => {
+	const kind = opts.kind || 'compilation';
+	if (kind === 'runtime') {
+		// Suppress duplicates — Angular and other frameworks often re-throw
+		// the same error from multiple async boundaries (zone, scheduler,
+		// resolver). Identifying by message+stack catches the common case
+		// without needing structured equality.
+		const sig = `${opts.message ?? ''}::${opts.stack ?? ''}`;
+		const isDup = runtimeErrors.some(
+			(prev) => `${prev.message ?? ''}::${prev.stack ?? ''}` === sig
+		);
+		if (!isDup) {
+			runtimeErrors.push(opts);
+			activeRuntimeIndex = runtimeErrors.length - 1;
+		}
+	} else {
+		pendingCompilationOpts = opts;
+		// Compilation errors are global build state — reset runtime queue
+		// since old runtime errors from before the build attempt aren't
+		// actionable anymore.
+		runtimeErrors.length = 0;
+		activeRuntimeIndex = 0;
+	}
+	renderOverlay();
+};

package/dist/dev/client/hmrClient.ts

@@ -47,25 +47,23 @@ if (typeof window !== 'undefined') {
 // Catch uncaught runtime errors and show the error overlay
 window.addEventListener('error', (evt) => {
 	if (!evt.error) return;
+	const isErr = evt.error instanceof Error;
 	showErrorOverlay({
 		framework: detectCurrentFramework() || undefined,
 		kind: 'runtime',
-		message:
-			evt.error instanceof Error
-				? evt.error.stack || evt.error.message
-				: String(evt.error)
+		message: isErr ? evt.error.message : String(evt.error),
+		stack: isErr ? evt.error.stack : undefined
 	});
 });
 
 window.addEventListener('unhandledrejection', (evt) => {
 	if (!evt.reason) return;
+	const isErr = evt.reason instanceof Error;
 	showErrorOverlay({
 		framework: detectCurrentFramework() || undefined,
 		kind: 'runtime',
-		message:
-			evt.reason instanceof Error
-				? evt.reason.stack || evt.reason.message
-				: String(evt.reason)
+		message: isErr ? evt.reason.message : String(evt.reason),
+		stack: isErr ? evt.reason.stack : undefined
 	});
 });
 

package/dist/index.js

@@ -15357,6 +15357,7 @@ var init_ssrCache = __esm(() => {
 // src/dev/moduleServer.ts
 var exports_moduleServer = {};
 __export(exports_moduleServer, {
+  warnIfReactFastRefreshUnsupported: () => warnIfReactFastRefreshUnsupported,
   warmCompilers: () => warmCompilers,
   warmCache: () => warmCache,
   setGlobalModuleServer: () => setGlobalModuleServer,
@@ -15536,7 +15537,6 @@ ${code}`;
   reactFastRefreshWarningEmitted = true;
   logWarn("React HMR is blocked: this Bun build ignores " + "`reactFastRefresh` on Bun.Transpiler, so component state " + "cannot be preserved across edits. Tracking " + "https://github.com/oven-sh/bun/pull/28312 \u2014 if it still has " + "not merged, leave a \uD83D\uDC4D on the PR so the Bun team knows it " + "is blocking you. Until then, React edits trigger a full " + "reload instead of a fast refresh.");
 }, transformReactFile = (filePath, projectRoot, rewriter) => {
-  warnIfReactFastRefreshUnsupported();
   const raw = readFileSync16(filePath, "utf-8");
   const valueExports = tsxTranspiler.scan(raw).exports;
   let transpiled = reactTranspiler.transformSync(raw);
@@ -16677,6 +16677,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
     onRebuildComplete({ hmrState: state, manifest: state.manifest });
     return state.manifest;
   }
+  const { warnIfReactFastRefreshUnsupported: warnIfReactFastRefreshUnsupported2 } = await Promise.resolve().then(() => (init_moduleServer(), exports_moduleServer));
+  warnIfReactFastRefreshUnsupported2();
   return handleReactModuleServerPath(state, reactFiles, startTime, onRebuildComplete);
 }, handleServerManifestUpdate = (state, serverResult) => {
   if (!serverResult?.success) {
@@ -18307,7 +18309,7 @@ var STORE_KEY = "__elysiaStore", getGlobalValue = (key) => Reflect.get(globalThi
   if (bytes) {
     return new Response(new Uint8Array(bytes).buffer, {
       headers: {
-        "Cache-Control": "no-cache",
+        "Cache-Control": "no-store",
         "Content-Type": getMimeType(pathname)
       }
     });
@@ -18316,7 +18318,7 @@ var STORE_KEY = "__elysiaStore", getGlobalValue = (key) => Reflect.get(globalThi
   if (aliasedTarget) {
     return new Response(null, {
       headers: {
-        "Cache-Control": "no-cache",
+        "Cache-Control": "no-store",
         Location: aliasedTarget
       },
       status: 302
@@ -26749,5 +26751,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=4C836C9BC84C636964756E2164756E21
+//# debugId=37D59544622087A264756E2164756E21
 //# sourceMappingURL=index.js.map