@absolutejs/absolute 0.19.0-beta.15 → 0.19.0-beta.17

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

@@ -13,7 +13,7 @@ export const handleReactUpdate = (message: {
 		manifest?: Record<string, string>;
 		pageModuleUrl?: string;
 		primarySource?: string;
-		startTime?: number;
+		serverDuration?: number;
 	};
 }) => {
 	const currentFramework = detectCurrentFramework();
@@ -33,13 +33,13 @@ export const handleReactUpdate = (message: {
 
 	const refreshRuntime = window.$RefreshRuntime$;
 
-	const serverStartTime = message.data.startTime;
+	const serverDuration = message.data.serverDuration;
 
 	// ESM fast path: import the page module directly (no index re-import)
 	const pageModuleUrl = message.data.pageModuleUrl;
 
 	if (pageModuleUrl && refreshRuntime) {
-		applyRefreshImport(pageModuleUrl, refreshRuntime, serverStartTime);
+		applyRefreshImport(pageModuleUrl, refreshRuntime, serverDuration);
 
 		return;
 	}
@@ -49,7 +49,7 @@ export const handleReactUpdate = (message: {
 	const newUrl = componentKey && message.data.manifest?.[componentKey];
 
 	if (newUrl && refreshRuntime) {
-		applyRefreshImport(newUrl, refreshRuntime, serverStartTime);
+		applyRefreshImport(newUrl, refreshRuntime, serverDuration);
 
 		return;
 	}
@@ -61,16 +61,27 @@ export const handleReactUpdate = (message: {
 const applyRefreshImport = (
 	moduleUrl: string,
 	refreshRuntime: { performReactRefresh: () => void },
-	serverStartTime?: number
+	serverDuration?: number
 ) => {
+	const clientStart = performance.now();
 	import(`${moduleUrl}?t=${Date.now()}`)
 		.then(() => {
+			const fetchDone = performance.now();
 			refreshRuntime.performReactRefresh();
+			const refreshDone = performance.now();
 
-			if (serverStartTime && window.__HMR_WS__) {
-				const total = Date.now() - serverStartTime;
+			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, type: 'hmr-timing' })
+					JSON.stringify({
+						duration: total,
+						fetchMs,
+						refreshMs,
+						serverMs: serverDuration ?? 0,
+						type: 'hmr-timing'
+					})
 				);
 			}
 

package/dist/index.js

@@ -172448,12 +172448,18 @@ var trySendMessage = (client2, messageStr) => {
         state.activeFrameworks.add(data.framework);
       }
       break;
-    case "hmr-timing":
-      if (data.duration !== undefined) {
+    case "hmr-timing": {
+      const timing = data;
+      if (timing.duration !== undefined) {
         const lastPath = state.lastHmrPath ?? "";
-        logHmrUpdate(lastPath, state.lastHmrFramework, data.duration);
+        const breakdown = timing.serverMs !== undefined ? ` (server ${timing.serverMs}ms + fetch ${timing.fetchMs ?? 0}ms + refresh ${timing.refreshMs ?? 0}ms)` : "";
+        logHmrUpdate(lastPath, state.lastHmrFramework, timing.duration);
+        if (breakdown) {
+          console.log(`         ${breakdown}`);
+        }
       }
       break;
+    }
   }
 }, handleHMRMessage = (state, client2, message) => {
   try {
@@ -202800,6 +202806,7 @@ var parseErrorLocationFromMessage = (msg) => {
     if (changedFile) {
       const pageModuleUrl = await getReactModuleUrl(changedFile);
       if (pageModuleUrl) {
+        const serverDuration = Date.now() - startTime;
         state.lastHmrPath = changedFile;
         state.lastHmrFramework = "react";
         broadcastToClients(state, {
@@ -202810,8 +202817,8 @@ var parseErrorLocationFromMessage = (msg) => {
             manifest: state.manifest,
             pageModuleUrl,
             primarySource: changedFile,
-            sourceFiles: reactFiles,
-            startTime
+            serverDuration,
+            sourceFiles: reactFiles
           },
           type: "react-update"
         });
@@ -204242,5 +204249,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=C3CD39F5CF85CA9664756E2164756E21
+//# debugId=6655048BCB2F286B64756E2164756E21
 //# sourceMappingURL=index.js.map