@storybook/core-webpack 7.0.0-alpha.1 → 7.0.0-alpha.12

package/dist/cjs/check-webpack-version.js

@@ -1,9 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.object.freeze.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,15 +7,9 @@ exports.checkWebpackVersion = void 0;
 
 var _nodeLogger = require("@storybook/node-logger");
 
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _tsDedent = require("ts-dedent");
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var checkWebpackVersion = function checkWebpackVersion(webpack, specifier, caption) {
+const checkWebpackVersion = (webpack, specifier, caption) => {
   if (!webpack.version) {
     _nodeLogger.logger.info('Skipping webpack version check, no version available');
 
@@ -27,7 +17,15 @@ var checkWebpackVersion = function checkWebpackVersion(webpack, specifier, capti
   }
 
   if (webpack.version !== specifier) {
-    _nodeLogger.logger.warn((0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      Unexpected webpack version in ", ":\n      - Received '", "'\n      - Expected '", "'\n\n      If you're using Webpack 5 in SB6.2 and upgrading, consider: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack-5-manager-build\n\n      For more info about Webpack 5 support: https://gist.github.com/shilman/8856ea1786dcd247139b47b270912324#troubleshooting\n    "])), caption, webpack.version, specifier));
+    _nodeLogger.logger.warn((0, _tsDedent.dedent)`
+      Unexpected webpack version in ${caption}:
+      - Received '${webpack.version}'
+      - Expected '${specifier}'
+
+      If you're using Webpack 5 in SB6.2 and upgrading, consider: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack-5-manager-build
+
+      For more info about Webpack 5 support: https://gist.github.com/shilman/8856ea1786dcd247139b47b270912324#troubleshooting
+    `);
   }
 };
 

package/dist/cjs/importPipeline.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.importPipeline = importPipeline;
+
+// If an import is in flight when another import arrives, block it until the first completes.
+// This is to avoid a situation where webpack kicks off a second compilation whilst the
+// first is still completing, cf: https://github.com/webpack/webpack/issues/15541#issuecomment-1143138832
+// Note the way this code works if N futher `import()`s occur while the first is in flight,
+// they will all be kicked off in the same tick and not block each other. This is by design,
+// Webpack can handle multiple invalidations simutaneously, just not in quick succession.
+function importPipeline() {
+  let importGate = Promise.resolve();
+  return async importFn => {
+    await importGate;
+    const moduleExportsPromise = importFn();
+    importGate = importGate.then(async () => {
+      await moduleExportsPromise;
+    });
+    return moduleExportsPromise;
+  };
+}

package/dist/cjs/index.js

@@ -1,11 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.keys.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +11,7 @@ Object.keys(_types).forEach(function (key) {
   if (key in exports && exports[key] === _types[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _types[key];
     }
   });
@@ -30,7 +24,7 @@ Object.keys(_loadCustomWebpackConfig).forEach(function (key) {
   if (key in exports && exports[key] === _loadCustomWebpackConfig[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _loadCustomWebpackConfig[key];
     }
   });
@@ -43,7 +37,7 @@ Object.keys(_checkWebpackVersion).forEach(function (key) {
   if (key in exports && exports[key] === _checkWebpackVersion[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _checkWebpackVersion[key];
     }
   });
@@ -56,8 +50,34 @@ Object.keys(_mergeWebpackConfig).forEach(function (key) {
   if (key in exports && exports[key] === _mergeWebpackConfig[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _mergeWebpackConfig[key];
     }
   });
+});
+
+var _toImportFn = require("./to-importFn");
+
+Object.keys(_toImportFn).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _toImportFn[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _toImportFn[key];
+    }
+  });
+});
+
+var _toRequireContext = require("./to-require-context");
+
+Object.keys(_toRequireContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _toRequireContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _toRequireContext[key];
+    }
+  });
 });

package/dist/cjs/load-custom-webpack-config.js

@@ -5,20 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.loadCustomWebpackConfig = void 0;
 
-require("core-js/modules/es.array.map.js");
-
 var _path = _interopRequireDefault(require("path"));
 
 var _coreCommon = require("@storybook/core-common");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var webpackConfigs = ['webpack.config', 'webpackfile'];
+const webpackConfigs = ['webpack.config', 'webpackfile'];
 
-var loadCustomWebpackConfig = function loadCustomWebpackConfig(configDir) {
-  return (0, _coreCommon.serverRequire)(webpackConfigs.map(function (configName) {
-    return _path.default.resolve(configDir, configName);
-  }));
-};
+const loadCustomWebpackConfig = configDir => (0, _coreCommon.serverRequire)(webpackConfigs.map(configName => _path.default.resolve(configDir, configName)));
 
 exports.loadCustomWebpackConfig = loadCustomWebpackConfig;

package/dist/cjs/merge-webpack-config.js

@@ -1,119 +1,65 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.array.from.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mergeConfigs = mergeConfigs;
 
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.object.assign.js");
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function plugins(_ref, _ref2) {
-  var _ref$plugins = _ref.plugins,
-      defaultPlugins = _ref$plugins === void 0 ? [] : _ref$plugins;
-  var _ref2$plugins = _ref2.plugins,
-      customPlugins = _ref2$plugins === void 0 ? [] : _ref2$plugins;
-  return [].concat(_toConsumableArray(defaultPlugins), _toConsumableArray(customPlugins));
+function mergePluginsField(defaultPlugins = [], customPlugins = []) {
+  return [...defaultPlugins, ...customPlugins];
 }
 
-function rules(_ref3, _ref4) {
-  var _ref3$rules = _ref3.rules,
-      defaultRules = _ref3$rules === void 0 ? [] : _ref3$rules;
-  var _ref4$rules = _ref4.rules,
-      customRules = _ref4$rules === void 0 ? [] : _ref4$rules;
-  return [].concat(_toConsumableArray(defaultRules), _toConsumableArray(customRules));
+function mergeRulesField(defaultRules = [], customRules = []) {
+  return [...defaultRules, ...customRules];
 }
 
-function extensions(_ref5, _ref6) {
-  var _ref5$extensions = _ref5.extensions,
-      defaultExtensions = _ref5$extensions === void 0 ? [] : _ref5$extensions;
-  var _ref6$extensions = _ref6.extensions,
-      customExtensions = _ref6$extensions === void 0 ? [] : _ref6$extensions;
-  return [].concat(_toConsumableArray(defaultExtensions), _toConsumableArray(customExtensions));
+function mergeExtensionsField({
+  extensions: defaultExtensions = []
+}, {
+  extensions: customExtensions = []
+}) {
+  return [...defaultExtensions, ...customExtensions];
 }
 
-function alias(_ref7, _ref8) {
-  var _ref7$alias = _ref7.alias,
-      defaultAlias = _ref7$alias === void 0 ? {} : _ref7$alias;
-  var _ref8$alias = _ref8.alias,
-      customAlias = _ref8$alias === void 0 ? {} : _ref8$alias;
+function mergeAliasField({
+  alias: defaultAlias = {}
+}, {
+  alias: customAlias = {}
+}) {
   return Object.assign({}, defaultAlias, customAlias);
 }
 
-function _module(_ref9, _ref10) {
-  var _ref9$module = _ref9.module,
-      defaultModule = _ref9$module === void 0 ? {
-    rules: []
-  } : _ref9$module;
-  var _ref10$module = _ref10.module,
-      customModule = _ref10$module === void 0 ? {
-    rules: []
-  } : _ref10$module;
-  return Object.assign({}, defaultModule, customModule, {
-    rules: rules(defaultModule, customModule)
+function mergeModuleField(a, b) {
+  return Object.assign({}, a, b, {
+    rules: mergeRulesField(a.rules || [], b.rules || [])
   });
 }
 
-function resolve(_ref11, _ref12) {
-  var _ref11$resolve = _ref11.resolve,
-      defaultResolve = _ref11$resolve === void 0 ? {} : _ref11$resolve;
-  var _ref12$resolve = _ref12.resolve,
-      customResolve = _ref12$resolve === void 0 ? {} : _ref12$resolve;
+function mergeResolveField({
+  resolve: defaultResolve = {}
+}, {
+  resolve: customResolve = {}
+}) {
   return Object.assign({}, defaultResolve, customResolve, {
-    alias: alias(defaultResolve, customResolve),
-    extensions: extensions(defaultResolve, customResolve)
+    alias: mergeAliasField(defaultResolve, customResolve),
+    extensions: mergeExtensionsField(defaultResolve, customResolve)
   });
 }
 
-function optimization(_ref13, _ref14) {
-  var _ref13$optimization = _ref13.optimization,
-      defaultOptimization = _ref13$optimization === void 0 ? {} : _ref13$optimization;
-  var _ref14$optimization = _ref14.optimization,
-      customOptimization = _ref14$optimization === void 0 ? {} : _ref14$optimization;
+function mergeOptimizationField({
+  optimization: defaultOptimization = {}
+}, {
+  optimization: customOptimization = {}
+}) {
   return Object.assign({}, defaultOptimization, customOptimization);
 }
 
 function mergeConfigs(config, customConfig) {
   return Object.assign({}, customConfig, config, {
     devtool: customConfig.devtool || config.devtool,
-    plugins: plugins(config, customConfig),
-    module: _module(config, customConfig),
-    resolve: resolve(config, customConfig),
-    optimization: optimization(config, customConfig)
+    plugins: mergePluginsField(config.plugins, customConfig.plugins),
+    module: mergeModuleField(config.module || {}, customConfig.module || {}),
+    resolve: mergeResolveField(config, customConfig),
+    optimization: mergeOptimizationField(config, customConfig)
   });
 }

package/dist/cjs/to-importFn.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toImportFn = toImportFn;
+exports.toImportFnPart = toImportFnPart;
+exports.webpackIncludeRegexp = webpackIncludeRegexp;
+
+var _tsDedent = require("ts-dedent");
+
+var _coreCommon = require("@storybook/core-common");
+
+var _importPipeline = require("./importPipeline");
+
+function webpackIncludeRegexp(specifier) {
+  const {
+    directory,
+    files
+  } = specifier; // It appears webpack passes *something* similar to the absolute path to the file
+  // on disk (prefixed with something unknown) to the matcher.
+  // We don't want to include the absolute path in our bundle, so we will just pull any leading
+  // `./` or `../` off our directory and match on that.
+  // It's imperfect as it could match extra things in extremely unusual cases, but it'll do for now.
+  // NOTE: directory is "slashed" so will contain only `/` (no `\`), even on windows
+
+  const directoryWithoutLeadingDots = directory.replace(/^(\.+\/)+/, '/');
+  const webpackIncludeGlob = ['.', '..'].includes(directory) ? files : `${directoryWithoutLeadingDots}/${files}`;
+  const webpackIncludeRegexpWithCaret = (0, _coreCommon.globToRegexp)(webpackIncludeGlob); // picomatch is creating an exact match, but we are only matching the end of the filename
+
+  return new RegExp(webpackIncludeRegexpWithCaret.source.replace(/^\^/, ''));
+}
+
+function toImportFnPart(specifier) {
+  const {
+    directory,
+    importPathMatcher
+  } = specifier;
+  return (0, _tsDedent.dedent)`
+      async (path) => {
+        if (!${importPathMatcher}.exec(path)) {
+          return;
+        }
+
+        const pathRemainder = path.substring(${directory.length + 1});
+        return import(
+          /* webpackChunkName: "[request]" */
+          /* webpackInclude: ${webpackIncludeRegexp(specifier)} */
+          '${directory}/' + pathRemainder
+        );
+      }
+
+  `;
+}
+
+function toImportFn(stories, {
+  needPipelinedImport
+} = {}) {
+  let pipelinedImport = `const pipeline = (x) => x();`;
+
+  if (needPipelinedImport) {
+    pipelinedImport = `
+      const importPipeline = ${_importPipeline.importPipeline};
+      const pipeline = importPipeline();
+    `;
+  }
+
+  return (0, _tsDedent.dedent)`
+    ${pipelinedImport}
+
+    const importers = [
+      ${stories.map(toImportFnPart).join(',\n')}
+    ];
+
+    export async function importFn(path) {
+      for (let i = 0; i < importers.length; i++) {
+        const moduleExports = await pipeline(() => importers[i](path));
+        if (moduleExports) {
+          return moduleExports;
+        }
+      }
+    }
+  `;
+}

package/dist/cjs/to-require-context.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toRequireContextString = exports.toRequireContext = void 0;
+
+var _coreCommon = require("@storybook/core-common");
+
+const toRequireContext = specifier => {
+  const {
+    directory,
+    files
+  } = specifier; // The importPathMatcher is a `./`-prefixed matcher that includes the directory
+  // For `require.context()` we want the same thing, relative to directory
+
+  const match = (0, _coreCommon.globToRegexp)(`./${files}`);
+  return {
+    path: directory,
+    recursive: files.includes('**') || files.split('/').length > 1,
+    match
+  };
+};
+
+exports.toRequireContext = toRequireContext;
+
+const toRequireContextString = specifier => {
+  const {
+    path: p,
+    recursive: r,
+    match: m
+  } = toRequireContext(specifier);
+  const result = `require.context('${p}', ${r}, ${m})`;
+  return result;
+};
+
+exports.toRequireContextString = toRequireContextString;

package/dist/esm/check-webpack-version.js

@@ -1,5 +1,5 @@
 import { logger } from '@storybook/node-logger';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 export const checkWebpackVersion = (webpack, specifier, caption) => {
   if (!webpack.version) {
     logger.info('Skipping webpack version check, no version available');

package/dist/esm/importPipeline.js

@@ -0,0 +1,17 @@
+// If an import is in flight when another import arrives, block it until the first completes.
+// This is to avoid a situation where webpack kicks off a second compilation whilst the
+// first is still completing, cf: https://github.com/webpack/webpack/issues/15541#issuecomment-1143138832
+// Note the way this code works if N futher `import()`s occur while the first is in flight,
+// they will all be kicked off in the same tick and not block each other. This is by design,
+// Webpack can handle multiple invalidations simutaneously, just not in quick succession.
+export function importPipeline() {
+  let importGate = Promise.resolve();
+  return async importFn => {
+    await importGate;
+    const moduleExportsPromise = importFn();
+    importGate = importGate.then(async () => {
+      await moduleExportsPromise;
+    });
+    return moduleExportsPromise;
+  };
+}

package/dist/esm/index.js

@@ -1,4 +1,6 @@
 export * from './types';
 export * from './load-custom-webpack-config';
 export * from './check-webpack-version';
-export * from './merge-webpack-config';
+export * from './merge-webpack-config';
+export * from './to-importFn';
+export * from './to-require-context';

package/dist/esm/merge-webpack-config.js

@@ -1,20 +1,12 @@
-function plugins({
-  plugins: defaultPlugins = []
-}, {
-  plugins: customPlugins = []
-}) {
+function mergePluginsField(defaultPlugins = [], customPlugins = []) {
   return [...defaultPlugins, ...customPlugins];
 }
 
-function rules({
-  rules: defaultRules = []
-}, {
-  rules: customRules = []
-}) {
+function mergeRulesField(defaultRules = [], customRules = []) {
   return [...defaultRules, ...customRules];
 }
 
-function extensions({
+function mergeExtensionsField({
   extensions: defaultExtensions = []
 }, {
   extensions: customExtensions = []
@@ -22,7 +14,7 @@ function extensions({
   return [...defaultExtensions, ...customExtensions];
 }
 
-function alias({
+function mergeAliasField({
   alias: defaultAlias = {}
 }, {
   alias: customAlias = {}
@@ -30,32 +22,24 @@ function alias({
   return Object.assign({}, defaultAlias, customAlias);
 }
 
-function module({
-  module: defaultModule = {
-    rules: []
-  }
-}, {
-  module: customModule = {
-    rules: []
-  }
-}) {
-  return Object.assign({}, defaultModule, customModule, {
-    rules: rules(defaultModule, customModule)
+function mergeModuleField(a, b) {
+  return Object.assign({}, a, b, {
+    rules: mergeRulesField(a.rules || [], b.rules || [])
   });
 }
 
-function resolve({
+function mergeResolveField({
   resolve: defaultResolve = {}
 }, {
   resolve: customResolve = {}
 }) {
   return Object.assign({}, defaultResolve, customResolve, {
-    alias: alias(defaultResolve, customResolve),
-    extensions: extensions(defaultResolve, customResolve)
+    alias: mergeAliasField(defaultResolve, customResolve),
+    extensions: mergeExtensionsField(defaultResolve, customResolve)
   });
 }
 
-function optimization({
+function mergeOptimizationField({
   optimization: defaultOptimization = {}
 }, {
   optimization: customOptimization = {}
@@ -66,9 +50,9 @@ function optimization({
 export function mergeConfigs(config, customConfig) {
   return Object.assign({}, customConfig, config, {
     devtool: customConfig.devtool || config.devtool,
-    plugins: plugins(config, customConfig),
-    module: module(config, customConfig),
-    resolve: resolve(config, customConfig),
-    optimization: optimization(config, customConfig)
+    plugins: mergePluginsField(config.plugins, customConfig.plugins),
+    module: mergeModuleField(config.module || {}, customConfig.module || {}),
+    resolve: mergeResolveField(config, customConfig),
+    optimization: mergeOptimizationField(config, customConfig)
   });
 }

package/dist/esm/to-importFn.js

@@ -0,0 +1,70 @@
+import { dedent } from 'ts-dedent';
+import { globToRegexp } from '@storybook/core-common';
+import { importPipeline } from './importPipeline';
+export function webpackIncludeRegexp(specifier) {
+  const {
+    directory,
+    files
+  } = specifier; // It appears webpack passes *something* similar to the absolute path to the file
+  // on disk (prefixed with something unknown) to the matcher.
+  // We don't want to include the absolute path in our bundle, so we will just pull any leading
+  // `./` or `../` off our directory and match on that.
+  // It's imperfect as it could match extra things in extremely unusual cases, but it'll do for now.
+  // NOTE: directory is "slashed" so will contain only `/` (no `\`), even on windows
+
+  const directoryWithoutLeadingDots = directory.replace(/^(\.+\/)+/, '/');
+  const webpackIncludeGlob = ['.', '..'].includes(directory) ? files : `${directoryWithoutLeadingDots}/${files}`;
+  const webpackIncludeRegexpWithCaret = globToRegexp(webpackIncludeGlob); // picomatch is creating an exact match, but we are only matching the end of the filename
+
+  return new RegExp(webpackIncludeRegexpWithCaret.source.replace(/^\^/, ''));
+}
+export function toImportFnPart(specifier) {
+  const {
+    directory,
+    importPathMatcher
+  } = specifier;
+  return dedent`
+      async (path) => {
+        if (!${importPathMatcher}.exec(path)) {
+          return;
+        }
+
+        const pathRemainder = path.substring(${directory.length + 1});
+        return import(
+          /* webpackChunkName: "[request]" */
+          /* webpackInclude: ${webpackIncludeRegexp(specifier)} */
+          '${directory}/' + pathRemainder
+        );
+      }
+
+  `;
+}
+export function toImportFn(stories, {
+  needPipelinedImport
+} = {}) {
+  let pipelinedImport = `const pipeline = (x) => x();`;
+
+  if (needPipelinedImport) {
+    pipelinedImport = `
+      const importPipeline = ${importPipeline};
+      const pipeline = importPipeline();
+    `;
+  }
+
+  return dedent`
+    ${pipelinedImport}
+
+    const importers = [
+      ${stories.map(toImportFnPart).join(',\n')}
+    ];
+
+    export async function importFn(path) {
+      for (let i = 0; i < importers.length; i++) {
+        const moduleExports = await pipeline(() => importers[i](path));
+        if (moduleExports) {
+          return moduleExports;
+        }
+      }
+    }
+  `;
+}

package/dist/esm/to-require-context.js

@@ -0,0 +1,24 @@
+import { globToRegexp } from '@storybook/core-common';
+export const toRequireContext = specifier => {
+  const {
+    directory,
+    files
+  } = specifier; // The importPathMatcher is a `./`-prefixed matcher that includes the directory
+  // For `require.context()` we want the same thing, relative to directory
+
+  const match = globToRegexp(`./${files}`);
+  return {
+    path: directory,
+    recursive: files.includes('**') || files.split('/').length > 1,
+    match
+  };
+};
+export const toRequireContextString = specifier => {
+  const {
+    path: p,
+    recursive: r,
+    match: m
+  } = toRequireContext(specifier);
+  const result = `require.context('${p}', ${r}, ${m})`;
+  return result;
+};

package/dist/types/importPipeline.d.ts

@@ -0,0 +1,3 @@
+declare type ModuleExports = Record<string, any>;
+export declare function importPipeline(): (importFn: () => Promise<ModuleExports>) => Promise<ModuleExports>;
+export {};

package/dist/types/index.d.ts

@@ -2,3 +2,5 @@ export * from './types';
 export * from './load-custom-webpack-config';
 export * from './check-webpack-version';
 export * from './merge-webpack-config';
+export * from './to-importFn';
+export * from './to-require-context';

package/dist/types/merge-webpack-config.d.ts

@@ -1,2 +1,2 @@
-import type { CommonWebpackConfiguration as Configuration } from './types';
+import type { WebpackConfiguration as Configuration } from './types';
 export declare function mergeConfigs(config: Configuration, customConfig: Configuration): Configuration;

package/dist/types/to-importFn.d.ts

@@ -0,0 +1,6 @@
+import type { NormalizedStoriesSpecifier } from '@storybook/core-common';
+export declare function webpackIncludeRegexp(specifier: NormalizedStoriesSpecifier): RegExp;
+export declare function toImportFnPart(specifier: NormalizedStoriesSpecifier): string;
+export declare function toImportFn(stories: NormalizedStoriesSpecifier[], { needPipelinedImport }?: {
+    needPipelinedImport?: boolean;
+}): string;

package/dist/types/to-require-context.d.ts

@@ -0,0 +1,7 @@
+import type { NormalizedStoriesSpecifier } from '@storybook/core-common';
+export declare const toRequireContext: (specifier: NormalizedStoriesSpecifier) => {
+    path: string;
+    recursive: boolean;
+    match: RegExp;
+};
+export declare const toRequireContextString: (specifier: NormalizedStoriesSpecifier) => string;

package/dist/types/types.d.ts

@@ -1,27 +1,29 @@
-import type { Options, StorybookConfig as BaseStorybookConfig } from '@storybook/core-common';
+import type { Options, StorybookConfig as StorybookConfigBase } from '@storybook/core-common';
 export type { Options, Preset, BuilderResult, TypescriptOptions } from '@storybook/core-common';
-export interface CommonWebpackConfiguration {
+export declare type RulesConfig = any;
+export declare type ModuleConfig = {
+    rules?: RulesConfig[];
+};
+export declare type ResolveConfig = {
+    extensions?: string[];
+    mainFields?: (string | string[])[] | undefined;
+    alias?: any;
+};
+export interface WebpackConfiguration {
     plugins?: any[];
-    module?: {
-        rules?: any[];
-    };
-    resolve?: {
-        extensions?: string[];
-        mainFields?: string[] | string[][];
-        alias?: any;
-    };
+    module?: ModuleConfig;
+    resolve?: ResolveConfig;
     optimization?: any;
-    devtool?: boolean | string;
+    devtool?: false | string;
 }
-export interface StorybookWebpackConfig<TConfiguration extends CommonWebpackConfiguration> {
+export declare type StorybookConfig<TWebpackConfiguration = WebpackConfiguration> = StorybookConfigBase & {
     /**
      * Modify or return a custom Webpack config after the Storybook's default configuration
      * has run (mostly used by addons).
      */
-    webpack?: (config: TConfiguration, options: Options) => TConfiguration | Promise<TConfiguration>;
+    webpack?: (config: TWebpackConfiguration, options: Options) => TWebpackConfiguration | Promise<TWebpackConfiguration>;
     /**
      * Modify or return a custom Webpack config after every addon has run.
      */
-    webpackFinal?: (config: TConfiguration, options: Options) => TConfiguration | Promise<TConfiguration>;
-}
-export declare type StorybookConfig<TWebpackConfiguration extends CommonWebpackConfiguration = CommonWebpackConfiguration> = BaseStorybookConfig & StorybookWebpackConfig<TWebpackConfiguration>;
+    webpackFinal?: (config: TWebpackConfiguration, options: Options) => TWebpackConfiguration | Promise<TWebpackConfiguration>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-webpack",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0-alpha.12",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -30,17 +30,21 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/core-common": "7.0.0-alpha.1",
-    "@storybook/node-logger": "7.0.0-alpha.1",
+    "@storybook/core-common": "7.0.0-alpha.12",
+    "@storybook/node-logger": "7.0.0-alpha.12",
     "@types/node": "^14.0.10 || ^16.0.0",
     "core-js": "^3.8.2",
     "ts-dedent": "^2.0.0"
   },
+  "devDependencies": {
+    "typescript": "~4.6.3"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b90b85210f66da59656c2ef58b0910b156256bea"
+  "gitHead": "5070efff271ecb5c26b3eb94c128c4896171cffe"
 }