@absolutejs/absolute 0.17.13 → 0.17.14

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,26 +107,55 @@ 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 */
+			/* Remove preserved copies — new svelte:head and mount() added fresh ones */
 			document
-				.querySelectorAll('link[data-hmr-preserved="true"]')
-				.forEach(function (link) {
-					link.remove();
+				.querySelectorAll('[data-hmr-preserved="true"]')
+				.forEach(function (element) {
+					element.remove();
 				});
 			restoreDOMState(document.body, domState);
 			restoreScrollState(scrollState);

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.14"
 }