@teambit/ui 0.0.880 → 0.0.882

package/dist/webpack/webpack.base.config.js

@@ -1,162 +1,122 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.regexp.constructor.js");
-
 require("core-js/modules/es.regexp.exec.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createWebpackConfig;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _lodash() {
   const data = require("lodash");
-
   _lodash = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpack() {
   const data = _interopRequireDefault(require("webpack"));
-
   _webpack = function () {
     return data;
   };
-
   return data;
 }
-
 function _miniCssExtractPlugin() {
   const data = _interopRequireDefault(require("mini-css-extract-plugin"));
-
   _miniCssExtractPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpackManifestPlugin() {
   const data = require("webpack-manifest-plugin");
-
   _webpackManifestPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 function _workboxWebpackPlugin() {
   const data = _interopRequireDefault(require("workbox-webpack-plugin"));
-
   _workboxWebpackPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 function _getCSSModuleLocalIdent() {
   const data = _interopRequireDefault(require("react-dev-utils/getCSSModuleLocalIdent"));
-
   _getCSSModuleLocalIdent = function () {
     return data;
   };
-
   return data;
 }
-
 function _path() {
   const data = _interopRequireDefault(require("path"));
-
   _path = function () {
     return data;
   };
-
   return data;
 }
-
 function stylesRegexps() {
   const data = _interopRequireWildcard(require("@teambit/webpack.modules.style-regexps"));
-
   stylesRegexps = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpackModules2() {
   const data = require("@teambit/webpack.modules.generate-style-loaders");
-
   _webpackModules2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpack2() {
   const data = require("@teambit/webpack");
-
   _webpack2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _postcss() {
   const data = require("./postcss.config");
-
   _postcss = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2().default)(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; }
-
 const baseStyleLoadersOptions = {
   injectingLoader: _miniCssExtractPlugin().default.loader,
   cssLoaderPath: require.resolve('css-loader'),
   postCssLoaderPath: require.resolve('postcss-loader'),
   postCssConfig: _postcss().postCssConfig
 };
-const moduleFileExtensions = ['web.mjs', 'mjs', 'web.js', 'js', 'web.ts', 'ts', 'web.tsx', 'tsx', 'json', 'web.jsx', 'jsx']; // Source maps are resource heavy and can cause out of memory issue for large source files.
+const moduleFileExtensions = ['web.mjs', 'mjs', 'web.js', 'js', 'web.ts', 'ts', 'web.tsx', 'tsx', 'json', 'web.jsx', 'jsx'];
 
+// Source maps are resource heavy and can cause out of memory issue for large source files.
 const shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';
 const imageInlineSizeLimit = parseInt(process.env.IMAGE_INLINE_SIZE_LIMIT || '10000');
-const isEnvProduction = true; // This is the production and development configuration.
+const isEnvProduction = true;
+
+// This is the production and development configuration.
 // It is focused on developer experience, fast rebuilds, and a minimal bundle.
 // eslint-disable-next-line complexity
-
 function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
   // Variable used for enabling profiling in Production
   // passed into alias object. Uses a flag if passed into the build command
-  const isEnvProductionProfile = process.argv.includes('--profile'); // We will provide `paths.publicUrlOrPath` to our app
+  const isEnvProductionProfile = process.argv.includes('--profile');
+
+  // We will provide `paths.publicUrlOrPath` to our app
   // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
   // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.
   // Get environment variables to inject into our app.
@@ -175,16 +135,18 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
       // The build folder.
       path: _path().default.join(workspaceDir, publicDir),
       // default value
+
       filename: 'static/js/[name].[contenthash:8].js',
       // TODO: remove this when upgrading to webpack 5
       // futureEmitAssets: true,
       // There are also additional JS chunk files if you use code splitting.
-      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js' // this defaults to 'window', but by setting it to 'this' then
+      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js'
+      // this defaults to 'window', but by setting it to 'this' then
       // module chunks which are built will work in web workers as well.
       // Commented out to use the default (self) as according to tobias with webpack5 self is working with workers as well
       // globalObject: 'this',
-
     },
+
     resolve: {
       // These are the reasonable defaults supported by the Node ecosystem.
       // We also include JSX as a common component filename extension to support
@@ -223,13 +185,15 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
         resolve: {
           fullySpecified: false
         }
-      }, // Disable require.ensure as it's not a standard language feature.
+      },
+      // Disable require.ensure as it's not a standard language feature.
       // { parser: { requireEnsure: false } },
       {
         // "oneOf" will traverse all following loaders until one will
         // match the requirements. When no loader matches it will fall
         // back to the "file" loader at the end of the loader list.
-        oneOf: [// "postcss" loader applies autoprefixer to our CSS.
+        oneOf: [
+        // "postcss" loader applies autoprefixer to our CSS.
         // "css" loader resolves paths in CSS and adds assets as dependencies.
         // "style" loader turns CSS into JS modules that inject <style> tags.
         // In production, we use MiniCSSExtractPlugin to extract that CSS
@@ -249,7 +213,8 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
           // Remove this when webpack adds a warning or an error for this.
           // See https://github.com/webpack/webpack/issues/6571
           sideEffects: true
-        }, // "url" loader works like "file" loader except that it embeds assets
+        },
+        // "url" loader works like "file" loader except that it embeds assets
         // smaller than specified limit in bytes as data URLs to avoid requests.
         // A missing `test` is equivalent to a match.
         {
@@ -260,7 +225,8 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
               maxSize: imageInlineSizeLimit
             }
           }
-        }, // Process application JS with Babel.
+        },
+        // Process application JS with Babel.
         // The preset includes JSX, Flow, TypeScript, and some ESnext features.
         {
           test: /\.(js|mjs|jsx|ts|tsx)$/,
@@ -277,7 +243,8 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
             cacheCompression: false,
             compact: isEnvProduction
           }
-        }, // Process any JS outside of the app with Babel.
+        },
+        // Process any JS outside of the app with Babel.
         // Unlike the application JS, we only compile the standard ES features.
         // Probably not needed in our use case
         // {
@@ -292,6 +259,7 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
         //     cacheDirectory: true,
         //     // See #6846 for context on why cacheCompression is disabled
         //     cacheCompression: false,
+
         //     // Babel sourcemaps are needed for debugging into node_modules
         //     // code.  Without the options below, debuggers like VSCode
         //     // show incorrect code and set breakpoints on the wrong lines.
@@ -299,6 +267,7 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
         //     inputSourceMap: shouldUseSourceMap,
         //   },
         // },
+
         // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
         // using the extension .module.css
         {
@@ -313,7 +282,8 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
             },
             shouldUseSourceMap: isEnvProduction || shouldUseSourceMap
           }))
-        }, // Opt-in support for SASS (using .scss or .sass extensions).
+        },
+        // Opt-in support for SASS (using .scss or .sass extensions).
         // By default we support SASS Modules with the
         // extensions .module.scss or .module.sass
         {
@@ -334,7 +304,8 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
           // Remove this when webpack adds a warning or an error for this.
           // See https://github.com/webpack/webpack/issues/6571
           sideEffects: true
-        }, // Adds support for CSS Modules, but using SASS
+        },
+        // Adds support for CSS Modules, but using SASS
         // using the extension .module.scss or .module.sass
         {
           test: stylesRegexps().sassModuleRegex,
@@ -386,7 +357,8 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
               preProcessorPath: require.resolve('less-loader')
             }
           }))
-        }, // "file" loader makes sure those assets get served by WebpackDevServer.
+        },
+        // "file" loader makes sure those assets get served by WebpackDevServer.
         // When you `import` an asset, you get its (virtual) filename.
         // In production, they would get copied to the `build` folder.
         // This loader doesn't use a "test" so it will catch all modules
@@ -398,17 +370,20 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
           // by webpacks internal loaders.
           exclude: [/\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/, /\.css$/],
           type: 'asset/resource'
-        } // ** STOP ** Are you adding a new loader?
+        }
+        // ** STOP ** Are you adding a new loader?
         // Make sure to add the new loader(s) before the "file" loader.
         ]
       }]
     },
+
     plugins: [new (_miniCssExtractPlugin().default)({
       // Options similar to the same options in webpackOptions.output
       // both options are optional
       filename: 'static/css/[name].[contenthash:8].css',
       chunkFilename: 'static/css/[name].[contenthash:8].chunk.css'
-    }), // Generate an asset manifest file with the following content:
+    }),
+    // Generate an asset manifest file with the following content:
     // - "files" key: Mapping of all asset filenames to their corresponding
     //   output file so that tools can pick it up without having to parse
     //   `index.html`
@@ -420,14 +395,16 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
           manifest[file.name] = file.path;
           return manifest;
         }, seed);
-        const entrypointFiles = entrypoints.main.filter(fileName => !fileName.endsWith('.map')); // @ts-ignore - https://github.com/shellscape/webpack-manifest-plugin/issues/276
+        const entrypointFiles = entrypoints.main.filter(fileName => !fileName.endsWith('.map'));
 
+        // @ts-ignore - https://github.com/shellscape/webpack-manifest-plugin/issues/276
         return {
           files: manifestFiles,
           entrypoints: entrypointFiles
         };
       }
-    }), // Moment.js is an extremely popular library that bundles large locale files
+    }),
+    // Moment.js is an extremely popular library that bundles large locale files
     // by default due to how webpack interprets its code. This is a practical
     // solution that requires the user to opt into importing specific locales.
     // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
@@ -435,7 +412,8 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
     new (_webpack().default.IgnorePlugin)({
       resourceRegExp: /^\.\/locale$/,
       contextRegExp: /moment$/
-    }), // Generate a service worker script that will precache, and keep up to date,
+    }),
+    // Generate a service worker script that will precache, and keep up to date,
     // the HTML & assets that are part of the webpack build.
     isEnvProduction && new (_workboxWebpackPlugin().default.GenerateSW)({
       clientsClaim: true,
@@ -443,8 +421,10 @@ function createWebpackConfig(workspaceDir, entryFiles, publicDir = 'public') {
       exclude: [/\.map$/, /asset-manifest\.json$/],
       // importWorkboxFrom: 'cdn',
       navigateFallback: 'public/index.html',
-      navigateFallbackDenylist: [// Exclude URLs starting with /_, as they're likely an API call
-      new RegExp('^/_'), // Exclude any URLs whose last part seems to be a file extension
+      navigateFallbackDenylist: [
+      // Exclude URLs starting with /_, as they're likely an API call
+      new RegExp('^/_'),
+      // Exclude any URLs whose last part seems to be a file extension
       // as they're likely a resource and not a SPA route.
       // URLs containing a "?" character won't be blacklisted as they're likely
       // a route with query params (e.g. auth callbacks).

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

@@ -1 +1 @@
-{"version":3,"names":["baseStyleLoadersOptions","injectingLoader","MiniCssExtractPlugin","loader","cssLoaderPath","require","resolve","postCssLoaderPath","postCssConfig","moduleFileExtensions","shouldUseSourceMap","process","env","GENERATE_SOURCEMAP","imageInlineSizeLimit","parseInt","IMAGE_INLINE_SIZE_LIMIT","isEnvProduction","createWebpackConfig","workspaceDir","entryFiles","publicDir","isEnvProductionProfile","argv","includes","stats","children","errorDetails","mode","entry","main","output","path","join","filename","chunkFilename","extensions","map","ext","alias","react","fallback","module","fallbacks","dgram","dns","fs","stream","http2","net","tls","child_process","strictExportPresence","rules","test","fullySpecified","oneOf","stylesRegexps","cssNoModulesRegex","use","generateStyleLoaders","merge","cssLoaderOpts","importLoaders","sourceMap","sideEffects","type","parser","dataUrlCondition","maxSize","options","babelrc","configFile","customize","cacheDirectory","cacheCompression","compact","cssModuleRegex","modules","getLocalIdent","getCSSModuleLocalIdent","sassNoModuleRegex","preProcessOptions","resolveUrlLoaderPath","preProcessorPath","sassModuleRegex","lessNoModuleRegex","lessModuleRegex","exclude","plugins","WebpackManifestPlugin","fileName","generate","seed","files","entrypoints","manifestFiles","reduce","manifest","file","name","entrypointFiles","filter","endsWith","webpack","IgnorePlugin","resourceRegExp","contextRegExp","WorkboxWebpackPlugin","GenerateSW","clientsClaim","maximumFileSizeToCacheInBytes","navigateFallback","navigateFallbackDenylist","RegExp","Boolean","performance"],"sources":["webpack.base.config.ts"],"sourcesContent":["import { merge } from 'lodash';\nimport webpack, { Configuration } from 'webpack';\nimport MiniCssExtractPlugin from 'mini-css-extract-plugin';\nimport { WebpackManifestPlugin } from 'webpack-manifest-plugin';\nimport WorkboxWebpackPlugin from 'workbox-webpack-plugin';\nimport getCSSModuleLocalIdent from 'react-dev-utils/getCSSModuleLocalIdent';\nimport path from 'path';\nimport * as stylesRegexps from '@teambit/webpack.modules.style-regexps';\nimport { generateStyleLoaders } from '@teambit/webpack.modules.generate-style-loaders';\nimport { fallbacks } from '@teambit/webpack';\nimport { postCssConfig } from './postcss.config';\n\nconst baseStyleLoadersOptions = {\n  injectingLoader: MiniCssExtractPlugin.loader,\n  cssLoaderPath: require.resolve('css-loader'),\n  postCssLoaderPath: require.resolve('postcss-loader'),\n  postCssConfig,\n};\n\nconst moduleFileExtensions = [\n  'web.mjs',\n  'mjs',\n  'web.js',\n  'js',\n  'web.ts',\n  'ts',\n  'web.tsx',\n  'tsx',\n  'json',\n  'web.jsx',\n  'jsx',\n];\n\n// Source maps are resource heavy and can cause out of memory issue for large source files.\nconst shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';\n\nconst imageInlineSizeLimit = parseInt(process.env.IMAGE_INLINE_SIZE_LIMIT || '10000');\n\nconst isEnvProduction = true;\n\n// This is the production and development configuration.\n// It is focused on developer experience, fast rebuilds, and a minimal bundle.\n// eslint-disable-next-line complexity\nexport default function createWebpackConfig(\n  workspaceDir: string,\n  entryFiles: string[],\n  publicDir = 'public'\n): Configuration {\n  // Variable used for enabling profiling in Production\n  // passed into alias object. Uses a flag if passed into the build command\n  const isEnvProductionProfile = process.argv.includes('--profile');\n\n  // We will provide `paths.publicUrlOrPath` to our app\n  // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.\n  // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.\n  // Get environment variables to inject into our app.\n  // const env = getClientEnvironment(publicUrlOrPath.slice(0, -1));\n\n  return {\n    stats: {\n      children: true,\n      errorDetails: true,\n    },\n    mode: 'production',\n    entry: {\n      main: entryFiles,\n    },\n\n    output: {\n      // The build folder.\n      path: path.join(workspaceDir, publicDir), // default value\n\n      filename: 'static/js/[name].[contenthash:8].js',\n      // TODO: remove this when upgrading to webpack 5\n      // futureEmitAssets: true,\n      // There are also additional JS chunk files if you use code splitting.\n      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',\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    resolve: {\n      // These are the reasonable defaults supported by the Node ecosystem.\n      // We also include JSX as a common component filename extension to support\n      // some tools, although we do not recommend using it, see:\n      // https://github.com/facebook/create-react-app/issues/290\n      // `web` extension prefixes have been added for better support\n      // for React Native Web.\n      extensions: moduleFileExtensions.map((ext) => `.${ext}`),\n\n      alias: {\n        // TODO: @uri please remember to remove after publishing evangelist and base-ui\n        react: require.resolve('react'),\n        'react-dom/server': require.resolve('react-dom/server'),\n        'react-dom': require.resolve('react-dom'),\n        // Allows for better profiling with ReactDevTools\n        ...(isEnvProductionProfile && {\n          'react-dom$': 'react-dom/profiling',\n          'scheduler/tracing': 'scheduler/tracing-profiling',\n        }),\n      },\n      fallback: {\n        module: false,\n        path: fallbacks.path,\n        dgram: false,\n        dns: false,\n        fs: false,\n        stream: false,\n        http2: false,\n        net: false,\n        tls: false,\n        child_process: false,\n        process: fallbacks.process,\n      },\n    },\n    module: {\n      strictExportPresence: true,\n      rules: [\n        {\n          test: /\\.m?js/,\n          resolve: {\n            fullySpecified: false,\n          },\n        },\n        // Disable require.ensure as it's not a standard language feature.\n        // { parser: { requireEnsure: false } },\n        {\n          // \"oneOf\" will traverse all following loaders until one will\n          // match the requirements. When no loader matches it will fall\n          // back to the \"file\" loader at the end of the loader list.\n          oneOf: [\n            // \"postcss\" loader applies autoprefixer to our CSS.\n            // \"css\" loader resolves paths in CSS and adds assets as dependencies.\n            // \"style\" loader turns CSS into JS modules that inject <style> tags.\n            // In production, we use MiniCSSExtractPlugin to extract that CSS\n            // to a file, but in development \"style\" loader enables hot editing\n            // of CSS.\n            // By default we support CSS Modules with the extension .module.css\n            {\n              test: stylesRegexps.cssNoModulesRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n            // \"url\" loader works like \"file\" loader except that it embeds assets\n            // smaller than specified limit in bytes as data URLs to avoid requests.\n            // A missing `test` is equivalent to a match.\n            {\n              test: [/\\.bmp$/, /\\.gif$/, /\\.jpe?g$/, /\\.png$/, /\\.svg$/],\n              type: 'asset',\n              parser: {\n                dataUrlCondition: {\n                  maxSize: imageInlineSizeLimit,\n                },\n              },\n            },\n            // Process application JS with Babel.\n            // The preset includes JSX, Flow, TypeScript, and some ESnext features.\n            {\n              test: /\\.(js|mjs|jsx|ts|tsx)$/,\n              loader: require.resolve('babel-loader'),\n              options: {\n                babelrc: false,\n                configFile: false,\n                customize: require.resolve('babel-preset-react-app/webpack-overrides'),\n                // This is a feature of `babel-loader` for webpack (not Babel itself).\n                // It enables caching results in ./node_modules/.cache/babel-loader/\n                // directory for faster rebuilds.\n                cacheDirectory: true,\n                // See #6846 for context on why cacheCompression is disabled\n                cacheCompression: false,\n                compact: isEnvProduction,\n              },\n            },\n            // Process any JS outside of the app with Babel.\n            // Unlike the application JS, we only compile the standard ES features.\n            // Probably not needed in our use case\n            // {\n            //   test: /\\.(js|mjs)$/,\n            //   exclude: /@babel(?:\\/|\\\\{1,2})runtime/,\n            //   loader: require.resolve('babel-loader'),\n            //   options: {\n            //     babelrc: false,\n            //     configFile: false,\n            //     compact: false,\n            //     presets: [[require.resolve('babel-preset-react-app/dependencies'), { helpers: true }]],\n            //     cacheDirectory: true,\n            //     // See #6846 for context on why cacheCompression is disabled\n            //     cacheCompression: false,\n\n            //     // Babel sourcemaps are needed for debugging into node_modules\n            //     // code.  Without the options below, debuggers like VSCode\n            //     // show incorrect code and set breakpoints on the wrong lines.\n            //     sourceMaps: shouldUseSourceMap,\n            //     inputSourceMap: shouldUseSourceMap,\n            //   },\n            // },\n\n            // Adds support for CSS Modules (https://github.com/css-modules/css-modules)\n            // using the extension .module.css\n            {\n              test: stylesRegexps.cssModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                })\n              ),\n            },\n            // Opt-in support for SASS (using .scss or .sass extensions).\n            // By default we support SASS Modules with the\n            // extensions .module.scss or .module.sass\n            {\n              test: stylesRegexps.sassNoModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 3,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('sass-loader'),\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n            // Adds support for CSS Modules, but using SASS\n            // using the extension .module.scss or .module.sass\n            {\n              test: stylesRegexps.sassModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 3,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('sass-loader'),\n                  },\n                })\n              ),\n            },\n            {\n              test: stylesRegexps.lessNoModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('less-loader'),\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n            {\n              test: stylesRegexps.lessModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('less-loader'),\n                  },\n                })\n              ),\n            },\n            // \"file\" loader makes sure those assets get served by WebpackDevServer.\n            // When you `import` an asset, you get its (virtual) filename.\n            // In production, they would get copied to the `build` folder.\n            // This loader doesn't use a \"test\" so it will catch all modules\n            // that fall through the other loaders.\n            {\n              // Exclude `js` files to keep \"css\" loader working as it injects\n              // its runtime that would otherwise be processed through \"file\" loader.\n              // Also exclude `html` and `json` extensions so they get processed\n              // by webpacks internal loaders.\n              exclude: [/\\.(js|mjs|jsx|ts|tsx)$/, /\\.html$/, /\\.json$/, /\\.css$/],\n              type: 'asset/resource',\n            },\n            // ** STOP ** Are you adding a new loader?\n            // Make sure to add the new loader(s) before the \"file\" loader.\n          ],\n        },\n      ],\n    },\n    plugins: [\n      new MiniCssExtractPlugin({\n        // Options similar to the same options in webpackOptions.output\n        // both options are optional\n        filename: 'static/css/[name].[contenthash:8].css',\n        chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',\n      }),\n      // Generate an asset manifest file with the following content:\n      // - \"files\" key: Mapping of all asset filenames to their corresponding\n      //   output file so that tools can pick it up without having to parse\n      //   `index.html`\n      //   can be used to reconstruct the HTML if necessary\n      new WebpackManifestPlugin({\n        fileName: 'asset-manifest.json',\n        generate: (seed, files, entrypoints) => {\n          const manifestFiles = files.reduce((manifest, file) => {\n            manifest[file.name] = file.path;\n            return manifest;\n          }, seed);\n          const entrypointFiles = entrypoints.main.filter((fileName) => !fileName.endsWith('.map'));\n\n          // @ts-ignore - https://github.com/shellscape/webpack-manifest-plugin/issues/276\n          return {\n            files: manifestFiles,\n            entrypoints: entrypointFiles,\n          } as Record<string, string>;\n        },\n      }),\n      // Moment.js is an extremely popular library that bundles large locale files\n      // by default due to how webpack interprets its code. This is a practical\n      // solution that requires the user to opt into importing specific locales.\n      // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack\n      // You can remove this if you don't use Moment.js:\n      new webpack.IgnorePlugin({\n        resourceRegExp: /^\\.\\/locale$/,\n        contextRegExp: /moment$/,\n      }),\n      // Generate a service worker script that will precache, and keep up to date,\n      // the HTML & assets that are part of the webpack build.\n      isEnvProduction &&\n        new WorkboxWebpackPlugin.GenerateSW({\n          clientsClaim: true,\n          maximumFileSizeToCacheInBytes: 5000000,\n          exclude: [/\\.map$/, /asset-manifest\\.json$/],\n          // importWorkboxFrom: 'cdn',\n          navigateFallback: 'public/index.html',\n          navigateFallbackDenylist: [\n            // Exclude URLs starting with /_, as they're likely an API call\n            new RegExp('^/_'),\n            // Exclude any URLs whose last part seems to be a file extension\n            // as they're likely a resource and not a SPA route.\n            // URLs containing a \"?\" character won't be blacklisted as they're likely\n            // a route with query params (e.g. auth callbacks).\n            new RegExp('/[^/?]+\\\\.[^/]+$'),\n          ],\n        }),\n    ].filter(Boolean),\n    // Some libraries import Node modules but don't use them in the browser.\n    // Tell webpack to provide empty mocks for them so importing them works.\n    // Turn off performance processing because we utilize\n    // our own hints via the FileSizeReporter\n    performance: false,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["baseStyleLoadersOptions","injectingLoader","MiniCssExtractPlugin","loader","cssLoaderPath","require","resolve","postCssLoaderPath","postCssConfig","moduleFileExtensions","shouldUseSourceMap","process","env","GENERATE_SOURCEMAP","imageInlineSizeLimit","parseInt","IMAGE_INLINE_SIZE_LIMIT","isEnvProduction","createWebpackConfig","workspaceDir","entryFiles","publicDir","isEnvProductionProfile","argv","includes","stats","children","errorDetails","mode","entry","main","output","path","join","filename","chunkFilename","extensions","map","ext","alias","react","fallback","module","fallbacks","dgram","dns","fs","stream","http2","net","tls","child_process","strictExportPresence","rules","test","fullySpecified","oneOf","stylesRegexps","cssNoModulesRegex","use","generateStyleLoaders","merge","cssLoaderOpts","importLoaders","sourceMap","sideEffects","type","parser","dataUrlCondition","maxSize","options","babelrc","configFile","customize","cacheDirectory","cacheCompression","compact","cssModuleRegex","modules","getLocalIdent","getCSSModuleLocalIdent","sassNoModuleRegex","preProcessOptions","resolveUrlLoaderPath","preProcessorPath","sassModuleRegex","lessNoModuleRegex","lessModuleRegex","exclude","plugins","WebpackManifestPlugin","fileName","generate","seed","files","entrypoints","manifestFiles","reduce","manifest","file","name","entrypointFiles","filter","endsWith","webpack","IgnorePlugin","resourceRegExp","contextRegExp","WorkboxWebpackPlugin","GenerateSW","clientsClaim","maximumFileSizeToCacheInBytes","navigateFallback","navigateFallbackDenylist","RegExp","Boolean","performance"],"sources":["webpack.base.config.ts"],"sourcesContent":["import { merge } from 'lodash';\nimport webpack, { Configuration } from 'webpack';\nimport MiniCssExtractPlugin from 'mini-css-extract-plugin';\nimport { WebpackManifestPlugin } from 'webpack-manifest-plugin';\nimport WorkboxWebpackPlugin from 'workbox-webpack-plugin';\nimport getCSSModuleLocalIdent from 'react-dev-utils/getCSSModuleLocalIdent';\nimport path from 'path';\nimport * as stylesRegexps from '@teambit/webpack.modules.style-regexps';\nimport { generateStyleLoaders } from '@teambit/webpack.modules.generate-style-loaders';\nimport { fallbacks } from '@teambit/webpack';\nimport { postCssConfig } from './postcss.config';\n\nconst baseStyleLoadersOptions = {\n  injectingLoader: MiniCssExtractPlugin.loader,\n  cssLoaderPath: require.resolve('css-loader'),\n  postCssLoaderPath: require.resolve('postcss-loader'),\n  postCssConfig,\n};\n\nconst moduleFileExtensions = [\n  'web.mjs',\n  'mjs',\n  'web.js',\n  'js',\n  'web.ts',\n  'ts',\n  'web.tsx',\n  'tsx',\n  'json',\n  'web.jsx',\n  'jsx',\n];\n\n// Source maps are resource heavy and can cause out of memory issue for large source files.\nconst shouldUseSourceMap = process.env.GENERATE_SOURCEMAP !== 'false';\n\nconst imageInlineSizeLimit = parseInt(process.env.IMAGE_INLINE_SIZE_LIMIT || '10000');\n\nconst isEnvProduction = true;\n\n// This is the production and development configuration.\n// It is focused on developer experience, fast rebuilds, and a minimal bundle.\n// eslint-disable-next-line complexity\nexport default function createWebpackConfig(\n  workspaceDir: string,\n  entryFiles: string[],\n  publicDir = 'public'\n): Configuration {\n  // Variable used for enabling profiling in Production\n  // passed into alias object. Uses a flag if passed into the build command\n  const isEnvProductionProfile = process.argv.includes('--profile');\n\n  // We will provide `paths.publicUrlOrPath` to our app\n  // as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.\n  // Omit trailing slash as %PUBLIC_URL%/xyz looks better than %PUBLIC_URL%xyz.\n  // Get environment variables to inject into our app.\n  // const env = getClientEnvironment(publicUrlOrPath.slice(0, -1));\n\n  return {\n    stats: {\n      children: true,\n      errorDetails: true,\n    },\n    mode: 'production',\n    entry: {\n      main: entryFiles,\n    },\n\n    output: {\n      // The build folder.\n      path: path.join(workspaceDir, publicDir), // default value\n\n      filename: 'static/js/[name].[contenthash:8].js',\n      // TODO: remove this when upgrading to webpack 5\n      // futureEmitAssets: true,\n      // There are also additional JS chunk files if you use code splitting.\n      chunkFilename: 'static/js/[name].[contenthash:8].chunk.js',\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    resolve: {\n      // These are the reasonable defaults supported by the Node ecosystem.\n      // We also include JSX as a common component filename extension to support\n      // some tools, although we do not recommend using it, see:\n      // https://github.com/facebook/create-react-app/issues/290\n      // `web` extension prefixes have been added for better support\n      // for React Native Web.\n      extensions: moduleFileExtensions.map((ext) => `.${ext}`),\n\n      alias: {\n        // TODO: @uri please remember to remove after publishing evangelist and base-ui\n        react: require.resolve('react'),\n        'react-dom/server': require.resolve('react-dom/server'),\n        'react-dom': require.resolve('react-dom'),\n        // Allows for better profiling with ReactDevTools\n        ...(isEnvProductionProfile && {\n          'react-dom$': 'react-dom/profiling',\n          'scheduler/tracing': 'scheduler/tracing-profiling',\n        }),\n      },\n      fallback: {\n        module: false,\n        path: fallbacks.path,\n        dgram: false,\n        dns: false,\n        fs: false,\n        stream: false,\n        http2: false,\n        net: false,\n        tls: false,\n        child_process: false,\n        process: fallbacks.process,\n      },\n    },\n    module: {\n      strictExportPresence: true,\n      rules: [\n        {\n          test: /\\.m?js/,\n          resolve: {\n            fullySpecified: false,\n          },\n        },\n        // Disable require.ensure as it's not a standard language feature.\n        // { parser: { requireEnsure: false } },\n        {\n          // \"oneOf\" will traverse all following loaders until one will\n          // match the requirements. When no loader matches it will fall\n          // back to the \"file\" loader at the end of the loader list.\n          oneOf: [\n            // \"postcss\" loader applies autoprefixer to our CSS.\n            // \"css\" loader resolves paths in CSS and adds assets as dependencies.\n            // \"style\" loader turns CSS into JS modules that inject <style> tags.\n            // In production, we use MiniCSSExtractPlugin to extract that CSS\n            // to a file, but in development \"style\" loader enables hot editing\n            // of CSS.\n            // By default we support CSS Modules with the extension .module.css\n            {\n              test: stylesRegexps.cssNoModulesRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n            // \"url\" loader works like \"file\" loader except that it embeds assets\n            // smaller than specified limit in bytes as data URLs to avoid requests.\n            // A missing `test` is equivalent to a match.\n            {\n              test: [/\\.bmp$/, /\\.gif$/, /\\.jpe?g$/, /\\.png$/, /\\.svg$/],\n              type: 'asset',\n              parser: {\n                dataUrlCondition: {\n                  maxSize: imageInlineSizeLimit,\n                },\n              },\n            },\n            // Process application JS with Babel.\n            // The preset includes JSX, Flow, TypeScript, and some ESnext features.\n            {\n              test: /\\.(js|mjs|jsx|ts|tsx)$/,\n              loader: require.resolve('babel-loader'),\n              options: {\n                babelrc: false,\n                configFile: false,\n                customize: require.resolve('babel-preset-react-app/webpack-overrides'),\n                // This is a feature of `babel-loader` for webpack (not Babel itself).\n                // It enables caching results in ./node_modules/.cache/babel-loader/\n                // directory for faster rebuilds.\n                cacheDirectory: true,\n                // See #6846 for context on why cacheCompression is disabled\n                cacheCompression: false,\n                compact: isEnvProduction,\n              },\n            },\n            // Process any JS outside of the app with Babel.\n            // Unlike the application JS, we only compile the standard ES features.\n            // Probably not needed in our use case\n            // {\n            //   test: /\\.(js|mjs)$/,\n            //   exclude: /@babel(?:\\/|\\\\{1,2})runtime/,\n            //   loader: require.resolve('babel-loader'),\n            //   options: {\n            //     babelrc: false,\n            //     configFile: false,\n            //     compact: false,\n            //     presets: [[require.resolve('babel-preset-react-app/dependencies'), { helpers: true }]],\n            //     cacheDirectory: true,\n            //     // See #6846 for context on why cacheCompression is disabled\n            //     cacheCompression: false,\n\n            //     // Babel sourcemaps are needed for debugging into node_modules\n            //     // code.  Without the options below, debuggers like VSCode\n            //     // show incorrect code and set breakpoints on the wrong lines.\n            //     sourceMaps: shouldUseSourceMap,\n            //     inputSourceMap: shouldUseSourceMap,\n            //   },\n            // },\n\n            // Adds support for CSS Modules (https://github.com/css-modules/css-modules)\n            // using the extension .module.css\n            {\n              test: stylesRegexps.cssModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                })\n              ),\n            },\n            // Opt-in support for SASS (using .scss or .sass extensions).\n            // By default we support SASS Modules with the\n            // extensions .module.scss or .module.sass\n            {\n              test: stylesRegexps.sassNoModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 3,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('sass-loader'),\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n            // Adds support for CSS Modules, but using SASS\n            // using the extension .module.scss or .module.sass\n            {\n              test: stylesRegexps.sassModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 3,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('sass-loader'),\n                  },\n                })\n              ),\n            },\n            {\n              test: stylesRegexps.lessNoModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('less-loader'),\n                  },\n                })\n              ),\n              // Don't consider CSS imports dead code even if the\n              // containing package claims to have no side effects.\n              // Remove this when webpack adds a warning or an error for this.\n              // See https://github.com/webpack/webpack/issues/6571\n              sideEffects: true,\n            },\n            {\n              test: stylesRegexps.lessModuleRegex,\n              use: generateStyleLoaders(\n                merge({}, baseStyleLoadersOptions, {\n                  cssLoaderOpts: {\n                    importLoaders: 1,\n                    sourceMap: isEnvProduction || shouldUseSourceMap,\n                    modules: {\n                      getLocalIdent: getCSSModuleLocalIdent,\n                    },\n                  },\n                  shouldUseSourceMap: isEnvProduction || shouldUseSourceMap,\n                  preProcessOptions: {\n                    resolveUrlLoaderPath: require.resolve('resolve-url-loader'),\n                    preProcessorPath: require.resolve('less-loader'),\n                  },\n                })\n              ),\n            },\n            // \"file\" loader makes sure those assets get served by WebpackDevServer.\n            // When you `import` an asset, you get its (virtual) filename.\n            // In production, they would get copied to the `build` folder.\n            // This loader doesn't use a \"test\" so it will catch all modules\n            // that fall through the other loaders.\n            {\n              // Exclude `js` files to keep \"css\" loader working as it injects\n              // its runtime that would otherwise be processed through \"file\" loader.\n              // Also exclude `html` and `json` extensions so they get processed\n              // by webpacks internal loaders.\n              exclude: [/\\.(js|mjs|jsx|ts|tsx)$/, /\\.html$/, /\\.json$/, /\\.css$/],\n              type: 'asset/resource',\n            },\n            // ** STOP ** Are you adding a new loader?\n            // Make sure to add the new loader(s) before the \"file\" loader.\n          ],\n        },\n      ],\n    },\n    plugins: [\n      new MiniCssExtractPlugin({\n        // Options similar to the same options in webpackOptions.output\n        // both options are optional\n        filename: 'static/css/[name].[contenthash:8].css',\n        chunkFilename: 'static/css/[name].[contenthash:8].chunk.css',\n      }),\n      // Generate an asset manifest file with the following content:\n      // - \"files\" key: Mapping of all asset filenames to their corresponding\n      //   output file so that tools can pick it up without having to parse\n      //   `index.html`\n      //   can be used to reconstruct the HTML if necessary\n      new WebpackManifestPlugin({\n        fileName: 'asset-manifest.json',\n        generate: (seed, files, entrypoints) => {\n          const manifestFiles = files.reduce((manifest, file) => {\n            manifest[file.name] = file.path;\n            return manifest;\n          }, seed);\n          const entrypointFiles = entrypoints.main.filter((fileName) => !fileName.endsWith('.map'));\n\n          // @ts-ignore - https://github.com/shellscape/webpack-manifest-plugin/issues/276\n          return {\n            files: manifestFiles,\n            entrypoints: entrypointFiles,\n          } as Record<string, string>;\n        },\n      }),\n      // Moment.js is an extremely popular library that bundles large locale files\n      // by default due to how webpack interprets its code. This is a practical\n      // solution that requires the user to opt into importing specific locales.\n      // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack\n      // You can remove this if you don't use Moment.js:\n      new webpack.IgnorePlugin({\n        resourceRegExp: /^\\.\\/locale$/,\n        contextRegExp: /moment$/,\n      }),\n      // Generate a service worker script that will precache, and keep up to date,\n      // the HTML & assets that are part of the webpack build.\n      isEnvProduction &&\n        new WorkboxWebpackPlugin.GenerateSW({\n          clientsClaim: true,\n          maximumFileSizeToCacheInBytes: 5000000,\n          exclude: [/\\.map$/, /asset-manifest\\.json$/],\n          // importWorkboxFrom: 'cdn',\n          navigateFallback: 'public/index.html',\n          navigateFallbackDenylist: [\n            // Exclude URLs starting with /_, as they're likely an API call\n            new RegExp('^/_'),\n            // Exclude any URLs whose last part seems to be a file extension\n            // as they're likely a resource and not a SPA route.\n            // URLs containing a \"?\" character won't be blacklisted as they're likely\n            // a route with query params (e.g. auth callbacks).\n            new RegExp('/[^/?]+\\\\.[^/]+$'),\n          ],\n        }),\n    ].filter(Boolean),\n    // Some libraries import Node modules but don't use them in the browser.\n    // Tell webpack to provide empty mocks for them so importing them works.\n    // Turn off performance processing because we utilize\n    // our own hints via the FileSizeReporter\n    performance: false,\n  };\n}\n"],"mappings":"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"}

package/dist/webpack/webpack.browser.config.js

@@ -1,112 +1,83 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createWebpackConfig;
-
 function _webpack() {
   const data = require("webpack");
-
   _webpack = function () {
     return data;
   };
-
   return data;
 }
-
 function _terserWebpackPlugin() {
   const data = _interopRequireDefault(require("terser-webpack-plugin"));
-
   _terserWebpackPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 function _cssMinimizerWebpackPlugin() {
   const data = _interopRequireDefault(require("css-minimizer-webpack-plugin"));
-
   _cssMinimizerWebpackPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 function _path() {
   const data = _interopRequireDefault(require("path"));
-
   _path = function () {
     return data;
   };
-
   return data;
 }
-
 function _htmlWebpackPlugin() {
   const data = _interopRequireDefault(require("html-webpack-plugin"));
-
   _htmlWebpackPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpackMerge() {
   const data = require("webpack-merge");
-
   _webpackMerge = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpack2() {
   const data = require("@teambit/webpack");
-
   _webpack2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _html() {
   const data = require("./html");
-
   _html = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpackBase() {
   const data = _interopRequireDefault(require("./webpack.base.config"));
-
   _webpackBase = function () {
     return data;
   };
-
   return data;
 }
-
 function createWebpackConfig(workspaceDir, entryFiles, title, publicDir) {
   const baseConfig = (0, _webpackBase().default)(workspaceDir, entryFiles);
   const browserConfig = createBrowserConfig(workspaceDir, title, publicDir);
   const combined = (0, _webpackMerge().merge)(baseConfig, browserConfig);
   return combined;
 }
-
 function createBrowserConfig(workspaceDir, title, publicDir) {
   const browserConfig = {
     // target: 'web', // already default
+
     output: {
       path: _path().default.resolve(workspaceDir, publicDir),
       // webpack uses `publicPath` to determine where the app is being served from.
@@ -116,7 +87,8 @@ function createBrowserConfig(workspaceDir, title, publicDir) {
     },
     optimization: {
       minimize: true,
-      minimizer: [// This is only used in production mode
+      minimizer: [
+      // This is only used in production mode
       new (_terserWebpackPlugin().default)({
         terserOptions: {
           parse: {