crelte 0.5.4 → 0.5.6

package/dist/routing/router/ClientRouter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientRouter.d.ts","sourceRoot":"","sources":["../../../src/routing/router/ClientRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,UAAU,EAAE,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C,MAAM,MAAM,mBAAmB,GAAG;IACjC,kBAAkB,EAAE,OAAO,CAAC;CAC5B,GAAG,iBAAiB,CAAC;AAEtB,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IACnD,OAAO,CAAC,qBAAqB,CAAa;IAC1C,OAAO,CAAC,kBAAkB,CAAU;IAEpC,OAAO,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;gBAE5B,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,mBAAmB;IAQ/D;;OAEG;IACG,IAAI;IAuBV;;OAEG;IACG,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;IA6ChD,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,GAAE,cAAmB;IAYpD,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,GAAE,cAAmB;IAiB7D,IAAI,IAAI,IAAI;IAIZ;;;OAGG;IACG,qBAAqB,CAC1B,GAAG,EAAE,OAAO,EACZ,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GACnC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;IASxB,MAAM;IAgEN,QAAQ;IAgCR,YAAY,CAAC,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,GAAG,IAAI;CAwEpD"}
+{"version":3,"file":"ClientRouter.d.ts","sourceRoot":"","sources":["../../../src/routing/router/ClientRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,UAAU,EAAE,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C,MAAM,MAAM,mBAAmB,GAAG;IACjC,kBAAkB,EAAE,OAAO,CAAC;CAC5B,GAAG,iBAAiB,CAAC;AAEtB,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,UAAU;IACnD,OAAO,CAAC,qBAAqB,CAAa;IAC1C,OAAO,CAAC,kBAAkB,CAAU;IAEpC,OAAO,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;gBAE5B,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,mBAAmB;IAQ/D;;OAEG;IACG,IAAI;IA8BV;;OAEG;IACG,WAAW,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;IA6ChD,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,GAAE,cAAmB;IAYpD,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,GAAE,cAAmB;IAiB7D,IAAI,IAAI,IAAI;IAIZ;;;OAGG;IACG,qBAAqB,CAC1B,GAAG,EAAE,OAAO,EACZ,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,GACnC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;IASxB,MAAM;IAgEN,QAAQ;IAgCR,YAAY,CAAC,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,GAAG,IAAI;CA8DpD"}

package/dist/routing/router/ClientRouter.js

@@ -21,6 +21,10 @@ export default class ClientRouter extends BaseRouter {
             disableScroll: true,
         });
         req.z_fillFromState(window.history.state);
+        if (req.inLivePreview()) {
+            const scrollY = parseInt(sessionStorage.getItem('live-preview-scroll') ?? '');
+            req.scrollY = Number.isInteger(scrollY) ? scrollY : null;
+        }
         window.history.scrollRestoration = 'manual';
         if (req.scrollY) {
             // restore scroll position instantly (instead of waiting until svelte
@@ -187,19 +191,8 @@ export default class ClientRouter extends BaseRouter {
             return;
         // scroll to target
         let scrollTo = null;
-        // if the route is a live preview init and we have a scrollY stored
-        // scroll to that
-        if (req.inLivePreview()) {
-            const scrollY = sessionStorage.getItem('live-preview-scroll');
-            if (scrollY) {
-                scrollTo = {
-                    top: parseInt(scrollY),
-                    behavior: 'instant',
-                };
-            }
-            // if we have a hash and the route was not visited
-        }
-        else if (req.hash &&
+        // if we have a hash and the route was not visited
+        if (req.hash &&
             ((req.origin === 'init' && typeof req.scrollY !== 'number') ||
                 req.origin === 'click')) {
             const el = document.getElementById(req.hash.substring(1));

package/dist/ssr/SsrComponents.js

@@ -20,10 +20,10 @@ export default class SsrComponents {
         let head = '';
         for (const req of requirements) {
             if (req.endsWith('.js')) {
-                head += `\n\t\t<link rel="preload" href="${req}" as="script">`;
+                head += `\n\t\t<link rel="modulepreload" crossorigin href="${req}">`;
             }
             else if (req.endsWith('.css')) {
-                head += `\n\t\t<link rel="stylesheet" href="${req}">`;
+                head += `\n\t\t<link rel="stylesheet" crossorigin href="${req}">`;
             }
         }
         return head;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "crelte",
-	"version": "0.5.4",
+	"version": "0.5.6",
 	"author": "Crelte <support@crelte.com>",
 	"type": "module",
 	"scripts": {

package/src/routing/router/ClientRouter.ts

@@ -36,6 +36,13 @@ export default class ClientRouter extends BaseRouter {
 		});
 		req.z_fillFromState(window.history.state);
 
+		if (req.inLivePreview()) {
+			const scrollY = parseInt(
+				sessionStorage.getItem('live-preview-scroll') ?? '',
+			);
+			req.scrollY = Number.isInteger(scrollY) ? scrollY : null;
+		}
+
 		window.history.scrollRestoration = 'manual';
 		if (req.scrollY) {
 			// restore scroll position instantly (instead of waiting until svelte
@@ -253,18 +260,8 @@ export default class ClientRouter extends BaseRouter {
 			| { intoView: HTMLElement; behavior: ScrollBehavior }
 			| null = null;
 
-		// if the route is a live preview init and we have a scrollY stored
-		// scroll to that
-		if (req.inLivePreview()) {
-			const scrollY = sessionStorage.getItem('live-preview-scroll');
-			if (scrollY) {
-				scrollTo = {
-					top: parseInt(scrollY),
-					behavior: 'instant',
-				};
-			}
-			// if we have a hash and the route was not visited
-		} else if (
+		// if we have a hash and the route was not visited
+		if (
 			req.hash &&
 			((req.origin === 'init' && typeof req.scrollY !== 'number') ||
 				req.origin === 'click')

package/src/ssr/SsrComponents.ts

@@ -24,9 +24,9 @@ export default class SsrComponents {
 		let head = '';
 		for (const req of requirements) {
 			if (req.endsWith('.js')) {
-				head += `\n\t\t<link rel="preload" href="${req}" as="script">`;
+				head += `\n\t\t<link rel="modulepreload" crossorigin href="${req}">`;
 			} else if (req.endsWith('.css')) {
-				head += `\n\t\t<link rel="stylesheet" href="${req}">`;
+				head += `\n\t\t<link rel="stylesheet" crossorigin href="${req}">`;
 			}
 		}