@absolutejs/absolute 0.19.0-beta.744 → 0.19.0-beta.746

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

@@ -511,12 +511,27 @@ const tickAngularApp = () => {
 	}
 };
 
-const runWithViewTransition = (updateFn: () => Promise<void>) => {
+/* HMR updates must be serialized.
+   If a second `startViewTransition` runs while a previous one is still in
+   flight, the browser aborts the old transition — but the old update
+   callback (destroyApp + async bootstrap) keeps running. Two updateFns
+   then race over the DOM and Angular state, corrupting HMR and forcing a
+   page refresh.
+   We avoid that by queuing later updates until the current one finishes.
+   If multiple updates queue up, only the latest matters (intermediate ones
+   are superseded), so we collapse to a single pending entry. */
+let activeUpdate: Promise<void> | null = null;
+let pendingUpdate: (() => Promise<void>) | null = null;
+
+const runOneUpdate = async (updateFn: () => Promise<void>) => {
 	const doc: ViewTransitionDocument = document;
+
 	if (typeof doc.startViewTransition !== 'function') {
-		updateFn().catch((err: unknown) => {
+		try {
+			await updateFn();
+		} catch (err) {
 			console.warn('[HMR] Angular update failed (non-fatal):', err);
-		});
+		}
 
 		return;
 	}
@@ -531,15 +546,56 @@ const runWithViewTransition = (updateFn: () => Promise<void>) => {
 		/* ignored */
 	}
 
-	const removeStyle = () => {
+	let updatePromise: Promise<void> = Promise.resolve();
+	try {
+		const transition = doc.startViewTransition(() => {
+			updatePromise = updateFn();
+
+			return updatePromise;
+		});
+		// Wait for both the visual transition and the update callback.
+		// `transition.finished` rejects with AbortError when a new transition
+		// supersedes this one — swallow that since we serialize updates so
+		// it shouldn't happen, and even if it does we still want to wait
+		// for `updateFn` to complete before releasing the next update.
+		await Promise.all([
+			transition.finished.catch(() => {
+				/* skipped */
+			}),
+			updatePromise.catch((err) => {
+				console.warn('[HMR] Angular update failed (non-fatal):', err);
+			})
+		]);
+	} catch (err) {
+		console.warn('[HMR] Angular update failed (non-fatal):', err);
+		// If startViewTransition itself threw, run the update directly so
+		// HMR still applies (loses the crossfade but preserves correctness).
+		try {
+			await updateFn();
+		} catch (innerErr) {
+			console.warn('[HMR] Angular update failed (non-fatal):', innerErr);
+		}
+	} finally {
 		if (styleEl && styleEl.parentNode) styleEl.remove();
-	};
+	}
+};
 
-	doc.startViewTransition(async () => {
-		await updateFn();
-	})
-		.finished.then(removeStyle)
-		.catch(removeStyle);
+const runWithViewTransition = (updateFn: () => Promise<void>) => {
+	if (activeUpdate) {
+		// Supersede any earlier queued update — only the latest matters.
+		pendingUpdate = updateFn;
+
+		return;
+	}
+
+	activeUpdate = runOneUpdate(updateFn).finally(() => {
+		activeUpdate = null;
+		if (pendingUpdate) {
+			const next = pendingUpdate;
+			pendingUpdate = null;
+			runWithViewTransition(next);
+		}
+	});
 };
 
 const handleFullUpdate = (message: HMRMessage) => {

package/dist/index.js

@@ -46932,14 +46932,11 @@ var mimeTypes, getMimeType = (filePath) => {
       continue;
     newIdentities.set(stripHash(webPath), webPath);
   }
-  const liveWebPaths = new Set(newIdentities.values());
   const staleKeys = [...store.keys()].filter((existingPath) => {
     if (existingPath.includes("/chunk-"))
       return false;
     const replacement = newIdentities.get(stripHash(existingPath));
-    if (replacement !== undefined)
-      return replacement !== existingPath;
-    return !liveWebPaths.has(existingPath);
+    return replacement !== undefined && replacement !== existingPath;
   });
   staleKeys.forEach((key) => store.delete(key));
   for (const webPath of newIdentities.values()) {
@@ -50226,9 +50223,9 @@ var STORE_KEY = "__elysiaStore", getGlobalValue = (key) => Reflect.get(globalThi
   const pathname = resolveRequestPathname(request);
   if (moduleServerHandler) {
     const moduleResponse = await moduleServerHandler(pathname);
-    if (!moduleResponse)
-      return;
-    return resolveModuleResponse(moduleResponse, request.headers.get("If-None-Match"));
+    if (moduleResponse) {
+      return resolveModuleResponse(moduleResponse, request.headers.get("If-None-Match"));
+    }
   }
   const bytes = lookupAsset(hmrState2.assetStore, pathname);
   if (!bytes) {
@@ -50242,7 +50239,7 @@ var STORE_KEY = "__elysiaStore", getGlobalValue = (key) => Reflect.get(globalThi
   });
 }, hmr = (hmrState2, manifest, moduleServerHandler) => new Elysia2({ name: "absolutejs-hmr" }).onStart(({ store }) => {
   restoreStore(store);
-}).onBeforeHandle(async ({ request }) => {
+}).onRequest(async ({ request }) => {
   if (globalThis.__reactModuleRef) {
     await bridgeReactInternals();
   }
@@ -58541,5 +58538,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=758A53A3F7982E3F64756E2164756E21
+//# debugId=01DB8BB408B0E96D64756E2164756E21
 //# sourceMappingURL=index.js.map