@real-router/svelte 0.5.0 → 0.6.0

package/README.md

@@ -384,9 +384,9 @@ Full documentation: [Wiki](https://github.com/greydragon888/real-router/wiki)
 
 ## Examples
 
-16 runnable examples — each is a standalone Vite app. Run: `cd examples/svelte/basic && pnpm dev`
+16 runnable examples — each is a standalone Vite app. Run: `cd examples/web/svelte/basic && pnpm dev`
 
-[basic](../../examples/svelte/basic) · [nested-routes](../../examples/svelte/nested-routes) · [auth-guards](../../examples/svelte/auth-guards) · [data-loading](../../examples/svelte/data-loading) · [lazy-loading](../../examples/svelte/lazy-loading) · [async-guards](../../examples/svelte/async-guards) · [hash-routing](../../examples/svelte/hash-routing) · [persistent-params](../../examples/svelte/persistent-params) · [error-handling](../../examples/svelte/error-handling) · [dynamic-routes](../../examples/svelte/dynamic-routes) · [link-action](../../examples/svelte/link-action) · [lazy-loading-svelte](../../examples/svelte/lazy-loading-svelte) · [snippets-routing](../../examples/svelte/snippets-routing) · [reactive-source](../../examples/svelte/reactive-source) · [search-schema](../../examples/svelte/search-schema) · [combined](../../examples/svelte/combined)
+[basic](../../examples/web/svelte/basic) · [nested-routes](../../examples/web/svelte/nested-routes) · [auth-guards](../../examples/web/svelte/auth-guards) · [data-loading](../../examples/web/svelte/data-loading) · [lazy-loading](../../examples/web/svelte/lazy-loading) · [async-guards](../../examples/web/svelte/async-guards) · [hash-routing](../../examples/web/svelte/hash-routing) · [persistent-params](../../examples/web/svelte/persistent-params) · [error-handling](../../examples/web/svelte/error-handling) · [dynamic-routes](../../examples/web/svelte/dynamic-routes) · [link-action](../../examples/web/svelte/link-action) · [lazy-loading-svelte](../../examples/web/svelte/lazy-loading-svelte) · [snippets-routing](../../examples/web/svelte/snippets-routing) · [reactive-source](../../examples/web/svelte/reactive-source) · [search-schema](../../examples/web/svelte/search-schema) · [combined](../../examples/web/svelte/combined)
 
 ## Related Packages
 

package/dist/components/RouteView.svelte

@@ -1,6 +1,10 @@
 <script lang="ts" module>
   import { startsWithSegment } from "@real-router/route-utils";
 
+  // Snippet names reserved by RouteView for non-segment slots. Iteration in
+  // `getActiveSegment` skips these so they don't accidentally match a route.
+  const RESERVED_SLOT_NAMES = new Set(["self", "notFound"]);
+
   export function getActiveSegment(
     routeName: string,
     node: string,
@@ -9,7 +13,7 @@
     const prefix = node ? `${node}.` : "";
 
     for (const segment in snippets) {
-      if (segment === "notFound") continue;
+      if (RESERVED_SLOT_NAMES.has(segment)) continue;
       if (startsWithSegment(routeName, prefix + segment)) {
         return segment;
       }
@@ -28,10 +32,12 @@
 
   let {
     nodeName,
+    self,
     notFound,
     ...segmentSnippets
   }: {
     nodeName: string;
+    self?: Snippet;
     notFound?: Snippet;
     [key: string]: Snippet | string | undefined;
   } = $props();
@@ -45,6 +51,8 @@
   {#if segment}
     {@const snippet = segmentSnippets[segment] as Snippet}
     {@render snippet()}
+  {:else if self && route.name === nodeName}
+    {@render self()}
   {:else if route.name === UNKNOWN_ROUTE && notFound}
     {@render notFound()}
   {/if}

package/dist/components/RouteView.svelte.d.ts

@@ -2,6 +2,7 @@ export declare function getActiveSegment(routeName: string, node: string, snippe
 import type { Snippet } from "svelte";
 type $$ComponentProps = {
     nodeName: string;
+    self?: Snippet;
     notFound?: Snippet;
     [key: string]: Snippet | string | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@real-router/svelte",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "type": "module",
   "description": "Svelte 5 integration for Real-Router",
   "svelte": "./dist/index.js",
@@ -44,7 +44,7 @@
   "license": "MIT",
   "sideEffects": false,
   "dependencies": {
-    "@real-router/core": "^0.50.0",
+    "@real-router/core": "^0.50.1",
     "@real-router/route-utils": "^0.2.1",
     "@real-router/sources": "^0.7.2"
   },
@@ -58,7 +58,7 @@
     "svelte": "5.54.0",
     "svelte-check": "4.4.5",
     "svelte-eslint-parser": "1.6.0",
-    "@real-router/browser-plugin": "^0.14.0"
+    "@real-router/browser-plugin": "^0.15.1"
   },
   "peerDependencies": {
     "svelte": ">=5.7.0"

package/src/components/RouteView.svelte

@@ -1,6 +1,10 @@
 <script lang="ts" module>
   import { startsWithSegment } from "@real-router/route-utils";
 
+  // Snippet names reserved by RouteView for non-segment slots. Iteration in
+  // `getActiveSegment` skips these so they don't accidentally match a route.
+  const RESERVED_SLOT_NAMES = new Set(["self", "notFound"]);
+
   export function getActiveSegment(
     routeName: string,
     node: string,
@@ -9,7 +13,7 @@
     const prefix = node ? `${node}.` : "";
 
     for (const segment in snippets) {
-      if (segment === "notFound") continue;
+      if (RESERVED_SLOT_NAMES.has(segment)) continue;
       if (startsWithSegment(routeName, prefix + segment)) {
         return segment;
       }
@@ -28,10 +32,12 @@
 
   let {
     nodeName,
+    self,
     notFound,
     ...segmentSnippets
   }: {
     nodeName: string;
+    self?: Snippet;
     notFound?: Snippet;
     [key: string]: Snippet | string | undefined;
   } = $props();
@@ -45,6 +51,8 @@
   {#if segment}
     {@const snippet = segmentSnippets[segment] as Snippet}
     {@render snippet()}
+  {:else if self && route.name === nodeName}
+    {@render self()}
   {:else if route.name === UNKNOWN_ROUTE && notFound}
     {@render notFound()}
   {/if}