@storybook/builder-webpack5 6.5.9 → 7.0.0-alpha.2

package/dist/modern/preview/iframe-webpack.config.js

@@ -1,207 +0,0 @@
-import "core-js/modules/es.promise.js";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import path from 'path';
-import { DefinePlugin, HotModuleReplacementPlugin, ProgressPlugin, ProvidePlugin } from 'webpack';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
-import TerserWebpackPlugin from 'terser-webpack-plugin';
-import VirtualModulePlugin from 'webpack-virtual-modules';
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import themingPaths from '@storybook/theming/paths';
-import { toRequireContextString, es6Transpiler, stringifyProcessEnvs, handlebars, interpolate, toImportFn, normalizeStories, readTemplate, loadPreviewOrConfigFile } from '@storybook/core-common';
-import { createBabelLoader } from './babel-loader-preview';
-import { useBaseTsSupport } from './useBaseTsSupport';
-var storybookPaths = ['addons', 'api', 'channels', 'channel-postmessage', 'components', 'core-events', 'router', 'theming', 'semver', 'client-api', 'client-logger'].reduce(function (acc, sbPackage) {
-  return _objectSpread(_objectSpread({}, acc), {}, {
-    [`@storybook/${sbPackage}`]: path.dirname(require.resolve(`@storybook/${sbPackage}/package.json`))
-  });
-}, {});
-export default (async function (options) {
-  var babelOptions = options.babelOptions,
-      _options$outputDir = options.outputDir,
-      outputDir = _options$outputDir === void 0 ? path.join('.', 'public') : _options$outputDir,
-      quiet = options.quiet,
-      packageJson = options.packageJson,
-      configType = options.configType,
-      framework = options.framework,
-      frameworkPath = options.frameworkPath,
-      presets = options.presets,
-      previewUrl = options.previewUrl,
-      typescriptOptions = options.typescriptOptions,
-      modern = options.modern,
-      features = options.features,
-      serverChannelUrl = options.serverChannelUrl;
-  var envs = await presets.apply('env');
-  var logLevel = await presets.apply('logLevel', undefined);
-  var frameworkOptions = await presets.apply(`${framework}Options`, {});
-  var headHtmlSnippet = await presets.apply('previewHead');
-  var bodyHtmlSnippet = await presets.apply('previewBody');
-  var template = await presets.apply('previewMainTemplate');
-  var coreOptions = await presets.apply('core');
-  var babelLoader = createBabelLoader(babelOptions, framework);
-  var isProd = configType === 'PRODUCTION';
-  var configs = [...(await presets.apply('config', [], options)), loadPreviewOrConfigFile(options)].filter(Boolean);
-  var entries = await presets.apply('entries', [], options);
-  var workingDir = process.cwd();
-  var stories = normalizeStories(await presets.apply('stories', [], options), {
-    configDir: options.configDir,
-    workingDir: workingDir
-  });
-  var virtualModuleMapping = {};
-
-  if (features !== null && features !== void 0 && features.storyStoreV7) {
-    var storiesFilename = 'storybook-stories.js';
-    var storiesPath = path.resolve(path.join(workingDir, storiesFilename));
-    virtualModuleMapping[storiesPath] = toImportFn(stories);
-    var configEntryPath = path.resolve(path.join(workingDir, 'storybook-config-entry.js'));
-    virtualModuleMapping[configEntryPath] = handlebars(await readTemplate(require.resolve('@storybook/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars')), {
-      storiesFilename: storiesFilename,
-      configs: configs
-    } // We need to double escape `\` for webpack. We may have some in windows paths
-    ).replace(/\\/g, '\\\\');
-    entries.push(configEntryPath);
-  } else {
-    var frameworkInitEntry = path.resolve(path.join(workingDir, 'storybook-init-framework-entry.js'));
-    var frameworkImportPath = frameworkPath || `@storybook/${framework}`;
-    virtualModuleMapping[frameworkInitEntry] = `import '${frameworkImportPath}';`;
-    entries.push(frameworkInitEntry);
-    var entryTemplate = await readTemplate(path.join(__dirname, 'virtualModuleEntry.template.js'));
-    configs.forEach(function (configFilename) {
-      var clientApi = storybookPaths['@storybook/client-api'];
-      var clientLogger = storybookPaths['@storybook/client-logger']; // NOTE: although this file is also from the `dist/cjs` directory, it is actually a ESM
-      // file, see https://github.com/storybookjs/storybook/pull/16727#issuecomment-986485173
-
-      virtualModuleMapping[`${configFilename}-generated-config-entry.js`] = interpolate(entryTemplate, {
-        configFilename: configFilename,
-        clientApi: clientApi,
-        clientLogger: clientLogger
-      });
-      entries.push(`${configFilename}-generated-config-entry.js`);
-    });
-
-    if (stories.length > 0) {
-      var storyTemplate = await readTemplate(path.join(__dirname, 'virtualModuleStory.template.js')); // NOTE: this file has a `.cjs` extension as it is a CJS file (from `dist/cjs`) and runs
-      // in the user's webpack mode, which may be strict about the use of require/import.
-      // See https://github.com/storybookjs/storybook/issues/14877
-
-      var _storiesFilename = path.resolve(path.join(workingDir, `generated-stories-entry.cjs`));
-
-      virtualModuleMapping[_storiesFilename] = interpolate(storyTemplate, {
-        frameworkImportPath: frameworkImportPath
-      }) // Make sure we also replace quotes for this one
-      .replace("'{{stories}}'", stories.map(toRequireContextString).join(','));
-      entries.push(_storiesFilename);
-    }
-  }
-
-  var shouldCheckTs = useBaseTsSupport(framework) && typescriptOptions.check;
-  var tsCheckOptions = typescriptOptions.checkOptions || {};
-  return {
-    name: 'preview',
-    mode: isProd ? 'production' : 'development',
-    bail: isProd,
-    devtool: 'cheap-module-source-map',
-    entry: entries,
-    output: {
-      path: path.resolve(process.cwd(), outputDir),
-      filename: isProd ? '[name].[contenthash:8].iframe.bundle.js' : '[name].iframe.bundle.js',
-      publicPath: ''
-    },
-    stats: {
-      preset: 'none',
-      logging: 'error'
-    },
-    watchOptions: {
-      ignored: /node_modules/
-    },
-    ignoreWarnings: [{
-      message: /export '\S+' was not found in 'global'/
-    }],
-    plugins: [Object.keys(virtualModuleMapping).length > 0 ? new VirtualModulePlugin(virtualModuleMapping) : null, new HtmlWebpackPlugin({
-      filename: `iframe.html`,
-      // FIXME: `none` isn't a known option
-      chunksSortMode: 'none',
-      alwaysWriteToDisk: true,
-      inject: false,
-      template: template,
-      templateParameters: {
-        version: packageJson.version,
-        globals: {
-          CONFIG_TYPE: configType,
-          LOGLEVEL: logLevel,
-          FRAMEWORK_OPTIONS: frameworkOptions,
-          CHANNEL_OPTIONS: coreOptions === null || coreOptions === void 0 ? void 0 : coreOptions.channelOptions,
-          FEATURES: features,
-          PREVIEW_URL: previewUrl,
-          STORIES: stories.map(function (specifier) {
-            return _objectSpread(_objectSpread({}, specifier), {}, {
-              importPathMatcher: specifier.importPathMatcher.source
-            });
-          }),
-          SERVER_CHANNEL_URL: serverChannelUrl
-        },
-        headHtmlSnippet: headHtmlSnippet,
-        bodyHtmlSnippet: bodyHtmlSnippet
-      },
-      minify: {
-        collapseWhitespace: true,
-        removeComments: true,
-        removeRedundantAttributes: true,
-        removeScriptTypeAttributes: false,
-        removeStyleLinkTypeAttributes: true,
-        useShortDoctype: true
-      }
-    }), new DefinePlugin(_objectSpread(_objectSpread({}, stringifyProcessEnvs(envs)), {}, {
-      NODE_ENV: JSON.stringify(process.env.NODE_ENV)
-    })), new ProvidePlugin({
-      process: require.resolve('process/browser.js')
-    }), isProd ? null : new HotModuleReplacementPlugin(), new CaseSensitivePathsPlugin(), quiet ? null : new ProgressPlugin({}), shouldCheckTs ? new ForkTsCheckerWebpackPlugin(tsCheckOptions) : null].filter(Boolean),
-    module: {
-      rules: [babelLoader, es6Transpiler(), {
-        test: /\.md$/,
-        type: 'asset/source'
-      }]
-    },
-    resolve: {
-      extensions: ['.mjs', '.js', '.jsx', '.ts', '.tsx', '.json', '.cjs'],
-      modules: ['node_modules'].concat(envs.NODE_PATH || []),
-      mainFields: [modern ? 'sbmodern' : null, 'browser', 'module', 'main'].filter(Boolean),
-      alias: _objectSpread(_objectSpread(_objectSpread({}, features !== null && features !== void 0 && features.emotionAlias ? themingPaths : {}), storybookPaths), {}, {
-        react: path.dirname(require.resolve('react/package.json')),
-        'react-dom': path.dirname(require.resolve('react-dom/package.json'))
-      }),
-      fallback: {
-        path: require.resolve('path-browserify'),
-        assert: require.resolve('browser-assert')
-      }
-    },
-    optimization: {
-      splitChunks: {
-        chunks: 'all'
-      },
-      runtimeChunk: true,
-      sideEffects: true,
-      usedExports: isProd,
-      moduleIds: 'named',
-      minimizer: isProd ? [new TerserWebpackPlugin({
-        parallel: true,
-        terserOptions: {
-          sourceMap: true,
-          mangle: false,
-          keep_fnames: true
-        } // It looks like the types from `@types/terser-webpack-plugin` are not matching the latest version of
-        // Webpack yet
-
-      })] : []
-    },
-    performance: {
-      hints: isProd ? 'warning' : false
-    }
-  };
-});

package/dist/modern/preview/useBaseTsSupport.js

@@ -1,8 +0,0 @@
-/**
- * Returns true if the framework can use the base TS config.
- * @param {string} framework
- */
-export var useBaseTsSupport = function (framework) {
-  // These packages both have their own TS implementation.
-  return !['vue', 'angular'].includes(framework);
-};

package/dist/modern/preview/virtualModuleEntry.template.js

@@ -1,83 +0,0 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/* eslint-disable import/no-unresolved */
-import { addDecorator, addParameters, addLoader, addArgs, addArgTypes, addArgsEnhancer, addArgTypesEnhancer, setGlobalRender } from '{{clientApi}}';
-import * as config from '{{configFilename}}';
-Object.keys(config).forEach(function (key) {
-  var value = config[key];
-
-  switch (key) {
-    case 'args':
-      {
-        return addArgs(value);
-      }
-
-    case 'argTypes':
-      {
-        return addArgTypes(value);
-      }
-
-    case 'decorators':
-      {
-        return value.forEach(function (decorator) {
-          return addDecorator(decorator, false);
-        });
-      }
-
-    case 'loaders':
-      {
-        return value.forEach(function (loader) {
-          return addLoader(loader, false);
-        });
-      }
-
-    case 'parameters':
-      {
-        return addParameters(_objectSpread({}, value), false);
-      }
-
-    case 'argTypesEnhancers':
-      {
-        return value.forEach(function (enhancer) {
-          return addArgTypesEnhancer(enhancer);
-        });
-      }
-
-    case 'argsEnhancers':
-      {
-        return value.forEach(function (enhancer) {
-          return addArgsEnhancer(enhancer);
-        });
-      }
-
-    case 'render':
-      {
-        return setGlobalRender(value);
-      }
-
-    case 'globals':
-    case 'globalTypes':
-      {
-        var v = {};
-        v[key] = value;
-        return addParameters(v, false);
-      }
-
-    case '__namedExportsOrder':
-    case 'decorateStory':
-    case 'renderToDOM':
-      {
-        return null; // This key is not handled directly in v6 mode.
-      }
-
-    default:
-      {
-        // eslint-disable-next-line prefer-template
-        return console.log(key + ' was not supported :( !');
-      }
-  }
-});

package/dist/modern/preview/virtualModuleStory.template.js

@@ -1,3 +0,0 @@
-/* eslint-disable import/no-unresolved */
-import { configure } from '{{frameworkImportPath}}';
-configure(['{{stories}}'], module, false);

package/dist/ts3.4/index.d.ts

@@ -1,14 +0,0 @@
-import webpack, { Stats, Configuration } from 'webpack';
-import { Builder, Options } from '@storybook/core-common';
-declare type WebpackBuilder = Builder<Configuration, Stats>;
-declare type BuilderStartOptions = Partial<Parameters<WebpackBuilder['start']>['0']>;
-export declare const executor: {
-    get: (options: Options) => Promise<typeof webpack>;
-};
-export declare const getConfig: WebpackBuilder['getConfig'];
-export declare const bail: WebpackBuilder['bail'];
-export declare const start: (options: BuilderStartOptions) => Promise<unknown>;
-export declare const build: (options: BuilderStartOptions) => Promise<void | webpack.Stats>;
-export declare const corePresets: string[];
-export declare const overridePresets: string[];
-export {};

package/dist/ts3.4/presets/custom-webpack-preset.d.ts

@@ -1,6 +0,0 @@
-import * as webpackReal from 'webpack';
-import { Options } from '@storybook/core-common';
-import { Configuration } from 'webpack';
-export declare function webpack(config: Configuration, options: Options): Promise<any>;
-export declare const webpackInstance: () => Promise<typeof webpackReal>;
-export declare const webpackVersion: () => Promise<string>;

package/dist/ts3.4/presets/preview-preset.d.ts

@@ -1,3 +0,0 @@
-export declare const webpack: (_: unknown, options: any) => Promise<import("webpack").Configuration>;
-export declare const entries: (_: unknown, options: any) => Promise<string[]>;
-export declare const babel: (config: any, options: any) => Promise<any>;

package/dist/ts3.4/preview/babel-loader-preview.d.ts

@@ -1,14 +0,0 @@
-/**
- * Returns true if the framework can use the base TS config.
- * @param {string} framework
- */
-export declare const useBaseTsSupport: (framework: string) => boolean;
-export declare const createBabelLoader: (options: any, framework: string) => {
-    test: RegExp;
-    use: {
-        loader: string;
-        options: any;
-    }[];
-    include: string[];
-    exclude: RegExp;
-};

package/dist/ts3.4/preview/base-webpack.config.d.ts

@@ -1,3 +0,0 @@
-import { Options } from '@storybook/core-common';
-import { Configuration } from 'webpack';
-export declare function createDefaultWebpackConfig(storybookBaseConfig: Configuration, options: Options): Promise<Configuration>;

package/dist/ts3.4/preview/iframe-webpack.config.d.ts

@@ -1,4 +0,0 @@
-import { Configuration } from 'webpack';
-import { Options } from '@storybook/core-common';
-declare const _default: (options: Options & Record<string, any>) => Promise<Configuration>;
-export default _default;

package/dist/ts3.4/preview/useBaseTsSupport.d.ts

@@ -1,5 +0,0 @@
-/**
- * Returns true if the framework can use the base TS config.
- * @param {string} framework
- */
-export declare const useBaseTsSupport: (framework: string) => boolean;

package/dist/ts3.9/preview/babel-loader-preview.d.ts

@@ -1,14 +0,0 @@
-/**
- * Returns true if the framework can use the base TS config.
- * @param {string} framework
- */
-export declare const useBaseTsSupport: (framework: string) => boolean;
-export declare const createBabelLoader: (options: any, framework: string) => {
-    test: RegExp;
-    use: {
-        loader: string;
-        options: any;
-    }[];
-    include: string[];
-    exclude: RegExp;
-};

package/dist/ts3.9/preview/iframe-webpack.config.d.ts

@@ -1,4 +0,0 @@
-import type { Configuration } from 'webpack';
-import type { Options } from '@storybook/core-common';
-declare const _default: (options: Options & Record<string, any>) => Promise<Configuration>;
-export default _default;

package/dist/ts3.9/preview/useBaseTsSupport.d.ts

@@ -1,5 +0,0 @@
-/**
- * Returns true if the framework can use the base TS config.
- * @param {string} framework
- */
-export declare const useBaseTsSupport: (framework: string) => boolean;