@commercetools-frontend/mc-scripts 22.2.1 → 22.3.0

package/dist/{create-webpack-config-for-development-9aa85081.cjs.dev.js → create-webpack-config-for-development-ac4ad0b2.cjs.dev.js}

@@ -24,9 +24,9 @@ var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
-var createPostcssConfig = require('./create-postcss-config-a0659cf5.cjs.dev.js');
-var hasJsxRuntime = require('./has-jsx-runtime-3d4bb633.cjs.dev.js');
-var paths = require('./paths-db35ac0f.cjs.dev.js');
+var createPostcssConfig = require('./create-postcss-config-a29e83fc.cjs.dev.js');
+var hasJsxRuntime = require('./has-jsx-runtime-aa5d21ee.cjs.dev.js');
+var paths = require('./paths-d1febc82.cjs.dev.js');
 var vendorsToTranspile = require('./vendors-to-transpile-6ab4ea06.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -55,15 +55,14 @@ let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
   function LocalHtmlWebpackPlugin() {
     _classCallCheck(this, LocalHtmlWebpackPlugin);
   }
-
   _createClass(LocalHtmlWebpackPlugin, [{
     key: "apply",
     value: function apply(compiler) {
       compiler.hooks.compilation.tap('LocalHtmlWebpackPlugin', compilation => {
         HtmlWebpackPlugin__default["default"].getHooks(compilation).beforeEmit.tapAsync('LocalHtmlWebpackPlugin', (data, cb) => {
           const applicationConfig$1 = applicationConfig.processConfig();
-
-          const enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig$1.env, // Now that the app config is defined as a `env.json`, when we start the FE app
+          const enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig$1.env,
+          // Now that the app config is defined as a `env.json`, when we start the FE app
           // to point to the local backend API by passing the `MC_API_URL` env does not
           // work anymore). To make it work again, we can override the `env.json` config
           // with the env variable before injecting the values into the index.html.
@@ -71,7 +70,6 @@ let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
           process.env.MC_API_URL ? {
             mcApiUrl: process.env.MC_API_URL
           } : {});
-
           data.html = mcHtmlTemplate.replaceHtmlPlaceholders(data.html, {
             env: enhancedLocalEnv,
             headers: {}
@@ -81,14 +79,13 @@ let LocalHtmlWebpackPlugin = /*#__PURE__*/function () {
       });
     }
   }]);
-
   return LocalHtmlWebpackPlugin;
 }();
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const momentLocalesToKeep = ["de", "de-at", "de-ch", "en-au", "en-ca", "en-gb", "en-ie", "en-in", "en-nz", "en-sg", "es", "es-do", "es-mx", "fr", "zh-cn"];
+// https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
 
 const defaultToggleFlags = {
   generateIndexHtml: true,
@@ -99,31 +96,26 @@ const defaultOptions = {
   sourceFolders: paths.paths.sourceFolders,
   postcssOptions: {},
   toggleFlags: defaultToggleFlags
-}; // Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
-// which is why it's disabled by default.
+};
 
+// Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
+// which is why it's disabled by default.
 const hasReactRefresh = process.env.FAST_REFRESH === 'true';
-
 const webpackDevClientEntry = require.resolve('react-dev-utils/webpackHotDevClient');
-
 const reactRefreshOverlayEntry = require.resolve('react-dev-utils/refreshOverlayInterop');
+
 /**
  * This is a factory function to create the default webpack config
  * for a MC Application in `development` mode.
  * The function requires the file path to the related application
  * "entry point".
  */
-
-
 function createWebpackConfigForDevelopment() {
   var _context, _context2, _context3, _context4, _context5;
-
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   const mergedOptions = _objectSpread(_objectSpread(_objectSpread({}, defaultOptions), options), {}, {
     toggleFlags: _objectSpread(_objectSpread({}, defaultToggleFlags), options.toggleFlags)
   });
-
   return {
     // https://webpack.js.org/concepts/#mode
     mode: 'development',
@@ -168,9 +160,11 @@ function createWebpackConfigForDevelopment() {
       }
     },
     entry: {
-      app: _filterInstanceProperty__default["default"](_context2 = [require.resolve('@commercetools-frontend/mc-scripts/application-runtime'), !mergedOptions.toggleFlags.disableCoreJs && require.resolve('core-js/stable'), // When using the experimental `react-refresh` integration,
+      app: _filterInstanceProperty__default["default"](_context2 = [require.resolve('@commercetools-frontend/mc-scripts/application-runtime'), !mergedOptions.toggleFlags.disableCoreJs && require.resolve('core-js/stable'),
+      // When using the experimental `react-refresh` integration,
       // the webpack plugin takes care of injecting the dev client for us.
-      !hasReactRefresh && // Include an alternative client for WebpackDevServer. A client's job is to
+      !hasReactRefresh &&
+      // Include an alternative client for WebpackDevServer. A client's job is to
       // connect to WebpackDevServer by a socket and get notified about changes.
       // When you save a file, the client will either apply hot updates (in case
       // of CSS changes), or refresh the page (in case of JS changes). When you
@@ -181,8 +175,10 @@ function createWebpackConfigForDevelopment() {
       //
       // require.resolve('webpack-dev-server/client') + '?/',
       // require.resolve('webpack/hot/dev-server'),
-      webpackDevClientEntry, // Finally, this is your app's code
-      mergedOptions.entryPoint // We include the app code last so that if there is a runtime error during
+      webpackDevClientEntry,
+      // Finally, this is your app's code
+      mergedOptions.entryPoint
+      // We include the app code last so that if there is a runtime error during
       // initialization, it doesn't blow up the WebpackDevServer client, and
       // changing JS code would still trigger a refresh.
       ]).call(_context2, Boolean)
@@ -203,14 +199,16 @@ function createWebpackConfigForDevelopment() {
       // Point sourcemap entries to the original disk location (format as URL on Windows)
       devtoolModuleFilenameTemplate: info => path__default["default"].resolve(info.absoluteResourcePath).replace(/\\/g, '/')
     },
-    plugins: _filterInstanceProperty__default["default"](_context3 = [new WebpackBar__default["default"](), // Allows to "assign" custom options to the `webpack` object.
+    plugins: _filterInstanceProperty__default["default"](_context3 = [new WebpackBar__default["default"](),
+    // Allows to "assign" custom options to the `webpack` object.
     // At the moment, this is used to share some props with `postcss.config`.
     new webpack__default["default"].LoaderOptionsPlugin({
       options: {
         sourceFolders: mergedOptions.sourceFolders,
         context: __dirname
       }
-    }), // Makes some environment variables available to the JS code, for example:
+    }),
+    // Makes some environment variables available to the JS code, for example:
     // if (process.env.NODE_ENV === 'development') { ... }.
     new webpack__default["default"].DefinePlugin({
       __DEV__: 'true',
@@ -221,11 +219,14 @@ function createWebpackConfigForDevelopment() {
       inject: false,
       filename: paths.paths.appIndexHtml,
       template: require.resolve('@commercetools-frontend/mc-html-template/webpack')
-    }), mergedOptions.toggleFlags.generateIndexHtml && new LocalHtmlWebpackPlugin(), // Only keep locales that are available in the Merchant Center.
+    }), mergedOptions.toggleFlags.generateIndexHtml && new LocalHtmlWebpackPlugin(),
+    // Only keep locales that are available in the Merchant Center.
     new MomentLocalesPlugin__default["default"]({
       localesToKeep: momentLocalesToKeep
-    }), // This is necessary to emit hot updates (CSS and Fast Refresh):
-    new webpack__default["default"].HotModuleReplacementPlugin(), // Experimental hot reloading for React .
+    }),
+    // This is necessary to emit hot updates (CSS and Fast Refresh):
+    new webpack__default["default"].HotModuleReplacementPlugin(),
+    // Experimental hot reloading for React .
     // https://github.com/facebook/react/tree/master/packages/react-refresh
     hasReactRefresh && new ReactRefreshWebpackPlugin__default["default"]({
       overlay: {
@@ -241,7 +242,8 @@ function createWebpackConfigForDevelopment() {
     module: {
       // Makes missing exports an error instead of warning.
       strictExportPresence: true,
-      rules: [// For svg icons, we want to get them transformed into React components
+      rules: [
+      // For svg icons, we want to get them transformed into React components
       // when we import them.
       {
         test: /\.react\.svg$/,
@@ -276,11 +278,13 @@ function createWebpackConfigForDevelopment() {
             }
           }
         }]
-      }, // For normal svg files (not icons) we should load the file normally
+      },
+      // For normal svg files (not icons) we should load the file normally
       // and simply use it as a `<img src/>`.
       {
         test: function testForNormalSvgFiles(fileName) {
-          return (// Use this only for plain SVG.
+          return (
+            // Use this only for plain SVG.
             // For SVG as React components, see loader above.
             _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.svg') && !_endsWithInstanceProperty__default["default"](fileName).call(fileName, '.react.svg')
           );
@@ -291,7 +295,8 @@ function createWebpackConfigForDevelopment() {
       }, {
         test: /\.png$/,
         type: 'asset/resource'
-      }, // "postcss" loader applies autoprefixer to our CSS
+      },
+      // "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.
       {
@@ -315,7 +320,8 @@ function createWebpackConfigForDevelopment() {
         }]
       }, {
         test: function testForNormalCssFiles(fileName) {
-          return (// Use this only for plain CSS.
+          return (
+            // Use this only for plain CSS.
             // For css-modules, see loader above.
             _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.css') && !(_endsWithInstanceProperty__default["default"](fileName).call(fileName, '.mod.css') || _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.module.css'))
           );
@@ -358,7 +364,8 @@ function createWebpackConfigForDevelopment() {
           // See https://github.com/webpack/webpack/issues/6571
           sideEffects: true
         }]
-      }, // Fix for react-intl
+      },
+      // Fix for react-intl
       // https://github.com/formatjs/formatjs/issues/143#issuecomment-518774786
       {
         test: /\.mjs$/,
@@ -367,16 +374,17 @@ function createWebpackConfigForDevelopment() {
           // https://webpack.js.org/configuration/module/#resolvefullyspecified
           fullySpecified: false
         }
-      }, // Process JS with Babel.
+      },
+      // Process JS with Babel.
       {
         test: /\.(js|mjs|cjs|jsx|ts|tsx)$/,
-        use: [// This loader parallelizes code compilation, it is optional but
+        use: [
+        // This loader parallelizes code compilation, it is optional but
         // improves compile time on larger projects
         {
           loader: require.resolve('thread-loader'),
           options: {
             poolTimeout: Infinity // keep workers alive for more effective watch mode
-
           }
         }, {
           loader: require.resolve('babel-loader'),
@@ -400,7 +408,8 @@ function createWebpackConfigForDevelopment() {
         parser: {
           requireEnsure: false
         }
-      }, // Allow to import `*.graphql` SDL files.
+      },
+      // Allow to import `*.graphql` SDL files.
       {
         test: /\.graphql$/,
         include: mergedOptions.sourceFolders,

package/dist/{create-webpack-config-for-production-84e2db7d.cjs.prod.js → create-webpack-config-for-production-190c7797.cjs.prod.js}

@@ -28,9 +28,9 @@ var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var fs = require('fs');
 var path = require('path');
-var createPostcssConfig = require('./create-postcss-config-6277233e.cjs.prod.js');
-var hasJsxRuntime = require('./has-jsx-runtime-0b03b72e.cjs.prod.js');
-var paths = require('./paths-284c77fb.cjs.prod.js');
+var createPostcssConfig = require('./create-postcss-config-d4f8ca51.cjs.prod.js');
+var hasJsxRuntime = require('./has-jsx-runtime-c3202df5.cjs.prod.js');
+var paths = require('./paths-854af5ef.cjs.prod.js');
 var vendorsToTranspile = require('./vendors-to-transpile-04a49d40.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -66,12 +66,10 @@ let FinalStatsWriterPlugin = /*#__PURE__*/function () {
   // - `includeFields`
   function FinalStatsWriterPlugin(config) {
     _classCallCheck(this, FinalStatsWriterPlugin);
-
     this.config = void 0;
     if (!config) throw new Error('Missing config options');
     this.config = config;
   }
-
   _createClass(FinalStatsWriterPlugin, [{
     key: "apply",
     value: function apply(compiler) {
@@ -82,11 +80,9 @@ let FinalStatsWriterPlugin = /*#__PURE__*/function () {
       // https://webpack.js.org/api/plugins/#plugin-types
       if (compiler.hooks) {
         var _context;
-
         compiler.hooks.done.tap('custom-stats-writer-plugin', _bindInstanceProperty__default["default"](_context = this.writeStats).call(_context, this));
       } else {
         var _context2;
-
         // @ts-ignore
         compiler.plugin('done', _bindInstanceProperty__default["default"](_context2 = this.writeStats).call(_context2, this));
       }
@@ -94,17 +90,17 @@ let FinalStatsWriterPlugin = /*#__PURE__*/function () {
   }, {
     key: "writeStats",
     value: function writeStats(stats) {
-      let finalStats = stats.toJson(); // Filter only included fields
+      let finalStats = stats.toJson();
 
+      // Filter only included fields
       if (this.config.includeFields) {
         var _context3;
-
-        finalStats = _reduceInstanceProperty__default["default"](_context3 = this.config.includeFields).call(_context3, (aggregatedStats, key) => // eslint-disable-next-line
+        finalStats = _reduceInstanceProperty__default["default"](_context3 = this.config.includeFields).call(_context3, (aggregatedStats, key) =>
+        // eslint-disable-next-line
         _Object$assign__default["default"]({}, aggregatedStats, {
           [key]: finalStats[key]
         }), {});
       }
-
       try {
         fs__default["default"].accessSync(this.config.outputPath, fs__default["default"].constants.F_OK);
         fs__default["default"].writeFileSync(path__default["default"].join(this.config.outputPath, 'stats.json'), _JSON$stringify__default["default"](finalStats, null, 2));
@@ -114,14 +110,12 @@ let FinalStatsWriterPlugin = /*#__PURE__*/function () {
       }
     }
   }]);
-
   return FinalStatsWriterPlugin;
 }();
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-
+// https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
 const momentLocalesToKeep = ["de", "de-at", "de-ch", "en-au", "en-ca", "en-gb", "en-ie", "en-in", "en-nz", "en-sg", "es", "es-do", "es-mx", "fr", "zh-cn"];
 const defaultToggleFlags = {
   // Allow to disable CSS extraction in case it's not necessary (e.g. for Storybook)
@@ -146,22 +140,19 @@ const defaultOptions = {
   postcssOptions: {},
   toggleFlags: defaultToggleFlags
 };
+
 /**
  * This is a factory function to create the default webpack config
  * for a MC Application in `production` mode.
  * The function requires the file path to the related application
  * "entry point".
  */
-
 function createWebpackConfigForProduction() {
   var _context, _context2, _context3, _context4, _context5, _context6;
-
   let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   const mergedOptions = _objectSpread(_objectSpread(_objectSpread({}, defaultOptions), options), {}, {
     toggleFlags: _objectSpread(_objectSpread({}, defaultToggleFlags), options.toggleFlags)
   });
-
   return {
     // Don't attempt to continue if there are any errors.
     bail: true,
@@ -253,24 +244,28 @@ function createWebpackConfigForProduction() {
       // Will be injected on runtime. See `packages/application-shell/src/public-path.js`
       publicPath: ''
     },
-    plugins: _filterInstanceProperty__default["default"](_context4 = [// Allows to "assign" custom options to the `webpack` object.
+    plugins: _filterInstanceProperty__default["default"](_context4 = [
+    // Allows to "assign" custom options to the `webpack` object.
     // At the moment, this is used to share some props with `postcss.config`.
     new webpack__default["default"].LoaderOptionsPlugin({
       options: {
         sourceFolders: mergedOptions.sourceFolders,
         context: __dirname
       }
-    }), // Makes some environment variables available to the JS code, for example:
+    }),
+    // Makes some environment variables available to the JS code, for example:
     // if (process.env.NODE_ENV === 'production') { ... }.
     new webpack__default["default"].DefinePlugin({
       __DEV__: 'false',
       'process.env': {
         NODE_ENV: _JSON$stringify__default["default"]('production')
       }
-    }), // Only keep locales that are available in the Merchant Center.
+    }),
+    // Only keep locales that are available in the Merchant Center.
     new MomentLocalesPlugin__default["default"]({
       localesToKeep: momentLocalesToKeep
-    }), // Generate a `stats.json` file containing information and paths to
+    }),
+    // Generate a `stats.json` file containing information and paths to
     // the assets that webpack created.
     // This is necessary to programmatically refer to the correct bundle path
     // in the `index.html`.
@@ -281,7 +276,8 @@ function createWebpackConfigForProduction() {
       inject: false,
       filename: 'index.html.template',
       template: require.resolve('@commercetools-frontend/mc-html-template/webpack')
-    }), mergedOptions.toggleFlags.enableExtractCss && // Extracts CSS into one CSS file to mimic CSS order in dev
+    }), mergedOptions.toggleFlags.enableExtractCss &&
+    // Extracts CSS into one CSS file to mimic CSS order in dev
     new MiniCssExtractPlugin__default["default"]({
       filename: '[name].[chunkhash].css',
       chunkFilename: '[id].[name].[chunkhash].css'
@@ -291,7 +287,8 @@ function createWebpackConfigForProduction() {
     module: {
       // Makes missing exports an error instead of warning.
       strictExportPresence: true,
-      rules: _filterInstanceProperty__default["default"](_context5 = [// For svg icons, we want to get them transformed into React components
+      rules: _filterInstanceProperty__default["default"](_context5 = [
+      // For svg icons, we want to get them transformed into React components
       // when we import them.
       {
         test: /\.react\.svg$/,
@@ -326,11 +323,13 @@ function createWebpackConfigForProduction() {
             }
           }
         }]
-      }, // For normal svg files (not icons) we should load the file normally
+      },
+      // For normal svg files (not icons) we should load the file normally
       // and simply use it as a `<img src/>`.
       {
         test: function testForNormalSvgFiles(fileName) {
-          return (// Use this only for plain SVG.
+          return (
+            // Use this only for plain SVG.
             // For SVG as React components, see loader above.
             _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.svg') && !_endsWithInstanceProperty__default["default"](fileName).call(fileName, '.react.svg')
           );
@@ -341,7 +340,8 @@ function createWebpackConfigForProduction() {
       }, {
         test: /\.png$/,
         type: 'asset/resource'
-      }, // "postcss" loader applies autoprefixer to our CSS
+      },
+      // "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
@@ -369,7 +369,8 @@ function createWebpackConfigForProduction() {
         }]
       }, {
         test: function testForNormalCssFiles(fileName) {
-          return (// Use this only for plain CSS.
+          return (
+            // Use this only for plain CSS.
             // For css-modules, see loader above.
             _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.css') && !(_endsWithInstanceProperty__default["default"](fileName).call(fileName, '.mod.css') || _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.module.css'))
           );
@@ -413,7 +414,8 @@ function createWebpackConfigForProduction() {
           // See https://github.com/webpack/webpack/issues/6571
           sideEffects: true
         }]
-      }, // Fix for react-intl
+      },
+      // Fix for react-intl
       // https://github.com/formatjs/formatjs/issues/143#issuecomment-518774786
       {
         test: /\.mjs$/,
@@ -422,10 +424,12 @@ function createWebpackConfigForProduction() {
           // https://webpack.js.org/configuration/module/#resolvefullyspecified
           fullySpecified: false
         }
-      }, // Process application JavaScript with Babel.
+      },
+      // Process application JavaScript with Babel.
       {
         test: /\.(js|mjs|cjs|jsx|ts|tsx)$/,
-        use: [// This loader parallelizes code compilation, it is optional but
+        use: [
+        // This loader parallelizes code compilation, it is optional but
         // improves compile time on larger projects
         {
           loader: require.resolve('thread-loader'),
@@ -453,7 +457,8 @@ function createWebpackConfigForProduction() {
         parser: {
           requireEnsure: false
         }
-      }, // Allow to import `*.graphql` SDL files.
+      },
+      // Allow to import `*.graphql` SDL files.
       {
         test: /\.graphql$/,
         include: mergedOptions.sourceFolders,