@storybook/tanstack-react 10.6.0-beta.1 → 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.
- package/dist/node/index.js +6 -6
- package/dist/preset.js +59 -62
- package/package.json +5 -5
package/dist/node/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
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 =
|
|
6
|
-
var __dirname =
|
|
7
|
-
var require =
|
|
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
|
|
2
|
-
import
|
|
3
|
-
import
|
|
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 =
|
|
6
|
-
var __dirname =
|
|
7
|
-
var require =
|
|
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_23pa8zbzuel.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.
|
|
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.
|
|
79
|
-
"@storybook/react": "10.6.0-beta.
|
|
80
|
-
"@storybook/react-vite": "10.6.0-beta.
|
|
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.
|
|
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": {
|