@storybook/builder-webpack5 11.0.0-alpha.0 → 11.0.0-alpha.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.
Files changed (10) hide show
  1. package/dist/_node-chunks/{chunk-TIOYSA5I.js → chunk-BCQTSDBR.js} +6 -6
  2. package/dist/_node-chunks/{chunk-WZ6SXMPM.js → chunk-QM2VZOTO.js} +9 -9
  3. package/dist/index.js +8 -8
  4. package/dist/loaders/export-order-loader.js +7 -7
  5. package/dist/loaders/storybook-mock-transform-loader.js +7 -7
  6. package/dist/loaders/webpack-automock-loader.js +7 -7
  7. package/dist/presets/custom-webpack-preset.js +13 -14
  8. package/dist/presets/preview-preset.js +8 -10
  9. package/package.json +3 -3
  10. package/templates/virtualModuleModernEntry.js +1 -1
package/dist/_node-chunks/{chunk-TIOYSA5I.js → chunk-BCQTSDBR.js} RENAMED
@@ -1,10 +1,10 @@
1
- import CJS_COMPAT_NODE_URL_bq7ybresoj from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_bq7ybresoj from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_bq7ybresoj from "node:module";
1
+ import CJS_COMPAT_NODE_URL_epp3la41lvo from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_epp3la41lvo from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_epp3la41lvo from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_bq7ybresoj.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_bq7ybresoj.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_bq7ybresoj.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_epp3la41lvo.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_epp3la41lvo.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_epp3la41lvo.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
package/dist/_node-chunks/{chunk-WZ6SXMPM.js → chunk-QM2VZOTO.js} RENAMED
@@ -1,17 +1,17 @@
1
- import CJS_COMPAT_NODE_URL_bq7ybresoj from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_bq7ybresoj from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_bq7ybresoj from "node:module";
1
+ import CJS_COMPAT_NODE_URL_epp3la41lvo from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_epp3la41lvo from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_epp3la41lvo from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_bq7ybresoj.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_bq7ybresoj.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_bq7ybresoj.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_epp3la41lvo.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_epp3la41lvo.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_epp3la41lvo.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
11
11
  // ------------------------------------------------------------
12
12
 
13
13
  // src/preview/virtual-module-mapping.ts
14
- import { join, resolve } from "node:path";
14
+ import { dirname, join, resolve } from "node:path";
15
15
  import { fileURLToPath } from "node:url";
16
16
  import {
17
17
  getBuilderOptions,
@@ -40,7 +40,7 @@ var getVirtualModules = async (options) => {
40
40
  loadPreviewOrConfigFile(options)
41
41
  ].filter(Boolean), storiesFilename = "storybook-stories.js", storiesPath = resolve(join(workingDir, storiesFilename)), webpackVersion = webpackModule.version ? semver.coerce(webpackModule.version) : null, needPipelinedImport = !!builderOptions.lazyCompilation && !isProd && !!webpackVersion && semver.lt(webpackVersion, "5.101.3");
42
42
  virtualModules[storiesPath] = toImportFn(stories, { needPipelinedImport });
43
- let configEntryPath = resolve(join(workingDir, "storybook-config-entry.js"));
43
+ let corePath = dirname(fileURLToPath(import.meta.resolve("storybook/package.json"))), csfImportPath = join(corePath, "dist", "csf", "index.js"), configEntryPath = resolve(join(workingDir, "storybook-config-entry.js"));
44
44
  return virtualModules[configEntryPath] = (await readTemplate(
45
45
  fileURLToPath(
46
46
  import.meta.resolve("@storybook/builder-webpack5/templates/virtualModuleModernEntry.js")
@@ -51,7 +51,7 @@ var getVirtualModules = async (options) => {
51
51
  ).replaceAll(
52
52
  "'{{previewAnnotations_requires}}'",
53
53
  previewAnnotations.filter(Boolean).map((entry) => `require('${entry}')`).join(",")
54
- ).replace(/\\/g, "\\\\"), entries.push(configEntryPath), {
54
+ ).replaceAll("'{{csfImportPath}}'", `'${csfImportPath}'`).replace(/\\/g, "\\\\"), entries.push(configEntryPath), {
55
55
  virtualModules,
56
56
  entries
57
57
  };
package/dist/index.js CHANGED
@@ -1,17 +1,17 @@
1
- import CJS_COMPAT_NODE_URL_bq7ybresoj from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_bq7ybresoj from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_bq7ybresoj from "node:module";
1
+ import CJS_COMPAT_NODE_URL_epp3la41lvo from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_epp3la41lvo from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_epp3la41lvo from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_bq7ybresoj.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_bq7ybresoj.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_bq7ybresoj.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_epp3la41lvo.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_epp3la41lvo.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_epp3la41lvo.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
11
11
  // ------------------------------------------------------------
12
12
  import {
13
13
  getVirtualModules
14
- } from "./_node-chunks/chunk-WZ6SXMPM.js";
14
+ } from "./_node-chunks/chunk-QM2VZOTO.js";
15
15
  import {
16
16
  __commonJS,
17
17
  __esm,
@@ -19,7 +19,7 @@ import {
19
19
  __require,
20
20
  __toCommonJS,
21
21
  __toESM
22
- } from "./_node-chunks/chunk-TIOYSA5I.js";
22
+ } from "./_node-chunks/chunk-BCQTSDBR.js";
23
23
 
24
24
  // ../../../node_modules/pretty-hrtime/index.js
25
25
  var require_pretty_hrtime = __commonJS({
package/dist/loaders/export-order-loader.js CHANGED
@@ -1,15 +1,15 @@
1
- import CJS_COMPAT_NODE_URL_bq7ybresoj from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_bq7ybresoj from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_bq7ybresoj from "node:module";
1
+ import CJS_COMPAT_NODE_URL_epp3la41lvo from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_epp3la41lvo from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_epp3la41lvo from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_bq7ybresoj.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_bq7ybresoj.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_bq7ybresoj.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_epp3la41lvo.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_epp3la41lvo.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_epp3la41lvo.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
11
11
  // ------------------------------------------------------------
12
- import "../_node-chunks/chunk-TIOYSA5I.js";
12
+ import "../_node-chunks/chunk-BCQTSDBR.js";
13
13
 
14
14
  // src/loaders/export-order-loader.ts
15
15
  import assert from "node:assert";
package/dist/loaders/storybook-mock-transform-loader.js CHANGED
@@ -1,15 +1,15 @@
1
- import CJS_COMPAT_NODE_URL_bq7ybresoj from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_bq7ybresoj from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_bq7ybresoj from "node:module";
1
+ import CJS_COMPAT_NODE_URL_epp3la41lvo from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_epp3la41lvo from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_epp3la41lvo from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_bq7ybresoj.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_bq7ybresoj.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_bq7ybresoj.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_epp3la41lvo.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_epp3la41lvo.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_epp3la41lvo.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
11
11
  // ------------------------------------------------------------
12
- import "../_node-chunks/chunk-TIOYSA5I.js";
12
+ import "../_node-chunks/chunk-BCQTSDBR.js";
13
13
 
14
14
  // src/loaders/storybook-mock-transform-loader.ts
15
15
  import { rewriteSbMockImportCalls } from "storybook/internal/mocking-utils";
package/dist/loaders/webpack-automock-loader.js CHANGED
@@ -1,15 +1,15 @@
1
- import CJS_COMPAT_NODE_URL_bq7ybresoj from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_bq7ybresoj from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_bq7ybresoj from "node:module";
1
+ import CJS_COMPAT_NODE_URL_epp3la41lvo from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_epp3la41lvo from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_epp3la41lvo from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_bq7ybresoj.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_bq7ybresoj.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_bq7ybresoj.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_epp3la41lvo.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_epp3la41lvo.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_epp3la41lvo.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
11
11
  // ------------------------------------------------------------
12
- import "../_node-chunks/chunk-TIOYSA5I.js";
12
+ import "../_node-chunks/chunk-BCQTSDBR.js";
13
13
 
14
14
  // src/loaders/webpack-automock-loader.ts
15
15
  import { babelParser, getAutomockCode } from "storybook/internal/mocking-utils";
package/dist/presets/custom-webpack-preset.js CHANGED
@@ -1,17 +1,17 @@
1
- import CJS_COMPAT_NODE_URL_bq7ybresoj from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_bq7ybresoj from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_bq7ybresoj from "node:module";
1
+ import CJS_COMPAT_NODE_URL_epp3la41lvo from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_epp3la41lvo from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_epp3la41lvo from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_bq7ybresoj.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_bq7ybresoj.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_bq7ybresoj.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_epp3la41lvo.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_epp3la41lvo.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_epp3la41lvo.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
11
11
  // ------------------------------------------------------------
12
12
  import {
13
13
  __require
14
- } from "../_node-chunks/chunk-TIOYSA5I.js";
14
+ } from "../_node-chunks/chunk-BCQTSDBR.js";
15
15
 
16
16
  // src/presets/custom-webpack-preset.ts
17
17
  import { fileURLToPath as fileURLToPath3 } from "node:url";
@@ -160,12 +160,6 @@ var PLUGIN_NAME2 = "storybook-mock-plugin", WebpackMockPlugin = class {
160
160
  import { fileURLToPath as fileURLToPath2 } from "node:url";
161
161
  import { logger as logger2 } from "storybook/internal/node-logger";
162
162
  async function createDefaultWebpackConfig(storybookBaseConfig, options) {
163
- if (options.presetsList?.some(
164
- (preset) => /@storybook(\/|\\)preset-create-react-app/.test(
165
- typeof preset == "string" ? preset : preset.name
166
- )
167
- ))
168
- return storybookBaseConfig;
169
163
  let hasPostcssAddon = options.presetsList?.some(
170
164
  (preset) => /@storybook(\/|\\)addon-postcss/.test(typeof preset == "string" ? preset : preset.name)
171
165
  ), cssLoaders = {};
@@ -181,7 +175,12 @@ async function createDefaultWebpackConfig(storybookBaseConfig, options) {
181
175
  {
182
176
  loader: fileURLToPath2(import.meta.resolve("css-loader")),
183
177
  options: {
184
- importLoaders: 1
178
+ importLoaders: 1,
179
+ modules: {
180
+ auto: !0,
181
+ namedExport: !1,
182
+ exportLocalsConvention: "as-is"
183
+ }
185
184
  }
186
185
  }
187
186
  ]
package/dist/presets/preview-preset.js CHANGED
@@ -1,18 +1,18 @@
1
- import CJS_COMPAT_NODE_URL_bq7ybresoj from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_bq7ybresoj from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_bq7ybresoj from "node:module";
1
+ import CJS_COMPAT_NODE_URL_epp3la41lvo from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_epp3la41lvo from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_epp3la41lvo from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_bq7ybresoj.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_bq7ybresoj.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_bq7ybresoj.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_epp3la41lvo.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_epp3la41lvo.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_epp3la41lvo.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
11
11
  // ------------------------------------------------------------
12
12
  import {
13
13
  getVirtualModules
14
- } from "../_node-chunks/chunk-WZ6SXMPM.js";
15
- import "../_node-chunks/chunk-TIOYSA5I.js";
14
+ } from "../_node-chunks/chunk-QM2VZOTO.js";
15
+ import "../_node-chunks/chunk-BCQTSDBR.js";
16
16
 
17
17
  // src/presets/preview-preset.ts
18
18
  import { fileURLToPath as fileURLToPath2 } from "node:url";
@@ -67,7 +67,6 @@ var { DefinePlugin, HotModuleReplacementPlugin, ProgressPlugin } = webpackModule
67
67
  packageJson,
68
68
  configType,
69
69
  presets,
70
- previewUrl,
71
70
  typescriptOptions,
72
71
  features
73
72
  } = options, isProd = configType === "PRODUCTION", workingDir = process.cwd(), [
@@ -159,7 +158,6 @@ var { DefinePlugin, HotModuleReplacementPlugin, ProgressPlugin } = webpackModule
159
158
  FRAMEWORK_OPTIONS: frameworkOptions,
160
159
  CHANNEL_OPTIONS: coreOptions.channelOptions,
161
160
  FEATURES: features,
162
- PREVIEW_URL: previewUrl,
163
161
  STORIES: stories.map((specifier) => ({
164
162
  ...specifier,
165
163
  importPathMatcher: specifier.importPathMatcher.source
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/builder-webpack5",
3
- "version": "11.0.0-alpha.0",
3
+ "version": "11.0.0-alpha.2",
4
4
  "description": "A Storybook builder to dev and build with Webpack",
5
5
  "keywords": [
6
6
  "storybook",
@@ -52,7 +52,7 @@
52
52
  "!src/**/*"
53
53
  ],
54
54
  "dependencies": {
55
- "@storybook/core-webpack": "11.0.0-alpha.0",
55
+ "@storybook/core-webpack": "11.0.0-alpha.2",
56
56
  "case-sensitive-paths-webpack-plugin": "^2.4.0",
57
57
  "cjs-module-lexer": "^1.2.3",
58
58
  "css-loader": "^7.1.2",
@@ -80,7 +80,7 @@
80
80
  "typescript": "^6.0.3"
81
81
  },
82
82
  "peerDependencies": {
83
- "storybook": "^11.0.0-alpha.0"
83
+ "storybook": "^11.0.0-alpha.2"
84
84
  },
85
85
  "peerDependenciesMeta": {
86
86
  "typescript": {
package/templates/virtualModuleModernEntry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { createBrowserChannel } from 'storybook/internal/channels';
2
2
  import { STORY_HOT_UPDATED } from 'storybook/internal/core-events';
3
- import { isPreview } from 'storybook/internal/csf';
3
+ import { isPreview } from '{{csfImportPath}}';
4
4
 
5
5
  import { global } from '@storybook/global';
6
6