@storybook/core-webpack 7.0.0-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# Storybook Core-Common
+
+Common utilities used across `@storybook/core-server` (manager UI configuration) and `@storybook/builder-webpack{4,5}` (preview configuration).
+
+This is a lot of code extracted for convenience, not because it made sense.
+
+Supporting multiple version of webpack and this duplicating a large portion of code that was never meant to be generic caused this.
+
+At some point we'll refactor this, it's likely a lot of this code is dead or barely used.

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

@@ -0,0 +1,34 @@
+"use strict";
+
+require("core-js/modules/es.array.slice.js");
+
+require("core-js/modules/es.object.freeze.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 }; }
+
+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) {
+  if (!webpack.version) {
+    _nodeLogger.logger.info('Skipping webpack version check, no version available');
+
+    return;
+  }
+
+  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));
+  }
+};
+
+exports.checkWebpackVersion = checkWebpackVersion;

package/dist/cjs/index.js

@@ -0,0 +1,63 @@
+"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
+});
+
+var _types = require("./types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[key];
+    }
+  });
+});
+
+var _loadCustomWebpackConfig = require("./load-custom-webpack-config");
+
+Object.keys(_loadCustomWebpackConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _loadCustomWebpackConfig[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _loadCustomWebpackConfig[key];
+    }
+  });
+});
+
+var _checkWebpackVersion = require("./check-webpack-version");
+
+Object.keys(_checkWebpackVersion).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _checkWebpackVersion[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _checkWebpackVersion[key];
+    }
+  });
+});
+
+var _mergeWebpackConfig = require("./merge-webpack-config");
+
+Object.keys(_mergeWebpackConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mergeWebpackConfig[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _mergeWebpackConfig[key];
+    }
+  });
+});

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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'];
+
+var loadCustomWebpackConfig = function loadCustomWebpackConfig(configDir) {
+  return (0, _coreCommon.serverRequire)(webpackConfigs.map(function (configName) {
+    return _path.default.resolve(configDir, configName);
+  }));
+};
+
+exports.loadCustomWebpackConfig = loadCustomWebpackConfig;

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

@@ -0,0 +1,119 @@
+"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 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 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 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;
+  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 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;
+  return Object.assign({}, defaultResolve, customResolve, {
+    alias: alias(defaultResolve, customResolve),
+    extensions: extensions(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;
+  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)
+  });
+}

package/dist/cjs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,20 @@
+import { logger } from '@storybook/node-logger';
+import dedent from 'ts-dedent';
+export const checkWebpackVersion = (webpack, specifier, caption) => {
+  if (!webpack.version) {
+    logger.info('Skipping webpack version check, no version available');
+    return;
+  }
+
+  if (webpack.version !== specifier) {
+    logger.warn(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/esm/index.js

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './load-custom-webpack-config';
+export * from './check-webpack-version';
+export * from './merge-webpack-config';

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

@@ -0,0 +1,4 @@
+import path from 'path';
+import { serverRequire } from '@storybook/core-common';
+const webpackConfigs = ['webpack.config', 'webpackfile'];
+export const loadCustomWebpackConfig = configDir => serverRequire(webpackConfigs.map(configName => path.resolve(configDir, configName)));

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

@@ -0,0 +1,74 @@
+function plugins({
+  plugins: defaultPlugins = []
+}, {
+  plugins: customPlugins = []
+}) {
+  return [...defaultPlugins, ...customPlugins];
+}
+
+function rules({
+  rules: defaultRules = []
+}, {
+  rules: customRules = []
+}) {
+  return [...defaultRules, ...customRules];
+}
+
+function extensions({
+  extensions: defaultExtensions = []
+}, {
+  extensions: customExtensions = []
+}) {
+  return [...defaultExtensions, ...customExtensions];
+}
+
+function alias({
+  alias: defaultAlias = {}
+}, {
+  alias: customAlias = {}
+}) {
+  return Object.assign({}, defaultAlias, customAlias);
+}
+
+function module({
+  module: defaultModule = {
+    rules: []
+  }
+}, {
+  module: customModule = {
+    rules: []
+  }
+}) {
+  return Object.assign({}, defaultModule, customModule, {
+    rules: rules(defaultModule, customModule)
+  });
+}
+
+function resolve({
+  resolve: defaultResolve = {}
+}, {
+  resolve: customResolve = {}
+}) {
+  return Object.assign({}, defaultResolve, customResolve, {
+    alias: alias(defaultResolve, customResolve),
+    extensions: extensions(defaultResolve, customResolve)
+  });
+}
+
+function optimization({
+  optimization: defaultOptimization = {}
+}, {
+  optimization: customOptimization = {}
+}) {
+  return Object.assign({}, defaultOptimization, customOptimization);
+}
+
+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)
+  });
+}

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/check-webpack-version.d.ts

@@ -0,0 +1,3 @@
+export declare const checkWebpackVersion: (webpack: {
+    version?: string;
+}, specifier: string, caption: string) => void;

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './load-custom-webpack-config';
+export * from './check-webpack-version';
+export * from './merge-webpack-config';

package/dist/types/load-custom-webpack-config.d.ts

@@ -0,0 +1 @@
+export declare const loadCustomWebpackConfig: (configDir: string) => any;

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

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

package/dist/types/types.d.ts

@@ -0,0 +1,27 @@
+import type { Options, StorybookConfig as BaseStorybookConfig } from '@storybook/core-common';
+export type { Options, Preset, BuilderResult, TypescriptOptions } from '@storybook/core-common';
+export interface CommonWebpackConfiguration {
+    plugins?: any[];
+    module?: {
+        rules?: any[];
+    };
+    resolve?: {
+        extensions?: string[];
+        mainFields?: string[] | string[][];
+        alias?: any;
+    };
+    optimization?: any;
+    devtool?: boolean | string;
+}
+export interface StorybookWebpackConfig<TConfiguration extends CommonWebpackConfiguration> {
+    /**
+     * 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>;
+    /**
+     * 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>;

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@storybook/core-webpack",
+  "version": "7.0.0-alpha.0",
+  "description": "Storybook framework-agnostic API",
+  "keywords": [
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/lib/core-webpack",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "lib/core-webpack"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist/**/*",
+    "types/**/*",
+    "templates/**/*",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "prepare": "node ../../scripts/prepare.js"
+  },
+  "dependencies": {
+    "@storybook/core-common": "7.0.0-alpha.0",
+    "@storybook/node-logger": "7.0.0-alpha.0",
+    "@types/node": "^14.0.10 || ^16.0.0",
+    "core-js": "^3.8.2",
+    "ts-dedent": "^2.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "c82d897ea765da8cf4fbbcc2af1f28c808a93e23"
+}