@storybook/tanstack-react 10.5.4 → 10.5.5

package/dist/_browser-chunks/{chunk-4W5ZAMIP.js → chunk-6UULZFFJ.js}

@@ -55,12 +55,12 @@ function initSourceTree(route, counter) {
       initSourceTree(child, counter);
 }
 function cloneChild(oldRoute, parent, overrides, byId) {
-  let options = oldRoute.options ?? {}, { id: originalId, getParentRoute: _g, ...rest } = options, override = getOverrideFor(overrides, oldRoute.id), merged = { ...rest, ...override }, cloned = createRoute({
-    ...!merged.path && originalId != null ? { id: originalId } : {},
+  let options = oldRoute.options ?? {}, { id: originalId, getParentRoute: _g, ...rest } = options, override = getOverrideFor(overrides, oldRoute.id), { id: overrideId, ...overrideRest } = override, merged = { ...rest, ...overrideRest }, explicitId = "id" in override ? overrideId : originalId, cloned = createRoute({
+    ...!merged.path && explicitId != null ? { id: explicitId } : {},
     ...merged,
     getParentRoute: () => parent
   });
-  byId.set(oldRoute.id, cloned);
+  merged.path && explicitId != null && cloned.update({ id: explicitId }), byId.set(oldRoute.id, cloned);
   let children = oldRoute.children;
   if (children?.length) {
     let clonedChildren = children.map(
@@ -96,6 +96,11 @@ function mountPathFor(route) {
   }
   return joinPaths(["/", ...segments]);
 }
+function originalRouteId(tree, route) {
+  for (let [id, cloned] of tree.byId)
+    if (cloned === route)
+      return id;
+}
 function resolveStoryLeaf(tree, { path, boundRouteId }) {
   let { root, byId } = tree;
   if (path) {
@@ -198,7 +203,7 @@ function resolveTree(Story, context) {
       path: routerParameters.path,
       boundRouteId: resolvedRoute && resolvedRoute !== rootRoute ? resolvedRoute.id : void 0
     });
-    injectStoryComponent(leaf, Story, routeOverrides, leaf.id);
+    injectStoryComponent(leaf, Story, routeOverrides, originalRouteId(tree, leaf) ?? leaf.id);
     let renderLeaf = ensureMatchableLeaf(tree, leaf);
     return { tree, leaf: renderLeaf };
   }
@@ -208,7 +213,7 @@ function resolveTree(Story, context) {
     );
     routerParameterRoute.update({ getParentRoute: () => syntheticRoot2 }), syntheticRoot2.addChildren([routerParameterRoute]);
     let tree = duplicateRouteTree(syntheticRoot2, { overrides: routeOverrides }), leaf = tree.byId.get(routerParameterRoute.id) ?? tree.root;
-    injectStoryComponent(leaf, Story, routeOverrides, leaf.id);
+    injectStoryComponent(leaf, Story, routeOverrides, routerParameterRoute.id);
     let renderLeaf = ensureMatchableLeaf(tree, leaf);
     return { tree, leaf: renderLeaf };
   }
@@ -218,14 +223,20 @@ function resolveTree(Story, context) {
     ...plainRouteRest
   } = plainOptions, syntheticRouteId = plainRoutePath ? void 0 : plainRouteId ?? "storybook-story", syntheticRoot = createRootRoute(
     routeOverrides?.__root__ ?? {}
-  ), syntheticChild = createRoute2({
+  ), leafOverrideKey = syntheticRouteId ?? plainRoutePath, leafOverride = leafOverrideKey ? routeOverrides?.[leafOverrideKey] ?? {} : {}, syntheticChild = createRoute2({
     component: () => React.createElement(Story, null),
     id: syntheticRouteId,
     path: plainRoutePath,
     ...plainRouteRest,
+    ...leafOverride,
     getParentRoute: () => syntheticRoot
   });
-  return syntheticRoot.addChildren([syntheticChild]), injectStoryComponent(syntheticChild, Story, routeOverrides, syntheticChild.id), {
+  return syntheticRoot.addChildren([syntheticChild]), injectStoryComponent(
+    syntheticChild,
+    Story,
+    routeOverrides,
+    syntheticRouteId ?? plainRoutePath ?? syntheticChild.id
+  ), {
     tree: { root: syntheticRoot, byId: /* @__PURE__ */ new Map([[syntheticChild.id, syntheticChild]]) },
     leaf: syntheticChild
   };

package/dist/index.d.ts

@@ -222,6 +222,8 @@ type StoryRouteOptions<TRoute = undefined> = CreateStoryRouteOptions<TRoute> | (
  * Users can override `loader`, `beforeLoad`, etc. for a specific route.
  */
 interface RouteOverrideOptions<TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] | undefined = undefined> {
+    /** Override the route's component. */
+    component?: TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] ? TRoute['options']['component'] | ComponentType : ComponentType;
     /** Override the route's loader function. */
     loader?: TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] ? TRoute['options']['loader'] | ((ctx: unknown) => Promise<unknown> | unknown) : (ctx: unknown) => Promise<unknown> | unknown;
     /** Override the route's beforeLoad function. */

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   preview_exports
-} from "./_browser-chunks/chunk-4W5ZAMIP.js";
+} from "./_browser-chunks/chunk-6UULZFFJ.js";
 import "./_browser-chunks/chunk-LTDGLEVR.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 

package/dist/node/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_riylifm5vf from 'node:url';
-import CJS_COMPAT_NODE_PATH_riylifm5vf from 'node:path';
-import CJS_COMPAT_NODE_MODULE_riylifm5vf from "node:module";
+import CJS_COMPAT_NODE_URL_k829kijno9e from 'node:url';
+import CJS_COMPAT_NODE_PATH_k829kijno9e from 'node:path';
+import CJS_COMPAT_NODE_MODULE_k829kijno9e from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_riylifm5vf.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_riylifm5vf.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_riylifm5vf.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_k829kijno9e.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_k829kijno9e.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_k829kijno9e.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_riylifm5vf from 'node:url';
-import CJS_COMPAT_NODE_PATH_riylifm5vf from 'node:path';
-import CJS_COMPAT_NODE_MODULE_riylifm5vf from "node:module";
+import CJS_COMPAT_NODE_URL_k829kijno9e from 'node:url';
+import CJS_COMPAT_NODE_PATH_k829kijno9e from 'node:path';
+import CJS_COMPAT_NODE_MODULE_k829kijno9e from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_riylifm5vf.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_riylifm5vf.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_riylifm5vf.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_k829kijno9e.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_k829kijno9e.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_k829kijno9e.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -360,16 +360,17 @@ function moduleInterceptionPlugin({
     enforce: "pre",
     resolveId: {
       order: "pre",
-      handler(id, importer) {
+      async handler(id, importer) {
+        let resolveMock = async (mockPath) => await this.resolve(mockPath, importer, { skipSelf: !0 }) ?? mockPath;
         if ((id === "@tanstack/react-router" || id.startsWith("@tanstack/react-router/")) && importer && !importer.includes("export-mocks"))
-          return routerMockPath;
+          return resolveMock(routerMockPath);
         if (START_SERVER_MODULES.includes(id) || id === "@tanstack/react-start")
-          return startMockPath;
+          return resolveMock(startMockPath);
         if (id === "@tanstack/start-storage-context")
-          return startStorageContextMockPath;
+          return resolveMock(startStorageContextMockPath);
         for (let pattern of INTERCEPTED_PATTERNS)
           if (id.includes(pattern))
-            return startMockPath;
+            return resolveMock(startMockPath);
         return null;
       }
     },

package/dist/preview.d.ts

@@ -2,6 +2,7 @@ import { LoaderFunction, Renderer, DecoratorFunction } from 'storybook/internal/
 import { applyDecorators as applyDecorators$1 } from '@storybook/react/entry-preview-docs';
 import { Register, AnyRoute, FileRoutesByPath } from '@tanstack/react-router';
 import { RoutesByPath, RouteOptions, ResolveParams, AnyContext } from '@tanstack/router-core';
+import { ComponentType } from 'react';
 import { Decorator } from '@storybook/react';
 
 /** Union of every registered full path (e.g. `'/' | '/admin/users' | '/$libraryId/$version'`). */
@@ -27,6 +28,8 @@ type StoryRouteOptions<TRoute = undefined> = CreateStoryRouteOptions<TRoute> | (
  * Users can override `loader`, `beforeLoad`, etc. for a specific route.
  */
 interface RouteOverrideOptions<TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] | undefined = undefined> {
+    /** Override the route's component. */
+    component?: TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] ? TRoute['options']['component'] | ComponentType : ComponentType;
     /** Override the route's loader function. */
     loader?: TRoute extends FileRoutesByPath[keyof FileRoutesByPath]['preLoaderRoute'] ? TRoute['options']['loader'] | ((ctx: unknown) => Promise<unknown> | unknown) : (ctx: unknown) => Promise<unknown> | unknown;
     /** Override the route's beforeLoad function. */

package/dist/preview.js

@@ -3,7 +3,7 @@ import {
   loaders,
   optimizeDeps,
   parameters
-} from "./_browser-chunks/chunk-4W5ZAMIP.js";
+} from "./_browser-chunks/chunk-6UULZFFJ.js";
 import "./_browser-chunks/chunk-LTDGLEVR.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/tanstack-react",
-  "version": "10.5.4",
+  "version": "10.5.5",
   "description": "Storybook for TanStack (React, Vite): Router and Start ready Storybook framework",
   "keywords": [
     "storybook",
@@ -75,9 +75,9 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@storybook/builder-vite": "10.5.4",
-    "@storybook/react": "10.5.4",
-    "@storybook/react-vite": "10.5.4"
+    "@storybook/builder-vite": "10.5.5",
+    "@storybook/react": "10.5.5",
+    "@storybook/react-vite": "10.5.5"
   },
   "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.5.4",
+    "storybook": "^10.5.5",
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "peerDependenciesMeta": {