Register route also when page is rendered server side

.history/dist/components/Route/Route_20251007173551.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+  import { onMount, onDestroy } from "svelte";
+  import { useRouter } from "../../lib/contexts.js";
+  import { canUseDOM } from "../../lib/utils.js";
+  import type { RouteProps, RouteParams } from "./Route.js";
+
+  let { path = "", component, children, ...rest }: RouteProps = $props();
+
+  let routeParams = $state<RouteParams>({});
+  let routeProps = $state({});
+
+  const { registerRoute, unregisterRoute, activeRoute } = useRouter();
+
+  const route = {
+    path,
+    // If no path prop is given, this Route will act as the default Route
+    // that is rendered if no other Route in the Router is a match.
+    default: path === "",
+  };
+
+  $effect.pre(() => {
+    if ($activeRoute && $activeRoute.route === route) {
+      routeParams = $activeRoute.params;
+
+      canUseDOM() && !$activeRoute.preserveScroll && window?.scrollTo(0, 0);
+    }
+  });
+
+  onMount(() => {
+    registerRoute(route);
+  })
+
+  // Handle SSR mode 
+  if (typeof window === "undefined") {
+    registerRoute(route);
+  }
+
+  onDestroy(() => {
+    unregisterRoute(route);
+  });
+
+  let PropComponent = component;
+</script>
+
+{#if $activeRoute && $activeRoute.route === route}
+  {#if PropComponent}
+    <PropComponent {...routeParams} {...rest} />
+  {:else}
+    {@render children?.(routeParams)}
+  {/if}
+{/if}

.svelte-kit/__package__/components/Route/Route.svelte → .history/dist/components/Route/Route_20251007173857.svelte

@@ -30,6 +30,11 @@
     registerRoute(route);
   });
 
+  // Handle SSR mode 
+  if (typeof window === "undefined") {
+    registerRoute(route);
+  }
+
   onDestroy(() => {
     unregisterRoute(route);
   });

.history/package_20251007172558.json

@@ -0,0 +1,62 @@
+{
+  "name": "svelte5-router",
+  "version": "3.0.2",
+  "author": "Jacob Cutshall @jpcutshall",
+  "license": "MIT",
+  "type": "module",
+  "description": "A declarative Svelte routing library with SSR support",
+  "scripts": {
+    "package": "svelte-package",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "test": "vite -c vite.config.ts --force tests/"
+  },
+  "keywords": [
+    "svelte routing",
+    "svelte",
+    "sveltejs",
+    "route",
+    "router",
+    "routing",
+    "svelte route",
+    "svelte router",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jpcutshall/svelte5-router.git"
+  },
+  "bugs": {
+    "url": "https://github.com/jpcutshall/svelte5-router/issues"
+  },
+  "homepage": "https://github.com/jpcutshall/svelte5-router",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "svelte": "./dist/index.js",
+  "default": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^3.3.1",
+    "@sveltejs/package": "^2.3.7",
+    "@sveltejs/vite-plugin-svelte": "^4.0.1",
+    "@tsconfig/svelte": "^5.0.4",
+    "prettier": "^3.2.5",
+    "prettier-plugin-svelte": "^3.2.3",
+    "svelte": "^5.2.3",
+    "svelte-check": "^4.0.9",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "svelte5-router": "./dist"
+  }
+}

.history/package_20251007173410.json

@@ -0,0 +1,62 @@
+{
+  "name": "svelte5-router",
+  "version": "3.0.3",
+  "author": "Jacob Cutshall @jpcutshall",
+  "license": "MIT",
+  "type": "module",
+  "description": "A declarative Svelte routing library with SSR support",
+  "scripts": {
+    "package": "svelte-package",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "test": "vite -c vite.config.ts --force tests/"
+  },
+  "keywords": [
+    "svelte routing",
+    "svelte",
+    "sveltejs",
+    "route",
+    "router",
+    "routing",
+    "svelte route",
+    "svelte router",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jpcutshall/svelte5-router.git"
+  },
+  "bugs": {
+    "url": "https://github.com/jpcutshall/svelte5-router/issues"
+  },
+  "homepage": "https://github.com/jpcutshall/svelte5-router",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "svelte": "./dist/index.js",
+  "default": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^3.3.1",
+    "@sveltejs/package": "^2.3.7",
+    "@sveltejs/vite-plugin-svelte": "^4.0.1",
+    "@tsconfig/svelte": "^5.0.4",
+    "prettier": "^3.2.5",
+    "prettier-plugin-svelte": "^3.2.3",
+    "svelte": "^5.2.3",
+    "svelte-check": "^4.0.9",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "svelte5-router": "./dist"
+  }
+}

.history/package_20251013180505.json

@@ -0,0 +1,62 @@
+{
+  "name": "svelte5-router",
+  "version": "3.0.4",
+  "author": "Jacob Cutshall @jpcutshall",
+  "license": "MIT",
+  "type": "module",
+  "description": "A declarative Svelte routing library with SSR support",
+  "scripts": {
+    "package": "svelte-package",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "test": "vite -c vite.config.ts --force tests/"
+  },
+  "keywords": [
+    "svelte routing",
+    "svelte",
+    "sveltejs",
+    "route",
+    "router",
+    "routing",
+    "svelte route",
+    "svelte router",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jpcutshall/svelte5-router.git"
+  },
+  "bugs": {
+    "url": "https://github.com/jpcutshall/svelte5-router/issues"
+  },
+  "homepage": "https://github.com/jpcutshall/svelte5-router",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "svelte": "./dist/index.js",
+  "default": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^3.3.1",
+    "@sveltejs/package": "^2.3.7",
+    "@sveltejs/vite-plugin-svelte": "^4.0.1",
+    "@tsconfig/svelte": "^5.0.4",
+    "prettier": "^3.2.5",
+    "prettier-plugin-svelte": "^3.2.3",
+    "svelte": "^5.2.3",
+    "svelte-check": "^4.0.9",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "svelte5-router": "./dist"
+  }
+}

.history/src/components/Route/Route_20251007172558.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+  import { onDestroy } from "svelte";
+  import { useRouter } from "../../lib/contexts.js";
+  import { canUseDOM } from "../../lib/utils.js";
+  import type { RouteProps, RouteParams } from "./Route.js";
+
+  let { path = "", component, children, ...rest }: RouteProps = $props();
+
+  let routeParams = $state<RouteParams>({});
+  let routeProps = $state({});
+
+  const { registerRoute, unregisterRoute, activeRoute } = useRouter();
+
+  const route = {
+    path,
+    // If no path prop is given, this Route will act as the default Route
+    // that is rendered if no other Route in the Router is a match.
+    default: path === "",
+  };
+
+  $effect.pre(() => {
+    if ($activeRoute && $activeRoute.route === route) {
+      routeParams = $activeRoute.params;
+
+      canUseDOM() && !$activeRoute.preserveScroll && window?.scrollTo(0, 0);
+    }
+  });
+
+  registerRoute(route);
+
+  onDestroy(() => {
+    unregisterRoute(route);
+  });
+
+  let PropComponent = component;
+</script>
+
+{#if $activeRoute && $activeRoute.route === route}
+  {#if PropComponent}
+    <PropComponent {...routeParams} {...rest} />
+  {:else}
+    {@render children?.(routeParams)}
+  {/if}
+{/if}

.history/src/components/Route/Route_20251007173343.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+  import { onMount, onDestroy } from "svelte";
+  import { useRouter } from "../../lib/contexts.js";
+  import { canUseDOM } from "../../lib/utils.js";
+  import type { RouteProps, RouteParams } from "./Route.js";
+
+  let { path = "", component, children, ...rest }: RouteProps = $props();
+
+  let routeParams = $state<RouteParams>({});
+  let routeProps = $state({});
+
+  const { registerRoute, unregisterRoute, activeRoute } = useRouter();
+
+  const route = {
+    path,
+    // If no path prop is given, this Route will act as the default Route
+    // that is rendered if no other Route in the Router is a match.
+    default: path === "",
+  };
+
+  $effect.pre(() => {
+    if ($activeRoute && $activeRoute.route === route) {
+      routeParams = $activeRoute.params;
+
+      canUseDOM() && !$activeRoute.preserveScroll && window?.scrollTo(0, 0);
+    }
+  });
+
+  onMount(() => {
+    registerRoute(route);
+  })
+
+  // Handle SSR mode 
+  if (typeof window === "undefined") {
+    registerRoute(route);
+  }
+
+  onDestroy(() => {
+    unregisterRoute(route);
+  });
+
+  let PropComponent = component;
+</script>
+
+{#if $activeRoute && $activeRoute.route === route}
+  {#if PropComponent}
+    <PropComponent {...routeParams} {...rest} />
+  {:else}
+    {@render children?.(routeParams)}
+  {/if}
+{/if}