@commercetools-frontend/mc-scripts 0.0.0-FEC-157-preview-releases-20241126230331

package/dist/start-569eb0f9.cjs.dev.js

@@ -0,0 +1,177 @@
+'use strict';
+
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var chalk = require('chalk');
+var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+var clearConsole = require('react-dev-utils/clearConsole');
+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-b379913b.cjs.dev.js');
+var paths = require('./paths-b76fc753.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');
+var doesFileExist = require('./does-file-exist-eb86baca.cjs.dev.js');
+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/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/map');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+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/instance/concat');
+require('crypto');
+require('path');
+require('@pmmmwh/react-refresh-webpack-plugin');
+require('html-webpack-plugin');
+require('moment-locales-webpack-plugin');
+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-5962fa01.cjs.dev.js');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('./package-436331e6.cjs.dev.js');
+require('./has-jsx-runtime-aa5d21ee.cjs.dev.js');
+require('./optimizations-7789145e.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('./vendors-to-transpile-6ab4ea06.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('node:fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var chalk__default = /*#__PURE__*/_interopDefault(chalk);
+var checkRequiredFiles__default = /*#__PURE__*/_interopDefault(checkRequiredFiles);
+var clearConsole__default = /*#__PURE__*/_interopDefault(clearConsole);
+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.
+// 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;
+  const applicationConfig$1 = applicationConfig.processConfig();
+  const compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig$1);
+  return {
+    client: {
+      overlay: false,
+      webSocketURL: {
+        hostname: sockHost,
+        pathname: sockPath,
+        port: sockPort
+      }
+    },
+    // Enable gzip compression of generated files.
+    compress: true,
+    devMiddleware: {
+      // It is important to tell WebpackDevServer to use the same "publicPath" path as
+      // we specified in the webpack config. When homepage is '.', default to serving
+      // from the root.
+      publicPath
+    },
+    headers: compiledHeaders,
+    historyApiFallback: {
+      // Paths with dots should still use the history fallback.
+      // See https://github.com/facebookincubator/create-react-app/issues/387.
+      disableDotRule: true,
+      index: publicPath
+    },
+    host,
+    hot: true,
+    https: false,
+    port,
+    setupMiddlewares(middlewares, devServer) {
+      if (!devServer) {
+        throw new Error('webpack-dev-server is not defined');
+      }
+      devServer.app?.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig$1));
+      return middlewares;
+    }
+  };
+};
+
+async function run() {
+  var _context;
+  const useYarn = doesFileExist.doesFileExist(paths.paths.yarnLockFile);
+  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 = doesFileExist.doesFileExist(paths.paths.appWebpackConfig);
+
+  // Warn and crash if required files are missing
+  if (!checkRequiredFiles__default["default"]([])) {
+    process.exit(1);
+  }
+
+  // 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 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.
+    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();
+
+  // 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.
+  const serverConfig = createWebpackDevServerConfig({
+    port,
+    publicPath: 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();
+      process.exit();
+    });
+  });
+}
+
+exports["default"] = run;

package/dist/start-b0765c9a.cjs.prod.js

@@ -0,0 +1,177 @@
+'use strict';
+
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var chalk = require('chalk');
+var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+var clearConsole = require('react-dev-utils/clearConsole');
+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-7d9e4dc4.cjs.prod.js');
+var paths = require('./paths-7768b440.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');
+var doesFileExist = require('./does-file-exist-be53305d.cjs.prod.js');
+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/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/map');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+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/instance/concat');
+require('crypto');
+require('path');
+require('@pmmmwh/react-refresh-webpack-plugin');
+require('html-webpack-plugin');
+require('moment-locales-webpack-plugin');
+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-3b540c7c.cjs.prod.js');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('./package-a7096308.cjs.prod.js');
+require('./has-jsx-runtime-c3202df5.cjs.prod.js');
+require('./optimizations-fb93514f.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('./vendors-to-transpile-04a49d40.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('node:fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var chalk__default = /*#__PURE__*/_interopDefault(chalk);
+var checkRequiredFiles__default = /*#__PURE__*/_interopDefault(checkRequiredFiles);
+var clearConsole__default = /*#__PURE__*/_interopDefault(clearConsole);
+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.
+// 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;
+  const applicationConfig$1 = applicationConfig.processConfig();
+  const compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig$1);
+  return {
+    client: {
+      overlay: false,
+      webSocketURL: {
+        hostname: sockHost,
+        pathname: sockPath,
+        port: sockPort
+      }
+    },
+    // Enable gzip compression of generated files.
+    compress: true,
+    devMiddleware: {
+      // It is important to tell WebpackDevServer to use the same "publicPath" path as
+      // we specified in the webpack config. When homepage is '.', default to serving
+      // from the root.
+      publicPath
+    },
+    headers: compiledHeaders,
+    historyApiFallback: {
+      // Paths with dots should still use the history fallback.
+      // See https://github.com/facebookincubator/create-react-app/issues/387.
+      disableDotRule: true,
+      index: publicPath
+    },
+    host,
+    hot: true,
+    https: false,
+    port,
+    setupMiddlewares(middlewares, devServer) {
+      if (!devServer) {
+        throw new Error('webpack-dev-server is not defined');
+      }
+      devServer.app?.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig$1));
+      return middlewares;
+    }
+  };
+};
+
+async function run() {
+  var _context;
+  const useYarn = doesFileExist.doesFileExist(paths.paths.yarnLockFile);
+  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 = doesFileExist.doesFileExist(paths.paths.appWebpackConfig);
+
+  // Warn and crash if required files are missing
+  if (!checkRequiredFiles__default["default"]([])) {
+    process.exit(1);
+  }
+
+  // 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 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.
+    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();
+
+  // 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.
+  const serverConfig = createWebpackDevServerConfig({
+    port,
+    publicPath: 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();
+      process.exit();
+    });
+  });
+}
+
+exports["default"] = run;

package/dist/start-vite-45bfc42f.esm.js

@@ -0,0 +1,110 @@
+import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import path from 'path';
+import pluginGraphql from '@rollup/plugin-graphql';
+import pluginReact from '@vitejs/plugin-react-swc';
+import fs from 'fs-extra';
+import { createServer } from 'vite';
+import { processConfig } from '@commercetools-frontend/application-config';
+import { packageLocation } from '@commercetools-frontend/assets';
+import { processHeaders, replaceHtmlPlaceholders, generateTemplate } from '@commercetools-frontend/mc-html-template';
+import { p as paths } from './paths-39f22b8b.esm.js';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
+import { v as vitePluginSvgr } from './vite-plugin-svgr-069f402d.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import 'fs';
+import './does-file-exist-32618334.esm.js';
+import 'node:fs';
+import 'crypto';
+import '@rollup/pluginutils';
+
+const vitePluginCustomApplication = applicationConfig => {
+  return {
+    name: 'custom-application',
+    configureServer(server) {
+      return () => {
+        // Users do not need to have/maintain the `index.html` (as expected by Vite)
+        // as it's generated and maintained by the Merchant Center customization CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use((req, _res, next) => {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+          next();
+        });
+
+        // Handle auth routes for internal local development.
+        server.middlewares.use(createMcDevAuthenticationMiddleware(applicationConfig));
+      };
+    },
+    /**
+     * @type {import('vite').IndexHtmlTransformHook}
+     */
+    transformIndexHtml(rawHtml, _ctx) {
+      const compiledHeaders = processHeaders(applicationConfig);
+      const enhancedLocalEnv = _Object$assign({}, 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.
+      const html = replaceHtmlPlaceholders(rawHtml, {
+        env: enhancedLocalEnv,
+        headers: compiledHeaders
+      });
+      return html;
+    }
+  };
+};
+
+async function run() {
+  const DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001;
+
+  // Load the Merchant Center customization config file first.
+  const applicationConfig = processConfig();
+
+  // Ensure the `/public` folder exists.
+  fs.mkdirSync(paths.appBuild, {
+    recursive: true
+  });
+
+  // Generate `index.html` (template).
+  const appEntryPoint = path.relative(paths.appRoot, paths.entryPoint);
+  const html = 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="/../${appEntryPoint}" defer></script>`]
+  });
+  // Write `index.html` (template) into the `/public` folder.
+  fs.writeFileSync(paths.appIndexHtml, html, {
+    encoding: 'utf8'
+  });
+  const server = await createServer({
+    root: paths.appRoot,
+    define: {
+      'process.env.DEBUG': _JSON$stringify(false),
+      'process.env.NODE_ENV': _JSON$stringify('development')
+    },
+    server: {
+      port: DEFAULT_PORT
+    },
+    plugins: [pluginGraphql(), pluginReact(), vitePluginSvgr(), vitePluginCustomApplication(applicationConfig)]
+  });
+  await server.listen();
+
+  // Copy public assets to `/public` folder (even in development).
+  fs.copySync(path.join(packageLocation, 'html-page'), paths.appBuild, {
+    dereference: true
+  });
+  server.printUrls();
+}
+
+export { run as default };

package/dist/start-vite-a68e1b9f.cjs.prod.js

@@ -0,0 +1,122 @@
+'use strict';
+
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var path = require('path');
+var pluginGraphql = require('@rollup/plugin-graphql');
+var pluginReact = require('@vitejs/plugin-react-swc');
+var fs = require('fs-extra');
+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-7768b440.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-b080c510.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('./does-file-exist-be53305d.cjs.prod.js');
+require('node:fs');
+require('crypto');
+require('@rollup/pluginutils');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
+var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+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)
+        // as it's generated and maintained by the Merchant Center customization CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use((req, _res, next) => {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+          next();
+        });
+
+        // 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
+      // 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.
+      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 Merchant Center customization 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).
+  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="/../${appEntryPoint}" defer></script>`]
+  });
+  // Write `index.html` (template) into the `/public` folder.
+  fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
+    encoding: 'utf8'
+  });
+  const server = await vite.createServer({
+    root: paths.paths.appRoot,
+    define: {
+      'process.env.DEBUG': _JSON$stringify__default["default"](false),
+      'process.env.NODE_ENV': _JSON$stringify__default["default"]('development')
+    },
+    server: {
+      port: DEFAULT_PORT
+    },
+    plugins: [pluginGraphql__default["default"](), pluginReact__default["default"](), vitePluginSvgr.vitePluginSvgr(), vitePluginCustomApplication(applicationConfig$1)]
+  });
+  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
+  });
+  server.printUrls();
+}
+
+exports["default"] = run;