@storybook/tanstack-react 10.6.0 → 10.6.1

package/dist/_browser-chunks/{chunk-LTDGLEVR.js → chunk-NGWBYAM4.js}

@@ -1,4 +1,5 @@
 // src/routing/path-utils.ts
+import { interpolatePath } from "@tanstack/react-router";
 var possiblyNestedRouteGroupPatternRegex = /\([^/]+\)\/?/g;
 function removeGroups(s) {
   return s.replace(possiblyNestedRouteGroupPatternRegex, "");
@@ -20,8 +21,15 @@ function isPathlessFileRouteId(id) {
   let segments = id.split("/").filter(Boolean), lastSegment = segments[segments.length - 1];
   return lastSegment != null && isPathlessSegment(lastSegment);
 }
+function interpolateStoryPath(path, params) {
+  return interpolatePath.length >= 2 ? interpolatePath(path, toPathInterpolationSegments(path), params) : interpolatePath({ path, params }).interpolatedPath;
+}
+function toPathInterpolationSegments(path) {
+  return path.split("/").filter(Boolean).map((part) => part === "$" ? [2, "_splat", "/", void 0] : part.startsWith("$") ? [1, part.slice(1), "/", ""] : `/${part}`);
+}
 
 export {
   normalizeFileRoutePath,
-  isPathlessFileRouteId
+  isPathlessFileRouteId,
+  interpolateStoryPath
 };

package/dist/_browser-chunks/{chunk-HRV4LMK3.js → chunk-O6D7CVOG.js}

@@ -1,6 +1,7 @@
 import {
+  interpolateStoryPath,
   normalizeFileRoutePath
-} from "./chunk-LTDGLEVR.js";
+} from "./chunk-NGWBYAM4.js";
 import {
   __export
 } from "./chunk-4BE7D4DS.js";
@@ -23,7 +24,6 @@ import {
   createRoute as createRoute2,
   createRouter,
   defaultStringifySearch,
-  interpolatePath as interpolatePath2,
   RouterProvider
 } from "@tanstack/react-router";
 import React from "react";
@@ -33,7 +33,6 @@ import {
   createRoute,
   RootRoute,
   createRootRouteWithContext,
-  interpolatePath,
   joinPaths
 } from "@tanstack/react-router";
 var MAX_PARENT_WALK = 50;
@@ -122,7 +121,7 @@ function resolveStoryLeaf(tree, {
   if (path) {
     let bound = boundRouteId ? byId.get(boundRouteId) : void 0;
     if (bound) {
-      let boundCandidate = mountPathFor(bound), boundInterpolated = params ? interpolatePath({ path: boundCandidate, params }).interpolatedPath : boundCandidate;
+      let boundCandidate = mountPathFor(bound), boundInterpolated = params ? interpolateStoryPath(boundCandidate, params) : boundCandidate;
       if (boundCandidate === path || boundInterpolated === path)
         return bound;
     }
@@ -130,7 +129,7 @@ function resolveStoryLeaf(tree, {
     for (let route of byId.values()) {
       if (route === root)
         continue;
-      let candidate = mountPathFor(route), isLiteral = candidate === path, interpolated = params ? interpolatePath({ path: candidate, params }).interpolatedPath : candidate;
+      let candidate = mountPathFor(route), isLiteral = candidate === path, interpolated = params ? interpolateStoryPath(candidate, params) : candidate;
       if (!isLiteral && interpolated !== path)
         continue;
       (isLiteral === bestLiteral ? candidate.length > bestMatchLength : isLiteral) && (bestMatch = route, bestLiteral = isLiteral, bestMatchLength = candidate.length);
@@ -178,10 +177,7 @@ function createStoryRouter({
   context,
   routerContext
 }) {
-  let routerParameters = context.parameters.tanstack?.router ?? {}, { tree, leaf } = resolveTree(Story, context), routeTree = tree.root, inferredPath = routerParameters?.path || leaf.fullPath || (leaf.id ? normalizeFileRoutePath(leaf.id) : void 0) || mountPathFor(leaf), resolvedPath = interpolatePath2({
-    path: inferredPath,
-    params: routerParameters?.params ?? {}
-  }).interpolatedPath, search = routerParameters?.query ? defaultStringifySearch(routerParameters.query) : "";
+  let routerParameters = context.parameters.tanstack?.router ?? {}, { tree, leaf } = resolveTree(Story, context), routeTree = tree.root, inferredPath = routerParameters?.path || leaf.fullPath || (leaf.id ? normalizeFileRoutePath(leaf.id) : void 0) || mountPathFor(leaf), resolvedPath = interpolateStoryPath(inferredPath, routerParameters?.params ?? {}), search = routerParameters?.query ? defaultStringifySearch(routerParameters.query) : "";
   search && (resolvedPath += search);
   let history = createMemoryHistory({
     initialEntries: [resolvedPath]

package/dist/export-mocks/react-router.js

@@ -1,7 +1,7 @@
 import {
   isPathlessFileRouteId,
   normalizeFileRoutePath
-} from "../_browser-chunks/chunk-LTDGLEVR.js";
+} from "../_browser-chunks/chunk-NGWBYAM4.js";
 import {
   onNavigate
 } from "../_browser-chunks/chunk-4CKCBIXI.js";

package/dist/index.js

@@ -1,7 +1,7 @@
 import {
   preview_exports
-} from "./_browser-chunks/chunk-HRV4LMK3.js";
-import "./_browser-chunks/chunk-LTDGLEVR.js";
+} from "./_browser-chunks/chunk-O6D7CVOG.js";
+import "./_browser-chunks/chunk-NGWBYAM4.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/index.ts

package/dist/node/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_lwgsdkaxdh from 'node:url';
-import CJS_COMPAT_NODE_PATH_lwgsdkaxdh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_lwgsdkaxdh from "node:module";
+import CJS_COMPAT_NODE_URL_eef6c53as6q from 'node:url';
+import CJS_COMPAT_NODE_PATH_eef6c53as6q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_eef6c53as6q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_lwgsdkaxdh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_lwgsdkaxdh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_lwgsdkaxdh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_eef6c53as6q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_eef6c53as6q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_eef6c53as6q.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_lwgsdkaxdh from 'node:url';
-import CJS_COMPAT_NODE_PATH_lwgsdkaxdh from 'node:path';
-import CJS_COMPAT_NODE_MODULE_lwgsdkaxdh from "node:module";
+import CJS_COMPAT_NODE_URL_eef6c53as6q from 'node:url';
+import CJS_COMPAT_NODE_PATH_eef6c53as6q from 'node:path';
+import CJS_COMPAT_NODE_MODULE_eef6c53as6q from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_lwgsdkaxdh.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_lwgsdkaxdh.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_lwgsdkaxdh.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_eef6c53as6q.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_eef6c53as6q.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_eef6c53as6q.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preview.js

@@ -4,8 +4,8 @@ import {
   loaders,
   optimizeDeps,
   parameters
-} from "./_browser-chunks/chunk-HRV4LMK3.js";
-import "./_browser-chunks/chunk-LTDGLEVR.js";
+} from "./_browser-chunks/chunk-O6D7CVOG.js";
+import "./_browser-chunks/chunk-NGWBYAM4.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   applyDecorators,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/tanstack-react",
-  "version": "10.6.0",
+  "version": "10.6.1",
   "description": "Storybook for TanStack (React, Vite): Router and Start ready Storybook framework",
   "keywords": [
     "storybook",
@@ -75,9 +75,9 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@storybook/builder-vite": "10.6.0",
-    "@storybook/react": "10.6.0",
-    "@storybook/react-vite": "10.6.0"
+    "@storybook/builder-vite": "10.6.1",
+    "@storybook/react": "10.6.1",
+    "@storybook/react-vite": "10.6.1"
   },
   "devDependencies": {
     "@tanstack/react-router": "^1.168.10",
@@ -95,7 +95,7 @@
     "@tanstack/start-client-core": "^1.167.9",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "storybook": "^10.6.0",
+    "storybook": "^10.6.1",
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "peerDependenciesMeta": {