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

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

@@ -66,13 +66,22 @@ const applyRefreshImport = (
 	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 clientDuration = Math.round(performance.now() - clientStart);
-				const total = (serverDuration ?? 0) + clientDuration;
+				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 {
@@ -204243,5 +204249,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=65BA6BC8707FD3E164756E2164756E21
+//# debugId=6655048BCB2F286B64756E2164756E21
 //# sourceMappingURL=index.js.map