chore: use custom error class for navigation

Author: richardjelinek-fastest

src/create-router.svelte.js

@@ -2,6 +2,7 @@ import { BROWSER, DEV } from 'esm-env';
 import { isActive } from './helpers/is-active.js';
 import { matchRoute } from './helpers/match-route.js';
 import { preload, preloadOnHover } from './helpers/preload.js';
+import { Navigation } from './navigation.js';
 import {
 	constructPath,
 	join,
@@ -113,7 +114,7 @@ export function createRouter(r) {
 function navigate(path, options = {}) {
 	if (typeof path === 'number') {
 		globalThis.history.go(path);
-		return new Error(`Navigating to history entry: ${path}`);
+		return new Navigation(`History entry: ${path}`);
 	}
 
 	path = constructPath(path, options.params);
@@ -127,7 +128,7 @@ function navigate(path, options = {}) {
 		path = new URL(path).hash;
 	}
 	onNavigate(path, options);
-	return new Error(`Navigating to: ${path}${options?.search ?? ''}${options?.hash ?? ''}`);
+	return new Navigation(`${path}${options?.search ?? ''}${options?.hash ?? ''}`);
 }
 
 /** @param {string} [path] */

src/index.d.ts

@@ -103,6 +103,10 @@ export type IsActiveLink = Action<
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface RouteMeta {}
 
+export class Navigation extends Error {
+	constructor(target: string);
+}
+
 export type RouterApi<T extends Routes> = {
 	/**
 	 * Construct a path while ensuring type safety.

src/index.js

@@ -1,4 +1,5 @@
 export { isActiveLink } from './actions.svelte.js';
 export { createRouter } from './create-router.svelte.js';
+export { Navigation } from './navigation.js';
 export { default as Router } from './Router.svelte';
 export { searchParams } from './search-params.svelte.js';

src/navigation.js

@@ -0,0 +1,9 @@
+export class Navigation extends Error {
+	constructor(
+		/** @type {string} target */
+		target,
+	) {
+		super(`Navigating to: ${target}`);
+		this.name = 'Redirect';
+	}
+}