@absolutejs/absolute 0.19.0-beta.38 → 0.19.0-beta.39

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

@@ -8,6 +8,7 @@ import { detectCurrentFramework } from '../frameworkDetect';
 
 export const handleReactUpdate = (message: {
 	data: {
+		code?: string;
 		hasCSSChanges?: boolean;
 		hasComponentChanges?: boolean;
 		manifest?: Record<string, string>;
@@ -32,10 +33,17 @@ 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) {
@@ -58,6 +66,67 @@ 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 },

package/dist/index.js

@@ -202180,6 +202180,13 @@ var init_pageHandler = __esm(() => {
 });
 
 // src/dev/transformCache.ts
+var exports_transformCache = {};
+__export(exports_transformCache, {
+  setTransformed: () => setTransformed,
+  invalidateAll: () => invalidateAll,
+  invalidate: () => invalidate,
+  getTransformed: () => getTransformed
+});
 import { statSync } from "fs";
 var globalStore, cache, getTransformed = (filePath) => {
   const entry = cache.get(filePath);
@@ -202197,6 +202204,8 @@ var globalStore, cache, getTransformed = (filePath) => {
   cache.set(filePath, { content, mtime });
 }, invalidate = (filePath) => {
   cache.delete(filePath);
+}, invalidateAll = () => {
+  cache.clear();
 };
 var init_transformCache = __esm(() => {
   globalStore = globalThis;
@@ -202982,13 +202991,15 @@ var parseErrorLocationFromMessage = (msg) => {
   const clientManifest = generateManifest2(clientResult.outputs, buildDir);
   Object.assign(state.manifest, clientManifest);
   await populateAssetStore(state.assetStore, clientManifest, buildDir);
-}, getReactModuleUrl = async (pageFile) => {
+}, getReactModule = async (pageFile) => {
   const { invalidateModule: invalidateModule2, warmCache: warmCache2, SRC_URL_PREFIX: SRC_URL_PREFIX2 } = await Promise.resolve().then(() => (init_moduleServer(), exports_moduleServer));
+  const { getTransformed: getTransformed2 } = await Promise.resolve().then(() => (init_transformCache(), exports_transformCache));
   invalidateModule2(pageFile);
   const rel = relative8(process.cwd(), pageFile).replace(/\\/g, "/");
   const url = `${SRC_URL_PREFIX2}${rel}`;
   warmCache2(url);
-  return url;
+  const code = getTransformed2(resolve21(pageFile));
+  return { code, url };
 }, handleReactFastPath = async (state, config, filesToRebuild, startTime, onRebuildComplete) => {
   const reactDir = config.reactDirectory ?? "";
   const reactPagesPath = resolve21(reactDir, "pages");
@@ -202998,18 +203009,19 @@ var parseErrorLocationFromMessage = (msg) => {
   if (reactFiles.length > 0) {
     const [changedFile] = reactFiles;
     if (changedFile) {
-      const pageModuleUrl = await getReactModuleUrl(changedFile);
-      if (pageModuleUrl) {
+      const { code, url } = await getReactModule(changedFile);
+      if (url) {
         const serverDuration = Date.now() - startTime;
         state.lastHmrPath = changedFile;
         state.lastHmrFramework = "react";
         broadcastToClients(state, {
           data: {
+            code,
             framework: "react",
             hasComponentChanges: true,
             hasCSSChanges: false,
             manifest: state.manifest,
-            pageModuleUrl,
+            pageModuleUrl: url,
             primarySource: changedFile,
             serverDuration,
             sourceFiles: reactFiles
@@ -204652,5 +204664,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=C7E8263A117DC2CD64756E2164756E21
+//# debugId=2F1F7365135EB02E64756E2164756E21
 //# sourceMappingURL=index.js.map