@storybook/builder-webpack5 10.5.0-alpha.1 → 10.5.0-alpha.10

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 (11) hide show
  1. package/dist/_node-chunks/{chunk-OYWBN7BS.js → chunk-HUDMYUQG.js} +9 -7
  2. package/dist/_node-chunks/{chunk-DY5VMOUI.js → chunk-NURJV56V.js} +11 -7
  3. package/dist/index.d.ts +6 -0
  4. package/dist/index.js +8 -8
  5. package/dist/loaders/export-order-loader.js +7 -7
  6. package/dist/loaders/storybook-mock-transform-loader.js +7 -7
  7. package/dist/loaders/webpack-automock-loader.js +7 -7
  8. package/dist/presets/custom-webpack-preset.js +21 -22
  9. package/dist/presets/preview-preset.js +8 -8
  10. package/package.json +4 -3
  11. package/templates/virtualModuleModernEntry.js +0 -1
package/dist/_node-chunks/{chunk-OYWBN7BS.js → chunk-HUDMYUQG.js} RENAMED
@@ -1,10 +1,10 @@
1
- import CJS_COMPAT_NODE_URL_ah9lt2okkeg from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_ah9lt2okkeg from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_ah9lt2okkeg from "node:module";
1
+ import CJS_COMPAT_NODE_URL_9ocd9v1nui from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_9ocd9v1nui from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_9ocd9v1nui from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_ah9lt2okkeg.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_ah9lt2okkeg.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_ah9lt2okkeg.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_9ocd9v1nui.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_9ocd9v1nui.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_9ocd9v1nui.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -20,6 +20,7 @@ import {
20
20
  readTemplate
21
21
  } from "storybook/internal/common";
22
22
  import { toImportFn } from "@storybook/core-webpack";
23
+ import semver from "semver";
23
24
 
24
25
  // ../../../node_modules/slash/index.js
25
26
  function slash(path) {
@@ -27,6 +28,7 @@ function slash(path) {
27
28
  }
28
29
 
29
30
  // src/preview/virtual-module-mapping.ts
31
+ import webpackModule from "webpack";
30
32
  var getVirtualModules = async (options) => {
31
33
  let virtualModules = {}, builderOptions = await getBuilderOptions(options), workingDir = process.cwd(), isProd = options.configType === "PRODUCTION", nonNormalizedStories = await options.presets.apply("stories", []), entries = [], stories = normalizeStories(nonNormalizedStories, {
32
34
  configDir: options.configDir,
@@ -36,7 +38,7 @@ var getVirtualModules = async (options) => {
36
38
  (entry) => typeof entry == "object" ? entry.absolute : slash(entry)
37
39
  ),
38
40
  loadPreviewOrConfigFile(options)
39
- ].filter(Boolean), storiesFilename = "storybook-stories.js", storiesPath = resolve(join(workingDir, storiesFilename)), needPipelinedImport = !!builderOptions.lazyCompilation && !isProd;
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");
40
42
  virtualModules[storiesPath] = toImportFn(stories, { needPipelinedImport });
41
43
  let configEntryPath = resolve(join(workingDir, "storybook-config-entry.js"));
42
44
  return virtualModules[configEntryPath] = (await readTemplate(
package/dist/_node-chunks/{chunk-DY5VMOUI.js → chunk-NURJV56V.js} RENAMED
@@ -1,10 +1,10 @@
1
- import CJS_COMPAT_NODE_URL_ah9lt2okkeg from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_ah9lt2okkeg from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_ah9lt2okkeg from "node:module";
1
+ import CJS_COMPAT_NODE_URL_9ocd9v1nui from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_9ocd9v1nui from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_9ocd9v1nui from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_ah9lt2okkeg.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_ah9lt2okkeg.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_ah9lt2okkeg.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_9ocd9v1nui.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_9ocd9v1nui.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_9ocd9v1nui.createRequire(import.meta.url);
8
8
 
9
9
  // ------------------------------------------------------------
10
10
  // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -21,7 +21,11 @@ var __require = /* @__PURE__ */ ((x) => typeof require < "u" ? require : typeof
21
21
  throw Error('Dynamic require of "' + x + '" is not supported');
22
22
  });
23
23
  var __commonJS = (cb, mod) => function() {
24
- return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
24
+ try {
25
+ return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
26
+ } catch (e) {
27
+ throw mod = 0, e;
28
+ }
25
29
  };
26
30
  var __copyProps = (to, from, except, desc) => {
27
31
  if (from && typeof from == "object" || typeof from == "function")
package/dist/index.d.ts CHANGED
@@ -24,6 +24,12 @@ interface StorybookConfigWebpack extends Omit<StorybookConfig, 'webpack' | 'webp
24
24
  * @see https://storybook.js.org/docs/api/main-config/main-config-features#experimentaltestsyntax
25
25
  */
26
26
  experimentalTestSyntax?: boolean;
27
+ /**
28
+ * Remove the `bugfixes` option from `@babel/preset-env`. This is required when using Babel 8 and when
29
+ * Storybook fails to detect your Babel version.
30
+ * @default false
31
+ */
32
+ babelRemoveBugfixes?: boolean;
27
33
  };
28
34
  }
29
35
  type BuilderOptions = {
package/dist/index.js CHANGED
@@ -1,22 +1,22 @@
1
- import CJS_COMPAT_NODE_URL_ah9lt2okkeg from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_ah9lt2okkeg from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_ah9lt2okkeg from "node:module";
1
+ import CJS_COMPAT_NODE_URL_9ocd9v1nui from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_9ocd9v1nui from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_9ocd9v1nui from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_ah9lt2okkeg.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_ah9lt2okkeg.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_ah9lt2okkeg.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_9ocd9v1nui.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_9ocd9v1nui.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_9ocd9v1nui.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-OYWBN7BS.js";
14
+ } from "./_node-chunks/chunk-HUDMYUQG.js";
15
15
  import {
16
16
  __commonJS,
17
17
  __require,
18
18
  __toESM
19
- } from "./_node-chunks/chunk-DY5VMOUI.js";
19
+ } from "./_node-chunks/chunk-NURJV56V.js";
20
20
 
21
21
  // ../../../node_modules/pretty-hrtime/index.js
22
22
  var require_pretty_hrtime = __commonJS({
package/dist/loaders/export-order-loader.js CHANGED
@@ -1,15 +1,15 @@
1
- import CJS_COMPAT_NODE_URL_ah9lt2okkeg from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_ah9lt2okkeg from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_ah9lt2okkeg from "node:module";
1
+ import CJS_COMPAT_NODE_URL_9ocd9v1nui from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_9ocd9v1nui from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_9ocd9v1nui from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_ah9lt2okkeg.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_ah9lt2okkeg.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_ah9lt2okkeg.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_9ocd9v1nui.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_9ocd9v1nui.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_9ocd9v1nui.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-DY5VMOUI.js";
12
+ import "../_node-chunks/chunk-NURJV56V.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_ah9lt2okkeg from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_ah9lt2okkeg from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_ah9lt2okkeg from "node:module";
1
+ import CJS_COMPAT_NODE_URL_9ocd9v1nui from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_9ocd9v1nui from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_9ocd9v1nui from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_ah9lt2okkeg.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_ah9lt2okkeg.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_ah9lt2okkeg.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_9ocd9v1nui.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_9ocd9v1nui.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_9ocd9v1nui.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-DY5VMOUI.js";
12
+ import "../_node-chunks/chunk-NURJV56V.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_ah9lt2okkeg from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_ah9lt2okkeg from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_ah9lt2okkeg from "node:module";
1
+ import CJS_COMPAT_NODE_URL_9ocd9v1nui from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_9ocd9v1nui from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_9ocd9v1nui from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_ah9lt2okkeg.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_ah9lt2okkeg.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_ah9lt2okkeg.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_9ocd9v1nui.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_9ocd9v1nui.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_9ocd9v1nui.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-DY5VMOUI.js";
12
+ import "../_node-chunks/chunk-NURJV56V.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_ah9lt2okkeg from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_ah9lt2okkeg from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_ah9lt2okkeg from "node:module";
1
+ import CJS_COMPAT_NODE_URL_9ocd9v1nui from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_9ocd9v1nui from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_9ocd9v1nui from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_ah9lt2okkeg.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_ah9lt2okkeg.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_ah9lt2okkeg.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_9ocd9v1nui.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_9ocd9v1nui.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_9ocd9v1nui.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-DY5VMOUI.js";
14
+ } from "../_node-chunks/chunk-NURJV56V.js";
15
15
 
16
16
  // src/presets/custom-webpack-preset.ts
17
17
  import { fileURLToPath as fileURLToPath3 } from "node:url";
@@ -248,21 +248,20 @@ async function createDefaultWebpackConfig(storybookBaseConfig, options) {
248
248
  }
249
249
 
250
250
  // src/presets/custom-webpack-preset.ts
251
- var swc = (config) => ({
252
- ...config,
253
- env: {
254
- ...config?.env ?? {},
255
- targets: config?.env?.targets ?? {
256
- chrome: 100,
257
- safari: 15,
258
- firefox: 91
259
- },
260
- // Transpiles the broken syntax to the closest non-broken modern syntax.
261
- // E.g. it won't transpile parameter destructuring in Safari
262
- // which would break how we detect if the mount context property is used in the play function.
263
- bugfixes: config?.env?.bugfixes ?? !0
264
- }
265
- });
251
+ var swc = (config, options) => {
252
+ let shouldRemoveBugfixes = options.features && "babelRemoveBugfixes" in options.features && options.features.babelRemoveBugfixes, newConfig = {
253
+ ...config,
254
+ env: {
255
+ ...config?.env ?? {},
256
+ targets: config?.env?.targets ?? {
257
+ chrome: 100,
258
+ safari: 15,
259
+ firefox: 91
260
+ }
261
+ }
262
+ };
263
+ return shouldRemoveBugfixes || (newConfig.env.bugfixes = config?.env?.bugfixes ?? !0), newConfig;
264
+ };
266
265
  async function webpackFinal(config, options) {
267
266
  let previewConfigPath = findConfigFile("preview", options.configDir);
268
267
  return previewConfigPath && (config.plugins = config.plugins || [], config.module.rules.push({
package/dist/presets/preview-preset.js CHANGED
@@ -1,18 +1,18 @@
1
- import CJS_COMPAT_NODE_URL_ah9lt2okkeg from 'node:url';
2
- import CJS_COMPAT_NODE_PATH_ah9lt2okkeg from 'node:path';
3
- import CJS_COMPAT_NODE_MODULE_ah9lt2okkeg from "node:module";
1
+ import CJS_COMPAT_NODE_URL_9ocd9v1nui from 'node:url';
2
+ import CJS_COMPAT_NODE_PATH_9ocd9v1nui from 'node:path';
3
+ import CJS_COMPAT_NODE_MODULE_9ocd9v1nui from "node:module";
4
4
 
5
- var __filename = CJS_COMPAT_NODE_URL_ah9lt2okkeg.fileURLToPath(import.meta.url);
6
- var __dirname = CJS_COMPAT_NODE_PATH_ah9lt2okkeg.dirname(__filename);
7
- var require = CJS_COMPAT_NODE_MODULE_ah9lt2okkeg.createRequire(import.meta.url);
5
+ var __filename = CJS_COMPAT_NODE_URL_9ocd9v1nui.fileURLToPath(import.meta.url);
6
+ var __dirname = CJS_COMPAT_NODE_PATH_9ocd9v1nui.dirname(__filename);
7
+ var require = CJS_COMPAT_NODE_MODULE_9ocd9v1nui.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-OYWBN7BS.js";
15
- import "../_node-chunks/chunk-DY5VMOUI.js";
14
+ } from "../_node-chunks/chunk-HUDMYUQG.js";
15
+ import "../_node-chunks/chunk-NURJV56V.js";
16
16
 
17
17
  // src/presets/preview-preset.ts
18
18
  import { fileURLToPath as fileURLToPath2 } from "node:url";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/builder-webpack5",
3
- "version": "10.5.0-alpha.1",
3
+ "version": "10.5.0-alpha.10",
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": "10.5.0-alpha.1",
55
+ "@storybook/core-webpack": "10.5.0-alpha.10",
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",
@@ -60,6 +60,7 @@
60
60
  "fork-ts-checker-webpack-plugin": "^9.1.0",
61
61
  "html-webpack-plugin": "^5.5.0",
62
62
  "magic-string": "^0.30.5",
63
+ "semver": "^7.7.3",
63
64
  "style-loader": "^4.0.0",
64
65
  "terser-webpack-plugin": "^5.3.17",
65
66
  "ts-dedent": "^2.0.0",
@@ -78,7 +79,7 @@
78
79
  "typescript": "^5.9.3"
79
80
  },
80
81
  "peerDependencies": {
81
- "storybook": "^10.5.0-alpha.1"
82
+ "storybook": "^10.5.0-alpha.10"
82
83
  },
83
84
  "peerDependenciesMeta": {
84
85
  "typescript": {
package/templates/virtualModuleModernEntry.js CHANGED
@@ -30,7 +30,6 @@ const preview = new PreviewWeb(importFn, getProjectAnnotations);
30
30
 
31
31
  window.__STORYBOOK_PREVIEW__ = preview;
32
32
  window.__STORYBOOK_STORY_STORE__ = preview.storyStore;
33
- window.__STORYBOOK_ADDONS_CHANNEL__ = channel;
34
33
 
35
34
  if (import.meta.webpackHot) {
36
35
  import.meta.webpackHot.addStatusHandler((status) => {