@commercetools-frontend/mc-scripts 21.7.0 → 21.8.0

package/dist/build-9395925a.cjs.prod.js

@@ -0,0 +1,224 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
+var path = require('path');
+var fs = require('fs-extra');
+var webpack = require('webpack');
+var chalk = require('chalk');
+var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+var formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
+var FileSizeReporter = require('react-dev-utils/FileSizeReporter');
+var printBuildError = require('react-dev-utils/printBuildError');
+var assets = require('@commercetools-frontend/assets');
+var paths = require('./paths-76b66e74.cjs.prod.js');
+var createWebpackConfigForProduction = require('./create-webpack-config-for-production-4e7b56c0.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('fs');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
+require('@babel/runtime-corejs3/core-js-stable/number/is-integer');
+require('html-webpack-plugin');
+require('webpack-bundle-analyzer');
+require('css-minimizer-webpack-plugin');
+require('mini-css-extract-plugin');
+require('moment-locales-webpack-plugin');
+require('terser-webpack-plugin');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/core-js-stable/instance/bind');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+require('@babel/runtime-corejs3/core-js-stable/object/assign');
+require('./vendors-to-transpile-367e0ba8.cjs.prod.js');
+require('./create-postcss-config-8ea16440.cjs.prod.js');
+require('@babel/runtime-corejs3/helpers/toConsumableArray');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('./package-b5c040f3.cjs.prod.js');
+require('./has-jsx-runtime-0b03b72e.cjs.prod.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
+var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var webpack__default = /*#__PURE__*/_interopDefault(webpack);
+var chalk__default = /*#__PURE__*/_interopDefault(chalk);
+var checkRequiredFiles__default = /*#__PURE__*/_interopDefault(checkRequiredFiles);
+var formatWebpackMessages__default = /*#__PURE__*/_interopDefault(formatWebpackMessages);
+var FileSizeReporter__default = /*#__PURE__*/_interopDefault(FileSizeReporter);
+var printBuildError__default = /*#__PURE__*/_interopDefault(printBuildError);
+
+var measureFileSizesBeforeBuild = FileSizeReporter__default["default"].measureFileSizesBeforeBuild;
+var printFileSizesAfterBuild = FileSizeReporter__default["default"].printFileSizesAfterBuild; // These sizes are pretty large. We'll warn for bundles exceeding them.
+
+var WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
+var WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
+
+function run() {
+  return _run.apply(this, arguments);
+}
+
+function _run() {
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
+    var hasWebpackConfig, previousFileSizes, result, build, _build, copyDefaultFiles;
+
+    return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            copyDefaultFiles = function _copyDefaultFiles() {
+              fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+                dereference: true
+              });
+            };
+
+            _build = function _build3() {
+              _build = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+                var config, compiler;
+                return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        console.log('Creating an optimized production build...');
+                        config = hasWebpackConfig ? require(paths.paths.appWebpackConfig) : createWebpackConfigForProduction.createWebpackConfigForProduction();
+                        compiler = webpack__default["default"](config);
+                        return _context.abrupt("return", new _Promise__default["default"](function (resolve, reject) {
+                          compiler.run(function (err, stats) {
+                            var messages;
+
+                            if (err) {
+                              if (!err.message) {
+                                return reject(err);
+                              }
+
+                              var errMessage = err.message; // Add additional information for postcss errors
+
+                              // Add additional information for postcss errors
+                              if (Object.prototype.hasOwnProperty.call(err, 'postcssNode')) {
+                                errMessage += '\nCompileError: Begins at CSS selector ' + // @ts-ignore
+                                err['postcssNode'].selector;
+                              }
+
+                              messages = formatWebpackMessages__default["default"]({
+                                // @ts-ignore
+                                errors: [errMessage],
+                                warnings: []
+                              });
+                            } else {
+                              messages = formatWebpackMessages__default["default"](stats === null || stats === void 0 ? void 0 : stats.toJson({
+                                all: false,
+                                warnings: true,
+                                errors: true
+                              }));
+                            }
+
+                            if (messages.errors.length) {
+                              // Only keep the first error. Others are often indicative
+                              // of the same problem, but confuse the reader with noise.
+                              if (messages.errors.length > 1) {
+                                messages.errors.length = 1;
+                              }
+
+                              return reject(new Error(messages.errors.join('\n\n')));
+                            }
+
+                            if (process.env.CI && (typeof process.env.CI !== 'string' || process.env.CI.toLowerCase() !== 'false') && messages.warnings.length) {
+                              console.log(chalk__default["default"].yellow('\nTreating warnings as errors because process.env.CI = true.\n' + 'Most CI servers set it automatically.\n'));
+                              return reject(new Error(messages.warnings.join('\n\n')));
+                            }
+
+                            return resolve({
+                              stats: stats,
+                              warnings: messages.warnings
+                            });
+                          });
+                        }));
+
+                      case 4:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+              return _build.apply(this, arguments);
+            };
+
+            build = function _build2() {
+              return _build.apply(this, arguments);
+            };
+
+            hasWebpackConfig = fs__default["default"].existsSync(paths.paths.appWebpackConfig); // Warn and crash if required files are missing
+
+            if (!checkRequiredFiles__default["default"]([])) {
+              process.exit(1);
+            } // First, read the current file sizes in build directory.
+            // This lets us display how much they changed later.
+
+
+            _context2.next = 7;
+            return measureFileSizesBeforeBuild(paths.paths.appBuild);
+
+          case 7:
+            previousFileSizes = _context2.sent;
+            // Remove all content but keep the directory so that
+            // if you're in it, you don't end up in Trash
+            fs__default["default"].emptyDirSync(paths.paths.appBuild); // Copy default files
+
+            copyDefaultFiles();
+            _context2.prev = 10;
+            _context2.next = 13;
+            return build();
+
+          case 13:
+            result = _context2.sent;
+
+            if (result.warnings.length) {
+              console.log(chalk__default["default"].yellow('Compiled with warnings.\n'));
+              console.log(result.warnings.join('\n\n'));
+              console.log("\nSearch for the ".concat(chalk__default["default"].underline(chalk__default["default"].yellow('keywords')), " to learn more about each warning."));
+              console.log("To ignore, add ".concat(chalk__default["default"].cyan('// eslint-disable-next-line'), " to the line before.\n"));
+            } else {
+              console.log(chalk__default["default"].green('Compiled successfully.\n'));
+            }
+
+            console.log('File sizes after gzip:\n');
+            printFileSizesAfterBuild(result.stats, previousFileSizes, paths.paths.appBuild, WARN_AFTER_BUNDLE_GZIP_SIZE, WARN_AFTER_CHUNK_GZIP_SIZE);
+            console.log();
+            _context2.next = 24;
+            break;
+
+          case 20:
+            _context2.prev = 20;
+            _context2.t0 = _context2["catch"](10);
+
+            if (_context2.t0 instanceof Error) {
+              printBuildError__default["default"](_context2.t0);
+            }
+
+            throw new Error("Failed to compile");
+
+          case 24:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2, null, [[10, 20]]);
+  }));
+  return _run.apply(this, arguments);
+}
+
+exports["default"] = run;

package/dist/build-97278377.cjs.dev.js

@@ -0,0 +1,224 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
+var path = require('path');
+var fs = require('fs-extra');
+var webpack = require('webpack');
+var chalk = require('chalk');
+var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+var formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
+var FileSizeReporter = require('react-dev-utils/FileSizeReporter');
+var printBuildError = require('react-dev-utils/printBuildError');
+var assets = require('@commercetools-frontend/assets');
+var paths = require('./paths-16823f56.cjs.dev.js');
+var createWebpackConfigForProduction = require('./create-webpack-config-for-production-d9bf281c.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('fs');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
+require('@babel/runtime-corejs3/core-js-stable/number/is-integer');
+require('html-webpack-plugin');
+require('webpack-bundle-analyzer');
+require('css-minimizer-webpack-plugin');
+require('mini-css-extract-plugin');
+require('moment-locales-webpack-plugin');
+require('terser-webpack-plugin');
+require('@babel/runtime-corejs3/helpers/classCallCheck');
+require('@babel/runtime-corejs3/helpers/createClass');
+require('@babel/runtime-corejs3/core-js-stable/instance/bind');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+require('@babel/runtime-corejs3/core-js-stable/object/assign');
+require('./vendors-to-transpile-b51af5d3.cjs.dev.js');
+require('./create-postcss-config-4cbe10ab.cjs.dev.js');
+require('@babel/runtime-corejs3/helpers/toConsumableArray');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('./package-aaf61bf0.cjs.dev.js');
+require('./has-jsx-runtime-3d4bb633.cjs.dev.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
+var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var webpack__default = /*#__PURE__*/_interopDefault(webpack);
+var chalk__default = /*#__PURE__*/_interopDefault(chalk);
+var checkRequiredFiles__default = /*#__PURE__*/_interopDefault(checkRequiredFiles);
+var formatWebpackMessages__default = /*#__PURE__*/_interopDefault(formatWebpackMessages);
+var FileSizeReporter__default = /*#__PURE__*/_interopDefault(FileSizeReporter);
+var printBuildError__default = /*#__PURE__*/_interopDefault(printBuildError);
+
+var measureFileSizesBeforeBuild = FileSizeReporter__default["default"].measureFileSizesBeforeBuild;
+var printFileSizesAfterBuild = FileSizeReporter__default["default"].printFileSizesAfterBuild; // These sizes are pretty large. We'll warn for bundles exceeding them.
+
+var WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
+var WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
+
+function run() {
+  return _run.apply(this, arguments);
+}
+
+function _run() {
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
+    var hasWebpackConfig, previousFileSizes, result, build, _build, copyDefaultFiles;
+
+    return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            copyDefaultFiles = function _copyDefaultFiles() {
+              fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+                dereference: true
+              });
+            };
+
+            _build = function _build3() {
+              _build = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+                var config, compiler;
+                return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        console.log('Creating an optimized production build...');
+                        config = hasWebpackConfig ? require(paths.paths.appWebpackConfig) : createWebpackConfigForProduction.createWebpackConfigForProduction();
+                        compiler = webpack__default["default"](config);
+                        return _context.abrupt("return", new _Promise__default["default"](function (resolve, reject) {
+                          compiler.run(function (err, stats) {
+                            var messages;
+
+                            if (err) {
+                              if (!err.message) {
+                                return reject(err);
+                              }
+
+                              var errMessage = err.message; // Add additional information for postcss errors
+
+                              // Add additional information for postcss errors
+                              if (Object.prototype.hasOwnProperty.call(err, 'postcssNode')) {
+                                errMessage += '\nCompileError: Begins at CSS selector ' + // @ts-ignore
+                                err['postcssNode'].selector;
+                              }
+
+                              messages = formatWebpackMessages__default["default"]({
+                                // @ts-ignore
+                                errors: [errMessage],
+                                warnings: []
+                              });
+                            } else {
+                              messages = formatWebpackMessages__default["default"](stats === null || stats === void 0 ? void 0 : stats.toJson({
+                                all: false,
+                                warnings: true,
+                                errors: true
+                              }));
+                            }
+
+                            if (messages.errors.length) {
+                              // Only keep the first error. Others are often indicative
+                              // of the same problem, but confuse the reader with noise.
+                              if (messages.errors.length > 1) {
+                                messages.errors.length = 1;
+                              }
+
+                              return reject(new Error(messages.errors.join('\n\n')));
+                            }
+
+                            if (process.env.CI && (typeof process.env.CI !== 'string' || process.env.CI.toLowerCase() !== 'false') && messages.warnings.length) {
+                              console.log(chalk__default["default"].yellow('\nTreating warnings as errors because process.env.CI = true.\n' + 'Most CI servers set it automatically.\n'));
+                              return reject(new Error(messages.warnings.join('\n\n')));
+                            }
+
+                            return resolve({
+                              stats: stats,
+                              warnings: messages.warnings
+                            });
+                          });
+                        }));
+
+                      case 4:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }
+                }, _callee);
+              }));
+              return _build.apply(this, arguments);
+            };
+
+            build = function _build2() {
+              return _build.apply(this, arguments);
+            };
+
+            hasWebpackConfig = fs__default["default"].existsSync(paths.paths.appWebpackConfig); // Warn and crash if required files are missing
+
+            if (!checkRequiredFiles__default["default"]([])) {
+              process.exit(1);
+            } // First, read the current file sizes in build directory.
+            // This lets us display how much they changed later.
+
+
+            _context2.next = 7;
+            return measureFileSizesBeforeBuild(paths.paths.appBuild);
+
+          case 7:
+            previousFileSizes = _context2.sent;
+            // Remove all content but keep the directory so that
+            // if you're in it, you don't end up in Trash
+            fs__default["default"].emptyDirSync(paths.paths.appBuild); // Copy default files
+
+            copyDefaultFiles();
+            _context2.prev = 10;
+            _context2.next = 13;
+            return build();
+
+          case 13:
+            result = _context2.sent;
+
+            if (result.warnings.length) {
+              console.log(chalk__default["default"].yellow('Compiled with warnings.\n'));
+              console.log(result.warnings.join('\n\n'));
+              console.log("\nSearch for the ".concat(chalk__default["default"].underline(chalk__default["default"].yellow('keywords')), " to learn more about each warning."));
+              console.log("To ignore, add ".concat(chalk__default["default"].cyan('// eslint-disable-next-line'), " to the line before.\n"));
+            } else {
+              console.log(chalk__default["default"].green('Compiled successfully.\n'));
+            }
+
+            console.log('File sizes after gzip:\n');
+            printFileSizesAfterBuild(result.stats, previousFileSizes, paths.paths.appBuild, WARN_AFTER_BUNDLE_GZIP_SIZE, WARN_AFTER_CHUNK_GZIP_SIZE);
+            console.log();
+            _context2.next = 24;
+            break;
+
+          case 20:
+            _context2.prev = 20;
+            _context2.t0 = _context2["catch"](10);
+
+            if (_context2.t0 instanceof Error) {
+              printBuildError__default["default"](_context2.t0);
+            }
+
+            throw new Error("Failed to compile");
+
+          case 24:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2, null, [[10, 20]]);
+  }));
+  return _run.apply(this, arguments);
+}
+
+exports["default"] = run;

package/dist/build-vite-6c987a60.cjs.dev.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var fs = require('fs-extra');
+var path = require('path');
+var vite = require('vite');
+var pluginGraphql = require('@rollup/plugin-graphql');
+var pluginReact = require('@vitejs/plugin-react');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var assets = require('@commercetools-frontend/assets');
+var paths = require('./paths-16823f56.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
+var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
+
+function run() {
+  return _run.apply(this, arguments);
+}
+
+function _run() {
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+    var DEFAULT_PORT, appEntryPoint, html;
+    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001; // Ensure the `/public` folder exists.
+
+            fs__default["default"].mkdirSync(paths.paths.appBuild, {
+              recursive: true
+            }); // Generate `index.html` (template).
+
+            appEntryPoint = path__default["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
+            html = mcHtmlTemplate.generateTemplate({
+              // Define the module entry point (path relative from the `/public` folder).
+              // NOTE: that this is different from the development configuration.
+              scriptImports: ["<script type=\"module\" src=\"/".concat(appEntryPoint, "\"></script>")]
+            }); // Write `index.html` (template) into the `/public` folder.
+
+            fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
+              encoding: 'utf8'
+            });
+            _context.next = 7;
+            return vite.build({
+              root: paths.paths.appRoot,
+              define: {
+                'process.env.DEBUG': _JSON$stringify__default["default"](false),
+                'process.env.NODE_ENV': _JSON$stringify__default["default"]('production')
+              },
+              build: {
+                outDir: 'public',
+                assetsDir: '.',
+                rollupOptions: {
+                  // This is necessary to instruct Vite that the `index.html` (template)
+                  // is located in the `/public` folder.
+                  // NOTE that after the build, Vite will write the `index.html` (template)
+                  // at the `/public/public/index.html` location. See `fs.renameSync` below.
+                  input: paths.paths.appIndexHtml
+                }
+              },
+              server: {
+                port: DEFAULT_PORT
+              },
+              plugins: [pluginGraphql__default["default"](), pluginReact__default["default"]({
+                jsxImportSource: '@emotion/react',
+                babel: {
+                  plugins: ['@emotion/babel-plugin']
+                }
+              })]
+            });
+
+          case 7:
+            // Rename `/public/public/index.html` to `/public/index.html.template`
+            fs__default["default"].renameSync( // Because of our custom entry point path (`/public/index.html`),
+            // Vite will write the `index.html` to `/public/public/index.html`.
+            // We need to move this file to the `/public` folder and rename it
+            // to `index.html.template` (as expected by the `compile-html` command).
+            path__default["default"].join(paths.paths.appBuild, 'public/index.html'), paths.paths.appIndexHtmlTemplate); // Clean up nested folder
+
+            fs__default["default"].rmdirSync(path__default["default"].join(paths.paths.appBuild, 'public')); // Copy public assets
+
+            fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+              dereference: true
+            });
+
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _run.apply(this, arguments);
+}
+
+exports["default"] = run;

package/dist/build-vite-76d44332.cjs.prod.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var fs = require('fs-extra');
+var path = require('path');
+var vite = require('vite');
+var pluginGraphql = require('@rollup/plugin-graphql');
+var pluginReact = require('@vitejs/plugin-react');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var assets = require('@commercetools-frontend/assets');
+var paths = require('./paths-76b66e74.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
+var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
+
+function run() {
+  return _run.apply(this, arguments);
+}
+
+function _run() {
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+    var DEFAULT_PORT, appEntryPoint, html;
+    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001; // Ensure the `/public` folder exists.
+
+            fs__default["default"].mkdirSync(paths.paths.appBuild, {
+              recursive: true
+            }); // Generate `index.html` (template).
+
+            appEntryPoint = path__default["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
+            html = mcHtmlTemplate.generateTemplate({
+              // Define the module entry point (path relative from the `/public` folder).
+              // NOTE: that this is different from the development configuration.
+              scriptImports: ["<script type=\"module\" src=\"/".concat(appEntryPoint, "\"></script>")]
+            }); // Write `index.html` (template) into the `/public` folder.
+
+            fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
+              encoding: 'utf8'
+            });
+            _context.next = 7;
+            return vite.build({
+              root: paths.paths.appRoot,
+              define: {
+                'process.env.DEBUG': _JSON$stringify__default["default"](false),
+                'process.env.NODE_ENV': _JSON$stringify__default["default"]('production')
+              },
+              build: {
+                outDir: 'public',
+                assetsDir: '.',
+                rollupOptions: {
+                  // This is necessary to instruct Vite that the `index.html` (template)
+                  // is located in the `/public` folder.
+                  // NOTE that after the build, Vite will write the `index.html` (template)
+                  // at the `/public/public/index.html` location. See `fs.renameSync` below.
+                  input: paths.paths.appIndexHtml
+                }
+              },
+              server: {
+                port: DEFAULT_PORT
+              },
+              plugins: [pluginGraphql__default["default"](), pluginReact__default["default"]({
+                jsxImportSource: '@emotion/react',
+                babel: {
+                  plugins: ['@emotion/babel-plugin']
+                }
+              })]
+            });
+
+          case 7:
+            // Rename `/public/public/index.html` to `/public/index.html.template`
+            fs__default["default"].renameSync( // Because of our custom entry point path (`/public/index.html`),
+            // Vite will write the `index.html` to `/public/public/index.html`.
+            // We need to move this file to the `/public` folder and rename it
+            // to `index.html.template` (as expected by the `compile-html` command).
+            path__default["default"].join(paths.paths.appBuild, 'public/index.html'), paths.paths.appIndexHtmlTemplate); // Clean up nested folder
+
+            fs__default["default"].rmdirSync(path__default["default"].join(paths.paths.appBuild, 'public')); // Copy public assets
+
+            fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+              dereference: true
+            });
+
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _run.apply(this, arguments);
+}
+
+exports["default"] = run;