@absolutejs/absolute 0.19.0-beta.4 → 0.19.0-beta.40

package/dist/cli/index.js

@@ -598,7 +598,7 @@ var dev = async (serverEntry, configPath2) => {
     interactive?.showPrompt();
   };
   const spawnServer = () => {
-    const proc = Bun.spawn(["bun", "--hot", "--no-clear-screen", serverEntry], {
+    const proc = Bun.spawn(["bun", "--no-clear-screen", serverEntry], {
       cwd: process.cwd(),
       env: {
         ...process.env,
@@ -633,6 +633,7 @@ var dev = async (serverEntry, configPath2) => {
   let serverProcess = spawnServer();
   const sessionStart = Date.now();
   let frameworks = [];
+  let frameworkDirs = [];
   try {
     const cfg = await loadConfig(configPath2);
     frameworks = [
@@ -643,7 +644,34 @@ var dev = async (serverEntry, configPath2) => {
       cfg.vueDirectory && "vue",
       cfg.angularDirectory && "angular"
     ].filter((val) => Boolean(val));
+    frameworkDirs = [
+      cfg.reactDirectory,
+      cfg.htmlDirectory,
+      cfg.htmxDirectory,
+      cfg.svelteDirectory,
+      cfg.vueDirectory,
+      cfg.angularDirectory
+    ].filter((val) => Boolean(val)).map((dir) => resolve3(dir));
   } catch {}
+  const { watch } = await import("fs");
+  const serverDir = resolve3(serverEntry, "..");
+  const isFrameworkFile = (filePath) => frameworkDirs.some((dir) => resolve3(filePath).startsWith(dir));
+  let restartTimeout = null;
+  watch(serverDir, { recursive: true }, (_event, filename) => {
+    if (!filename)
+      return;
+    const fullPath = resolve3(serverDir, filename);
+    if (isFrameworkFile(fullPath))
+      return;
+    if (!filename.endsWith(".ts") && !filename.endsWith(".tsx"))
+      return;
+    if (restartTimeout)
+      clearTimeout(restartTimeout);
+    restartTimeout = setTimeout(() => {
+      console.log(`\x1B[2m${formatTimestamp()}\x1B[0m \x1B[36m[cli]\x1B[0m \x1B[36mServer file changed, restarting...\x1B[0m`);
+      restartServer();
+    }, 100);
+  });
   sendTelemetryEvent("dev:start", { entry: serverEntry, frameworks });
   const cleanup = async (exitCode = 0) => {
     if (cleaning)

package/dist/dev/client/frameworkDetect.ts

@@ -2,15 +2,14 @@
 
 export const detectCurrentFramework = () => {
 	if (window.__HMR_FRAMEWORK__) return window.__HMR_FRAMEWORK__;
+	if (window.__REACT_ROOT__) return 'react';
 	const path = window.location.pathname;
 	if (path === '/vue' || path.startsWith('/vue/')) return 'vue';
 	if (path === '/svelte' || path.startsWith('/svelte/')) return 'svelte';
 	if (path === '/angular' || path.startsWith('/angular/')) return 'angular';
 	if (path === '/htmx' || path.startsWith('/htmx/')) return 'htmx';
 	if (path === '/html' || path.startsWith('/html/')) return 'html';
-	if (path === '/') return 'html';
 	if (path === '/react' || path.startsWith('/react/')) return 'react';
-	if (window.__REACT_ROOT__) return 'react';
 
 	return null;
 };

package/dist/dev/client/handlers/react.ts

@@ -8,11 +8,13 @@ import { detectCurrentFramework } from '../frameworkDetect';
 
 export const handleReactUpdate = (message: {
 	data: {
+		code?: string;
 		hasCSSChanges?: boolean;
 		hasComponentChanges?: boolean;
 		manifest?: Record<string, string>;
 		pageModuleUrl?: string;
 		primarySource?: string;
+		serverDuration?: number;
 	};
 }) => {
 	const currentFramework = detectCurrentFramework();
@@ -31,12 +33,21 @@ export const handleReactUpdate = (message: {
 	}
 
 	const refreshRuntime = window.$RefreshRuntime$;
+	const serverDuration = message.data.serverDuration;
 
-	// ESM fast path: import the page module directly (no index re-import)
+	// Inline code path: transpiled code sent via WebSocket.
+	// Import from blob URL — no HTTP fetch, immune to bun --hot restarts.
+	if (message.data.code && refreshRuntime) {
+		applyInlineCode(message.data.code, refreshRuntime, serverDuration);
+
+		return;
+	}
+
+	// ESM fast path: import the page module directly
 	const pageModuleUrl = message.data.pageModuleUrl;
 
 	if (pageModuleUrl && refreshRuntime) {
-		applyRefreshImport(pageModuleUrl, refreshRuntime);
+		applyRefreshImport(pageModuleUrl, refreshRuntime, serverDuration);
 
 		return;
 	}
@@ -46,7 +57,7 @@ export const handleReactUpdate = (message: {
 	const newUrl = componentKey && message.data.manifest?.[componentKey];
 
 	if (newUrl && refreshRuntime) {
-		applyRefreshImport(newUrl, refreshRuntime);
+		applyRefreshImport(newUrl, refreshRuntime, serverDuration);
 
 		return;
 	}
@@ -55,13 +66,94 @@ export const handleReactUpdate = (message: {
 	window.location.reload();
 };
 
+// Import transpiled code from a blob URL — no HTTP fetch needed.
+// Blob URLs resolve absolute imports (like /react/vendor/react.js)
+// against the page's origin, so vendor imports work correctly.
+const applyInlineCode = (
+	code: string,
+	refreshRuntime: { performReactRefresh: () => void },
+	serverDuration?: number
+) => {
+	const clientStart = performance.now();
+
+	// Convert absolute paths to full URLs so blob can resolve them
+	const origin = window.location.origin;
+	const fullCode = code.replace(
+		/(from\s*["'])(\/[^"']+)(["'])/g,
+		`$1${origin}$2$3`
+	);
+
+	const blob = new Blob([fullCode], { type: 'text/javascript' });
+	const blobUrl = URL.createObjectURL(blob);
+
+	import(blobUrl)
+		.then(() => {
+			URL.revokeObjectURL(blobUrl);
+			refreshRuntime.performReactRefresh();
+
+			if (window.__HMR_WS__) {
+				const fetchMs = Math.round(performance.now() - clientStart);
+				const total = (serverDuration ?? 0) + fetchMs;
+				window.__HMR_WS__.send(
+					JSON.stringify({
+						duration: total,
+						fetchMs,
+						refreshMs: 0,
+						serverMs: serverDuration ?? 0,
+						type: 'hmr-timing'
+					})
+				);
+			}
+
+			if (window.__ERROR_BOUNDARY__) {
+				window.__ERROR_BOUNDARY__.reset();
+			} else {
+				hideErrorOverlay();
+			}
+
+			return undefined;
+		})
+		.catch((err) => {
+			URL.revokeObjectURL(blobUrl);
+			console.warn(
+				'[HMR] Inline code failed, falling back to fetch:',
+				err
+			);
+			applyRefreshImport(
+				'',
+				refreshRuntime,
+				serverDuration
+			);
+		});
+};
+
 const applyRefreshImport = (
 	moduleUrl: string,
-	refreshRuntime: { performReactRefresh: () => void }
+	refreshRuntime: { performReactRefresh: () => void },
+	serverDuration?: number
 ) => {
+	const clientStart = performance.now();
 	import(`${moduleUrl}?t=${Date.now()}`)
 		.then(() => {
+			const fetchDone = performance.now();
 			refreshRuntime.performReactRefresh();
+			const refreshDone = performance.now();
+
+			if (window.__HMR_WS__) {
+				const fetchMs = Math.round(fetchDone - clientStart);
+				const refreshMs = Math.round(refreshDone - fetchDone);
+				const total = (serverDuration ?? 0) + fetchMs + refreshMs;
+				window.__HMR_WS__.send(
+					JSON.stringify({
+						duration: total,
+						fetchMs,
+						refreshMs,
+						serverMs: serverDuration ?? 0,
+						type: 'hmr-timing'
+					})
+				);
+			}
+
 			if (window.__ERROR_BOUNDARY__) {
 				window.__ERROR_BOUNDARY__.reset();
 			} else {