@commercetools-frontend/mc-scripts 21.7.0 → 21.8.0

package/{build/config/create-webpack-config-for-production.js → dist/create-webpack-config-for-production-7dc669e5.esm.js}

@@ -1,33 +1,99 @@
-"use strict";
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import _endsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
+import _Number$isInteger from '@babel/runtime-corejs3/core-js-stable/number/is-integer';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import webpack from 'webpack';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
+import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
+import MiniCssExtractPlugin from 'mini-css-extract-plugin';
+import MomentLocalesPlugin from 'moment-locales-webpack-plugin';
+import TerserPlugin from 'terser-webpack-plugin';
+import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
+import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
+import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
+import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import fs from 'fs';
+import path from 'path';
+import { p as paths } from './paths-ed23d5a1.esm.js';
+import { v as vendorsToTranspile } from './vendors-to-transpile-68e03526.esm.js';
+import { c as createPostcssConfig } from './create-postcss-config-c1aa3525.esm.js';
+import { h as hasJsxRuntime } from './has-jsx-runtime-8314226e.esm.js';
 
-/* eslint-disable prettier/prettier */
-const webpack = require('webpack');
+var FinalStatsWriterPlugin = /*#__PURE__*/function () {
+  // Expected options:
+  // - `outputPath`
+  // - `includeFields`
+  function FinalStatsWriterPlugin(config) {
+    _classCallCheck(this, FinalStatsWriterPlugin);
 
-const HtmlWebpackPlugin = require('html-webpack-plugin');
+    this.config = void 0;
+    if (!config) throw new Error('Missing config options');
+    this.config = config;
+  }
 
-const {
-  BundleAnalyzerPlugin
-} = require('webpack-bundle-analyzer');
+  _createClass(FinalStatsWriterPlugin, [{
+    key: "apply",
+    value: function apply(compiler) {
+      // This is the only hook that return the `stats` plugin
+      // with the `time` info. It also contains all the stats that
+      // we would get from the original `emit` hook.
+      // https://webpack.js.org/api/compiler-hooks/#done
+      // https://webpack.js.org/api/plugins/#plugin-types
+      if (compiler.hooks) {
+        var _context;
 
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+        compiler.hooks.done.tap('custom-stats-writer-plugin', _bindInstanceProperty(_context = this.writeStats).call(_context, this));
+      } else {
+        var _context2;
 
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-
-const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
-
-const TerserPlugin = require('terser-webpack-plugin');
+        // @ts-ignore
+        compiler.plugin('done', _bindInstanceProperty(_context2 = this.writeStats).call(_context2, this));
+      }
+    }
+  }, {
+    key: "writeStats",
+    value: function writeStats(stats) {
+      var finalStats = stats.toJson(); // Filter only included fields
 
-const FinalStatsWriterPlugin = require('../webpack-plugins/final-stats-writer-plugin');
+      if (this.config.includeFields) {
+        var _context3;
 
-const paths = require('./paths');
+        finalStats = _reduceInstanceProperty(_context3 = this.config.includeFields).call(_context3, function (aggregatedStats, key) {
+          return (// eslint-disable-next-line
+            _Object$assign({}, aggregatedStats, _defineProperty({}, key, finalStats[key]))
+          );
+        }, {});
+      }
 
-const vendorsToTranspile = require('./vendors-to-transpile');
+      try {
+        fs.accessSync(this.config.outputPath, fs.constants.F_OK);
+        fs.writeFileSync(path.join(this.config.outputPath, 'stats.json'), _JSON$stringify(finalStats, null, 2));
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.warn("[FinalStatsWriterPlugin] The dist folder could not be found at ".concat(this.config.outputPath, ". Check the console for errors during the webpack compilation."));
+      }
+    }
+  }]);
 
-const createPostcssConfig = require('./create-postcss-config');
+  return FinalStatsWriterPlugin;
+}();
 
-const hasJsxRuntime = require('./has-jsx-runtime');
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-const defaultToggleFlags = {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context7, _context8; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context7 = ownKeys(Object(source), !0)).call(_context7, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context8 = ownKeys(Object(source))).call(_context8, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var defaultToggleFlags = {
   // Allow to disable CSS extraction in case it's not necessary (e.g. for Storybook)
   enableExtractCss: true,
   // Allow to disable index.html generation in case it's not necessary (e.g. for Storybook)
@@ -44,7 +110,7 @@ const defaultToggleFlags = {
   // `plugin-transform-runtime`.
   disableCoreJs: false
 };
-const defaultOptions = {
+var defaultOptions = {
   entryPoint: paths.entryPoint,
   sourceFolders: paths.sourceFolders,
   postcssOptions: {},
@@ -55,21 +121,17 @@ const defaultOptions = {
  * for a MC Application in `production` mode.
  * The function requires the file path to the related application
  * "entry point".
- *
- * @param {Object} options - Options to configure the Webpack config
- * @param {string} options.entryPoint - The absolute path to the application entry point file.
- * @param {string[]} options.sourceFolders[] - A list of folders where Webpack should look for source files.
- * @param {Object} options.postcssOptions - Options related to Postcss plugins. See `createPostcssConfig` function.
- * @param {Object} options.toggleFlags - Options to enable/disable certain functionalities of the Webpack config.
  */
 
-module.exports = function createWebpackConfigForProduction(options = {}) {
-  const mergedOptions = { ...defaultOptions,
-    ...options,
-    toggleFlags: { ...defaultToggleFlags,
-      ...options.toggleFlags
-    }
-  };
+function createWebpackConfigForProduction() {
+  var _context, _context2, _context3, _context4, _context5, _context6;
+
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  var 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,
@@ -82,15 +144,15 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
     // https://medium.com/webpack/webpack-4-code-splitting-chunk-graph-and-the-splitchunks-optimization-be739a861366
     // https://medium.com/webpack/webpack-4-mode-and-optimization-5423a6bc597a
     optimization: {
-      minimizer: [new TerserPlugin({
+      minimizer: _filterInstanceProperty(_context = [new TerserPlugin({
         terserOptions: {
           parse: {
             // we want terser to parse ecma 8 code. However, we don't want it
-            // to apply any minfication steps that turns valid ecma 5 code
+            // to apply any minification steps that turns valid ecma 5 code
             // into invalid ecma 5 code. This is why the 'compress' and 'output'
             // sections only apply transformations that are ecma 5 safe
             // https://github.com/facebook/create-react-app/pull/4234
-            ecma: 8
+            ecma: 2018
           },
           compress: {
             ecma: 5,
@@ -123,7 +185,7 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
         // Use multi-process parallel running to improve the build speed
         // Default number of concurrent runs: os.cpus().length - 1
         parallel: mergedOptions.toggleFlags.parallelism
-      }), mergedOptions.toggleFlags.enableExtractCss && new CssMinimizerPlugin()].filter(Boolean),
+      }), mergedOptions.toggleFlags.enableExtractCss && new CssMinimizerPlugin()]).call(_context, Boolean),
       // Keep the runtime chunk separated to enable long term caching
       runtimeChunk: {
         name: 'runtime'
@@ -138,7 +200,9 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
       // https://github.com/facebook/create-react-app/issues/290
       // `web` extension prefixes have been added for better support
       // for React Native Web.
-      extensions: ['js', 'mjs', 'cjs', 'ts', 'tsx', 'json', 'jsx'].map(ext => `.${ext}`),
+      extensions: _mapInstanceProperty(_context2 = ['js', 'mjs', 'cjs', 'ts', 'tsx', 'json', 'jsx']).call(_context2, function (ext) {
+        return ".".concat(ext);
+      }),
       // NOTE: this is meant to be a temporary list of fallback/polyfills for certain
       // nodejs modules. With Webpack <5 these polyfills were included by default in Webpack,
       // however now it's not the case anymore.
@@ -149,7 +213,7 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
     },
     // In production, we only want to load the polyfills and the app code.
     entry: {
-      app: [require.resolve('./application-runtime'), !mergedOptions.toggleFlags.disableCoreJs && require.resolve('core-js/stable'), mergedOptions.entryPoint]
+      app: _filterInstanceProperty(_context3 = [require.resolve('@commercetools-frontend/mc-scripts/application-runtime'), !mergedOptions.toggleFlags.disableCoreJs && require.resolve('core-js/stable'), mergedOptions.entryPoint]).call(_context3, Boolean)
     },
     output: {
       // Generated JS file names (with nested folders).
@@ -162,7 +226,7 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
       // Will be injected on runtime. See `packages/application-shell/src/public-path.js`
       publicPath: ''
     },
-    plugins: [// Allows to "assign" custom options to the `webpack` object.
+    plugins: _filterInstanceProperty(_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.LoaderOptionsPlugin({
       options: {
@@ -174,7 +238,7 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
     new webpack.DefinePlugin({
       __DEV__: 'false',
       'process.env': {
-        NODE_ENV: JSON.stringify('production')
+        NODE_ENV: _JSON$stringify('production')
       }
     }), // Strip all locales except `en`, `de`
     // (`en` is built into Moment and can't be removed)
@@ -197,11 +261,11 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
       chunkFilename: '[id].[name].[chunkhash].css'
     }), process.env.ANALYZE_BUNDLE === 'true' && new BundleAnalyzerPlugin({
       defaultSizes: 'gzip'
-    })].filter(Boolean),
+    })]).call(_context4, Boolean),
     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: _filterInstanceProperty(_context5 = [// For svg icons, we want to get them transformed into React components
       // when we import them.
       {
         test: /\.react\.svg$/,
@@ -242,7 +306,7 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
         test: function testForNormalSvgFiles(fileName) {
           return (// Use this only for plain SVG.
             // For SVG as React components, see loader above.
-            fileName.endsWith('.svg') && !fileName.endsWith('.react.svg')
+            _endsWithInstanceProperty(fileName).call(fileName, '.svg') && !_endsWithInstanceProperty(fileName).call(fileName, '.react.svg')
           );
         },
         use: [{
@@ -281,7 +345,7 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
         test: function testForNormalCssFiles(fileName) {
           return (// Use this only for plain CSS.
             // For css-modules, see loader above.
-            fileName.endsWith('.css') && !(fileName.endsWith('.mod.css') || fileName.endsWith('.module.css'))
+            _endsWithInstanceProperty(fileName).call(fileName, '.css') && !(_endsWithInstanceProperty(fileName).call(fileName, '.mod.css') || _endsWithInstanceProperty(fileName).call(fileName, '.module.css'))
           );
         },
         // "postcss" loader applies autoprefixer to our CSS.
@@ -334,10 +398,9 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
         // improves compile time on larger projects
         {
           loader: require.resolve('thread-loader'),
-          options: { ...(Number.isInteger(mergedOptions.toggleFlags.parallelism) ? {
-              workers: mergedOptions.toggleFlags.parallelism
-            } : {})
-          }
+          options: _objectSpread({}, _Number$isInteger(mergedOptions.toggleFlags.parallelism) ? {
+            workers: mergedOptions.toggleFlags.parallelism
+          } : {})
         }, {
           loader: require.resolve('babel-loader'),
           options: {
@@ -354,7 +417,7 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
             highlightCode: true
           }
         }],
-        include: mergedOptions.sourceFolders.concat(vendorsToTranspile),
+        include: _concatInstanceProperty(_context6 = mergedOptions.sourceFolders).call(_context6, vendorsToTranspile),
         // Disable require.ensure as it's not a standard language feature.
         parser: {
           requireEnsure: false
@@ -365,10 +428,12 @@ module.exports = function createWebpackConfigForProduction(options = {}) {
         include: mergedOptions.sourceFolders,
         exclude: /node_modules/,
         use: [require.resolve('graphql-tag/loader')]
-      }].filter(Boolean)
+      }]).call(_context5, Boolean)
     },
     // Turn off performance processing because we utilize
     // our own hints via the FileSizeReporter
     performance: false
   };
-};
+}
+
+export { createWebpackConfigForProduction as c };