@commercetools-frontend/mc-scripts 22.2.1 → 22.3.1

package/dist/{start-33fd6d70.cjs.dev.js → start-03683a4d.cjs.dev.js}

@@ -10,8 +10,8 @@ var openBrowser = require('react-dev-utils/openBrowser');
 var WebpackDevServerUtils = require('react-dev-utils/WebpackDevServerUtils');
 var webpack = require('webpack');
 var WebpackDevServer = require('webpack-dev-server');
-var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-9aa85081.cjs.dev.js');
-var paths = require('./paths-db35ac0f.cjs.dev.js');
+var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-30914bb4.cjs.dev.js');
+var paths = require('./paths-d1febc82.cjs.dev.js');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
@@ -35,10 +35,10 @@ require('webpackbar');
 require('@babel/runtime-corejs3/helpers/classCallCheck');
 require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/object/assign');
-require('./create-postcss-config-a0659cf5.cjs.dev.js');
+require('./create-postcss-config-aaff8b1e.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-cc5b8665.cjs.dev.js');
-require('./has-jsx-runtime-3d4bb633.cjs.dev.js');
+require('./package-70894b4c.cjs.dev.js');
+require('./has-jsx-runtime-aa5d21ee.cjs.dev.js');
 require('./vendors-to-transpile-6ab4ea06.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 
@@ -54,20 +54,18 @@ var openBrowser__default = /*#__PURE__*/_interopDefault(openBrowser);
 var webpack__default = /*#__PURE__*/_interopDefault(webpack);
 var WebpackDevServer__default = /*#__PURE__*/_interopDefault(WebpackDevServer);
 
-const host = process.env.HOST || '0.0.0.0'; // We support configuring the sockjs pathname during development.
+const host = process.env.HOST || '0.0.0.0';
+// We support configuring the sockjs pathname during development.
 // These settings let a developer run multiple simultaneous projects.
 // They are used as the connection `hostname`, `pathname` and `port`
 // in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
 // and `sockPort` options in webpack-dev-server.
-
 const sockHost = process.env.WDS_SOCKET_HOST;
 const sockPath = process.env.WDS_SOCKET_PATH; // default: '/ws'
-
 const sockPort = process.env.WDS_SOCKET_PORT;
-
 const createWebpackDevServerConfig = _ref => {
   let port = _ref.port,
-      publicPath = _ref.publicPath;
+    publicPath = _ref.publicPath;
   const applicationConfig$1 = applicationConfig.processConfig();
   const compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig$1);
   return {
@@ -98,77 +96,71 @@ const createWebpackDevServerConfig = _ref => {
     hot: true,
     https: false,
     port,
-
     setupMiddlewares(middlewares, devServer) {
       var _devServer$app;
-
       if (!devServer) {
         throw new Error('webpack-dev-server is not defined');
       }
-
       (_devServer$app = devServer.app) === null || _devServer$app === void 0 ? void 0 : _devServer$app.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig$1));
       return middlewares;
     }
-
   };
 };
 
 async function run() {
   var _config$output, _context;
-
   const useYarn = fs__default["default"].existsSync(paths.paths.yarnLockFile);
-  const isInteractive = process.stdout.isTTY; // Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
+  const isInteractive = process.stdout.isTTY;
+
+  // 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 hasWebpackConfig = fs__default["default"].existsSync(paths.paths.appWebpackConfig); // Warn and crash if required files are missing
+  const hasWebpackConfig = fs__default["default"].existsSync(paths.paths.appWebpackConfig);
 
+  // Warn and crash if required files are missing
   if (!checkRequiredFiles__default["default"]([])) {
     process.exit(1);
-  } // Tools like Cloud9 rely on this.
-
+  }
 
+  // Tools like Cloud9 rely on this.
   const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001;
-  const HOST = process.env.HOST || '0.0.0.0'; // We attempt to use the default port but if it is busy, we offer the user to
-  // run on a different port. `detect()` Promise resolves to the next free port.
+  const HOST = process.env.HOST || '0.0.0.0';
 
+  // We attempt to use the default port but if it is busy, we offer the user to
+  // run on a different port. `detect()` Promise resolves to the next free port.
   const port = await WebpackDevServerUtils.choosePort(HOST, DEFAULT_PORT);
-
   if (port == null) {
-    console.warn('Could not find a free port. Aborting.'); // We have not found a port.
-
+    console.warn('Could not find a free port. Aborting.');
+    // We have not found a port.
     return;
   }
-
   const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
-
   const appName = require(paths.paths.appPackageJson).name;
+  const urls = WebpackDevServerUtils.prepareUrls(protocol, HOST, port);
+  // Get webpack config
+  const config = hasWebpackConfig ? require(paths.paths.appWebpackConfig) : createWebpackConfigForDevelopment.createWebpackConfigForDevelopment();
 
-  const urls = WebpackDevServerUtils.prepareUrls(protocol, HOST, port); // Get webpack config
-
-  const config = hasWebpackConfig ? require(paths.paths.appWebpackConfig) : createWebpackConfigForDevelopment.createWebpackConfigForDevelopment(); // Create a webpack compiler that is configured with custom messages.
-
+  // Create a webpack compiler that is configured with custom messages.
   const compiler = WebpackDevServerUtils.createCompiler({
     appName,
     config,
     useYarn,
     webpack: webpack__default["default"],
     urls
-  }); // Serve webpack assets generated by the compiler over a web sever.
+  });
 
+  // Serve webpack assets generated by the compiler over a web sever.
   const serverConfig = createWebpackDevServerConfig({
     port,
     publicPath: (_config$output = config.output) === null || _config$output === void 0 ? void 0 : _config$output.publicPath
   });
   const devServer = new WebpackDevServer__default["default"](serverConfig, compiler);
   await devServer.start();
-
   if (isInteractive) {
     clearConsole__default["default"]();
   }
-
   console.log(chalk__default["default"].cyan('Starting the development server...\n'));
   openBrowser__default["default"](urls.localUrlForBrowser);
-
   _forEachInstanceProperty__default["default"](_context = ['SIGINT', 'SIGTERM']).call(_context, sig => {
     process.on(sig, () => {
       devServer.close();

package/dist/{start-f93c62f9.cjs.prod.js → start-763b3477.cjs.prod.js}

@@ -10,8 +10,8 @@ var openBrowser = require('react-dev-utils/openBrowser');
 var WebpackDevServerUtils = require('react-dev-utils/WebpackDevServerUtils');
 var webpack = require('webpack');
 var WebpackDevServer = require('webpack-dev-server');
-var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-629a8982.cjs.prod.js');
-var paths = require('./paths-284c77fb.cjs.prod.js');
+var createWebpackConfigForDevelopment = require('./create-webpack-config-for-development-c90350a7.cjs.prod.js');
+var paths = require('./paths-854af5ef.cjs.prod.js');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
@@ -35,10 +35,10 @@ require('webpackbar');
 require('@babel/runtime-corejs3/helpers/classCallCheck');
 require('@babel/runtime-corejs3/helpers/createClass');
 require('@babel/runtime-corejs3/core-js-stable/object/assign');
-require('./create-postcss-config-6277233e.cjs.prod.js');
+require('./create-postcss-config-254aa0d9.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-83202e32.cjs.prod.js');
-require('./has-jsx-runtime-0b03b72e.cjs.prod.js');
+require('./package-4276a7a9.cjs.prod.js');
+require('./has-jsx-runtime-c3202df5.cjs.prod.js');
 require('./vendors-to-transpile-04a49d40.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 
@@ -54,20 +54,18 @@ var openBrowser__default = /*#__PURE__*/_interopDefault(openBrowser);
 var webpack__default = /*#__PURE__*/_interopDefault(webpack);
 var WebpackDevServer__default = /*#__PURE__*/_interopDefault(WebpackDevServer);
 
-const host = process.env.HOST || '0.0.0.0'; // We support configuring the sockjs pathname during development.
+const host = process.env.HOST || '0.0.0.0';
+// We support configuring the sockjs pathname during development.
 // These settings let a developer run multiple simultaneous projects.
 // They are used as the connection `hostname`, `pathname` and `port`
 // in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
 // and `sockPort` options in webpack-dev-server.
-
 const sockHost = process.env.WDS_SOCKET_HOST;
 const sockPath = process.env.WDS_SOCKET_PATH; // default: '/ws'
-
 const sockPort = process.env.WDS_SOCKET_PORT;
-
 const createWebpackDevServerConfig = _ref => {
   let port = _ref.port,
-      publicPath = _ref.publicPath;
+    publicPath = _ref.publicPath;
   const applicationConfig$1 = applicationConfig.processConfig();
   const compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig$1);
   return {
@@ -98,77 +96,71 @@ const createWebpackDevServerConfig = _ref => {
     hot: true,
     https: false,
     port,
-
     setupMiddlewares(middlewares, devServer) {
       var _devServer$app;
-
       if (!devServer) {
         throw new Error('webpack-dev-server is not defined');
       }
-
       (_devServer$app = devServer.app) === null || _devServer$app === void 0 ? void 0 : _devServer$app.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig$1));
       return middlewares;
     }
-
   };
 };
 
 async function run() {
   var _config$output, _context;
-
   const useYarn = fs__default["default"].existsSync(paths.paths.yarnLockFile);
-  const isInteractive = process.stdout.isTTY; // Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
+  const isInteractive = process.stdout.isTTY;
+
+  // 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 hasWebpackConfig = fs__default["default"].existsSync(paths.paths.appWebpackConfig); // Warn and crash if required files are missing
+  const hasWebpackConfig = fs__default["default"].existsSync(paths.paths.appWebpackConfig);
 
+  // Warn and crash if required files are missing
   if (!checkRequiredFiles__default["default"]([])) {
     process.exit(1);
-  } // Tools like Cloud9 rely on this.
-
+  }
 
+  // Tools like Cloud9 rely on this.
   const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001;
-  const HOST = process.env.HOST || '0.0.0.0'; // We attempt to use the default port but if it is busy, we offer the user to
-  // run on a different port. `detect()` Promise resolves to the next free port.
+  const HOST = process.env.HOST || '0.0.0.0';
 
+  // We attempt to use the default port but if it is busy, we offer the user to
+  // run on a different port. `detect()` Promise resolves to the next free port.
   const port = await WebpackDevServerUtils.choosePort(HOST, DEFAULT_PORT);
-
   if (port == null) {
-    console.warn('Could not find a free port. Aborting.'); // We have not found a port.
-
+    console.warn('Could not find a free port. Aborting.');
+    // We have not found a port.
     return;
   }
-
   const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
-
   const appName = require(paths.paths.appPackageJson).name;
+  const urls = WebpackDevServerUtils.prepareUrls(protocol, HOST, port);
+  // Get webpack config
+  const config = hasWebpackConfig ? require(paths.paths.appWebpackConfig) : createWebpackConfigForDevelopment.createWebpackConfigForDevelopment();
 
-  const urls = WebpackDevServerUtils.prepareUrls(protocol, HOST, port); // Get webpack config
-
-  const config = hasWebpackConfig ? require(paths.paths.appWebpackConfig) : createWebpackConfigForDevelopment.createWebpackConfigForDevelopment(); // Create a webpack compiler that is configured with custom messages.
-
+  // Create a webpack compiler that is configured with custom messages.
   const compiler = WebpackDevServerUtils.createCompiler({
     appName,
     config,
     useYarn,
     webpack: webpack__default["default"],
     urls
-  }); // Serve webpack assets generated by the compiler over a web sever.
+  });
 
+  // Serve webpack assets generated by the compiler over a web sever.
   const serverConfig = createWebpackDevServerConfig({
     port,
     publicPath: (_config$output = config.output) === null || _config$output === void 0 ? void 0 : _config$output.publicPath
   });
   const devServer = new WebpackDevServer__default["default"](serverConfig, compiler);
   await devServer.start();
-
   if (isInteractive) {
     clearConsole__default["default"]();
   }
-
   console.log(chalk__default["default"].cyan('Starting the development server...\n'));
   openBrowser__default["default"](urls.localUrlForBrowser);
-
   _forEachInstanceProperty__default["default"](_context = ['SIGINT', 'SIGTERM']).call(_context, sig => {
     process.on(sig, () => {
       devServer.close();

package/dist/{start-93205b87.esm.js → start-d3e82b50.esm.js}

@@ -8,8 +8,8 @@ import openBrowser from 'react-dev-utils/openBrowser';
 import { choosePort, prepareUrls, createCompiler } from 'react-dev-utils/WebpackDevServerUtils';
 import webpack from 'webpack';
 import WebpackDevServer from 'webpack-dev-server';
-import { c as createWebpackConfigForDevelopment } from './create-webpack-config-for-development-9539f804.esm.js';
-import { p as paths } from './paths-55c5d5a2.esm.js';
+import { c as createWebpackConfigForDevelopment } from './create-webpack-config-for-development-12d3233c.esm.js';
+import { p as paths } from './paths-ded20ae1.esm.js';
 import { processConfig } from '@commercetools-frontend/application-config';
 import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
 import { processHeaders } from '@commercetools-frontend/mc-html-template';
@@ -33,27 +33,25 @@ import 'webpackbar';
 import '@babel/runtime-corejs3/helpers/classCallCheck';
 import '@babel/runtime-corejs3/helpers/createClass';
 import '@babel/runtime-corejs3/core-js-stable/object/assign';
-import './create-postcss-config-f39f54b5.esm.js';
+import './create-postcss-config-e44b5231.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import './package-e6713e98.esm.js';
-import './has-jsx-runtime-8314226e.esm.js';
+import './package-834453bb.esm.js';
+import './has-jsx-runtime-e3ecb09b.esm.js';
 import './vendors-to-transpile-7dc84a72.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 
-const host = process.env.HOST || '0.0.0.0'; // We support configuring the sockjs pathname during development.
+const host = process.env.HOST || '0.0.0.0';
+// We support configuring the sockjs pathname during development.
 // These settings let a developer run multiple simultaneous projects.
 // They are used as the connection `hostname`, `pathname` and `port`
 // in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
 // and `sockPort` options in webpack-dev-server.
-
 const sockHost = process.env.WDS_SOCKET_HOST;
 const sockPath = process.env.WDS_SOCKET_PATH; // default: '/ws'
-
 const sockPort = process.env.WDS_SOCKET_PORT;
-
 const createWebpackDevServerConfig = _ref => {
   let port = _ref.port,
-      publicPath = _ref.publicPath;
+    publicPath = _ref.publicPath;
   const applicationConfig = processConfig();
   const compiledHeaders = processHeaders(applicationConfig);
   return {
@@ -84,77 +82,71 @@ const createWebpackDevServerConfig = _ref => {
     hot: true,
     https: false,
     port,
-
     setupMiddlewares(middlewares, devServer) {
       var _devServer$app;
-
       if (!devServer) {
         throw new Error('webpack-dev-server is not defined');
       }
-
       (_devServer$app = devServer.app) === null || _devServer$app === void 0 ? void 0 : _devServer$app.use(createMcDevAuthenticationMiddleware(applicationConfig));
       return middlewares;
     }
-
   };
 };
 
 async function run() {
   var _config$output, _context;
-
   const useYarn = fs.existsSync(paths.yarnLockFile);
-  const isInteractive = process.stdout.isTTY; // Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
+  const isInteractive = process.stdout.isTTY;
+
+  // 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 hasWebpackConfig = fs.existsSync(paths.appWebpackConfig); // Warn and crash if required files are missing
+  const hasWebpackConfig = fs.existsSync(paths.appWebpackConfig);
 
+  // Warn and crash if required files are missing
   if (!checkRequiredFiles([])) {
     process.exit(1);
-  } // Tools like Cloud9 rely on this.
-
+  }
 
+  // Tools like Cloud9 rely on this.
   const DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001;
-  const HOST = process.env.HOST || '0.0.0.0'; // We attempt to use the default port but if it is busy, we offer the user to
-  // run on a different port. `detect()` Promise resolves to the next free port.
+  const HOST = process.env.HOST || '0.0.0.0';
 
+  // We attempt to use the default port but if it is busy, we offer the user to
+  // run on a different port. `detect()` Promise resolves to the next free port.
   const port = await choosePort(HOST, DEFAULT_PORT);
-
   if (port == null) {
-    console.warn('Could not find a free port. Aborting.'); // We have not found a port.
-
+    console.warn('Could not find a free port. Aborting.');
+    // We have not found a port.
     return;
   }
-
   const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
-
   const appName = require(paths.appPackageJson).name;
+  const urls = prepareUrls(protocol, HOST, port);
+  // Get webpack config
+  const config = hasWebpackConfig ? require(paths.appWebpackConfig) : createWebpackConfigForDevelopment();
 
-  const urls = prepareUrls(protocol, HOST, port); // Get webpack config
-
-  const config = hasWebpackConfig ? require(paths.appWebpackConfig) : createWebpackConfigForDevelopment(); // Create a webpack compiler that is configured with custom messages.
-
+  // Create a webpack compiler that is configured with custom messages.
   const compiler = createCompiler({
     appName,
     config,
     useYarn,
     webpack,
     urls
-  }); // Serve webpack assets generated by the compiler over a web sever.
+  });
 
+  // Serve webpack assets generated by the compiler over a web sever.
   const serverConfig = createWebpackDevServerConfig({
     port,
     publicPath: (_config$output = config.output) === null || _config$output === void 0 ? void 0 : _config$output.publicPath
   });
   const devServer = new WebpackDevServer(serverConfig, compiler);
   await devServer.start();
-
   if (isInteractive) {
     clearConsole();
   }
-
   console.log(chalk.cyan('Starting the development server...\n'));
   openBrowser(urls.localUrlForBrowser);
-
   _forEachInstanceProperty(_context = ['SIGINT', 'SIGTERM']).call(_context, sig => {
     process.on(sig, () => {
       devServer.close();

package/dist/{start-vite-8f03b0df.cjs.dev.js → start-vite-3966d625.cjs.dev.js}

@@ -10,10 +10,10 @@ var vite = require('vite');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var assets = require('@commercetools-frontend/assets');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
-var paths = require('./paths-db35ac0f.cjs.dev.js');
+var paths = require('./paths-d1febc82.cjs.dev.js');
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
-var vitePluginSvgr = require('./vite-plugin-svgr-fdb37ccf.cjs.dev.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-5eb1c511.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('fs');
@@ -32,7 +32,6 @@ var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
 const vitePluginCustomApplication = applicationConfig => {
   return {
     name: 'custom-application',
-
     configureServer(server) {
       return () => {
         // Users do not need to have/maintain the `index.html` (as expected by Vite)
@@ -44,56 +43,57 @@ const vitePluginCustomApplication = applicationConfig => {
           if (req.url === '/index.html') {
             req.url = '/public/index.html';
           }
-
           next();
-        }); // Handle auth routes for internal local development.
+        });
 
+        // Handle auth routes for internal local development.
         server.middlewares.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig));
       };
     },
-
     /**
      * @type {import('vite').IndexHtmlTransformHook}
      */
     transformIndexHtml(rawHtml, _ctx) {
       const compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig);
-
-      const enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig.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.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.
       // NOTE: this is only necessary for development.
       process.env.MC_API_URL ? {
         mcApiUrl: process.env.MC_API_URL
-      } : {}); // Resolve the placeholders of the `index.html` (template) file, before serving it.
-
+      } : {});
 
+      // Resolve the placeholders of the `index.html` (template) file, before serving it.
       const html = mcHtmlTemplate.replaceHtmlPlaceholders(rawHtml, {
         env: enhancedLocalEnv,
         headers: compiledHeaders
       });
       return html;
     }
-
   };
 };
 
 async function run() {
-  const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001; // Load the Custom Application config file first.
+  const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001;
 
-  const applicationConfig$1 = applicationConfig.processConfig(); // Ensure the `/public` folder exists.
+  // Load the Custom Application config file first.
+  const applicationConfig$1 = applicationConfig.processConfig();
 
+  // Ensure the `/public` folder exists.
   fs__default["default"].mkdirSync(paths.paths.appBuild, {
     recursive: true
-  }); // Generate `index.html` (template).
+  });
 
+  // Generate `index.html` (template).
   const appEntryPoint = path__default["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
   const html = mcHtmlTemplate.generateTemplate({
     // Define the module entry point (path relative to the `/public` folder).
     // NOTE: that this is different from the production configuration.
     scriptImports: ["<script type=\"module\" src=\"/../".concat(appEntryPoint, "\"></script>")]
-  }); // Write `index.html` (template) into the `/public` folder.
-
+  });
+  // Write `index.html` (template) into the `/public` folder.
   fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
     encoding: 'utf8'
   });
@@ -108,8 +108,9 @@ async function run() {
     },
     plugins: [pluginGraphql__default["default"](), pluginReact__default["default"](), vitePluginSvgr.vitePluginSvgr(), vitePluginCustomApplication(applicationConfig$1)]
   });
-  await server.listen(); // Copy public assets to `/public` folder (even in development).
+  await server.listen();
 
+  // Copy public assets to `/public` folder (even in development).
   fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
     dereference: true
   });

package/dist/{start-vite-324af14d.cjs.prod.js → start-vite-5c78605b.cjs.prod.js}

@@ -10,10 +10,10 @@ var vite = require('vite');
 var applicationConfig = require('@commercetools-frontend/application-config');
 var assets = require('@commercetools-frontend/assets');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
-var paths = require('./paths-284c77fb.cjs.prod.js');
+var paths = require('./paths-854af5ef.cjs.prod.js');
 var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
 var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
-var vitePluginSvgr = require('./vite-plugin-svgr-9a4e7f77.cjs.prod.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-a732f8df.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('fs');
@@ -32,7 +32,6 @@ var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
 const vitePluginCustomApplication = applicationConfig => {
   return {
     name: 'custom-application',
-
     configureServer(server) {
       return () => {
         // Users do not need to have/maintain the `index.html` (as expected by Vite)
@@ -44,56 +43,57 @@ const vitePluginCustomApplication = applicationConfig => {
           if (req.url === '/index.html') {
             req.url = '/public/index.html';
           }
-
           next();
-        }); // Handle auth routes for internal local development.
+        });
 
+        // Handle auth routes for internal local development.
         server.middlewares.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig));
       };
     },
-
     /**
      * @type {import('vite').IndexHtmlTransformHook}
      */
     transformIndexHtml(rawHtml, _ctx) {
       const compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig);
-
-      const enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig.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.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.
       // NOTE: this is only necessary for development.
       process.env.MC_API_URL ? {
         mcApiUrl: process.env.MC_API_URL
-      } : {}); // Resolve the placeholders of the `index.html` (template) file, before serving it.
-
+      } : {});
 
+      // Resolve the placeholders of the `index.html` (template) file, before serving it.
       const html = mcHtmlTemplate.replaceHtmlPlaceholders(rawHtml, {
         env: enhancedLocalEnv,
         headers: compiledHeaders
       });
       return html;
     }
-
   };
 };
 
 async function run() {
-  const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001; // Load the Custom Application config file first.
+  const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001;
 
-  const applicationConfig$1 = applicationConfig.processConfig(); // Ensure the `/public` folder exists.
+  // Load the Custom Application config file first.
+  const applicationConfig$1 = applicationConfig.processConfig();
 
+  // Ensure the `/public` folder exists.
   fs__default["default"].mkdirSync(paths.paths.appBuild, {
     recursive: true
-  }); // Generate `index.html` (template).
+  });
 
+  // Generate `index.html` (template).
   const appEntryPoint = path__default["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
   const html = mcHtmlTemplate.generateTemplate({
     // Define the module entry point (path relative to the `/public` folder).
     // NOTE: that this is different from the production configuration.
     scriptImports: ["<script type=\"module\" src=\"/../".concat(appEntryPoint, "\"></script>")]
-  }); // Write `index.html` (template) into the `/public` folder.
-
+  });
+  // Write `index.html` (template) into the `/public` folder.
   fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
     encoding: 'utf8'
   });
@@ -108,8 +108,9 @@ async function run() {
     },
     plugins: [pluginGraphql__default["default"](), pluginReact__default["default"](), vitePluginSvgr.vitePluginSvgr(), vitePluginCustomApplication(applicationConfig$1)]
   });
-  await server.listen(); // Copy public assets to `/public` folder (even in development).
+  await server.listen();
 
+  // Copy public assets to `/public` folder (even in development).
   fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
     dereference: true
   });