@teambit/react 0.0.880 → 0.0.882

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

@@ -1,129 +1,92 @@
 "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 = _default;
-
 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 _path() {
   const data = require("path");
-
   _path = function () {
     return data;
   };
-
   return data;
 }
-
 require("style-loader");
-
 function _miniCssExtractPlugin() {
   const data = _interopRequireDefault(require("mini-css-extract-plugin"));
-
   _miniCssExtractPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 function _getCSSModuleLocalIdent() {
   const data = _interopRequireDefault(require("react-dev-utils/getCSSModuleLocalIdent"));
-
   _getCSSModuleLocalIdent = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpack() {
   const data = require("webpack");
-
   _webpack = 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 _postcss() {
   const data = require("./postcss.config");
-
   _postcss = function () {
     return data;
   };
-
   return data;
 }
-
 require("@teambit/react.babel.bit-react-transformer");
-
 require("@teambit/mdx.modules.mdx-loader");
-
 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 styleLoaderPath = require.resolve('style-loader');
+const moduleFileExtensions = ['web.mjs', 'mjs', 'web.js', 'js', 'cjs', 'web.ts', 'ts', 'web.tsx', 'tsx', 'json', 'web.jsx', 'jsx', 'mdx', 'md'];
 
-const moduleFileExtensions = ['web.mjs', 'mjs', 'web.js', 'js', 'cjs', 'web.ts', 'ts', 'web.tsx', 'tsx', 'json', 'web.jsx', 'jsx', 'mdx', 'md']; // Source maps are resource heavy and can cause out of memory issue for large source files.
-
+// 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'); // This is the production and development configuration.
+const imageInlineSizeLimit = parseInt(process.env.IMAGE_INLINE_SIZE_LIMIT || '10000');
+
+// 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 _default(isEnvProduction = false) {
   // Variable used for enabling profiling in Production
   // passed into alias object. Uses a flag if passed into the build command
@@ -133,7 +96,9 @@ function _default(isEnvProduction = false) {
     cssLoaderPath: require.resolve('css-loader'),
     postCssLoaderPath: require.resolve('postcss-loader'),
     postCssConfig: _postcss().postCssConfig
-  }; // We will provide `paths.publicUrlOrPath` to our app
+  };
+
+  // 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.
@@ -170,7 +135,8 @@ function _default(isEnvProduction = 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
@@ -190,7 +156,8 @@ function _default(isEnvProduction = false) {
           // Remove this when webpack adds a warning or an error for this.
           // See https://github.com/webpack/webpack/issues/6571
           sideEffects: true
-        }, // 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)$/,
@@ -213,7 +180,8 @@ function _default(isEnvProduction = false) {
             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
         // {
@@ -228,6 +196,7 @@ function _default(isEnvProduction = false) {
         //     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.
@@ -249,7 +218,8 @@ function _default(isEnvProduction = false) {
           }, {
             loader: require.resolve('@teambit/mdx.modules.mdx-loader')
           }]
-        }, // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
+        },
+        // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
         // using the extension .module.css
         {
           test: stylesRegexps().cssModuleRegex,
@@ -263,7 +233,8 @@ function _default(isEnvProduction = false) {
             },
             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
         {
@@ -284,7 +255,8 @@ function _default(isEnvProduction = false) {
           // 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,
@@ -366,7 +338,6 @@ function _default(isEnvProduction = false) {
             }, require.resolve('new-url-loader')]
           }, {
             type: 'asset' // export a data URI or emit a separate file
-
           }]
         }, {
           test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
@@ -374,7 +345,8 @@ function _default(isEnvProduction = false) {
           generator: {
             filename: 'static/fonts/[hash][ext][query]'
           }
-        }, // "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
@@ -389,18 +361,21 @@ function _default(isEnvProduction = false) {
             filename: 'static/[hash][ext][query]'
           },
           type: 'asset'
-        } // ** STOP ** Are you adding a new loader?
+        }
+        // ** STOP ** Are you adding a new loader?
         // Make sure to add the new loader(s) before the "type:asset" loader.
         ]
       }]
     },
+
     // @ts-ignore
     plugins: [isEnvProduction && 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'
-    }), // 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

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

@@ -1 +1 @@
-{"version":3,"names":["styleLoaderPath","require","resolve","moduleFileExtensions","shouldUseSourceMap","process","env","GENERATE_SOURCEMAP","imageInlineSizeLimit","parseInt","IMAGE_INLINE_SIZE_LIMIT","isEnvProduction","isEnvProductionProfile","argv","includes","baseStyleLoadersOptions","injectingLoader","MiniCssExtractPlugin","loader","cssLoaderPath","postCssLoaderPath","postCssConfig","extensions","map","ext","alias","module","strictExportPresence","rules","test","fullySpecified","oneOf","stylesRegexps","cssNoModulesRegex","use","generateStyleLoaders","merge","cssLoaderOpts","importLoaders","sourceMap","sideEffects","exclude","options","babelrc","configFile","customize","presets","cacheDirectory","cacheCompression","compact","cssModuleRegex","modules","getLocalIdent","getCSSModuleLocalIdent","sassNoModuleRegex","preProcessOptions","resolveUrlLoaderPath","preProcessorPath","sassModuleRegex","lessNoModuleRegex","lessModuleRegex","type","parser","dataUrlCondition","maxSize","generator","filename","dependency","not","titleProp","ref","plugins","chunkFilename","IgnorePlugin","resourceRegExp","RegExp","sep","contextRegExp","filter","Boolean","performance"],"sources":["webpack.config.base.ts"],"sourcesContent":["import { merge } from 'lodash';\nimport { sep } from 'path';\nimport 'style-loader';\nimport MiniCssExtractPlugin from 'mini-css-extract-plugin';\nimport getCSSModuleLocalIdent from 'react-dev-utils/getCSSModuleLocalIdent';\nimport { Configuration, IgnorePlugin } from 'webpack';\nimport * as stylesRegexps from '@teambit/webpack.modules.style-regexps';\nimport { generateStyleLoaders } from '@teambit/webpack.modules.generate-style-loaders';\nimport { postCssConfig } from './postcss.config';\n// Make sure the bit-react-transformer is a dependency\n// TODO: remove it once we can set policy from component to component then set it via the component.json\nimport '@teambit/react.babel.bit-react-transformer';\n// Make sure the mdx-loader is a dependency\nimport '@teambit/mdx.modules.mdx-loader';\n\nconst styleLoaderPath = require.resolve('style-loader');\n\nconst moduleFileExtensions = [\n  'web.mjs',\n  'mjs',\n  'web.js',\n  'js',\n  'cjs',\n  'web.ts',\n  'ts',\n  'web.tsx',\n  'tsx',\n  'json',\n  'web.jsx',\n  'jsx',\n  'mdx',\n  'md',\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\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 (isEnvProduction = false): 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  const baseStyleLoadersOptions = {\n    injectingLoader: isEnvProduction ? MiniCssExtractPlugin.loader : styleLoaderPath,\n    cssLoaderPath: require.resolve('css-loader'),\n    postCssLoaderPath: require.resolve('postcss-loader'),\n    postCssConfig,\n  };\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    // TODO: make the dev tool according to shouldUseSourceMap and isEnvProduction\n    // devtool: 'inline-source-map',\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        'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime.js'),\n        'react/jsx-runtime': require.resolve('react/jsx-runtime.js'),\n        'react-dom/server': require.resolve('react-dom/server'),\n        // Allows for better profiling with ReactDevTools\n        ...(isEnvProductionProfile && {\n          'react-dom$': 'react-dom/profiling',\n          'scheduler/tracing': 'scheduler/tracing-profiling',\n        }),\n      },\n    },\n    module: {\n      strictExportPresence: true,\n      rules: [\n        {\n          test: /\\.m?js/,\n          resolve: {\n            fullySpecified: false,\n          },\n        },\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\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              exclude: [/node_modules/, /\\/dist\\//],\n              // consider: limit loader to files only in a capsule that has bitid in package.json\n              // descriptionData: { componentId: ComponentID.isValidObject },\n              // // or\n              // include: capsulePaths\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                presets: [require.resolve('@babel/preset-react')],\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            // MDX support (move to the mdx aspect and extend from there)\n            {\n              test: /\\.mdx?$/,\n              exclude: [/node_modules/],\n              use: [\n                {\n                  loader: require.resolve('babel-loader'),\n                  options: {\n                    babelrc: false,\n                    configFile: false,\n                    presets: [require.resolve('@babel/preset-react'), require.resolve('@babel/preset-env')],\n                  },\n                },\n                {\n                  loader: require.resolve('@teambit/mdx.modules.mdx-loader'),\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            {\n              test: [/\\.bmp$/, /\\.gif$/, /\\.jpe?g$/, /\\.png$/],\n              type: 'asset',\n              parser: {\n                dataUrlCondition: {\n                  maxSize: imageInlineSizeLimit,\n                },\n              },\n              generator: {\n                filename: 'static/images/[hash][ext][query]',\n              },\n            },\n            {\n              // loads svg as both inlineUrl and react component, like:\n              // import starUrl, { ReactComponent as StarIcon } from './star.svg';\n              // (remove when there is native support for both opitons from webpack5 / svgr)\n              test: /\\.svg$/,\n              oneOf: [\n                {\n                  dependency: { not: ['url'] }, // exclude new URL calls\n                  use: [\n                    {\n                      loader: require.resolve('@svgr/webpack'),\n                      options: { titleProp: true, ref: true },\n                    },\n                    require.resolve('new-url-loader'),\n                  ],\n                },\n                {\n                  type: 'asset', // export a data URI or emit a separate file\n                },\n              ],\n            },\n            {\n              test: /\\.(woff(2)?|ttf|eot|svg)(\\?v=\\d+\\.\\d+\\.\\d+)?$/,\n              type: 'asset',\n              generator: {\n                filename: 'static/fonts/[hash][ext][query]',\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|cjs|jsx|ts|tsx)$/, /\\.html$/, /\\.mdx?/, /\\.json$/, /\\.css$/],\n              generator: {\n                filename: 'static/[hash][ext][query]',\n              },\n              type: 'asset',\n            },\n            // ** STOP ** Are you adding a new loader?\n            // Make sure to add the new loader(s) before the \"type:asset\" loader.\n          ],\n        },\n      ],\n    },\n    // @ts-ignore\n    plugins: [\n      isEnvProduction &&\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      // 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 IgnorePlugin({\n        resourceRegExp: new RegExp(`^\\\\.${sep}locale$`),\n        contextRegExp: /moment$/,\n      }),\n    ].filter(Boolean),\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":["styleLoaderPath","require","resolve","moduleFileExtensions","shouldUseSourceMap","process","env","GENERATE_SOURCEMAP","imageInlineSizeLimit","parseInt","IMAGE_INLINE_SIZE_LIMIT","isEnvProduction","isEnvProductionProfile","argv","includes","baseStyleLoadersOptions","injectingLoader","MiniCssExtractPlugin","loader","cssLoaderPath","postCssLoaderPath","postCssConfig","extensions","map","ext","alias","module","strictExportPresence","rules","test","fullySpecified","oneOf","stylesRegexps","cssNoModulesRegex","use","generateStyleLoaders","merge","cssLoaderOpts","importLoaders","sourceMap","sideEffects","exclude","options","babelrc","configFile","customize","presets","cacheDirectory","cacheCompression","compact","cssModuleRegex","modules","getLocalIdent","getCSSModuleLocalIdent","sassNoModuleRegex","preProcessOptions","resolveUrlLoaderPath","preProcessorPath","sassModuleRegex","lessNoModuleRegex","lessModuleRegex","type","parser","dataUrlCondition","maxSize","generator","filename","dependency","not","titleProp","ref","plugins","chunkFilename","IgnorePlugin","resourceRegExp","RegExp","sep","contextRegExp","filter","Boolean","performance"],"sources":["webpack.config.base.ts"],"sourcesContent":["import { merge } from 'lodash';\nimport { sep } from 'path';\nimport 'style-loader';\nimport MiniCssExtractPlugin from 'mini-css-extract-plugin';\nimport getCSSModuleLocalIdent from 'react-dev-utils/getCSSModuleLocalIdent';\nimport { Configuration, IgnorePlugin } from 'webpack';\nimport * as stylesRegexps from '@teambit/webpack.modules.style-regexps';\nimport { generateStyleLoaders } from '@teambit/webpack.modules.generate-style-loaders';\nimport { postCssConfig } from './postcss.config';\n// Make sure the bit-react-transformer is a dependency\n// TODO: remove it once we can set policy from component to component then set it via the component.json\nimport '@teambit/react.babel.bit-react-transformer';\n// Make sure the mdx-loader is a dependency\nimport '@teambit/mdx.modules.mdx-loader';\n\nconst styleLoaderPath = require.resolve('style-loader');\n\nconst moduleFileExtensions = [\n  'web.mjs',\n  'mjs',\n  'web.js',\n  'js',\n  'cjs',\n  'web.ts',\n  'ts',\n  'web.tsx',\n  'tsx',\n  'json',\n  'web.jsx',\n  'jsx',\n  'mdx',\n  'md',\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\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 (isEnvProduction = false): 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  const baseStyleLoadersOptions = {\n    injectingLoader: isEnvProduction ? MiniCssExtractPlugin.loader : styleLoaderPath,\n    cssLoaderPath: require.resolve('css-loader'),\n    postCssLoaderPath: require.resolve('postcss-loader'),\n    postCssConfig,\n  };\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    // TODO: make the dev tool according to shouldUseSourceMap and isEnvProduction\n    // devtool: 'inline-source-map',\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        'react/jsx-dev-runtime': require.resolve('react/jsx-dev-runtime.js'),\n        'react/jsx-runtime': require.resolve('react/jsx-runtime.js'),\n        'react-dom/server': require.resolve('react-dom/server'),\n        // Allows for better profiling with ReactDevTools\n        ...(isEnvProductionProfile && {\n          'react-dom$': 'react-dom/profiling',\n          'scheduler/tracing': 'scheduler/tracing-profiling',\n        }),\n      },\n    },\n    module: {\n      strictExportPresence: true,\n      rules: [\n        {\n          test: /\\.m?js/,\n          resolve: {\n            fullySpecified: false,\n          },\n        },\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\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              exclude: [/node_modules/, /\\/dist\\//],\n              // consider: limit loader to files only in a capsule that has bitid in package.json\n              // descriptionData: { componentId: ComponentID.isValidObject },\n              // // or\n              // include: capsulePaths\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                presets: [require.resolve('@babel/preset-react')],\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            // MDX support (move to the mdx aspect and extend from there)\n            {\n              test: /\\.mdx?$/,\n              exclude: [/node_modules/],\n              use: [\n                {\n                  loader: require.resolve('babel-loader'),\n                  options: {\n                    babelrc: false,\n                    configFile: false,\n                    presets: [require.resolve('@babel/preset-react'), require.resolve('@babel/preset-env')],\n                  },\n                },\n                {\n                  loader: require.resolve('@teambit/mdx.modules.mdx-loader'),\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            {\n              test: [/\\.bmp$/, /\\.gif$/, /\\.jpe?g$/, /\\.png$/],\n              type: 'asset',\n              parser: {\n                dataUrlCondition: {\n                  maxSize: imageInlineSizeLimit,\n                },\n              },\n              generator: {\n                filename: 'static/images/[hash][ext][query]',\n              },\n            },\n            {\n              // loads svg as both inlineUrl and react component, like:\n              // import starUrl, { ReactComponent as StarIcon } from './star.svg';\n              // (remove when there is native support for both opitons from webpack5 / svgr)\n              test: /\\.svg$/,\n              oneOf: [\n                {\n                  dependency: { not: ['url'] }, // exclude new URL calls\n                  use: [\n                    {\n                      loader: require.resolve('@svgr/webpack'),\n                      options: { titleProp: true, ref: true },\n                    },\n                    require.resolve('new-url-loader'),\n                  ],\n                },\n                {\n                  type: 'asset', // export a data URI or emit a separate file\n                },\n              ],\n            },\n            {\n              test: /\\.(woff(2)?|ttf|eot|svg)(\\?v=\\d+\\.\\d+\\.\\d+)?$/,\n              type: 'asset',\n              generator: {\n                filename: 'static/fonts/[hash][ext][query]',\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|cjs|jsx|ts|tsx)$/, /\\.html$/, /\\.mdx?/, /\\.json$/, /\\.css$/],\n              generator: {\n                filename: 'static/[hash][ext][query]',\n              },\n              type: 'asset',\n            },\n            // ** STOP ** Are you adding a new loader?\n            // Make sure to add the new loader(s) before the \"type:asset\" loader.\n          ],\n        },\n      ],\n    },\n    // @ts-ignore\n    plugins: [\n      isEnvProduction &&\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      // 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 IgnorePlugin({\n        resourceRegExp: new RegExp(`^\\\\.${sep}locale$`),\n        contextRegExp: /moment$/,\n      }),\n    ].filter(Boolean),\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.config.base.prod.js

@@ -1,33 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = _default;
-
 function _cssMinimizerWebpackPlugin() {
   const data = _interopRequireDefault(require("css-minimizer-webpack-plugin"));
-
   _cssMinimizerWebpackPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 function _terserWebpackPlugin() {
   const data = _interopRequireDefault(require("terser-webpack-plugin"));
-
   _terserWebpackPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 // import { WebpackManifestPlugin } from 'webpack-manifest-plugin';
+
 // This is the production and development configuration.
 // It is focused on developer experience, fast rebuilds, and a minimal bundle.
 // eslint-disable-next-line complexity
@@ -46,9 +39,10 @@ function _default(dev) {
         minifyIdentifiers: false,
         // minifyIdentifiers: true,
         minifySyntax: true
-      } // terserOptions: {},
-
-    }), // This is only used in production mode
+      }
+      // terserOptions: {},
+    }),
+    // This is only used in production mode
     // new TerserPlugin({
     //   extractComments: false,
     //   terserOptions: {
@@ -94,7 +88,8 @@ function _default(dev) {
           }
         }]
       }
-    })] // Automatically split vendor and commons
+    })]
+    // Automatically split vendor and commons
     // https://twitter.com/wSokra/status/969633336732905474
     // https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
     // splitChunks: {
@@ -107,11 +102,12 @@ function _default(dev) {
     // runtimeChunk: {
     // name: (entrypoint) => `runtime-${entrypoint.name}`,
     // },
-
   };
+
   return {
     optimization,
-    plugins: [// Generate an asset manifest file with the following content:
+    plugins: [
+      // 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`

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

@@ -1 +1 @@
-{"version":3,"names":["dev","optimization","undefined","minimize","minimizer","TerserPlugin","minify","esbuildMinify","terserOptions","minifyWhitespace","minifyIdentifiers","minifySyntax","CssMinimizerPlugin","minimizerOptions","preset","minifyFontValues","removeQuotes","plugins","filter","Boolean","performance"],"sources":["webpack.config.base.prod.ts"],"sourcesContent":["import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';\nimport TerserPlugin from 'terser-webpack-plugin';\nimport { Configuration } from 'webpack';\n// import { WebpackManifestPlugin } from 'webpack-manifest-plugin';\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 (dev?: boolean): Configuration {\n  const optimization = dev\n    ? undefined\n    : {\n        minimize: true,\n        minimizer: [\n          new TerserPlugin({\n            minify: TerserPlugin.esbuildMinify,\n            // `terserOptions` options will be passed to `esbuild`\n            // Link to options - https://esbuild.github.io/api/#minify\n            // Note: the `minify` options is true by default (and override other `minify*` options), so if you want to disable the `minifyIdentifiers` option (or other `minify*` options) please use:\n            terserOptions: {\n              minify: false,\n              minifyWhitespace: true,\n              // We don't want to minify identifiers to enable easier debugging on remote scopes when there are preview issues\n              minifyIdentifiers: false,\n              // minifyIdentifiers: true,\n              minifySyntax: true,\n            },\n            // terserOptions: {},\n          }),\n\n          // This is only used in production mode\n          // new TerserPlugin({\n          //   extractComments: false,\n          //   terserOptions: {\n          //     parse: {\n          //       // We want terser to parse ecma 8 code. However, we don't want it\n          //       // to apply any minification steps that turns valid ecma 5 code\n          //       // into invalid ecma 5 code. This is why the 'compress' and 'output'\n          //       // sections only apply transformations that are ecma 5 safe\n          //       // https://github.com/facebook/create-react-app/pull/4234\n          //       ecma: 8,\n          //     },\n          //     compress: {\n          //       ecma: 5,\n          //       warnings: false,\n          //       // Disabled because of an issue with Uglify breaking seemingly valid code:\n          //       // https://github.com/facebook/create-react-app/issues/2376\n          //       // Pending further investigation:\n          //       // https://github.com/mishoo/UglifyJS2/issues/2011\n          //       comparisons: false,\n          //       // Disabled because of an issue with Terser breaking valid code:\n          //       // https://github.com/facebook/create-react-app/issues/5250\n          //       // Pending further investigation:\n          //       // https://github.com/terser-js/terser/issues/120\n          //       inline: 2,\n          //     },\n          //     mangle: {\n          //       safari10: true,\n          //     },\n          //     output: {\n          //       ecma: 5,\n          //       comments: false,\n          //       // Turned on because emoji and regex is not minified properly using default\n          //       // https://github.com/facebook/create-react-app/issues/2488\n          //       ascii_only: true,\n          //     },\n          //   },\n          // }),\n          new CssMinimizerPlugin({\n            minimizerOptions: {\n              preset: [\n                'default',\n                {\n                  minifyFontValues: { removeQuotes: false },\n                },\n              ],\n            },\n          }),\n        ],\n        // Automatically split vendor and commons\n        // https://twitter.com/wSokra/status/969633336732905474\n        // https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366\n        // splitChunks: {\n        // chunks: 'all',\n        // name: false,\n        // },\n        // Keep the runtime chunk separated to enable long term caching\n        // https://twitter.com/wSokra/status/969679223278505985\n        // https://github.com/facebook/create-react-app/issues/5358\n        // runtimeChunk: {\n        // name: (entrypoint) => `runtime-${entrypoint.name}`,\n        // },\n      };\n\n  return {\n    optimization,\n\n    plugins: [\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      //   publicPath: 'public',\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      //     // @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      // 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    ].filter(Boolean),\n    // Turn off performance processing because we utilize\n    // our own hints via the FileSizeReporter\n    performance: false,\n  };\n}\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;AAEA;AACA;AACA;AACe,kBAAUA,GAAV,EAAwC;EACrD,MAAMC,YAAY,GAAGD,GAAG,GACpBE,SADoB,GAEpB;IACEC,QAAQ,EAAE,IADZ;IAEEC,SAAS,EAAE,CACT,KAAIC,8BAAJ,EAAiB;MACfC,MAAM,EAAED,8BAAA,CAAaE,aADN;MAEf;MACA;MACA;MACAC,aAAa,EAAE;QACbF,MAAM,EAAE,KADK;QAEbG,gBAAgB,EAAE,IAFL;QAGb;QACAC,iBAAiB,EAAE,KAJN;QAKb;QACAC,YAAY,EAAE;MAND,CALA,CAaf;;IAbe,CAAjB,CADS,EAiBT;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,KAAIC,oCAAJ,EAAuB;MACrBC,gBAAgB,EAAE;QAChBC,MAAM,EAAE,CACN,SADM,EAEN;UACEC,gBAAgB,EAAE;YAAEC,YAAY,EAAE;UAAhB;QADpB,CAFM;MADQ;IADG,CAAvB,CAvDS,CAFb,CAoEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAhFF,CAFJ;EAqFA,OAAO;IACLf,YADK;IAGLgB,OAAO,EAAE,CACP;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IAvBO,EAwBPC,MAxBO,CAwBAC,OAxBA,CAHJ;IA4BL;IACA;IACAC,WAAW,EAAE;EA9BR,CAAP;AAgCD"}
+{"version":3,"names":["dev","optimization","undefined","minimize","minimizer","TerserPlugin","minify","esbuildMinify","terserOptions","minifyWhitespace","minifyIdentifiers","minifySyntax","CssMinimizerPlugin","minimizerOptions","preset","minifyFontValues","removeQuotes","plugins","filter","Boolean","performance"],"sources":["webpack.config.base.prod.ts"],"sourcesContent":["import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';\nimport TerserPlugin from 'terser-webpack-plugin';\nimport { Configuration } from 'webpack';\n// import { WebpackManifestPlugin } from 'webpack-manifest-plugin';\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 (dev?: boolean): Configuration {\n  const optimization = dev\n    ? undefined\n    : {\n        minimize: true,\n        minimizer: [\n          new TerserPlugin({\n            minify: TerserPlugin.esbuildMinify,\n            // `terserOptions` options will be passed to `esbuild`\n            // Link to options - https://esbuild.github.io/api/#minify\n            // Note: the `minify` options is true by default (and override other `minify*` options), so if you want to disable the `minifyIdentifiers` option (or other `minify*` options) please use:\n            terserOptions: {\n              minify: false,\n              minifyWhitespace: true,\n              // We don't want to minify identifiers to enable easier debugging on remote scopes when there are preview issues\n              minifyIdentifiers: false,\n              // minifyIdentifiers: true,\n              minifySyntax: true,\n            },\n            // terserOptions: {},\n          }),\n\n          // This is only used in production mode\n          // new TerserPlugin({\n          //   extractComments: false,\n          //   terserOptions: {\n          //     parse: {\n          //       // We want terser to parse ecma 8 code. However, we don't want it\n          //       // to apply any minification steps that turns valid ecma 5 code\n          //       // into invalid ecma 5 code. This is why the 'compress' and 'output'\n          //       // sections only apply transformations that are ecma 5 safe\n          //       // https://github.com/facebook/create-react-app/pull/4234\n          //       ecma: 8,\n          //     },\n          //     compress: {\n          //       ecma: 5,\n          //       warnings: false,\n          //       // Disabled because of an issue with Uglify breaking seemingly valid code:\n          //       // https://github.com/facebook/create-react-app/issues/2376\n          //       // Pending further investigation:\n          //       // https://github.com/mishoo/UglifyJS2/issues/2011\n          //       comparisons: false,\n          //       // Disabled because of an issue with Terser breaking valid code:\n          //       // https://github.com/facebook/create-react-app/issues/5250\n          //       // Pending further investigation:\n          //       // https://github.com/terser-js/terser/issues/120\n          //       inline: 2,\n          //     },\n          //     mangle: {\n          //       safari10: true,\n          //     },\n          //     output: {\n          //       ecma: 5,\n          //       comments: false,\n          //       // Turned on because emoji and regex is not minified properly using default\n          //       // https://github.com/facebook/create-react-app/issues/2488\n          //       ascii_only: true,\n          //     },\n          //   },\n          // }),\n          new CssMinimizerPlugin({\n            minimizerOptions: {\n              preset: [\n                'default',\n                {\n                  minifyFontValues: { removeQuotes: false },\n                },\n              ],\n            },\n          }),\n        ],\n        // Automatically split vendor and commons\n        // https://twitter.com/wSokra/status/969633336732905474\n        // https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366\n        // splitChunks: {\n        // chunks: 'all',\n        // name: false,\n        // },\n        // Keep the runtime chunk separated to enable long term caching\n        // https://twitter.com/wSokra/status/969679223278505985\n        // https://github.com/facebook/create-react-app/issues/5358\n        // runtimeChunk: {\n        // name: (entrypoint) => `runtime-${entrypoint.name}`,\n        // },\n      };\n\n  return {\n    optimization,\n\n    plugins: [\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      //   publicPath: 'public',\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      //     // @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      // 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    ].filter(Boolean),\n    // Turn off performance processing because we utilize\n    // our own hints via the FileSizeReporter\n    performance: false,\n  };\n}\n"],"mappings":";;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;;AAEA;AACA;AACA;AACe,kBAAUA,GAAa,EAAiB;EACrD,MAAMC,YAAY,GAAGD,GAAG,GACpBE,SAAS,GACT;IACEC,QAAQ,EAAE,IAAI;IACdC,SAAS,EAAE,CACT,KAAIC,8BAAY,EAAC;MACfC,MAAM,EAAED,8BAAY,CAACE,aAAa;MAClC;MACA;MACA;MACAC,aAAa,EAAE;QACbF,MAAM,EAAE,KAAK;QACbG,gBAAgB,EAAE,IAAI;QACtB;QACAC,iBAAiB,EAAE,KAAK;QACxB;QACAC,YAAY,EAAE;MAChB;MACA;IACF,CAAC,CAAC;IAEF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,KAAIC,oCAAkB,EAAC;MACrBC,gBAAgB,EAAE;QAChBC,MAAM,EAAE,CACN,SAAS,EACT;UACEC,gBAAgB,EAAE;YAAEC,YAAY,EAAE;UAAM;QAC1C,CAAC;MAEL;IACF,CAAC,CAAC;IAEJ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACF,CAAC;;EAEL,OAAO;IACLf,YAAY;IAEZgB,OAAO,EAAE;MACP;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IAAA,CACD,CAACC,MAAM,CAACC,OAAO,CAAC;IACjB;IACA;IACAC,WAAW,EAAE;EACf,CAAC;AACH"}

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

@@ -1,51 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = _default;
-
 function _path() {
   const data = _interopRequireDefault(require("path"));
-
   _path = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentId() {
   const data = require("@teambit/component-id");
-
   _componentId = function () {
     return data;
   };
-
   return data;
 }
-
 require("@teambit/react.babel.bit-react-transformer");
-
 function _reactRefreshWebpackPlugin() {
   const data = _interopRequireDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
-
   _reactRefreshWebpackPlugin = function () {
     return data;
   };
-
   return data;
 }
-
 // Make sure the bit-react-transformer is a dependency
 // TODO: remove it once we can set policy from component to component then set it via the component.json
-const matchNothingRegex = 'a^'; // This is the production and development configuration.
+
+const matchNothingRegex = 'a^';
+
+// This is the production and development configuration.
 // It is focused on developer experience, fast rebuilds, and a minimal bundle.
 // eslint-disable-next-line complexity
 // export default function (workDir: string, envId: string): Configuration {
-
 function _default(workDir, envId) {
   return {
     module: {
@@ -74,14 +64,16 @@ function _default(workDir, envId) {
           options: {
             babelrc: false,
             configFile: false,
-            plugins: [require.resolve('react-refresh/babel'), // for component highlighting in preview.
+            plugins: [require.resolve('react-refresh/babel'),
+            // for component highlighting in preview.
             [require.resolve('@teambit/react.babel.bit-react-transformer')]],
             // turn off all optimizations (only slow down for node_modules)
             compact: false,
             minified: false
           }
         }]
-      }, // MDX support (move to the mdx aspect and extend from there)
+      },
+      // MDX support (move to the mdx aspect and extend from there)
       {
         test: /\.mdx?$/,
         // to skip any files linked from other projects (like Bit itself)
@@ -103,7 +95,8 @@ function _default(workDir, envId) {
         }]
       }]
     },
-    plugins: [// No need here as we have `hot: true` in the dev server
+    plugins: [
+    // No need here as we have `hot: true` in the dev server
     // new webpack.HotModuleReplacementPlugin({}),
     new (_reactRefreshWebpackPlugin().default)({
       overlay: {

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

@@ -1 +1 @@
-{"version":3,"names":["matchNothingRegex","workDir","envId","module","rules","test","enforce","include","path","join","descriptionData","componentId","value","use","require","resolve","ComponentID","isValidObject","loader","options","babelrc","configFile","plugins","compact","minified","presets","ReactRefreshWebpackPlugin","overlay","sockPath","entry"],"sources":["webpack.config.component.dev.ts"],"sourcesContent":["import path from 'path';\nimport { Configuration } from 'webpack';\nimport { ComponentID } from '@teambit/component-id';\n// Make sure the bit-react-transformer is a dependency\n// TODO: remove it once we can set policy from component to component then set it via the component.json\nimport '@teambit/react.babel.bit-react-transformer';\nimport ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';\n\nconst matchNothingRegex = 'a^';\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\n// export default function (workDir: string, envId: string): Configuration {\nexport default function (workDir: string, envId: string): Configuration {\n  return {\n    module: {\n      rules: [\n        {\n          test: /\\.js$/,\n          enforce: 'pre',\n          // limit loader to files in the current project,\n          // to skip any files linked from other projects (like Bit itself)\n          include: path.join(workDir, 'node_modules'),\n          // only apply to packages with componentId in their package.json (ie. bit components)\n          descriptionData: { componentId: (value) => !!value },\n          use: [require.resolve('source-map-loader')],\n        },\n        {\n          test: /\\.js$/,\n          // limit loader to files in the current project,\n          // to skip any files linked from other projects (like Bit itself)\n          include: path.join(workDir, 'node_modules'),\n          // only apply to packages with componentId in their package.json (ie. bit components)\n          descriptionData: { componentId: ComponentID.isValidObject },\n          use: [\n            require.resolve('@pmmmwh/react-refresh-webpack-plugin/loader'),\n            {\n              loader: require.resolve('babel-loader'),\n              options: {\n                babelrc: false,\n                configFile: false,\n                plugins: [\n                  require.resolve('react-refresh/babel'),\n                  // for component highlighting in preview.\n                  [require.resolve('@teambit/react.babel.bit-react-transformer')],\n                ],\n                // turn off all optimizations (only slow down for node_modules)\n                compact: false,\n                minified: false,\n              },\n            },\n          ],\n        },\n        // MDX support (move to the mdx aspect and extend from there)\n        {\n          test: /\\.mdx?$/,\n          // to skip any files linked from other projects (like Bit itself)\n          include: path.join(workDir, 'node_modules'),\n          // only apply to packages with componentId in their package.json (ie. bit components)\n          descriptionData: { componentId: (value) => !!value },\n          use: [\n            require.resolve('@pmmmwh/react-refresh-webpack-plugin/loader'),\n            {\n              loader: require.resolve('babel-loader'),\n              options: {\n                babelrc: false,\n                configFile: false,\n                presets: [require.resolve('@babel/preset-react'), require.resolve('@babel/preset-env')],\n                plugins: [require.resolve('react-refresh/babel')],\n              },\n            },\n            {\n              loader: require.resolve('@teambit/mdx.modules.mdx-loader'),\n            },\n          ],\n        },\n      ],\n    },\n    plugins: [\n      // No need here as we have `hot: true` in the dev server\n      // new webpack.HotModuleReplacementPlugin({}),\n      new ReactRefreshWebpackPlugin({\n        overlay: {\n          sockPath: `_hmr/${envId}`,\n          // TODO - react-error-overlay not showing runtime errors - https://github.com/teambit/bit/issues/5452\n          entry: require.resolve('./overlay/webpackHotDevClient'),\n          module: require.resolve('./overlay/refreshOverlayInterop'),\n        },\n\n        // we use '@pmmmwh/react-refresh-webpack-plugin/loader' directly where relevant.\n        // FYI, original defaults of the plugin are:\n        // include: /\\.([cm]js|[jt]sx?|flow)$/i, exclude: /node_modules/,\n        include: matchNothingRegex,\n      }),\n    ],\n  };\n}\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAHA;AACA;AAIA,MAAMA,iBAAiB,GAAG,IAA1B,C,CAEA;AACA;AACA;AACA;;AACe,kBAAUC,OAAV,EAA2BC,KAA3B,EAAyD;EACtE,OAAO;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE,CACL;QACEC,IAAI,EAAE,OADR;QAEEC,OAAO,EAAE,KAFX;QAGE;QACA;QACAC,OAAO,EAAEC,eAAA,CAAKC,IAAL,CAAUR,OAAV,EAAmB,cAAnB,CALX;QAME;QACAS,eAAe,EAAE;UAAEC,WAAW,EAAGC,KAAD,IAAW,CAAC,CAACA;QAA5B,CAPnB;QAQEC,GAAG,EAAE,CAACC,OAAO,CAACC,OAAR,CAAgB,mBAAhB,CAAD;MARP,CADK,EAWL;QACEV,IAAI,EAAE,OADR;QAEE;QACA;QACAE,OAAO,EAAEC,eAAA,CAAKC,IAAL,CAAUR,OAAV,EAAmB,cAAnB,CAJX;QAKE;QACAS,eAAe,EAAE;UAAEC,WAAW,EAAEK,0BAAA,CAAYC;QAA3B,CANnB;QAOEJ,GAAG,EAAE,CACHC,OAAO,CAACC,OAAR,CAAgB,6CAAhB,CADG,EAEH;UACEG,MAAM,EAAEJ,OAAO,CAACC,OAAR,CAAgB,cAAhB,CADV;UAEEI,OAAO,EAAE;YACPC,OAAO,EAAE,KADF;YAEPC,UAAU,EAAE,KAFL;YAGPC,OAAO,EAAE,CACPR,OAAO,CAACC,OAAR,CAAgB,qBAAhB,CADO,EAEP;YACA,CAACD,OAAO,CAACC,OAAR,CAAgB,4CAAhB,CAAD,CAHO,CAHF;YAQP;YACAQ,OAAO,EAAE,KATF;YAUPC,QAAQ,EAAE;UAVH;QAFX,CAFG;MAPP,CAXK,EAqCL;MACA;QACEnB,IAAI,EAAE,SADR;QAEE;QACAE,OAAO,EAAEC,eAAA,CAAKC,IAAL,CAAUR,OAAV,EAAmB,cAAnB,CAHX;QAIE;QACAS,eAAe,EAAE;UAAEC,WAAW,EAAGC,KAAD,IAAW,CAAC,CAACA;QAA5B,CALnB;QAMEC,GAAG,EAAE,CACHC,OAAO,CAACC,OAAR,CAAgB,6CAAhB,CADG,EAEH;UACEG,MAAM,EAAEJ,OAAO,CAACC,OAAR,CAAgB,cAAhB,CADV;UAEEI,OAAO,EAAE;YACPC,OAAO,EAAE,KADF;YAEPC,UAAU,EAAE,KAFL;YAGPI,OAAO,EAAE,CAACX,OAAO,CAACC,OAAR,CAAgB,qBAAhB,CAAD,EAAyCD,OAAO,CAACC,OAAR,CAAgB,mBAAhB,CAAzC,CAHF;YAIPO,OAAO,EAAE,CAACR,OAAO,CAACC,OAAR,CAAgB,qBAAhB,CAAD;UAJF;QAFX,CAFG,EAWH;UACEG,MAAM,EAAEJ,OAAO,CAACC,OAAR,CAAgB,iCAAhB;QADV,CAXG;MANP,CAtCK;IADD,CADH;IAgELO,OAAO,EAAE,CACP;IACA;IACA,KAAII,oCAAJ,EAA8B;MAC5BC,OAAO,EAAE;QACPC,QAAQ,EAAG,QAAO1B,KAAM,EADjB;QAEP;QACA2B,KAAK,EAAEf,OAAO,CAACC,OAAR,CAAgB,+BAAhB,CAHA;QAIPZ,MAAM,EAAEW,OAAO,CAACC,OAAR,CAAgB,iCAAhB;MAJD,CADmB;MAQ5B;MACA;MACA;MACAR,OAAO,EAAEP;IAXmB,CAA9B,CAHO;EAhEJ,CAAP;AAkFD"}
+{"version":3,"names":["matchNothingRegex","workDir","envId","module","rules","test","enforce","include","path","join","descriptionData","componentId","value","use","require","resolve","ComponentID","isValidObject","loader","options","babelrc","configFile","plugins","compact","minified","presets","ReactRefreshWebpackPlugin","overlay","sockPath","entry"],"sources":["webpack.config.component.dev.ts"],"sourcesContent":["import path from 'path';\nimport { Configuration } from 'webpack';\nimport { ComponentID } from '@teambit/component-id';\n// Make sure the bit-react-transformer is a dependency\n// TODO: remove it once we can set policy from component to component then set it via the component.json\nimport '@teambit/react.babel.bit-react-transformer';\nimport ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';\n\nconst matchNothingRegex = 'a^';\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\n// export default function (workDir: string, envId: string): Configuration {\nexport default function (workDir: string, envId: string): Configuration {\n  return {\n    module: {\n      rules: [\n        {\n          test: /\\.js$/,\n          enforce: 'pre',\n          // limit loader to files in the current project,\n          // to skip any files linked from other projects (like Bit itself)\n          include: path.join(workDir, 'node_modules'),\n          // only apply to packages with componentId in their package.json (ie. bit components)\n          descriptionData: { componentId: (value) => !!value },\n          use: [require.resolve('source-map-loader')],\n        },\n        {\n          test: /\\.js$/,\n          // limit loader to files in the current project,\n          // to skip any files linked from other projects (like Bit itself)\n          include: path.join(workDir, 'node_modules'),\n          // only apply to packages with componentId in their package.json (ie. bit components)\n          descriptionData: { componentId: ComponentID.isValidObject },\n          use: [\n            require.resolve('@pmmmwh/react-refresh-webpack-plugin/loader'),\n            {\n              loader: require.resolve('babel-loader'),\n              options: {\n                babelrc: false,\n                configFile: false,\n                plugins: [\n                  require.resolve('react-refresh/babel'),\n                  // for component highlighting in preview.\n                  [require.resolve('@teambit/react.babel.bit-react-transformer')],\n                ],\n                // turn off all optimizations (only slow down for node_modules)\n                compact: false,\n                minified: false,\n              },\n            },\n          ],\n        },\n        // MDX support (move to the mdx aspect and extend from there)\n        {\n          test: /\\.mdx?$/,\n          // to skip any files linked from other projects (like Bit itself)\n          include: path.join(workDir, 'node_modules'),\n          // only apply to packages with componentId in their package.json (ie. bit components)\n          descriptionData: { componentId: (value) => !!value },\n          use: [\n            require.resolve('@pmmmwh/react-refresh-webpack-plugin/loader'),\n            {\n              loader: require.resolve('babel-loader'),\n              options: {\n                babelrc: false,\n                configFile: false,\n                presets: [require.resolve('@babel/preset-react'), require.resolve('@babel/preset-env')],\n                plugins: [require.resolve('react-refresh/babel')],\n              },\n            },\n            {\n              loader: require.resolve('@teambit/mdx.modules.mdx-loader'),\n            },\n          ],\n        },\n      ],\n    },\n    plugins: [\n      // No need here as we have `hot: true` in the dev server\n      // new webpack.HotModuleReplacementPlugin({}),\n      new ReactRefreshWebpackPlugin({\n        overlay: {\n          sockPath: `_hmr/${envId}`,\n          // TODO - react-error-overlay not showing runtime errors - https://github.com/teambit/bit/issues/5452\n          entry: require.resolve('./overlay/webpackHotDevClient'),\n          module: require.resolve('./overlay/refreshOverlayInterop'),\n        },\n\n        // we use '@pmmmwh/react-refresh-webpack-plugin/loader' directly where relevant.\n        // FYI, original defaults of the plugin are:\n        // include: /\\.([cm]js|[jt]sx?|flow)$/i, exclude: /node_modules/,\n        include: matchNothingRegex,\n      }),\n    ],\n  };\n}\n"],"mappings":";;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAGA;AACA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAHA;AACA;;AAIA,MAAMA,iBAAiB,GAAG,IAAI;;AAE9B;AACA;AACA;AACA;AACe,kBAAUC,OAAe,EAAEC,KAAa,EAAiB;EACtE,OAAO;IACLC,MAAM,EAAE;MACNC,KAAK,EAAE,CACL;QACEC,IAAI,EAAE,OAAO;QACbC,OAAO,EAAE,KAAK;QACd;QACA;QACAC,OAAO,EAAEC,eAAI,CAACC,IAAI,CAACR,OAAO,EAAE,cAAc,CAAC;QAC3C;QACAS,eAAe,EAAE;UAAEC,WAAW,EAAGC,KAAK,IAAK,CAAC,CAACA;QAAM,CAAC;QACpDC,GAAG,EAAE,CAACC,OAAO,CAACC,OAAO,CAAC,mBAAmB,CAAC;MAC5C,CAAC,EACD;QACEV,IAAI,EAAE,OAAO;QACb;QACA;QACAE,OAAO,EAAEC,eAAI,CAACC,IAAI,CAACR,OAAO,EAAE,cAAc,CAAC;QAC3C;QACAS,eAAe,EAAE;UAAEC,WAAW,EAAEK,0BAAW,CAACC;QAAc,CAAC;QAC3DJ,GAAG,EAAE,CACHC,OAAO,CAACC,OAAO,CAAC,6CAA6C,CAAC,EAC9D;UACEG,MAAM,EAAEJ,OAAO,CAACC,OAAO,CAAC,cAAc,CAAC;UACvCI,OAAO,EAAE;YACPC,OAAO,EAAE,KAAK;YACdC,UAAU,EAAE,KAAK;YACjBC,OAAO,EAAE,CACPR,OAAO,CAACC,OAAO,CAAC,qBAAqB,CAAC;YACtC;YACA,CAACD,OAAO,CAACC,OAAO,CAAC,4CAA4C,CAAC,CAAC,CAChE;YACD;YACAQ,OAAO,EAAE,KAAK;YACdC,QAAQ,EAAE;UACZ;QACF,CAAC;MAEL,CAAC;MACD;MACA;QACEnB,IAAI,EAAE,SAAS;QACf;QACAE,OAAO,EAAEC,eAAI,CAACC,IAAI,CAACR,OAAO,EAAE,cAAc,CAAC;QAC3C;QACAS,eAAe,EAAE;UAAEC,WAAW,EAAGC,KAAK,IAAK,CAAC,CAACA;QAAM,CAAC;QACpDC,GAAG,EAAE,CACHC,OAAO,CAACC,OAAO,CAAC,6CAA6C,CAAC,EAC9D;UACEG,MAAM,EAAEJ,OAAO,CAACC,OAAO,CAAC,cAAc,CAAC;UACvCI,OAAO,EAAE;YACPC,OAAO,EAAE,KAAK;YACdC,UAAU,EAAE,KAAK;YACjBI,OAAO,EAAE,CAACX,OAAO,CAACC,OAAO,CAAC,qBAAqB,CAAC,EAAED,OAAO,CAACC,OAAO,CAAC,mBAAmB,CAAC,CAAC;YACvFO,OAAO,EAAE,CAACR,OAAO,CAACC,OAAO,CAAC,qBAAqB,CAAC;UAClD;QACF,CAAC,EACD;UACEG,MAAM,EAAEJ,OAAO,CAACC,OAAO,CAAC,iCAAiC;QAC3D,CAAC;MAEL,CAAC;IAEL,CAAC;IACDO,OAAO,EAAE;IACP;IACA;IACA,KAAII,oCAAyB,EAAC;MAC5BC,OAAO,EAAE;QACPC,QAAQ,EAAG,QAAO1B,KAAM,EAAC;QACzB;QACA2B,KAAK,EAAEf,OAAO,CAACC,OAAO,CAAC,+BAA+B,CAAC;QACvDZ,MAAM,EAAEW,OAAO,CAACC,OAAO,CAAC,iCAAiC;MAC3D,CAAC;MAED;MACA;MACA;MACAR,OAAO,EAAEP;IACX,CAAC,CAAC;EAEN,CAAC;AACH"}