@storybook/tanstack-react 10.6.0-beta.0 → 10.6.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,10 @@
1
- import CJS_COMPAT_NODE_URL_1vhamy3hcb5 from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_1vhamy3hcb5 from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_1vhamy3hcb5 from "node:module";
1
+ import CJS_COMPAT_NODE_URL_fys0ym6dg3 from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_fys0ym6dg3 from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_fys0ym6dg3 from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_1vhamy3hcb5.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_1vhamy3hcb5.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_1vhamy3hcb5.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_fys0ym6dg3.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_fys0ym6dg3.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_fys0ym6dg3.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
package/dist/preset.js CHANGED
@@ -1,10 +1,10 @@
1
- import CJS_COMPAT_NODE_URL_1vhamy3hcb5 from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_1vhamy3hcb5 from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_1vhamy3hcb5 from "node:module";
1
+ import CJS_COMPAT_NODE_URL_fys0ym6dg3 from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_fys0ym6dg3 from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_fys0ym6dg3 from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_1vhamy3hcb5.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_1vhamy3hcb5.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_1vhamy3hcb5.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_fys0ym6dg3.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_fys0ym6dg3.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_fys0ym6dg3.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -12,6 +12,7 @@ var require = CJS_COMPAT_NODE_MODULE_1vhamy3hcb5.createRequire(import.meta.url);
12
12
 
13
13
  // src/preset.ts
14
14
  import { fileURLToPath } from "node:url";
15
+ import { viteFinal as reactViteFinal } from "@storybook/react-vite/preset";
15
16
 
16
17
  // ../../../node_modules/pathe/dist/shared/pathe.M-eThtNZ.mjs
17
18
  var _lazyMatch = () => {
@@ -303,9 +304,6 @@ var delimiter = globalThis.process?.platform === "win32" ? ";" : ":", _platforms
303
304
  }
304
305
  }), posix = mix(":"), win32 = mix(";");
305
306
 
306
- // src/preset.ts
307
- import { viteFinal as reactViteFinal } from "@storybook/react-vite/preset";
308
-
309
307
  // src/plugins/incompatible-plugins.ts
310
308
  var matchesPluginName = (p, matches) => {
311
309
  if (Array.isArray(p))
@@ -317,6 +315,57 @@ var matchesPluginName = (p, matches) => {
317
315
  (name) => name === "vite-plugin-cloudflare" || name.startsWith("vite-plugin-cloudflare:")
318
316
  );
319
317
 
318
+ // src/plugins/module-interception.ts
319
+ var INTERCEPTED_PATTERNS = ["virtual:cloudflare", "server-entry", "worker-entry"], START_SERVER_MODULES = [
320
+ "@tanstack/react-start",
321
+ "@tanstack/react-start/server",
322
+ "@tanstack/react-start-server",
323
+ "@tanstack/start-server-core"
324
+ ];
325
+ function moduleInterceptionPlugin({
326
+ startMockPath,
327
+ startStorageContextMockPath,
328
+ routerMockPath
329
+ }) {
330
+ return {
331
+ name: "storybook:tanstack-react:module-interception",
332
+ enforce: "pre",
333
+ resolveId: {
334
+ order: "pre",
335
+ async handler(id, importer) {
336
+ let resolveMock = async (mockPath) => await this.resolve(mockPath, importer, { skipSelf: !0 }) ?? mockPath;
337
+ if ((id === "@tanstack/react-router" || id.startsWith("@tanstack/react-router/")) && importer && !importer.includes("export-mocks"))
338
+ return resolveMock(routerMockPath);
339
+ if (START_SERVER_MODULES.includes(id) || id === "@tanstack/react-start")
340
+ return resolveMock(startMockPath);
341
+ if (id === "@tanstack/start-storage-context")
342
+ return resolveMock(startStorageContextMockPath);
343
+ for (let pattern of INTERCEPTED_PATTERNS)
344
+ if (id.includes(pattern))
345
+ return resolveMock(startMockPath);
346
+ return null;
347
+ }
348
+ },
349
+ config() {
350
+ return {
351
+ optimizeDeps: {
352
+ exclude: [
353
+ "@storybook/react",
354
+ "@storybook/react/entry-preview",
355
+ "@storybook/react/entry-preview-argtypes",
356
+ "@storybook/react/entry-preview-docs",
357
+ "@storybook/tanstack-react",
358
+ "@tanstack/react-start",
359
+ "@tanstack/react-start/server",
360
+ "@tanstack/react-start-server",
361
+ "@tanstack/start-server-core"
362
+ ]
363
+ }
364
+ };
365
+ }
366
+ };
367
+ }
368
+
320
369
  // src/plugins/server-code-elimination.ts
321
370
  import { types as t, transformSync } from "storybook/internal/babel";
322
371
  var SERVER_FN_RE = /\bcreateServerFn\b/, MIDDLEWARE_RE = /\bcreateMiddleware\b/, ISOMORPHIC_FN_RE = /\bcreateIsomorphicFn\b/, SERVER_ONLY_FN_RE = /\bcreateServerOnlyFn\b/, CLIENT_ONLY_FN_RE = /\bcreateClientOnlyFn\b/, ROUTE_FACTORY_RE = /\b(createFileRoute|createRootRoute|createRootRouteWithContext|createRoute)\b/, ROUTE_FACTORIES = /* @__PURE__ */ new Set([
@@ -630,57 +679,6 @@ ${namedExports}
630
679
  ${defaultExport}`.trim();
631
680
  }
632
681
 
633
- // src/plugins/module-interception.ts
634
- var INTERCEPTED_PATTERNS = ["virtual:cloudflare", "server-entry", "worker-entry"], START_SERVER_MODULES = [
635
- "@tanstack/react-start",
636
- "@tanstack/react-start/server",
637
- "@tanstack/react-start-server",
638
- "@tanstack/start-server-core"
639
- ];
640
- function moduleInterceptionPlugin({
641
- startMockPath,
642
- startStorageContextMockPath,
643
- routerMockPath
644
- }) {
645
- return {
646
- name: "storybook:tanstack-react:module-interception",
647
- enforce: "pre",
648
- resolveId: {
649
- order: "pre",
650
- async handler(id, importer) {
651
- let resolveMock = async (mockPath) => await this.resolve(mockPath, importer, { skipSelf: !0 }) ?? mockPath;
652
- if ((id === "@tanstack/react-router" || id.startsWith("@tanstack/react-router/")) && importer && !importer.includes("export-mocks"))
653
- return resolveMock(routerMockPath);
654
- if (START_SERVER_MODULES.includes(id) || id === "@tanstack/react-start")
655
- return resolveMock(startMockPath);
656
- if (id === "@tanstack/start-storage-context")
657
- return resolveMock(startStorageContextMockPath);
658
- for (let pattern of INTERCEPTED_PATTERNS)
659
- if (id.includes(pattern))
660
- return resolveMock(startMockPath);
661
- return null;
662
- }
663
- },
664
- config() {
665
- return {
666
- optimizeDeps: {
667
- exclude: [
668
- "@storybook/react",
669
- "@storybook/react/entry-preview",
670
- "@storybook/react/entry-preview-argtypes",
671
- "@storybook/react/entry-preview-docs",
672
- "@storybook/tanstack-react",
673
- "@tanstack/react-start",
674
- "@tanstack/react-start/server",
675
- "@tanstack/react-start-server",
676
- "@tanstack/start-server-core"
677
- ]
678
- }
679
- };
680
- }
681
- };
682
- }
683
-
684
682
  // src/preset.ts
685
683
  var core = async (config, options) => {
686
684
  let framework = await options.presets.apply("framework");
@@ -696,9 +694,8 @@ var core = async (config, options) => {
696
694
  ...entry,
697
695
  fileURLToPath(import.meta.resolve("@storybook/tanstack-react/preview"))
698
696
  ], optimizeViteDeps = [
699
- "@tanstack/react-store",
700
697
  "@tanstack/react-router > @tanstack/react-store",
701
- "use-sync-external-store/shim/with-selector"
698
+ "@tanstack/react-router > @tanstack/react-store > use-sync-external-store/shim/with-selector"
702
699
  ], viteFinal = async (config, options) => {
703
700
  let reactConfig = await reactViteFinal(config, options), startMockPath = fileURLToPath(import.meta.resolve("./export-mocks/start.js")), startStorageContextMockPath = fileURLToPath(
704
701
  import.meta.resolve("./export-mocks/start-storage-context.js")
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/tanstack-react",
3
- "version": "10.6.0-beta.0",
3
+ "version": "10.6.0-beta.2",
4
4
  "description": "Storybook for TanStack (React, Vite): Router and Start ready Storybook framework",
5
5
  "keywords": [
6
6
  "storybook",
@@ -75,9 +75,9 @@
75
75
  "!src/**/*"
76
76
  ],
77
77
  "dependencies": {
78
- "@storybook/builder-vite": "10.6.0-beta.0",
79
- "@storybook/react": "10.6.0-beta.0",
80
- "@storybook/react-vite": "10.6.0-beta.0"
78
+ "@storybook/builder-vite": "10.6.0-beta.2",
79
+ "@storybook/react": "10.6.0-beta.2",
80
+ "@storybook/react-vite": "10.6.0-beta.2"
81
81
  },
82
82
  "devDependencies": {
83
83
  "@tanstack/react-router": "^1.168.10",
@@ -95,7 +95,7 @@
95
95
  "@tanstack/start-client-core": "^1.167.9",
96
96
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
97
97
  "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
98
- "storybook": "^10.6.0-beta.0",
98
+ "storybook": "^10.6.0-beta.2",
99
99
  "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
100
100
  },
101
101
  "peerDependenciesMeta": {