@absolutejs/absolute 0.17.14 → 0.17.15-beta.0

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

@@ -151,14 +151,44 @@ export const handleSvelteUpdate = (message: {
 	const modulePath = indexPath + '?t=' + Date.now();
 	import(/* @vite-ignore */ modulePath)
 		.then(function () {
-			/* Remove preserved copies — new svelte:head and mount() added fresh ones */
-			document
-				.querySelectorAll('[data-hmr-preserved="true"]')
-				.forEach(function (element) {
-					element.remove();
-				});
-			restoreDOMState(document.body, domState);
-			restoreScrollState(scrollState);
+			/* Wait for new <link> stylesheets (re-added by svelte:head in mount)
+			   to fully load before removing preserved styles. Without this,
+			   removing inline preserved styles leaves a gap until <link> loads. */
+			const newLinks = document.querySelectorAll<HTMLLinkElement>(
+				'head link[rel="stylesheet"]:not([data-hmr-preserved])'
+			);
+			const loadPromises: Promise<void>[] = [];
+			newLinks.forEach(function (link) {
+				if (!link.sheet || link.sheet.cssRules.length === 0) {
+					loadPromises.push(
+						new Promise<void>(function (resolve) {
+							link.onload = function () {
+								resolve();
+							};
+							link.onerror = function () {
+								resolve();
+							};
+							setTimeout(resolve, 500);
+						})
+					);
+				}
+			});
+
+			const cleanup = function () {
+				document
+					.querySelectorAll('[data-hmr-preserved="true"]')
+					.forEach(function (element) {
+						element.remove();
+					});
+				restoreDOMState(document.body, domState);
+				restoreScrollState(scrollState);
+			};
+
+			if (loadPromises.length > 0) {
+				Promise.all(loadPromises).then(cleanup);
+			} else {
+				cleanup();
+			}
 		})
 		.catch(function (err: unknown) {
 			console.warn('[HMR] Svelte import failed, reloading:', err);

package/package.json

@@ -145,5 +145,5 @@
 		"typecheck": "bun run vue-tsc --noEmit"
 	},
 	"types": "./dist/src/index.d.ts",
-	"version": "0.17.14"
+	"version": "0.17.15-beta.0"
 }