@storybook/tanstack-react 10.6.0-alpha.1 → 10.6.0-alpha.3

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

@@ -72,7 +72,12 @@ function cloneChild(oldRoute, parent, overrides, byId) {
 }
 function duplicateRouteTree(rootRoute, { overrides } = {}) {
   initSourceTree(rootRoute, { i: 0 });
-  let byId = /* @__PURE__ */ new Map(), rootOptions = rootRoute.options ?? {}, rootOverride = getOverrideFor(overrides, "__root__"), { id: _rootId, getParentRoute: _rootGetParent, ...restRoot } = rootOptions, newRoot = createRootRouteWithContext()({
+  let byId = /* @__PURE__ */ new Map(), rootOptions = rootRoute.options ?? {}, rootOverride = getOverrideFor(overrides, "__root__"), {
+    id: _rootId,
+    getParentRoute: _rootGetParent,
+    shellComponent: _rootShell,
+    ...restRoot
+  } = rootOptions, newRoot = createRootRouteWithContext()({
     ...restRoot,
     ...rootOverride
   });
@@ -96,6 +101,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 +208,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 +218,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 +228,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/{chunk-B2-fTWlC.d.ts → chunk-CT6Edisg.d.ts}

@@ -1,3 +1,4 @@
+import { ComponentType } from "react";
 import { CompatibleString } from "storybook/internal/types";
 import { AnyRoute, FileRoutesByPath, Register } from "@tanstack/react-router";
 import { Decorator } from "@storybook/react";
@@ -29,6 +30,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.d.ts

@@ -1,4 +1,4 @@
-import { a as TanStackPreviewOptions, c as IsRoute, d as StoryRouteOptions, i as TanStackParameters, l as RouterParameters, n as FrameworkOptions, o as TanStackTypes, r as StorybookConfig, s as CreateStoryRouteOptions, t as DefaultStoryPath, u as StoryRouteFileOptions } from "./chunk-B2-fTWlC.js";
+import { a as TanStackPreviewOptions, c as IsRoute, d as StoryRouteOptions, i as TanStackParameters, l as RouterParameters, n as FrameworkOptions, o as TanStackTypes, r as StorybookConfig, s as CreateStoryRouteOptions, t as DefaultStoryPath, u as StoryRouteFileOptions } from "./chunk-CT6Edisg.js";
 import { ComponentType } from "react";
 import { AddonTypes, InferTypes, PreviewAddon } from "storybook/internal/csf";
 import { Args, ArgsStoryFn, ComponentAnnotations, DecoratorFunction, Parameters, ProjectAnnotations, Renderer, StoryAnnotations } from "storybook/internal/types";

package/dist/index.js

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

package/dist/node/index.d.ts

@@ -1,4 +1,4 @@
-import { r as StorybookConfig } from "../chunk-B2-fTWlC.js";
+import { r as StorybookConfig } from "../chunk-CT6Edisg.js";
 
 //#region code/frameworks/tanstack-react/.dts-emit/code/frameworks/tanstack-react/src/node/index.d.ts
 declare function defineMain(config: StorybookConfig): StorybookConfig;

package/dist/node/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_unqn55oi61 from 'node:url';
-import CJS_COMPAT_NODE_PATH_unqn55oi61 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_unqn55oi61 from "node:module";
+import CJS_COMPAT_NODE_URL_0sqooo0adxx9 from 'node:url';
+import CJS_COMPAT_NODE_PATH_0sqooo0adxx9 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0sqooo0adxx9 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_unqn55oi61.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_unqn55oi61.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_unqn55oi61.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0sqooo0adxx9.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0sqooo0adxx9.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0sqooo0adxx9.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_unqn55oi61 from 'node:url';
-import CJS_COMPAT_NODE_PATH_unqn55oi61 from 'node:path';
-import CJS_COMPAT_NODE_MODULE_unqn55oi61 from "node:module";
+import CJS_COMPAT_NODE_URL_0sqooo0adxx9 from 'node:url';
+import CJS_COMPAT_NODE_PATH_0sqooo0adxx9 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0sqooo0adxx9 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_unqn55oi61.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_unqn55oi61.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_unqn55oi61.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0sqooo0adxx9.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0sqooo0adxx9.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0sqooo0adxx9.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preview.d.ts

@@ -1,4 +1,4 @@
-import { i as TanStackParameters } from "./chunk-B2-fTWlC.js";
+import { i as TanStackParameters } from "./chunk-CT6Edisg.js";
 import { DecoratorFunction, LoaderFunction, Renderer } from "storybook/internal/types";
 import { applyDecorators as applyDecorators$1 } from "@storybook/react/entry-preview-docs";
 

package/dist/preview.js

@@ -3,7 +3,7 @@ import {
   loaders,
   optimizeDeps,
   parameters
-} from "./_browser-chunks/chunk-4W5ZAMIP.js";
+} from "./_browser-chunks/chunk-XY6TESST.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.6.0-alpha.1",
+  "version": "10.6.0-alpha.3",
   "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-alpha.1",
-    "@storybook/react": "10.6.0-alpha.1",
-    "@storybook/react-vite": "10.6.0-alpha.1"
+    "@storybook/builder-vite": "10.6.0-alpha.3",
+    "@storybook/react": "10.6.0-alpha.3",
+    "@storybook/react-vite": "10.6.0-alpha.3"
   },
   "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-alpha.1",
+    "storybook": "^10.6.0-alpha.3",
     "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "peerDependenciesMeta": {