@absolutejs/absolute 0.17.13 → 0.17.15-beta.0

package/.absolutejs/prettier.cache.json

@@ -61,7 +61,7 @@
 		"src/dev/client/handlers/angularRuntime.ts": "2953p2hoftx5u",
 		"src/dev/client/handlers/vue.ts": "1q7sk9jnhk8gc",
 		"src/dev/client/handlers/htmx.ts": "3njirexjzjfbd",
-		"src/dev/client/handlers/svelte.ts": "gg4r1hqdgg3a",
+		"src/dev/client/handlers/svelte.ts": "3egd9ql8o82ko",
 		"src/utils/escapeScriptContent.ts": "1gg8nciaxrh5v",
 		"src/utils/logger.ts": "2bxszbbyp39u9",
 		"src/utils/ssrErrorPage.ts": "2oxyhfys2xq0i",
@@ -133,7 +133,7 @@
 		"example/angular/compiled/mm51rigw/components/counter.component.js": "26dxmwf0w68tf",
 		"eslint.config.mjs": "3jvlmsyhtijzc",
 		"tsconfig.json": "7ocytjowy50m",
-		"package.json": "fslx4gvzgntw",
+		"package.json": "1m3pid2yuj5bw",
 		"tsconfig.build.json": "976e92rva922",
 		"example/svelte/pages/SvelteExample.svelte": "1um210xkshf8o",
 		"example/svelte/components/Counter.svelte": "1p92uo1pko0wo",

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

@@ -107,29 +107,88 @@ export const handleSvelteUpdate = (message: {
 		);
 	}
 
-	/* Preserve existing stylesheets so they survive the unmount/mount cycle.
-	   Svelte removes <svelte:head> content (including <link> tags) on unmount,
-	   causing FOUC when a child component changes (no cssUrl to pre-load). */
-	const headLinks = document.querySelectorAll<HTMLLinkElement>(
-		'head link[rel="stylesheet"]'
-	);
-	headLinks.forEach(function (link) {
-		const clone = link.cloneNode(true) as HTMLLinkElement;
-		clone.dataset.hmrPreserved = 'true';
-		document.head.appendChild(clone);
-	});
+	/* Preserve styles as inline <style> elements so they survive the
+	   unmount/mount cycle. Svelte removes <svelte:head> content (including
+	   <link> tags) on unmount. Inline styles apply synchronously — unlike
+	   cloned <link> tags which need to re-fetch even from cache. */
+	const preservedStyles: HTMLStyleElement[] = [];
+	document
+		.querySelectorAll<HTMLLinkElement>('head link[rel="stylesheet"]')
+		.forEach(function (link) {
+			try {
+				const sheet = link.sheet;
+				if (sheet && sheet.cssRules.length > 0) {
+					const style = document.createElement('style');
+					style.dataset.hmrPreserved = 'true';
+					let rules = '';
+					for (let idx = 0; idx < sheet.cssRules.length; idx++) {
+						rules += sheet.cssRules[idx]!.cssText + '\n';
+					}
+					style.textContent = rules;
+					document.head.appendChild(style);
+					preservedStyles.push(style);
+				}
+			} catch (_err) {
+				/* Cross-origin sheets (e.g. Google Fonts) — clone as fallback */
+				const clone = link.cloneNode(true) as HTMLLinkElement;
+				clone.dataset.hmrPreserved = 'true';
+				document.head.appendChild(clone);
+			}
+		});
+
+	/* Also preserve Svelte injected <style> tags (css: 'injected' mode) */
+	document
+		.querySelectorAll<HTMLStyleElement>(
+			'head style:not([data-hmr-preserved])'
+		)
+		.forEach(function (style) {
+			const clone = document.createElement('style');
+			clone.dataset.hmrPreserved = 'true';
+			clone.textContent = style.textContent;
+			document.head.appendChild(clone);
+		});
 
 	const modulePath = indexPath + '?t=' + Date.now();
 	import(/* @vite-ignore */ modulePath)
 		.then(function () {
-			/* Remove preserved copies — new svelte:head has re-added fresh ones */
-			document
-				.querySelectorAll('link[data-hmr-preserved="true"]')
-				.forEach(function (link) {
-					link.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.13"
+	"version": "0.17.15-beta.0"
 }