@teambit/webpack 0.0.627 → 0.0.632

package/__preview-1643167379538.js

@@ -0,0 +1 @@
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.webpack_webpack@0.0.632/dist/webpack.composition.js')]

package/config/html.ts

@@ -17,6 +17,6 @@ export function html(title: string) {
     <body>
       <div id="root"></div>
     </body>
-  </html>  
+  </html>
   `;
 }

package/config/webpack-fallbacks.ts

@@ -57,4 +57,4 @@ export const fallbacks = {
   // pnpapi: false,
   // readline: false,
   // worker_threads: false,
-} as const;
+} as const;

package/config/webpack.config.ts

@@ -1,24 +1,48 @@
+/* eslint-disable complexity */
+import camelcase from 'camelcase';
 import webpack, { Configuration } from 'webpack';
+import { generateExternals } from '@teambit/webpack.modules.generate-externals';
+import { isUndefined, omitBy } from 'lodash';
+import type { BundlerContext, BundlerHtmlConfig, Target } from '@teambit/bundler';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import WebpackAssetsManifest from 'webpack-assets-manifest';
 import { fallbacks } from './webpack-fallbacks';
 import { fallbacksProvidePluginConfig } from './webpack-fallbacks-provide-plugin-config';
 import { fallbacksAliases } from './webpack-fallbacks-aliases';
 
-export function configFactory(entries: string[], rootPath: string): Configuration {
-  return {
-    mode: 'production',
+export function configFactory(target: Target, context: BundlerContext): Configuration {
+  let truthyEntries =
+    Array.isArray(target.entries) && target.entries.length ? target.entries.filter(Boolean) : target.entries || {};
+  if (Array.isArray(truthyEntries) && !truthyEntries.length) {
+    truthyEntries = {};
+  }
+  const dev = Boolean(context.development);
+  const htmlConfig = target.html ?? context.html;
+  const htmlPlugins = htmlConfig ? generateHtmlPlugins(htmlConfig) : undefined;
+  const shouldExternalizePeers =
+    (target.externalizePeer ?? context.externalizePeer) && target.peers && target.peers.length;
+  const externals = shouldExternalizePeers ? (getExternals(target.peers || []) as any) : undefined;
+  const splitChunks = target.chunking?.splitChunks;
+
+  const config: Configuration = {
+    mode: dev ? 'development' : 'production',
     // Stop compilation early in production
     bail: true,
     // These are the "entry points" to our application.
     // This means they will be the "root" imports that are included in JS bundle.
-    entry: entries.filter(Boolean),
+    // @ts-ignore
+    entry: truthyEntries,
+
+    infrastructureLogging: {
+      level: 'error',
+    },
 
     output: {
       // The build folder.
-      path: `${rootPath}/public`,
-
-      filename: 'static/js/[name].[contenthash:8].js',
-      // There are also additional JS chunk files if you use code splitting.
-      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',
+      path: `${target.outputPath}/public`,
+    },
+    stats: {
+      errorDetails: true,
     },
 
     resolve: {
@@ -27,6 +51,76 @@ export function configFactory(entries: string[], rootPath: string): Configuratio
       fallback: fallbacks,
     },
 
-    plugins: [new webpack.ProvidePlugin(fallbacksProvidePluginConfig)],
+    plugins: [new webpack.ProvidePlugin(fallbacksProvidePluginConfig), getAssetManifestPlugin()],
+  };
+
+  if (target.filename) {
+    config.output = config.output || {};
+    config.output.filename = target.filename;
+  }
+
+  if (target.chunkFilename) {
+    config.output = config.output || {};
+    config.output.chunkFilename = target.chunkFilename;
+  }
+
+  if (target.runtimeChunkName) {
+    config.optimization = config.optimization || {};
+    config.optimization.runtimeChunk = {
+      name: target.runtimeChunkName,
+    };
+  }
+
+  if (splitChunks) {
+    config.optimization = config.optimization || {};
+    config.optimization.splitChunks = {
+      chunks: 'all',
+      name: false,
+    };
+  }
+
+  if (htmlPlugins && htmlPlugins.length) {
+    if (!config.plugins) {
+      config.plugins = [];
+    }
+    config.plugins = config.plugins.concat(htmlPlugins);
+  }
+  if (externals) {
+    config.externals = externals;
+  }
+  return config;
+}
+
+function getAssetManifestPlugin() {
+  return new WebpackAssetsManifest({ entrypoints: true });
+}
+
+function generateHtmlPlugins(configs: BundlerHtmlConfig[]) {
+  return configs.map((config) => generateHtmlPlugin(config));
+}
+function generateHtmlPlugin(config: BundlerHtmlConfig) {
+  const baseConfig = {
+    filename: config.filename,
+    chunks: config.chunks,
+    title: config.title,
+    templateContent: config.templateContent,
+    minify: config.minify,
+    cache: false,
+    chunksSortMode: 'auto' as const,
   };
+  if (baseConfig.chunks && baseConfig.chunks.length) {
+    // Make sure the order is that the preview root coming after the preview def
+    // we can't make it like this on the entries using depend on because this will
+    // prevent the splitting between different preview defs
+    // @ts-ignore
+    baseConfig.chunksSortMode = 'manual' as const;
+  }
+  const filteredConfig = omitBy(baseConfig, isUndefined);
+  return new HtmlWebpackPlugin(filteredConfig);
+}
+
+export function getExternals(deps: string[]) {
+  return generateExternals(deps, {
+    transformName: (depName) => camelcase(depName.replace('@', '').replace('/', '-'), { pascalCase: true }),
+  });
 }

package/config/webpack.dev.config.ts

@@ -69,7 +69,9 @@ export function configFactory(
       level: 'error',
     },
 
-    stats: 'errors-only',
+    stats: {
+      errorDetails: true,
+    },
 
     devServer: {
       allowedHosts: 'all',

package/dist/config/html.js

@@ -24,7 +24,7 @@ function html(title) {
     <body>
       <div id="root"></div>
     </body>
-  </html>  
+  </html>
   `;
 }
 

package/dist/config/html.js.map

@@ -1 +1 @@
-{"version":3,"sources":["html.ts"],"names":["html","title"],"mappings":";;;;;;;AAAA;AACO,SAASA,IAAT,CAAcC,KAAd,EAA6B;AAClC,SAAO,MAAO;AAChB;AACA;AACA;AACA;AACA;AACA,eAAeA,KAAM;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAlBE;AAmBD","sourcesContent":["/** html template for Previews (docs, compositions, etc) */\nexport function html(title: string) {\n  return () => `\n  <!DOCTYPE html>\n  <html lang=\"en\">\n    <head>\n      <meta charset=\"utf-8\">\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n      <title>${title}</title>\n      <script>\n      // Allow to use react dev-tools inside the examples\n      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}\n      </script>\n      <!-- minimal css resets -->\n      <style> html { height: 100%; } body { margin: 0; height: 100%; } #root { height: 100%; } </style>\n    </head>\n    <body>\n      <div id=\"root\"></div>\n    </body>\n  </html>  \n  `;\n}\n"]}
+{"version":3,"sources":["html.ts"],"names":["html","title"],"mappings":";;;;;;;AAAA;AACO,SAASA,IAAT,CAAcC,KAAd,EAA6B;AAClC,SAAO,MAAO;AAChB;AACA;AACA;AACA;AACA;AACA,eAAeA,KAAM;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAlBE;AAmBD","sourcesContent":["/** html template for Previews (docs, compositions, etc) */\nexport function html(title: string) {\n  return () => `\n  <!DOCTYPE html>\n  <html lang=\"en\">\n    <head>\n      <meta charset=\"utf-8\">\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n      <title>${title}</title>\n      <script>\n      // Allow to use react dev-tools inside the examples\n      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}\n      </script>\n      <!-- minimal css resets -->\n      <style> html { height: 100%; } body { margin: 0; height: 100%; } #root { height: 100%; } </style>\n    </head>\n    <body>\n      <div id=\"root\"></div>\n    </body>\n  </html>\n  `;\n}\n"]}

package/dist/config/webpack-fallbacks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack-fallbacks.ts"],"names":["assertFallbackPath","require","resolve","bufferFallbackPath","constantsFallbackPath","cryptoFallbackPath","domainFallbackPath","httpFallbackPath","httpsFallbackPath","osFallbackPath","pathFallbackPath","punycodeFallbackPath","processFallbackPath","querystringFallbackPath","streamFallbackPath","string_decoderFallbackPath","sysFallbackPath","timersFallbackPath","ttyFallbackPath","urlFallbackPath","utilFallbackPath","vmFallbackPath","zlibFallbackPath","fallbacks","assert","buffer","constants","crypto","domain","http","https","os","path","punycode","process","querystring","stream","string_decoder","sys","timers","tty","url","util","vm","zlib","fs","net","tls","child_process"],"mappings":"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","sourcesContent":["// based on https://github1s.com/vercel/next.js/blob/canary/packages/next/build/webpack-config.ts\n// Full list of old polyfills is accessible here:\n// https://github.com/webpack/webpack/blob/2a0536cf510768111a3a6dceeb14cb79b9f59273/lib/ModuleNotFoundError.js#L13-L42\n\nconst assertFallbackPath = require.resolve('assert/');\nconst bufferFallbackPath = require.resolve('buffer/');\nconst constantsFallbackPath = require.resolve('constants-browserify');\nconst cryptoFallbackPath = require.resolve('crypto-browserify');\nconst domainFallbackPath = require.resolve('domain-browser');\nconst httpFallbackPath = require.resolve('stream-http');\nconst httpsFallbackPath = require.resolve('https-browserify');\nconst osFallbackPath = require.resolve('os-browserify/browser');\nconst pathFallbackPath = require.resolve('path-browserify');\nconst punycodeFallbackPath = require.resolve('punycode/');\nconst processFallbackPath = require.resolve('process/browser');\n// Handled in separate alias\nconst querystringFallbackPath = require.resolve('querystring-es3');\nconst streamFallbackPath = require.resolve('stream-browserify');\nconst string_decoderFallbackPath = require.resolve('string_decoder/');\nconst sysFallbackPath = require.resolve('util/');\nconst timersFallbackPath = require.resolve('timers-browserify');\nconst ttyFallbackPath = require.resolve('tty-browserify');\n// Handled in separate alias\nconst urlFallbackPath = require.resolve('url/');\nconst utilFallbackPath = require.resolve('util/');\nconst vmFallbackPath = require.resolve('vm-browserify');\nconst zlibFallbackPath = require.resolve('browserify-zlib');\n\nexport const fallbacks = {\n  assert: assertFallbackPath,\n  buffer: bufferFallbackPath,\n  constants: constantsFallbackPath,\n  crypto: cryptoFallbackPath,\n  domain: domainFallbackPath,\n  http: httpFallbackPath,\n  https: httpsFallbackPath,\n  os: osFallbackPath,\n  path: pathFallbackPath,\n  punycode: punycodeFallbackPath,\n  process: processFallbackPath,\n  querystring: querystringFallbackPath,\n  stream: streamFallbackPath,\n  string_decoder: string_decoderFallbackPath,\n  sys: sysFallbackPath,\n  timers: timersFallbackPath,\n  tty: ttyFallbackPath,\n  url: urlFallbackPath,\n  util: utilFallbackPath,\n  vm: vmFallbackPath,\n  zlib: zlibFallbackPath,\n  fs: false,\n  net: false,\n  tls: false,\n  child_process: false,\n  // file: false,\n  // module: false,\n  // pnpapi: false,\n  // readline: false,\n  // worker_threads: false,\n} as const;"]}
+{"version":3,"sources":["webpack-fallbacks.ts"],"names":["assertFallbackPath","require","resolve","bufferFallbackPath","constantsFallbackPath","cryptoFallbackPath","domainFallbackPath","httpFallbackPath","httpsFallbackPath","osFallbackPath","pathFallbackPath","punycodeFallbackPath","processFallbackPath","querystringFallbackPath","streamFallbackPath","string_decoderFallbackPath","sysFallbackPath","timersFallbackPath","ttyFallbackPath","urlFallbackPath","utilFallbackPath","vmFallbackPath","zlibFallbackPath","fallbacks","assert","buffer","constants","crypto","domain","http","https","os","path","punycode","process","querystring","stream","string_decoder","sys","timers","tty","url","util","vm","zlib","fs","net","tls","child_process"],"mappings":"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","sourcesContent":["// based on https://github1s.com/vercel/next.js/blob/canary/packages/next/build/webpack-config.ts\n// Full list of old polyfills is accessible here:\n// https://github.com/webpack/webpack/blob/2a0536cf510768111a3a6dceeb14cb79b9f59273/lib/ModuleNotFoundError.js#L13-L42\n\nconst assertFallbackPath = require.resolve('assert/');\nconst bufferFallbackPath = require.resolve('buffer/');\nconst constantsFallbackPath = require.resolve('constants-browserify');\nconst cryptoFallbackPath = require.resolve('crypto-browserify');\nconst domainFallbackPath = require.resolve('domain-browser');\nconst httpFallbackPath = require.resolve('stream-http');\nconst httpsFallbackPath = require.resolve('https-browserify');\nconst osFallbackPath = require.resolve('os-browserify/browser');\nconst pathFallbackPath = require.resolve('path-browserify');\nconst punycodeFallbackPath = require.resolve('punycode/');\nconst processFallbackPath = require.resolve('process/browser');\n// Handled in separate alias\nconst querystringFallbackPath = require.resolve('querystring-es3');\nconst streamFallbackPath = require.resolve('stream-browserify');\nconst string_decoderFallbackPath = require.resolve('string_decoder/');\nconst sysFallbackPath = require.resolve('util/');\nconst timersFallbackPath = require.resolve('timers-browserify');\nconst ttyFallbackPath = require.resolve('tty-browserify');\n// Handled in separate alias\nconst urlFallbackPath = require.resolve('url/');\nconst utilFallbackPath = require.resolve('util/');\nconst vmFallbackPath = require.resolve('vm-browserify');\nconst zlibFallbackPath = require.resolve('browserify-zlib');\n\nexport const fallbacks = {\n  assert: assertFallbackPath,\n  buffer: bufferFallbackPath,\n  constants: constantsFallbackPath,\n  crypto: cryptoFallbackPath,\n  domain: domainFallbackPath,\n  http: httpFallbackPath,\n  https: httpsFallbackPath,\n  os: osFallbackPath,\n  path: pathFallbackPath,\n  punycode: punycodeFallbackPath,\n  process: processFallbackPath,\n  querystring: querystringFallbackPath,\n  stream: streamFallbackPath,\n  string_decoder: string_decoderFallbackPath,\n  sys: sysFallbackPath,\n  timers: timersFallbackPath,\n  tty: ttyFallbackPath,\n  url: urlFallbackPath,\n  util: utilFallbackPath,\n  vm: vmFallbackPath,\n  zlib: zlibFallbackPath,\n  fs: false,\n  net: false,\n  tls: false,\n  child_process: false,\n  // file: false,\n  // module: false,\n  // pnpapi: false,\n  // readline: false,\n  // worker_threads: false,\n} as const;\n"]}

package/dist/config/webpack.config.d.ts

@@ -1,2 +1,4 @@
 import { Configuration } from 'webpack';
-export declare function configFactory(entries: string[], rootPath: string): Configuration;
+import type { BundlerContext, Target } from '@teambit/bundler';
+export declare function configFactory(target: Target, context: BundlerContext): Configuration;
+export declare function getExternals(deps: string[]): Object;

package/dist/config/webpack.config.js

@@ -2,10 +2,27 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.replace.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.configFactory = configFactory;
+exports.getExternals = getExternals;
+
+function _camelcase() {
+  const data = _interopRequireDefault(require("camelcase"));
+
+  _camelcase = function () {
+    return data;
+  };
+
+  return data;
+}
 
 function _webpack() {
   const data = _interopRequireDefault(require("webpack"));
@@ -17,6 +34,46 @@ function _webpack() {
   return data;
 }
 
+function _webpackModules() {
+  const data = require("@teambit/webpack.modules.generate-externals");
+
+  _webpackModules = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _lodash() {
+  const data = require("lodash");
+
+  _lodash = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _htmlWebpackPlugin() {
+  const data = _interopRequireDefault(require("html-webpack-plugin"));
+
+  _htmlWebpackPlugin = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _webpackAssetsManifest() {
+  const data = _interopRequireDefault(require("webpack-assets-manifest"));
+
+  _webpackAssetsManifest = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _webpackFallbacks() {
   const data = require("./webpack-fallbacks");
 
@@ -47,27 +104,126 @@ function _webpackFallbacksAliases() {
   return data;
 }
 
-function configFactory(entries, rootPath) {
-  return {
-    mode: 'production',
+/* eslint-disable complexity */
+function configFactory(target, context) {
+  var _target$html, _target$externalizePe, _target$chunking;
+
+  let truthyEntries = Array.isArray(target.entries) && target.entries.length ? target.entries.filter(Boolean) : target.entries || {};
+
+  if (Array.isArray(truthyEntries) && !truthyEntries.length) {
+    truthyEntries = {};
+  }
+
+  const dev = Boolean(context.development);
+  const htmlConfig = (_target$html = target.html) !== null && _target$html !== void 0 ? _target$html : context.html;
+  const htmlPlugins = htmlConfig ? generateHtmlPlugins(htmlConfig) : undefined;
+  const shouldExternalizePeers = ((_target$externalizePe = target.externalizePeer) !== null && _target$externalizePe !== void 0 ? _target$externalizePe : context.externalizePeer) && target.peers && target.peers.length;
+  const externals = shouldExternalizePeers ? getExternals(target.peers || []) : undefined;
+  const splitChunks = (_target$chunking = target.chunking) === null || _target$chunking === void 0 ? void 0 : _target$chunking.splitChunks;
+  const config = {
+    mode: dev ? 'development' : 'production',
     // Stop compilation early in production
     bail: true,
     // These are the "entry points" to our application.
     // This means they will be the "root" imports that are included in JS bundle.
-    entry: entries.filter(Boolean),
+    // @ts-ignore
+    entry: truthyEntries,
+    infrastructureLogging: {
+      level: 'error'
+    },
     output: {
       // The build folder.
-      path: `${rootPath}/public`,
-      filename: 'static/js/[name].[contenthash:8].js',
-      // There are also additional JS chunk files if you use code splitting.
-      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js'
+      path: `${target.outputPath}/public`
+    },
+    stats: {
+      errorDetails: true
     },
     resolve: {
       alias: _webpackFallbacksAliases().fallbacksAliases,
       fallback: _webpackFallbacks().fallbacks
     },
-    plugins: [new (_webpack().default.ProvidePlugin)(_webpackFallbacksProvidePluginConfig().fallbacksProvidePluginConfig)]
+    plugins: [new (_webpack().default.ProvidePlugin)(_webpackFallbacksProvidePluginConfig().fallbacksProvidePluginConfig), getAssetManifestPlugin()]
   };
+
+  if (target.filename) {
+    config.output = config.output || {};
+    config.output.filename = target.filename;
+  }
+
+  if (target.chunkFilename) {
+    config.output = config.output || {};
+    config.output.chunkFilename = target.chunkFilename;
+  }
+
+  if (target.runtimeChunkName) {
+    config.optimization = config.optimization || {};
+    config.optimization.runtimeChunk = {
+      name: target.runtimeChunkName
+    };
+  }
+
+  if (splitChunks) {
+    config.optimization = config.optimization || {};
+    config.optimization.splitChunks = {
+      chunks: 'all',
+      name: false
+    };
+  }
+
+  if (htmlPlugins && htmlPlugins.length) {
+    if (!config.plugins) {
+      config.plugins = [];
+    }
+
+    config.plugins = config.plugins.concat(htmlPlugins);
+  }
+
+  if (externals) {
+    config.externals = externals;
+  }
+
+  return config;
+}
+
+function getAssetManifestPlugin() {
+  return new (_webpackAssetsManifest().default)({
+    entrypoints: true
+  });
+}
+
+function generateHtmlPlugins(configs) {
+  return configs.map(config => generateHtmlPlugin(config));
+}
+
+function generateHtmlPlugin(config) {
+  const baseConfig = {
+    filename: config.filename,
+    chunks: config.chunks,
+    title: config.title,
+    templateContent: config.templateContent,
+    minify: config.minify,
+    cache: false,
+    chunksSortMode: 'auto'
+  };
+
+  if (baseConfig.chunks && baseConfig.chunks.length) {
+    // Make sure the order is that the preview root coming after the preview def
+    // we can't make it like this on the entries using depend on because this will
+    // prevent the splitting between different preview defs
+    // @ts-ignore
+    baseConfig.chunksSortMode = 'manual';
+  }
+
+  const filteredConfig = (0, _lodash().omitBy)(baseConfig, _lodash().isUndefined);
+  return new (_htmlWebpackPlugin().default)(filteredConfig);
+}
+
+function getExternals(deps) {
+  return (0, _webpackModules().generateExternals)(deps, {
+    transformName: depName => (0, _camelcase().default)(depName.replace('@', '').replace('/', '-'), {
+      pascalCase: true
+    })
+  });
 }
 
 //# sourceMappingURL=webpack.config.js.map

package/dist/config/webpack.config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack.config.ts"],"names":["configFactory","entries","rootPath","mode","bail","entry","filter","Boolean","output","path","filename","chunkFilename","resolve","alias","fallbacksAliases","fallback","fallbacks","plugins","webpack","ProvidePlugin","fallbacksProvidePluginConfig"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,SAASA,aAAT,CAAuBC,OAAvB,EAA0CC,QAA1C,EAA2E;AAChF,SAAO;AACLC,IAAAA,IAAI,EAAE,YADD;AAEL;AACAC,IAAAA,IAAI,EAAE,IAHD;AAIL;AACA;AACAC,IAAAA,KAAK,EAAEJ,OAAO,CAACK,MAAR,CAAeC,OAAf,CANF;AAQLC,IAAAA,MAAM,EAAE;AACN;AACAC,MAAAA,IAAI,EAAG,GAAEP,QAAS,SAFZ;AAINQ,MAAAA,QAAQ,EAAE,qCAJJ;AAKN;AACAC,MAAAA,aAAa,EAAE;AANT,KARH;AAiBLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAEC,2CADA;AAGPC,MAAAA,QAAQ,EAAEC;AAHH,KAjBJ;AAuBLC,IAAAA,OAAO,EAAE,CAAC,KAAIC,mBAAQC,aAAZ,EAA0BC,mEAA1B,CAAD;AAvBJ,GAAP;AAyBD","sourcesContent":["import webpack, { Configuration } from 'webpack';\nimport { fallbacks } from './webpack-fallbacks';\nimport { fallbacksProvidePluginConfig } from './webpack-fallbacks-provide-plugin-config';\nimport { fallbacksAliases } from './webpack-fallbacks-aliases';\n\nexport function configFactory(entries: string[], rootPath: string): Configuration {\n  return {\n    mode: 'production',\n    // Stop compilation early in production\n    bail: true,\n    // These are the \"entry points\" to our application.\n    // This means they will be the \"root\" imports that are included in JS bundle.\n    entry: entries.filter(Boolean),\n\n    output: {\n      // The build folder.\n      path: `${rootPath}/public`,\n\n      filename: 'static/js/[name].[contenthash:8].js',\n      // There are also additional JS chunk files if you use code splitting.\n      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',\n    },\n\n    resolve: {\n      alias: fallbacksAliases,\n\n      fallback: fallbacks,\n    },\n\n    plugins: [new webpack.ProvidePlugin(fallbacksProvidePluginConfig)],\n  };\n}\n"]}
+{"version":3,"sources":["webpack.config.ts"],"names":["configFactory","target","context","truthyEntries","Array","isArray","entries","length","filter","Boolean","dev","development","htmlConfig","html","htmlPlugins","generateHtmlPlugins","undefined","shouldExternalizePeers","externalizePeer","peers","externals","getExternals","splitChunks","chunking","config","mode","bail","entry","infrastructureLogging","level","output","path","outputPath","stats","errorDetails","resolve","alias","fallbacksAliases","fallback","fallbacks","plugins","webpack","ProvidePlugin","fallbacksProvidePluginConfig","getAssetManifestPlugin","filename","chunkFilename","runtimeChunkName","optimization","runtimeChunk","name","chunks","concat","WebpackAssetsManifest","entrypoints","configs","map","generateHtmlPlugin","baseConfig","title","templateContent","minify","cache","chunksSortMode","filteredConfig","isUndefined","HtmlWebpackPlugin","deps","transformName","depName","replace","pascalCase"],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\nimport camelcase from 'camelcase';\nimport webpack, { Configuration } from 'webpack';\nimport { generateExternals } from '@teambit/webpack.modules.generate-externals';\nimport { isUndefined, omitBy } from 'lodash';\nimport type { BundlerContext, BundlerHtmlConfig, Target } from '@teambit/bundler';\nimport HtmlWebpackPlugin from 'html-webpack-plugin';\nimport WebpackAssetsManifest from 'webpack-assets-manifest';\nimport { fallbacks } from './webpack-fallbacks';\nimport { fallbacksProvidePluginConfig } from './webpack-fallbacks-provide-plugin-config';\nimport { fallbacksAliases } from './webpack-fallbacks-aliases';\n\nexport function configFactory(target: Target, context: BundlerContext): Configuration {\n  let truthyEntries =\n    Array.isArray(target.entries) && target.entries.length ? target.entries.filter(Boolean) : target.entries || {};\n  if (Array.isArray(truthyEntries) && !truthyEntries.length) {\n    truthyEntries = {};\n  }\n  const dev = Boolean(context.development);\n  const htmlConfig = target.html ?? context.html;\n  const htmlPlugins = htmlConfig ? generateHtmlPlugins(htmlConfig) : undefined;\n  const shouldExternalizePeers =\n    (target.externalizePeer ?? context.externalizePeer) && target.peers && target.peers.length;\n  const externals = shouldExternalizePeers ? (getExternals(target.peers || []) as any) : undefined;\n  const splitChunks = target.chunking?.splitChunks;\n\n  const config: Configuration = {\n    mode: dev ? 'development' : 'production',\n    // Stop compilation early in production\n    bail: true,\n    // These are the \"entry points\" to our application.\n    // This means they will be the \"root\" imports that are included in JS bundle.\n    // @ts-ignore\n    entry: truthyEntries,\n\n    infrastructureLogging: {\n      level: 'error',\n    },\n\n    output: {\n      // The build folder.\n      path: `${target.outputPath}/public`,\n    },\n    stats: {\n      errorDetails: true,\n    },\n\n    resolve: {\n      alias: fallbacksAliases,\n\n      fallback: fallbacks,\n    },\n\n    plugins: [new webpack.ProvidePlugin(fallbacksProvidePluginConfig), getAssetManifestPlugin()],\n  };\n\n  if (target.filename) {\n    config.output = config.output || {};\n    config.output.filename = target.filename;\n  }\n\n  if (target.chunkFilename) {\n    config.output = config.output || {};\n    config.output.chunkFilename = target.chunkFilename;\n  }\n\n  if (target.runtimeChunkName) {\n    config.optimization = config.optimization || {};\n    config.optimization.runtimeChunk = {\n      name: target.runtimeChunkName,\n    };\n  }\n\n  if (splitChunks) {\n    config.optimization = config.optimization || {};\n    config.optimization.splitChunks = {\n      chunks: 'all',\n      name: false,\n    };\n  }\n\n  if (htmlPlugins && htmlPlugins.length) {\n    if (!config.plugins) {\n      config.plugins = [];\n    }\n    config.plugins = config.plugins.concat(htmlPlugins);\n  }\n  if (externals) {\n    config.externals = externals;\n  }\n  return config;\n}\n\nfunction getAssetManifestPlugin() {\n  return new WebpackAssetsManifest({ entrypoints: true });\n}\n\nfunction generateHtmlPlugins(configs: BundlerHtmlConfig[]) {\n  return configs.map((config) => generateHtmlPlugin(config));\n}\nfunction generateHtmlPlugin(config: BundlerHtmlConfig) {\n  const baseConfig = {\n    filename: config.filename,\n    chunks: config.chunks,\n    title: config.title,\n    templateContent: config.templateContent,\n    minify: config.minify,\n    cache: false,\n    chunksSortMode: 'auto' as const,\n  };\n  if (baseConfig.chunks && baseConfig.chunks.length) {\n    // Make sure the order is that the preview root coming after the preview def\n    // we can't make it like this on the entries using depend on because this will\n    // prevent the splitting between different preview defs\n    // @ts-ignore\n    baseConfig.chunksSortMode = 'manual' as const;\n  }\n  const filteredConfig = omitBy(baseConfig, isUndefined);\n  return new HtmlWebpackPlugin(filteredConfig);\n}\n\nexport function getExternals(deps: string[]) {\n  return generateExternals(deps, {\n    transformName: (depName) => camelcase(depName.replace('@', '').replace('/', '-'), { pascalCase: true }),\n  });\n}\n"]}

package/dist/config/webpack.dev.config.js

@@ -178,7 +178,9 @@ function configFactory(devServerID, workspaceDir, entryFiles, publicRoot, public
     infrastructureLogging: {
       level: 'error'
     },
-    stats: 'errors-only',
+    stats: {
+      errorDetails: true
+    },
     devServer: {
       allowedHosts: 'all',
       static: [{

package/dist/config/webpack.dev.config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack.dev.config.ts"],"names":["publicUrlOrPath","process","env","NODE_ENV","configFactory","devServerID","workspaceDir","entryFiles","publicRoot","publicPath","pubsub","title","resolveWorkspacePath","relativePath","path","resolve","publicDirectory","mode","devtool","entry","map","filePath","output","filename","pathinfo","chunkFilename","devtoolModuleFilenameTemplate","info","absoluteResourcePath","infrastructureLogging","level","stats","devServer","allowedHosts","static","directory","staticOptions","serveIndex","watch","compress","hot","historyApiFallback","disableDotRule","index","client","overlay","onBeforeSetupMiddleware","app","server","use","onAfterSetupMiddleware","devMiddleware","join","extensions","alias","fallbacksAliases","fallback","fallbacks","plugins","HtmlWebpackPlugin","templateContent","webpack","ProvidePlugin","fallbacksProvidePluginConfig","WebpackBitReporterPlugin","options"],"mappings":"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","sourcesContent":["import path from 'path';\nimport webpack from 'webpack';\nimport HtmlWebpackPlugin from 'html-webpack-plugin';\nimport errorOverlayMiddleware from 'react-dev-utils/errorOverlayMiddleware';\nimport evalSourceMapMiddleware from 'react-dev-utils/evalSourceMapMiddleware';\nimport noopServiceWorkerMiddleware from 'react-dev-utils/noopServiceWorkerMiddleware';\nimport redirectServedPath from 'react-dev-utils/redirectServedPathMiddleware';\nimport getPublicUrlOrPath from 'react-dev-utils/getPublicUrlOrPath';\nimport { PubsubMain } from '@teambit/pubsub';\nimport { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';\nimport { WebpackConfigWithDevServer } from '../webpack.dev-server';\nimport { fallbacks } from './webpack-fallbacks';\n\nimport { html } from './html';\n\nimport { WebpackBitReporterPlugin } from '../plugins/webpack-bit-reporter-plugin';\nimport { fallbacksProvidePluginConfig } from './webpack-fallbacks-provide-plugin-config';\nimport { fallbacksAliases } from './webpack-fallbacks-aliases';\n\nconst publicUrlOrPath = getPublicUrlOrPath(process.env.NODE_ENV === 'development', '/', '/public');\n\nexport function configFactory(\n  devServerID: string,\n  workspaceDir: string,\n  entryFiles: string[],\n  publicRoot: string,\n  publicPath: string,\n  pubsub: PubsubMain,\n  title?: string\n): WebpackConfigWithDevServer {\n  const resolveWorkspacePath = (relativePath) => path.resolve(workspaceDir, relativePath);\n\n  // Required for babel-preset-react-app\n  process.env.NODE_ENV = 'development';\n\n  const publicDirectory = `${publicRoot}/${publicPath}`;\n\n  return {\n    // Environment mode\n    mode: 'development',\n\n    devtool: 'inline-source-map',\n\n    // Entry point of app\n    entry: entryFiles.map((filePath) => resolveWorkspacePath(filePath)),\n\n    output: {\n      // Development filename output\n      filename: 'static/js/[name].bundle.js',\n\n      pathinfo: true,\n\n      path: resolveWorkspacePath(publicDirectory),\n\n      // publicPath: resolveWorkspacePath(publicDirectory),\n\n      chunkFilename: 'static/js/[name].chunk.js',\n\n      // point sourcemap entries to original disk locations (format as URL on windows)\n      devtoolModuleFilenameTemplate: (info) => pathNormalizeToLinux(path.resolve(info.absoluteResourcePath)),\n\n      // this defaults to 'window', but by setting it to 'this' then\n      // module chunks which are built will work in web workers as well.\n      // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well\n      // globalObject: 'this',\n    },\n\n    infrastructureLogging: {\n      level: 'error',\n    },\n\n    stats: 'errors-only',\n\n    devServer: {\n      allowedHosts: 'all',\n\n      static: [\n        {\n          directory: resolveWorkspacePath(publicDirectory),\n          staticOptions: {},\n          // Don't be confused with `dev.publicPath`, it is `publicPath` for static directory\n          // Can be:\n          // publicPath: ['/static-public-path-one/', '/static-public-path-two/'],\n          publicPath: publicDirectory,\n          // Can be:\n          // serveIndex: {} (options for the `serveIndex` option you can find https://github.com/expressjs/serve-index)\n          serveIndex: true,\n          // Can be:\n          // watch: {} (options for the `watch` option you can find https://github.com/paulmillr/chokidar)\n          watch: true,\n        },\n      ],\n\n      // Enable compression\n      compress: true,\n\n      // Enable hot reloading\n      hot: true,\n\n      historyApiFallback: {\n        disableDotRule: true,\n        index: resolveWorkspacePath(publicDirectory),\n      },\n\n      client: {\n        overlay: false,\n      },\n\n      onBeforeSetupMiddleware({ app, server }) {\n        // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`\n        // middlewares before `redirectServedPath` otherwise will not have any effect\n        // This lets us fetch source contents from webpack for the error overlay\n        app.use(evalSourceMapMiddleware(server));\n        // This lets us open files from the runtime error overlay.\n        app.use(errorOverlayMiddleware());\n      },\n\n      onAfterSetupMiddleware({ app }) {\n        // Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match\n        app.use(redirectServedPath(publicUrlOrPath));\n\n        // This service worker file is effectively a 'no-op' that will reset any\n        // previous service worker registered for the same host:port combination.\n        // We do this in development to avoid hitting the production cache if\n        // it used the same host and port.\n        // https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432\n        app.use(noopServiceWorkerMiddleware(publicUrlOrPath));\n      },\n\n      devMiddleware: {\n        // forward static files\n        publicPath: path.join('/', publicRoot),\n      },\n    },\n\n    resolve: {\n      extensions: ['.ts', '.tsx', '.js', '.mdx', '.md'],\n      alias: fallbacksAliases,\n\n      fallback: fallbacks as any,\n    },\n\n    plugins: [\n      new HtmlWebpackPlugin({\n        templateContent: html(title || 'Component preview'),\n        filename: 'index.html',\n      }),\n\n      new webpack.ProvidePlugin(fallbacksProvidePluginConfig),\n\n      new WebpackBitReporterPlugin({\n        options: { pubsub, devServerID },\n      }),\n    ],\n  };\n}\n"]}
+{"version":3,"sources":["webpack.dev.config.ts"],"names":["publicUrlOrPath","process","env","NODE_ENV","configFactory","devServerID","workspaceDir","entryFiles","publicRoot","publicPath","pubsub","title","resolveWorkspacePath","relativePath","path","resolve","publicDirectory","mode","devtool","entry","map","filePath","output","filename","pathinfo","chunkFilename","devtoolModuleFilenameTemplate","info","absoluteResourcePath","infrastructureLogging","level","stats","errorDetails","devServer","allowedHosts","static","directory","staticOptions","serveIndex","watch","compress","hot","historyApiFallback","disableDotRule","index","client","overlay","onBeforeSetupMiddleware","app","server","use","onAfterSetupMiddleware","devMiddleware","join","extensions","alias","fallbacksAliases","fallback","fallbacks","plugins","HtmlWebpackPlugin","templateContent","webpack","ProvidePlugin","fallbacksProvidePluginConfig","WebpackBitReporterPlugin","options"],"mappings":"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","sourcesContent":["import path from 'path';\nimport webpack from 'webpack';\nimport HtmlWebpackPlugin from 'html-webpack-plugin';\nimport errorOverlayMiddleware from 'react-dev-utils/errorOverlayMiddleware';\nimport evalSourceMapMiddleware from 'react-dev-utils/evalSourceMapMiddleware';\nimport noopServiceWorkerMiddleware from 'react-dev-utils/noopServiceWorkerMiddleware';\nimport redirectServedPath from 'react-dev-utils/redirectServedPathMiddleware';\nimport getPublicUrlOrPath from 'react-dev-utils/getPublicUrlOrPath';\nimport { PubsubMain } from '@teambit/pubsub';\nimport { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';\nimport { WebpackConfigWithDevServer } from '../webpack.dev-server';\nimport { fallbacks } from './webpack-fallbacks';\n\nimport { html } from './html';\n\nimport { WebpackBitReporterPlugin } from '../plugins/webpack-bit-reporter-plugin';\nimport { fallbacksProvidePluginConfig } from './webpack-fallbacks-provide-plugin-config';\nimport { fallbacksAliases } from './webpack-fallbacks-aliases';\n\nconst publicUrlOrPath = getPublicUrlOrPath(process.env.NODE_ENV === 'development', '/', '/public');\n\nexport function configFactory(\n  devServerID: string,\n  workspaceDir: string,\n  entryFiles: string[],\n  publicRoot: string,\n  publicPath: string,\n  pubsub: PubsubMain,\n  title?: string\n): WebpackConfigWithDevServer {\n  const resolveWorkspacePath = (relativePath) => path.resolve(workspaceDir, relativePath);\n\n  // Required for babel-preset-react-app\n  process.env.NODE_ENV = 'development';\n\n  const publicDirectory = `${publicRoot}/${publicPath}`;\n\n  return {\n    // Environment mode\n    mode: 'development',\n\n    devtool: 'inline-source-map',\n\n    // Entry point of app\n    entry: entryFiles.map((filePath) => resolveWorkspacePath(filePath)),\n\n    output: {\n      // Development filename output\n      filename: 'static/js/[name].bundle.js',\n\n      pathinfo: true,\n\n      path: resolveWorkspacePath(publicDirectory),\n\n      // publicPath: resolveWorkspacePath(publicDirectory),\n\n      chunkFilename: 'static/js/[name].chunk.js',\n\n      // point sourcemap entries to original disk locations (format as URL on windows)\n      devtoolModuleFilenameTemplate: (info) => pathNormalizeToLinux(path.resolve(info.absoluteResourcePath)),\n\n      // this defaults to 'window', but by setting it to 'this' then\n      // module chunks which are built will work in web workers as well.\n      // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well\n      // globalObject: 'this',\n    },\n\n    infrastructureLogging: {\n      level: 'error',\n    },\n\n    stats: {\n      errorDetails: true,\n    },\n\n    devServer: {\n      allowedHosts: 'all',\n\n      static: [\n        {\n          directory: resolveWorkspacePath(publicDirectory),\n          staticOptions: {},\n          // Don't be confused with `dev.publicPath`, it is `publicPath` for static directory\n          // Can be:\n          // publicPath: ['/static-public-path-one/', '/static-public-path-two/'],\n          publicPath: publicDirectory,\n          // Can be:\n          // serveIndex: {} (options for the `serveIndex` option you can find https://github.com/expressjs/serve-index)\n          serveIndex: true,\n          // Can be:\n          // watch: {} (options for the `watch` option you can find https://github.com/paulmillr/chokidar)\n          watch: true,\n        },\n      ],\n\n      // Enable compression\n      compress: true,\n\n      // Enable hot reloading\n      hot: true,\n\n      historyApiFallback: {\n        disableDotRule: true,\n        index: resolveWorkspacePath(publicDirectory),\n      },\n\n      client: {\n        overlay: false,\n      },\n\n      onBeforeSetupMiddleware({ app, server }) {\n        // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`\n        // middlewares before `redirectServedPath` otherwise will not have any effect\n        // This lets us fetch source contents from webpack for the error overlay\n        app.use(evalSourceMapMiddleware(server));\n        // This lets us open files from the runtime error overlay.\n        app.use(errorOverlayMiddleware());\n      },\n\n      onAfterSetupMiddleware({ app }) {\n        // Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match\n        app.use(redirectServedPath(publicUrlOrPath));\n\n        // This service worker file is effectively a 'no-op' that will reset any\n        // previous service worker registered for the same host:port combination.\n        // We do this in development to avoid hitting the production cache if\n        // it used the same host and port.\n        // https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432\n        app.use(noopServiceWorkerMiddleware(publicUrlOrPath));\n      },\n\n      devMiddleware: {\n        // forward static files\n        publicPath: path.join('/', publicRoot),\n      },\n    },\n\n    resolve: {\n      extensions: ['.ts', '.tsx', '.js', '.mdx', '.md'],\n      alias: fallbacksAliases,\n\n      fallback: fallbacks as any,\n    },\n\n    plugins: [\n      new HtmlWebpackPlugin({\n        templateContent: html(title || 'Component preview'),\n        filename: 'index.html',\n      }),\n\n      new webpack.ProvidePlugin(fallbacksProvidePluginConfig),\n\n      new WebpackBitReporterPlugin({\n        options: { pubsub, devServerID },\n      }),\n    ],\n  };\n}\n"]}

package/dist/webpack.bundler.d.ts

@@ -1,6 +1,6 @@
-import { Bundler, BundlerResult, Target } from '@teambit/bundler';
-import { Logger } from '@teambit/logger';
-import { Configuration } from 'webpack';
+import type { Bundler, BundlerResult, Target } from '@teambit/bundler';
+import type { Logger } from '@teambit/logger';
+import type { Configuration } from 'webpack';
 export declare class WebpackBundler implements Bundler {
     /**
      * targets to bundle.
@@ -22,5 +22,6 @@ export declare class WebpackBundler implements Bundler {
      */
     configs: Configuration[], logger: Logger, webpack: any);
     run(): Promise<BundlerResult[]>;
+    private getAssets;
     private getComponents;
 }

package/dist/webpack.bundler.js

@@ -59,6 +59,7 @@ class WebpackBundler {
         // @see https://github.com/trivago/parallel-webpack
         return compiler.run((err, stats) => {
           if (err) {
+            this.logger.error('get error from webpack compiler, full error:', err);
             return resolve({
               errors: [`${err.toString()}\n${err.stack}`],
               components
@@ -68,6 +69,9 @@ class WebpackBundler {
           if (!stats) throw new (_bitError().BitError)('unknown build error');
           const info = stats.toJson();
           return resolve({
+            assets: this.getAssets(info),
+            assetsByChunkName: info.assetsByChunkName,
+            entriesAssetsMap: info.entrypoints,
             errors: info.errors,
             outputPath: stats.compilation.outputOptions.path,
             components,
@@ -82,6 +86,16 @@ class WebpackBundler {
     return componentOutput;
   }
 
+  getAssets(stats) {
+    if (!stats.assets) return [];
+    return stats.assets.map(asset => {
+      return {
+        name: asset.name,
+        size: asset.size
+      };
+    });
+  }
+
   getComponents(outputPath) {
     const splitPath = outputPath.split('/');
     splitPath.pop();

package/dist/webpack.bundler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack.bundler.ts"],"names":["WebpackBundler","constructor","targets","configs","logger","webpack","run","startTime","Date","now","compilers","map","config","longProcessLogger","createLongProcessLogger","length","componentOutput","compiler","components","getComponents","outputPath","logProgress","component","id","toString","join","Promise","resolve","err","stats","errors","stack","BitError","info","toJson","compilation","outputOptions","path","warnings","endTime","end","splitPath","split","pop","target","find","targetCandidate","Error"],"mappings":"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","sourcesContent":["import { BitError } from '@teambit/bit-error';\nimport { Bundler, BundlerResult, Target } from '@teambit/bundler';\nimport { Logger } from '@teambit/logger';\nimport mapSeries from 'p-map-series';\nimport { Compiler, Configuration } from 'webpack';\n\nexport class WebpackBundler implements Bundler {\n  constructor(\n    /**\n     * targets to bundle.\n     */\n    private targets: Target[],\n\n    /**\n     * webpack configuration.\n     */\n    private configs: Configuration[],\n\n    private logger: Logger,\n\n    private webpack\n  ) {}\n\n  async run(): Promise<BundlerResult[]> {\n    const startTime = Date.now();\n    const compilers = this.configs.map((config: any) => this.webpack(config));\n    const longProcessLogger = this.logger.createLongProcessLogger('running Webpack bundler', compilers.length);\n    const componentOutput = await mapSeries(compilers, (compiler: Compiler) => {\n      const components = this.getComponents(compiler.outputPath);\n      longProcessLogger.logProgress(components.map((component) => component.id.toString()).join(', '));\n      return new Promise((resolve) => {\n        // TODO: split to multiple processes to reduce time and configure concurrent builds.\n        // @see https://github.com/trivago/parallel-webpack\n        return compiler.run((err, stats) => {\n          if (err) {\n            return resolve({\n              errors: [`${err.toString()}\\n${err.stack}`],\n              components,\n            });\n          }\n          if (!stats) throw new BitError('unknown build error');\n          const info = stats.toJson();\n          return resolve({\n            errors: info.errors,\n            outputPath: stats.compilation.outputOptions.path,\n            components,\n            warnings: info.warnings,\n            startTime,\n            endTime: Date.now(),\n          });\n        });\n      });\n    });\n    longProcessLogger.end();\n    return componentOutput as BundlerResult[];\n  }\n\n  private getComponents(outputPath: string) {\n    const splitPath = outputPath.split('/');\n    splitPath.pop();\n    const path = splitPath.join('/');\n    const target = this.targets.find((targetCandidate) => {\n      return path === targetCandidate.outputPath;\n    });\n\n    if (!target) {\n      throw new Error(`Could not find component id for path \"${path}\"`);\n    }\n\n    return target.components;\n  }\n}\n"]}
+{"version":3,"sources":["webpack.bundler.ts"],"names":["WebpackBundler","constructor","targets","configs","logger","webpack","run","startTime","Date","now","compilers","map","config","longProcessLogger","createLongProcessLogger","length","componentOutput","compiler","components","getComponents","outputPath","logProgress","component","id","toString","join","Promise","resolve","err","stats","error","errors","stack","BitError","info","toJson","assets","getAssets","assetsByChunkName","entriesAssetsMap","entrypoints","compilation","outputOptions","path","warnings","endTime","end","asset","name","size","splitPath","split","pop","target","find","targetCandidate","Error"],"mappings":"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","sourcesContent":["import { BitError } from '@teambit/bit-error';\nimport type { Bundler, BundlerResult, Asset, Target } from '@teambit/bundler';\nimport type { Logger } from '@teambit/logger';\nimport mapSeries from 'p-map-series';\nimport type { Compiler, Configuration, StatsCompilation } from 'webpack';\n\nexport class WebpackBundler implements Bundler {\n  constructor(\n    /**\n     * targets to bundle.\n     */\n    private targets: Target[],\n\n    /**\n     * webpack configuration.\n     */\n    private configs: Configuration[],\n\n    private logger: Logger,\n\n    private webpack\n  ) {}\n\n  async run(): Promise<BundlerResult[]> {\n    const startTime = Date.now();\n    const compilers = this.configs.map((config: any) => this.webpack(config));\n    const longProcessLogger = this.logger.createLongProcessLogger('running Webpack bundler', compilers.length);\n    const componentOutput = await mapSeries(compilers, (compiler: Compiler) => {\n      const components = this.getComponents(compiler.outputPath);\n      longProcessLogger.logProgress(components.map((component) => component.id.toString()).join(', '));\n      return new Promise((resolve) => {\n        // TODO: split to multiple processes to reduce time and configure concurrent builds.\n        // @see https://github.com/trivago/parallel-webpack\n        return compiler.run((err, stats) => {\n          if (err) {\n            this.logger.error('get error from webpack compiler, full error:', err);\n\n            return resolve({\n              errors: [`${err.toString()}\\n${err.stack}`],\n              components,\n            });\n          }\n          if (!stats) throw new BitError('unknown build error');\n          const info = stats.toJson();\n\n          return resolve({\n            assets: this.getAssets(info),\n            assetsByChunkName: info.assetsByChunkName,\n            entriesAssetsMap: info.entrypoints,\n            errors: info.errors,\n            outputPath: stats.compilation.outputOptions.path,\n            components,\n            warnings: info.warnings,\n            startTime,\n            endTime: Date.now(),\n          });\n        });\n      });\n    });\n    longProcessLogger.end();\n    return componentOutput as BundlerResult[];\n  }\n\n  private getAssets(stats: StatsCompilation): Asset[] {\n    if (!stats.assets) return [];\n    return stats.assets.map((asset) => {\n      return {\n        name: asset.name,\n        size: asset.size,\n      };\n    });\n  }\n\n  private getComponents(outputPath: string) {\n    const splitPath = outputPath.split('/');\n    splitPath.pop();\n    const path = splitPath.join('/');\n    const target = this.targets.find((targetCandidate) => {\n      return path === targetCandidate.outputPath;\n    });\n\n    if (!target) {\n      throw new Error(`Could not find component id for path \"${path}\"`);\n    }\n\n    return target.components;\n  }\n}\n"]}

package/dist/webpack.main.runtime.d.ts

@@ -54,10 +54,7 @@ export declare class WebpackMain {
     createDevServer(context: DevServerContext, transformers?: WebpackConfigTransformer[]): DevServer;
     mergeConfig(target: any, source: any): any;
     createBundler(context: BundlerContext, transformers?: WebpackConfigTransformer[], initialConfigs?: webpack.Configuration[]): WebpackBundler;
-    createPreviewBundler(context: BundlerContext, transformers?: WebpackConfigTransformer[]): WebpackBundler;
     private createConfigs;
-    private createEmptyConfigs;
-    private createPreviewConfig;
     private createDevServerConfig;
     static slots: never[];
     static runtime: import("@teambit/harmony").RuntimeDefinition;

package/dist/webpack.main.runtime.js

@@ -122,16 +122,6 @@ function _webpackDev() {
   return data;
 }
 
-function _webpackPreview() {
-  const data = require("./config/webpack-preview.config");
-
-  _webpackPreview = function () {
-    return data;
-  };
-
-  return data;
-}
-
 function _webpack2() {
   const data = require("./config/webpack.config");
 
@@ -218,22 +208,15 @@ class WebpackMain {
   createBundler(context, transformers = [], initialConfigs) {
     const transformerContext = {
       mode: 'prod'
-    };
-    const configs = initialConfigs || this.createEmptyConfigs(context.targets, transformers, transformerContext);
-    return new (_webpack4().WebpackBundler)(context.targets, configs, this.logger, _webpack().default);
-  }
+    }; // eslint-disable-next-line max-len
 
-  createPreviewBundler(context, transformers = []) {
-    const transformerContext = {
-      mode: 'prod'
-    };
-    const configs = this.createPreviewConfig(context.targets, transformers, transformerContext);
+    const configs = initialConfigs || this.createConfigs(context.targets, _webpack2().configFactory, transformers, transformerContext, context);
     return new (_webpack4().WebpackBundler)(context.targets, configs, this.logger, _webpack().default);
   }
 
-  createConfigs(targets, factory, transformers = [], transformerContext) {
+  createConfigs(targets, factory, transformers = [], transformerContext, bundlerContext) {
     return targets.map(target => {
-      const baseConfig = factory(target.entries, target.outputPath);
+      const baseConfig = factory(target, bundlerContext);
       const configMutator = new (_webpackModules().WebpackConfigMutator)(baseConfig);
       const context = Object.assign({}, transformerContext, {
         target
@@ -243,14 +226,6 @@ class WebpackMain {
     });
   }
 
-  createEmptyConfigs(targets, transformers = [], transformerContext) {
-    return this.createConfigs(targets, _webpack2().configFactory, transformers, transformerContext);
-  }
-
-  createPreviewConfig(targets, transformers = [], transformerContext) {
-    return this.createConfigs(targets, _webpackPreview().previewConfigFactory, transformers, transformerContext);
-  }
-
   createDevServerConfig(entry, rootPath, devServerID, publicRoot, publicPath, title) {
     return (0, _webpackDev().configFactory)(devServerID, rootPath, entry, publicRoot, publicPath, this.pubsub, title);
   }

package/dist/webpack.main.runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack.main.runtime.ts"],"names":["WebpackMain","constructor","pubsub","workspace","bundler","logger","createDevServer","context","transformers","config","createDevServerConfig","entry","path","id","rootPath","publicPath","title","configMutator","WebpackConfigMutator","transformerContext","mode","afterMutation","runTransformersWithContext","clone","WebpackDevServer","raw","webpack","WsDevServer","mergeConfig","target","source","createBundler","initialConfigs","configs","createEmptyConfigs","targets","WebpackBundler","createPreviewBundler","createPreviewConfig","createConfigs","factory","map","baseConfig","entries","outputPath","Object","assign","baseConfigFactory","previewConfigFactory","devServerID","publicRoot","provider","logPublisher","createLogger","WebpackAspect","MainRuntime","PubsubAspect","WorkspaceAspect","BundlerAspect","LoggerAspect","addRuntime","Array","isArray","newConfig","reduce","acc","transformer"],"mappings":"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","sourcesContent":["import webpack, { Configuration } from 'webpack';\nimport PubsubAspect, { PubsubMain } from '@teambit/pubsub';\nimport {\n  BundlerAspect,\n  BundlerContext,\n  BundlerMain,\n  DevServer,\n  DevServerContext,\n  BundlerMode,\n  Target,\n} from '@teambit/bundler';\nimport { MainRuntime } from '@teambit/cli';\nimport { Logger, LoggerAspect, LoggerMain } from '@teambit/logger';\nimport { Workspace, WorkspaceAspect } from '@teambit/workspace';\nimport { merge } from 'webpack-merge';\nimport WsDevServer from 'webpack-dev-server';\nimport { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';\n\nimport { configFactory as devServerConfigFactory } from './config/webpack.dev.config';\nimport { previewConfigFactory } from './config/webpack-preview.config';\nimport { configFactory as baseConfigFactory } from './config/webpack.config';\n\nimport { WebpackAspect } from './webpack.aspect';\nimport { WebpackBundler } from './webpack.bundler';\nimport { WebpackDevServer } from './webpack.dev-server';\n\nexport type WebpackConfigTransformContext = GlobalWebpackConfigTransformContext & {\n  target: Target;\n};\n\nexport type WebpackConfigDevServerTransformContext = GlobalWebpackConfigTransformContext;\n\nexport type GlobalWebpackConfigTransformContext = {\n  mode: BundlerMode;\n};\n\nexport type WebpackConfigTransformer = (\n  config: WebpackConfigMutator,\n  context: WebpackConfigTransformContext\n) => WebpackConfigMutator;\n\nexport type WebpackConfigDevServerTransformer = (\n  config: WebpackConfigMutator,\n  context: WebpackConfigDevServerTransformContext\n) => WebpackConfigMutator;\n\nexport class WebpackMain {\n  constructor(\n    /**\n     * Pubsub extension.\n     */\n    public pubsub: PubsubMain,\n\n    /**\n     * workspace extension.\n     */\n    private workspace: Workspace,\n\n    /**\n     * bundler extension.\n     */\n    private bundler: BundlerMain,\n\n    /**\n     * Logger extension\n     */\n    public logger: Logger\n  ) {}\n\n  /**\n   * create an instance of bit-compliant webpack dev server for a set of components\n   */\n  createDevServer(context: DevServerContext, transformers: WebpackConfigTransformer[] = []): DevServer {\n    const config = this.createDevServerConfig(\n      context.entry,\n      this.workspace.path,\n      context.id,\n      context.rootPath,\n      context.publicPath,\n      context.title\n    ) as any;\n    const configMutator = new WebpackConfigMutator(config);\n    const transformerContext: GlobalWebpackConfigTransformContext = { mode: 'dev' };\n    const afterMutation = runTransformersWithContext(configMutator.clone(), transformers, transformerContext);\n    // @ts-ignore - fix this\n    return new WebpackDevServer(afterMutation.raw, webpack, WsDevServer);\n  }\n\n  mergeConfig(target: any, source: any): any {\n    return merge(target, source);\n  }\n\n  createBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = [],\n    initialConfigs?: webpack.Configuration[]\n  ) {\n    const transformerContext: GlobalWebpackConfigTransformContext = { mode: 'prod' };\n    const configs = initialConfigs || this.createEmptyConfigs(context.targets, transformers, transformerContext);\n    return new WebpackBundler(context.targets, configs, this.logger, webpack);\n  }\n\n  createPreviewBundler(context: BundlerContext, transformers: WebpackConfigTransformer[] = []) {\n    const transformerContext: GlobalWebpackConfigTransformContext = { mode: 'prod' };\n    const configs = this.createPreviewConfig(context.targets, transformers, transformerContext);\n    return new WebpackBundler(context.targets, configs, this.logger, webpack);\n  }\n\n  private createConfigs(\n    targets: Target[],\n    factory: (entries: string[], outputPath: string) => Configuration,\n    transformers: WebpackConfigTransformer[] = [],\n    transformerContext: GlobalWebpackConfigTransformContext\n  ) {\n    return targets.map((target) => {\n      const baseConfig = factory(target.entries, target.outputPath);\n      const configMutator = new WebpackConfigMutator(baseConfig);\n      const context = Object.assign({}, transformerContext, { target });\n      const afterMutation = runTransformersWithContext(configMutator.clone(), transformers, context);\n      return afterMutation.raw;\n    });\n  }\n\n  private createEmptyConfigs(\n    targets: Target[],\n    transformers: WebpackConfigTransformer[] = [],\n    transformerContext: GlobalWebpackConfigTransformContext\n  ) {\n    return this.createConfigs(targets, baseConfigFactory, transformers, transformerContext);\n  }\n\n  private createPreviewConfig(\n    targets: Target[],\n    transformers: WebpackConfigTransformer[] = [],\n    transformerContext: GlobalWebpackConfigTransformContext\n  ) {\n    return this.createConfigs(targets, previewConfigFactory, transformers, transformerContext);\n  }\n\n  private createDevServerConfig(\n    entry: string[],\n    rootPath: string,\n    devServerID: string,\n    publicRoot: string,\n    publicPath: string,\n    title?: string\n  ) {\n    return devServerConfigFactory(devServerID, rootPath, entry, publicRoot, publicPath, this.pubsub, title);\n  }\n\n  static slots = [];\n\n  static runtime = MainRuntime;\n  static dependencies = [PubsubAspect, WorkspaceAspect, BundlerAspect, LoggerAspect];\n\n  static async provider([pubsub, workspace, bundler, logger]: [PubsubMain, Workspace, BundlerMain, LoggerMain]) {\n    const logPublisher = logger.createLogger(WebpackAspect.id);\n    return new WebpackMain(pubsub, workspace, bundler, logPublisher);\n  }\n}\n\nWebpackAspect.addRuntime(WebpackMain);\n\nexport function runTransformersWithContext(\n  config: WebpackConfigMutator,\n  transformers: Array<WebpackConfigTransformer | WebpackConfigDevServerTransformer> = [],\n  context: WebpackConfigTransformContext | WebpackConfigDevServerTransformContext\n): WebpackConfigMutator {\n  if (!Array.isArray(transformers)) return config;\n  const newConfig = transformers.reduce((acc, transformer) => {\n    // @ts-ignore\n    return transformer(acc, context);\n  }, config);\n  return newConfig;\n}\n"]}
+{"version":3,"sources":["webpack.main.runtime.ts"],"names":["WebpackMain","constructor","pubsub","workspace","bundler","logger","createDevServer","context","transformers","config","createDevServerConfig","entry","path","id","rootPath","publicPath","title","configMutator","WebpackConfigMutator","transformerContext","mode","afterMutation","runTransformersWithContext","clone","WebpackDevServer","raw","webpack","WsDevServer","mergeConfig","target","source","createBundler","initialConfigs","configs","createConfigs","targets","baseConfigFactory","WebpackBundler","factory","bundlerContext","map","baseConfig","Object","assign","devServerID","publicRoot","provider","logPublisher","createLogger","WebpackAspect","MainRuntime","PubsubAspect","WorkspaceAspect","BundlerAspect","LoggerAspect","addRuntime","Array","isArray","newConfig","reduce","acc","transformer"],"mappings":"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","sourcesContent":["import webpack, { Configuration } from 'webpack';\nimport PubsubAspect, { PubsubMain } from '@teambit/pubsub';\nimport {\n  BundlerAspect,\n  BundlerContext,\n  BundlerMain,\n  DevServer,\n  DevServerContext,\n  BundlerMode,\n  Target,\n} from '@teambit/bundler';\nimport { MainRuntime } from '@teambit/cli';\nimport { Logger, LoggerAspect, LoggerMain } from '@teambit/logger';\nimport { Workspace, WorkspaceAspect } from '@teambit/workspace';\nimport { merge } from 'webpack-merge';\nimport WsDevServer from 'webpack-dev-server';\nimport { WebpackConfigMutator } from '@teambit/webpack.modules.config-mutator';\n\nimport { configFactory as devServerConfigFactory } from './config/webpack.dev.config';\nimport { configFactory as baseConfigFactory } from './config/webpack.config';\n\nimport { WebpackAspect } from './webpack.aspect';\nimport { WebpackBundler } from './webpack.bundler';\nimport { WebpackDevServer } from './webpack.dev-server';\n\nexport type WebpackConfigTransformContext = GlobalWebpackConfigTransformContext & {\n  target: Target;\n};\n\nexport type WebpackConfigDevServerTransformContext = GlobalWebpackConfigTransformContext;\n\nexport type GlobalWebpackConfigTransformContext = {\n  mode: BundlerMode;\n};\n\nexport type WebpackConfigTransformer = (\n  config: WebpackConfigMutator,\n  context: WebpackConfigTransformContext\n) => WebpackConfigMutator;\n\nexport type WebpackConfigDevServerTransformer = (\n  config: WebpackConfigMutator,\n  context: WebpackConfigDevServerTransformContext\n) => WebpackConfigMutator;\n\nexport class WebpackMain {\n  constructor(\n    /**\n     * Pubsub extension.\n     */\n    public pubsub: PubsubMain,\n\n    /**\n     * workspace extension.\n     */\n    private workspace: Workspace,\n\n    /**\n     * bundler extension.\n     */\n    private bundler: BundlerMain,\n\n    /**\n     * Logger extension\n     */\n    public logger: Logger\n  ) {}\n\n  /**\n   * create an instance of bit-compliant webpack dev server for a set of components\n   */\n  createDevServer(context: DevServerContext, transformers: WebpackConfigTransformer[] = []): DevServer {\n    const config = this.createDevServerConfig(\n      context.entry,\n      this.workspace.path,\n      context.id,\n      context.rootPath,\n      context.publicPath,\n      context.title\n    ) as any;\n    const configMutator = new WebpackConfigMutator(config);\n    const transformerContext: GlobalWebpackConfigTransformContext = { mode: 'dev' };\n    const afterMutation = runTransformersWithContext(configMutator.clone(), transformers, transformerContext);\n    // @ts-ignore - fix this\n    return new WebpackDevServer(afterMutation.raw, webpack, WsDevServer);\n  }\n\n  mergeConfig(target: any, source: any): any {\n    return merge(target, source);\n  }\n\n  createBundler(\n    context: BundlerContext,\n    transformers: WebpackConfigTransformer[] = [],\n    initialConfigs?: webpack.Configuration[]\n  ) {\n    const transformerContext: GlobalWebpackConfigTransformContext = { mode: 'prod' };\n    // eslint-disable-next-line max-len\n    const configs =\n      initialConfigs ||\n      this.createConfigs(context.targets, baseConfigFactory, transformers, transformerContext, context);\n    return new WebpackBundler(context.targets, configs, this.logger, webpack);\n  }\n\n  private createConfigs(\n    targets: Target[],\n    factory: (target: Target, context: BundlerContext) => Configuration,\n    transformers: WebpackConfigTransformer[] = [],\n    transformerContext: GlobalWebpackConfigTransformContext,\n    bundlerContext: BundlerContext\n  ) {\n    return targets.map((target) => {\n      const baseConfig = factory(target, bundlerContext);\n      const configMutator = new WebpackConfigMutator(baseConfig);\n      const context = Object.assign({}, transformerContext, { target });\n      const afterMutation = runTransformersWithContext(configMutator.clone(), transformers, context);\n      return afterMutation.raw;\n    });\n  }\n\n  private createDevServerConfig(\n    entry: string[],\n    rootPath: string,\n    devServerID: string,\n    publicRoot: string,\n    publicPath: string,\n    title?: string\n  ) {\n    return devServerConfigFactory(devServerID, rootPath, entry, publicRoot, publicPath, this.pubsub, title);\n  }\n\n  static slots = [];\n\n  static runtime = MainRuntime;\n  static dependencies = [PubsubAspect, WorkspaceAspect, BundlerAspect, LoggerAspect];\n\n  static async provider([pubsub, workspace, bundler, logger]: [PubsubMain, Workspace, BundlerMain, LoggerMain]) {\n    const logPublisher = logger.createLogger(WebpackAspect.id);\n    return new WebpackMain(pubsub, workspace, bundler, logPublisher);\n  }\n}\n\nWebpackAspect.addRuntime(WebpackMain);\n\nexport function runTransformersWithContext(\n  config: WebpackConfigMutator,\n  transformers: Array<WebpackConfigTransformer | WebpackConfigDevServerTransformer> = [],\n  context: WebpackConfigTransformContext | WebpackConfigDevServerTransformContext\n): WebpackConfigMutator {\n  if (!Array.isArray(transformers)) return config;\n  const newConfig = transformers.reduce((acc, transformer) => {\n    // @ts-ignore\n    return transformer(acc, context);\n  }, config);\n  return newConfig;\n}\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/webpack",
-  "version": "0.0.627",
+  "version": "0.0.632",
   "homepage": "https://bit.dev/teambit/webpack/webpack",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.webpack",
     "name": "webpack",
-    "version": "0.0.627"
+    "version": "0.0.632"
   },
   "dependencies": {
     "webpack": "5.51.1",
@@ -14,7 +14,10 @@
     "p-map-series": "2.1.0",
     "webpack-dev-server": "4.1.0",
     "webpack-merge": "5.8.0",
+    "camelcase": "6.2.0",
     "html-webpack-plugin": "5.3.2",
+    "lodash": "4.17.21",
+    "webpack-assets-manifest": "5.1.0",
     "react-dev-utils": "11.0.4",
     "vm-browserify": "1.1.2",
     "util": "0.12.3",
@@ -38,25 +41,27 @@
     "assert": "2.0.0",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/webpack.modules.config-mutator": "0.0.134",
+    "@teambit/webpack.modules.config-mutator": "0.0.136",
     "@teambit/bit-error": "0.0.394",
-    "@teambit/bundler": "0.0.627",
-    "@teambit/logger": "0.0.520",
-    "@teambit/cli": "0.0.431",
-    "@teambit/pubsub": "0.0.627",
-    "@teambit/workspace": "0.0.627"
+    "@teambit/bundler": "0.0.632",
+    "@teambit/logger": "0.0.524",
+    "@teambit/cli": "0.0.434",
+    "@teambit/pubsub": "0.0.632",
+    "@teambit/workspace": "0.0.632",
+    "@teambit/webpack.modules.generate-externals": "0.0.2"
   },
   "devDependencies": {
     "@types/webpack": "5.28.0",
     "@types/react": "^17.0.8",
     "@types/webpack-dev-server": "4.0.3",
+    "@types/lodash": "4.14.165",
     "@types/testing-library__jest-dom": "5.9.5",
     "@types/jest": "^26.0.0",
     "@types/react-dom": "^17.0.5",
     "@types/node": "12.20.4"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.208",
+    "@teambit/legacy": "1.0.210",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/config/webpack-preview.config.ts

@@ -1,59 +0,0 @@
-import webpack, { Configuration } from 'webpack';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-import { fallbacks } from './webpack-fallbacks';
-import { fallbacksProvidePluginConfig } from './webpack-fallbacks-provide-plugin-config';
-import { fallbacksAliases } from './webpack-fallbacks-aliases';
-import { html } from './html';
-
-export function previewConfigFactory(entries: string[], rootPath: string): Configuration {
-  return {
-    mode: 'production',
-    // Stop compilation early in production
-    bail: true,
-    // These are the "entry points" to our application.
-    // This means they will be the "root" imports that are included in JS bundle.
-    entry: entries.filter(Boolean),
-
-    output: {
-      // The build folder.
-      path: `${rootPath}/public`,
-
-      filename: 'static/js/[name].[contenthash:8].js',
-      // There are also additional JS chunk files if you use code splitting.
-      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',
-    },
-
-    resolve: {
-      alias: fallbacksAliases,
-
-      fallback: fallbacks,
-    },
-
-    plugins: [
-      new HtmlWebpackPlugin(
-        Object.assign(
-          {},
-          {
-            inject: true,
-            templateContent: html('Preview'),
-          },
-          {
-            minify: {
-              removeComments: true,
-              collapseWhitespace: true,
-              removeRedundantAttributes: true,
-              useShortDoctype: true,
-              removeEmptyAttributes: true,
-              removeStyleLinkTypeAttributes: true,
-              keepClosingSlash: true,
-              minifyJS: true,
-              minifyCSS: true,
-              minifyURLs: true,
-            },
-          }
-        )
-      ),
-      new webpack.ProvidePlugin(fallbacksProvidePluginConfig),
-    ],
-  };
-}

package/dist/config/webpack-preview.config.d.ts

@@ -1,2 +0,0 @@
-import { Configuration } from 'webpack';
-export declare function previewConfigFactory(entries: string[], rootPath: string): Configuration;

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

@@ -1,109 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.previewConfigFactory = previewConfigFactory;
-
-function _webpack() {
-  const data = _interopRequireDefault(require("webpack"));
-
-  _webpack = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _htmlWebpackPlugin() {
-  const data = _interopRequireDefault(require("html-webpack-plugin"));
-
-  _htmlWebpackPlugin = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _webpackFallbacks() {
-  const data = require("./webpack-fallbacks");
-
-  _webpackFallbacks = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _webpackFallbacksProvidePluginConfig() {
-  const data = require("./webpack-fallbacks-provide-plugin-config");
-
-  _webpackFallbacksProvidePluginConfig = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _webpackFallbacksAliases() {
-  const data = require("./webpack-fallbacks-aliases");
-
-  _webpackFallbacksAliases = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _html() {
-  const data = require("./html");
-
-  _html = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function previewConfigFactory(entries, rootPath) {
-  return {
-    mode: 'production',
-    // Stop compilation early in production
-    bail: true,
-    // These are the "entry points" to our application.
-    // This means they will be the "root" imports that are included in JS bundle.
-    entry: entries.filter(Boolean),
-    output: {
-      // The build folder.
-      path: `${rootPath}/public`,
-      filename: 'static/js/[name].[contenthash:8].js',
-      // There are also additional JS chunk files if you use code splitting.
-      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js'
-    },
-    resolve: {
-      alias: _webpackFallbacksAliases().fallbacksAliases,
-      fallback: _webpackFallbacks().fallbacks
-    },
-    plugins: [new (_htmlWebpackPlugin().default)(Object.assign({}, {
-      inject: true,
-      templateContent: (0, _html().html)('Preview')
-    }, {
-      minify: {
-        removeComments: true,
-        collapseWhitespace: true,
-        removeRedundantAttributes: true,
-        useShortDoctype: true,
-        removeEmptyAttributes: true,
-        removeStyleLinkTypeAttributes: true,
-        keepClosingSlash: true,
-        minifyJS: true,
-        minifyCSS: true,
-        minifyURLs: true
-      }
-    })), new (_webpack().default.ProvidePlugin)(_webpackFallbacksProvidePluginConfig().fallbacksProvidePluginConfig)]
-  };
-}
-
-//# sourceMappingURL=webpack-preview.config.js.map

package/dist/config/webpack-preview.config.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack-preview.config.ts"],"names":["previewConfigFactory","entries","rootPath","mode","bail","entry","filter","Boolean","output","path","filename","chunkFilename","resolve","alias","fallbacksAliases","fallback","fallbacks","plugins","HtmlWebpackPlugin","Object","assign","inject","templateContent","minify","removeComments","collapseWhitespace","removeRedundantAttributes","useShortDoctype","removeEmptyAttributes","removeStyleLinkTypeAttributes","keepClosingSlash","minifyJS","minifyCSS","minifyURLs","webpack","ProvidePlugin","fallbacksProvidePluginConfig"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,SAASA,oBAAT,CAA8BC,OAA9B,EAAiDC,QAAjD,EAAkF;AACvF,SAAO;AACLC,IAAAA,IAAI,EAAE,YADD;AAEL;AACAC,IAAAA,IAAI,EAAE,IAHD;AAIL;AACA;AACAC,IAAAA,KAAK,EAAEJ,OAAO,CAACK,MAAR,CAAeC,OAAf,CANF;AAQLC,IAAAA,MAAM,EAAE;AACN;AACAC,MAAAA,IAAI,EAAG,GAAEP,QAAS,SAFZ;AAINQ,MAAAA,QAAQ,EAAE,qCAJJ;AAKN;AACAC,MAAAA,aAAa,EAAE;AANT,KARH;AAiBLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAEC,2CADA;AAGPC,MAAAA,QAAQ,EAAEC;AAHH,KAjBJ;AAuBLC,IAAAA,OAAO,EAAE,CACP,KAAIC,4BAAJ,EACEC,MAAM,CAACC,MAAP,CACE,EADF,EAEE;AACEC,MAAAA,MAAM,EAAE,IADV;AAEEC,MAAAA,eAAe,EAAE,kBAAK,SAAL;AAFnB,KAFF,EAME;AACEC,MAAAA,MAAM,EAAE;AACNC,QAAAA,cAAc,EAAE,IADV;AAENC,QAAAA,kBAAkB,EAAE,IAFd;AAGNC,QAAAA,yBAAyB,EAAE,IAHrB;AAINC,QAAAA,eAAe,EAAE,IAJX;AAKNC,QAAAA,qBAAqB,EAAE,IALjB;AAMNC,QAAAA,6BAA6B,EAAE,IANzB;AAONC,QAAAA,gBAAgB,EAAE,IAPZ;AAQNC,QAAAA,QAAQ,EAAE,IARJ;AASNC,QAAAA,SAAS,EAAE,IATL;AAUNC,QAAAA,UAAU,EAAE;AAVN;AADV,KANF,CADF,CADO,EAwBP,KAAIC,mBAAQC,aAAZ,EAA0BC,mEAA1B,CAxBO;AAvBJ,GAAP;AAkDD","sourcesContent":["import webpack, { Configuration } from 'webpack';\nimport HtmlWebpackPlugin from 'html-webpack-plugin';\nimport { fallbacks } from './webpack-fallbacks';\nimport { fallbacksProvidePluginConfig } from './webpack-fallbacks-provide-plugin-config';\nimport { fallbacksAliases } from './webpack-fallbacks-aliases';\nimport { html } from './html';\n\nexport function previewConfigFactory(entries: string[], rootPath: string): Configuration {\n  return {\n    mode: 'production',\n    // Stop compilation early in production\n    bail: true,\n    // These are the \"entry points\" to our application.\n    // This means they will be the \"root\" imports that are included in JS bundle.\n    entry: entries.filter(Boolean),\n\n    output: {\n      // The build folder.\n      path: `${rootPath}/public`,\n\n      filename: 'static/js/[name].[contenthash:8].js',\n      // There are also additional JS chunk files if you use code splitting.\n      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',\n    },\n\n    resolve: {\n      alias: fallbacksAliases,\n\n      fallback: fallbacks,\n    },\n\n    plugins: [\n      new HtmlWebpackPlugin(\n        Object.assign(\n          {},\n          {\n            inject: true,\n            templateContent: html('Preview'),\n          },\n          {\n            minify: {\n              removeComments: true,\n              collapseWhitespace: true,\n              removeRedundantAttributes: true,\n              useShortDoctype: true,\n              removeEmptyAttributes: true,\n              removeStyleLinkTypeAttributes: true,\n              keepClosingSlash: true,\n              minifyJS: true,\n              minifyCSS: true,\n              minifyURLs: true,\n            },\n          }\n        )\n      ),\n      new webpack.ProvidePlugin(fallbacksProvidePluginConfig),\n    ],\n  };\n}\n"]}