@absolutejs/absolute 0.19.0-beta.745 → 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/package.json

@@ -349,5 +349,5 @@
 			]
 		}
 	},
-	"version": "0.19.0-beta.745"
+	"version": "0.19.0-beta.746"
 }