sv-router 0.10.4 → 0.10.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sv-router",
-  "version": "0.10.4",
+  "version": "0.10.5",
   "description": "Modern Svelte Routing",
   "keywords": [
     "svelte",

package/src/create-router.svelte.js

@@ -26,7 +26,17 @@ export const base = {
 /** @type {{ value: import('svelte').Component[] }} */
 export let componentTree = $state({ value: [] });
 
-export let location = $state(updatedLocation());
+export let location = $state({ pathname: '/', search: '', state: null, hash: '' });
+
+if (BROWSER) {
+	queueMicrotask(() => {
+		const updated = updatedLocation();
+		location.pathname = updated.pathname;
+		location.search = updated.search;
+		location.state = updated.state;
+		location.hash = updated.hash;
+	});
+}
 
 /** @type {{ value: Record<string, string> }} */
 let params = $state({ value: {} });
@@ -247,7 +257,8 @@ export function onGlobalClick(event) {
 	if (
 		anchor.hasAttribute('target') ||
 		anchor.hasAttribute('download') ||
-		!anchor.hasAttribute('href')
+		!anchor.hasAttribute('href') ||
+		anchor.getAttribute('href')?.startsWith('#')
 	)
 		return;
 
@@ -260,10 +271,20 @@ export function onGlobalClick(event) {
 
 	event.preventDefault();
 	const { replace, state, scrollToTop, viewTransition } = anchor.dataset;
+
+	let parsedState;
+	if (state) {
+		try {
+			parsedState = JSON.parse(state);
+		} catch {
+			parsedState = state;
+		}
+	}
+
 	onNavigate(path, {
 		replace: replace === '' || replace === 'true',
 		search: url.search,
-		state,
+		state: parsedState,
 		hash,
 		scrollToTop: scrollToTop === 'false' ? false : /** @type ScrollBehavior */ (scrollToTop),
 		viewTransition: viewTransition === '' || viewTransition === 'true',

package/src/index.d.ts

@@ -241,14 +241,14 @@ export type HooksContext = {
 	pathname: string;
 	replace?: boolean;
 	search: Record<string, string | number | boolean>;
-	state?: string;
+	state?: unknown;
 };
 
 export type NavigateOptions =
 	| {
 			replace?: boolean;
 			search?: Search;
-			state?: string;
+			state?: unknown;
 			hash?: string;
 			scrollToTop?: ScrollBehavior | false;
 			viewTransition?: boolean;