kenspeckle 0.1.3 → 0.1.4

package/dist/kit/types.d.ts

@@ -2,6 +2,8 @@
 export interface Navigation {
     complete: Promise<void>;
     type?: string;
+    /** Optional because SvelteKit 2 has no such field; only Kit 3 reports it. */
+    shallow?: boolean;
     delta?: number | null;
     from?: {
         url: URL;

package/dist/kit/view-transition.js

@@ -25,30 +25,39 @@ export function isRetreat(navigation) {
 }
 /** @internal — the handler `viewTransition()` registers, exported so it is testable without a component. */
 export function navigationTransition({ onStart, onSettle, ...rest } = {}) {
-    return (navigation) => new Promise((resolve) => {
-        let transitioning = false;
-        runViewTransition(async () => {
-            // resolve() BEFORE awaiting breaks a mutual wait: Kit holds the navigation until this
-            // promise settles, the browser holds the snapshot until the callback settles.
-            resolve();
-            await navigation.complete;
-            if (transitioning)
-                beginPhase(navigation, 'arrival');
-        }, {
-            ...rest,
-            state: isRetreat(navigation) ? 'retreat' : 'forward',
-            onStart: () => {
-                transitioning = true;
-                beginPhase(navigation, 'capture');
-                onStart?.(navigation);
-            },
-            onSettle: () => {
-                transitioning = false;
-                endTransition();
-                onSettle?.();
-            }
+    return (navigation) => {
+        // SvelteKit 3 fires onNavigate for a shallow navigation; Kit 2 never did. The route is
+        // unchanged, so there is no arrival to cross-fade to, and holding the navigation suspends
+        // rendering — a call site that strips a query param and then calls window.print()
+        // synchronously would print a suspended page. A consumer who does want a shallow change
+        // animated has `viewTransition(update)`, which says so at the call site.
+        if (navigation.shallow)
+            return Promise.resolve();
+        return new Promise((resolve) => {
+            let transitioning = false;
+            runViewTransition(async () => {
+                // resolve() BEFORE awaiting breaks a mutual wait: Kit holds the navigation until this
+                // promise settles, the browser holds the snapshot until the callback settles.
+                resolve();
+                await navigation.complete;
+                if (transitioning)
+                    beginPhase(navigation, 'arrival');
+            }, {
+                ...rest,
+                state: isRetreat(navigation) ? 'retreat' : 'forward',
+                onStart: () => {
+                    transitioning = true;
+                    beginPhase(navigation, 'capture');
+                    onStart?.(navigation);
+                },
+                onSettle: () => {
+                    transitioning = false;
+                    endTransition();
+                    onSettle?.();
+                }
+            });
         });
-    });
+    };
 }
 export function viewTransition(first, second) {
     if (typeof first === 'function')

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "kenspeckle",
-	"version": "0.1.3",
+	"version": "0.1.4",
 	"description": "Svelte 5 utilities under one naming convention: attachments first-class, view transitions, and a state machine with context.",
 	"license": "MIT",
 	"author": "Brandon Pittman <brandon@brandonpittman.com>",
@@ -51,7 +51,7 @@
 	},
 	"peerDependencies": {
 		"svelte": "^5.40.0",
-		"@sveltejs/kit": "^2.0.0"
+		"@sveltejs/kit": "^2.0.0 || ^3.0.0-next.0"
 	},
 	"peerDependenciesMeta": {
 		"@sveltejs/kit": {