@storybook/builder-webpack5 11.0.0-alpha.1 → 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-RXUUKALS.js → chunk-BCQTSDBR.js} +6 -6
  2. package/dist/_node-chunks/{chunk-637IMCYD.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 -8
  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-RXUUKALS.js → chunk-BCQTSDBR.js} RENAMED
@@ -1,10 +1,10 @@
1
- import CJS_COMPAT_NODE_URL_h6e23l9dq1n from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_h6e23l9dq1n from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_h6e23l9dq1n 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_h6e23l9dq1n.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_h6e23l9dq1n.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_h6e23l9dq1n.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-637IMCYD.js → chunk-QM2VZOTO.js} RENAMED
@@ -1,17 +1,17 @@
1
- import CJS_COMPAT_NODE_URL_h6e23l9dq1n from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_h6e23l9dq1n from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_h6e23l9dq1n 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_h6e23l9dq1n.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_h6e23l9dq1n.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_h6e23l9dq1n.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_h6e23l9dq1n from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_h6e23l9dq1n from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_h6e23l9dq1n 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_h6e23l9dq1n.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_h6e23l9dq1n.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_h6e23l9dq1n.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-637IMCYD.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-RXUUKALS.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_h6e23l9dq1n from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_h6e23l9dq1n from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_h6e23l9dq1n 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_h6e23l9dq1n.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_h6e23l9dq1n.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_h6e23l9dq1n.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-RXUUKALS.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_h6e23l9dq1n from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_h6e23l9dq1n from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_h6e23l9dq1n 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_h6e23l9dq1n.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_h6e23l9dq1n.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_h6e23l9dq1n.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-RXUUKALS.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_h6e23l9dq1n from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_h6e23l9dq1n from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_h6e23l9dq1n 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_h6e23l9dq1n.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_h6e23l9dq1n.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_h6e23l9dq1n.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-RXUUKALS.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_h6e23l9dq1n from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_h6e23l9dq1n from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_h6e23l9dq1n 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_h6e23l9dq1n.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_h6e23l9dq1n.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_h6e23l9dq1n.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-RXUUKALS.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";
@@ -175,7 +175,12 @@ async function createDefaultWebpackConfig(storybookBaseConfig, options) {
175
175
  {
176
176
  loader: fileURLToPath2(import.meta.resolve("css-loader")),
177
177
  options: {
178
- importLoaders: 1
178
+ importLoaders: 1,
179
+ modules: {
180
+ auto: !0,
181
+ namedExport: !1,
182
+ exportLocalsConvention: "as-is"
183
+ }
179
184
  }
180
185
  }
181
186
  ]
package/dist/presets/preview-preset.js CHANGED
@@ -1,18 +1,18 @@
1
- import CJS_COMPAT_NODE_URL_h6e23l9dq1n from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_h6e23l9dq1n from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_h6e23l9dq1n 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_h6e23l9dq1n.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_h6e23l9dq1n.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_h6e23l9dq1n.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-637IMCYD.js";
15
- import "../_node-chunks/chunk-RXUUKALS.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.1",
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.1",
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.1"
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