@commercetools-frontend/mc-scripts 0.0.0-CRAFT-1791-20251006162610

package/dist/build-988fc0f7.cjs.dev.js

@@ -0,0 +1,169 @@
+'use strict';
+
+var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
+var path = require('path');
+var chalk = require('chalk');
+var fs = require('fs-extra');
+var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
+var FileSizeReporter = require('react-dev-utils/FileSizeReporter');
+var formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
+var printBuildError = require('react-dev-utils/printBuildError');
+var webpack = require('webpack');
+var assets = require('@commercetools-frontend/assets');
+var createWebpackConfigForProduction = require('./create-webpack-config-for-production-15fbe7db.cjs.dev.js');
+var paths = require('./paths-b76fc753.cjs.dev.js');
+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/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('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('crypto');
+require('css-minimizer-webpack-plugin');
+require('html-webpack-plugin');
+require('mini-css-extract-plugin');
+require('moment-locales-webpack-plugin');
+require('terser-webpack-plugin');
+require('webpack-bundle-analyzer');
+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('fs');
+require('./create-postcss-config-cb7be312.cjs.dev.js');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('./package-7e170dc4.cjs.dev.js');
+require('./has-jsx-runtime-aa5d21ee.cjs.dev.js');
+require('./optimizations-7789145e.cjs.dev.js');
+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('node:fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var chalk__default = /*#__PURE__*/_interopDefault(chalk);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var checkRequiredFiles__default = /*#__PURE__*/_interopDefault(checkRequiredFiles);
+var FileSizeReporter__default = /*#__PURE__*/_interopDefault(FileSizeReporter);
+var formatWebpackMessages__default = /*#__PURE__*/_interopDefault(formatWebpackMessages);
+var printBuildError__default = /*#__PURE__*/_interopDefault(printBuildError);
+var webpack__default = /*#__PURE__*/_interopDefault(webpack);
+
+const measureFileSizesBeforeBuild = FileSizeReporter__default["default"].measureFileSizesBeforeBuild;
+const printFileSizesAfterBuild = FileSizeReporter__default["default"].printFileSizesAfterBuild;
+
+// These sizes are pretty large. We'll warn for bundles exceeding them.
+const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
+const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
+async function run() {
+  const hasWebpackConfig = doesFileExist.doesFileExist(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.
+  const previousFileSizes = await measureFileSizesBeforeBuild(paths.paths.appBuild);
+
+  // 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();
+  try {
+    // Start the webpack build
+    const result = await build();
+    if (result.warnings.length) {
+      console.log(chalk__default["default"].yellow('Compiled with warnings.\n'));
+      console.log(result.warnings.join('\n\n'));
+      console.log('\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();
+  } catch (error) {
+    if (error instanceof Error) {
+      printBuildError__default["default"](error);
+    }
+    throw new Error(`Failed to compile`);
+  }
+
+  // Create the production build and print the deployment instructions.
+  async function build() {
+    console.log('Creating an optimized production build...');
+    const config = hasWebpackConfig ? require(paths.paths.appWebpackConfig) : createWebpackConfigForProduction.createWebpackConfigForProduction();
+    const compiler = webpack__default["default"](config);
+    if (!compiler) {
+      return _Promise__default["default"].reject(new Error('Failed to create webpack compiler'));
+    }
+    return new _Promise__default["default"]((resolve, reject) => {
+      compiler.run((err, stats) => {
+        let messages;
+        if (err) {
+          if (!err.message) {
+            return reject(err);
+          }
+          let errMessage = err.message;
+          // 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?.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
+        });
+      });
+    });
+  }
+  function copyDefaultFiles() {
+    fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+      dereference: true
+    });
+  }
+}
+
+exports["default"] = run;

package/dist/build-vite-16b1a575.cjs.dev.js

@@ -0,0 +1,238 @@
+'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 _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var path = require('path');
+var pluginGraphql = require('@rollup/plugin-graphql');
+var pluginReact = require('@vitejs/plugin-react');
+var fs = require('fs-extra');
+var rollupPluginVisualizer = require('rollup-plugin-visualizer');
+var vite = require('vite');
+var viteBundleAnalyzer = require('vite-bundle-analyzer');
+var assets = require('@commercetools-frontend/assets');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var optimizations = require('./optimizations-7789145e.cjs.dev.js');
+var paths = require('./paths-b76fc753.cjs.dev.js');
+var cliLib = require('@formatjs/cli-lib');
+var pluginutils = require('@rollup/pluginutils');
+var i18nMessageComplilation = require('./i18n-message-complilation-7311cb29.cjs.dev.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-7d06f400.cjs.dev.js');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+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('@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('chalk');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('./does-file-exist-eb86baca.cjs.dev.js');
+require('node:fs');
+require('@babel/runtime-corejs3/core-js-stable/object/values');
+require('crypto');
+require('@babel/runtime-corejs3/core-js/instance/match-all');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
+var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+
+// Type guard to help with filtering arrays for nullish elements.
+function nonNullable(value) {
+  return value !== null && value !== undefined;
+}
+
+// This script/function is injected into the `index.html` and used by Vite
+// on runtime to build the assets URL (for example when using a separate CDN for the assets).
+// Inspired by https://github.com/vitejs/vite/blob/main/playground/assets/vite.config-runtime-base.js
+const dynamicBaseAssetsCode = `globalThis.__toCdnUrl = filePath => window.app.cdnUrl.replace(/\\/$/, '') + '/' + filePath;`;
+function vitePluginDynamicBaseAssetsGlobals() {
+  return {
+    name: 'dynamic-base-assets-globals',
+    transformIndexHtml(html, ctx) {
+      if (ctx.bundle) {
+        // Only inject during build
+        return [{
+          tag: 'script',
+          attrs: {
+            type: 'module'
+          },
+          children: dynamicBaseAssetsCode
+        }];
+      }
+      return html;
+    }
+  };
+}
+
+function vitePluginI18nMessageCompilation() {
+  const filter = pluginutils.createFilter('**/i18n/data/*.json');
+  return {
+    name: 'vite-plugin-i18n-message-compilation',
+    enforce: 'pre',
+    async transform(code, id) {
+      if (!process.env.DISABLE_I18N_MESSAGE_COMPILATION && filter(id)) {
+        try {
+          const format = i18nMessageComplilation.getI18nMessageFormat(code);
+          const res = await cliLib.compile([id], {
+            ast: true,
+            format
+          });
+          return {
+            code: res,
+            map: null
+          };
+        } catch (error) {
+          i18nMessageComplilation.handleMessageCompilationError(id, error, this.warn);
+        }
+      }
+      return null;
+    }
+  };
+}
+
+async function run() {
+  var _context;
+  const CleanBuild = (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('vite-plugin-clean-build')); })).default;
+  const 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).
+  const appEntryPoint = path__default["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
+  const 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="/${appEntryPoint}" defer></script>`]
+  });
+  // Write `index.html` (template) into the `/public` folder.
+  fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
+    encoding: 'utf8'
+  });
+  const appDependencies = require(paths.paths.appPackageJson).dependencies;
+  await vite.build({
+    root: paths.paths.appRoot,
+    base: './',
+    // <-- Important to allow configuring the runtime base path.
+    define: {
+      'process.env.DEBUG': _JSON$stringify__default["default"](false),
+      'process.env.NODE_ENV': _JSON$stringify__default["default"]('production')
+    },
+    build: {
+      outDir: 'public',
+      // Outputs all build assets directly under the `/public` folder.
+      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,
+        output: {
+          manualChunks: optimizations.getViteCacheGroups(appDependencies)
+        },
+        // Reduce the memory footprint when building sourcemaps.
+        // https://github.com/vitejs/vite/issues/2433#issuecomment-1361094727
+        cache: false
+      },
+      sourcemap:
+      // Generating sourcemaps can increase the memory footprint of the build process,
+      // therefore it's an opt-in option.
+      // TODO: make it a CLI option when Vite support becomes stable.
+      process.env.ENABLE_EXPERIMENTAL_VITE_BUNDLER_SOURCEMAP === 'true'
+    },
+    server: {
+      port: DEFAULT_PORT
+    },
+    experimental: {
+      // https://vitejs.dev/guide/build.html#advanced-base-options
+      renderBuiltUrl(filename, _ref) {
+        let hostType = _ref.hostType;
+        if (hostType === 'html') {
+          return `__CDN_URL__${filename}`;
+        }
+        return {
+          runtime: `window.__toCdnUrl(${_JSON$stringify__default["default"](filename)})`
+        };
+      }
+    },
+    plugins: [vitePluginSvgr.vitePluginSvgr(), pluginGraphql__default["default"](), pluginReact__default["default"]({
+      jsxImportSource: '@emotion/react',
+      babel: {
+        plugins: _filterInstanceProperty__default["default"](_context = ['@emotion/babel-plugin', '@babel/plugin-proposal-do-expressions', process.env.ENABLE_BABEL_PLUGIN_FORMATJS === 'true' ? ['babel-plugin-formatjs', {
+          removeDefaultMessage:
+          // Remove default `formatjs` messages from bundles.
+          // TODO: make it a CLI option when Vite support becomes stable.
+          process.env.ENABLE_I18N_REMOVE_DEFAULT_MESSAGE === 'true',
+          ast:
+          // Enable pre-parse default `formatjs` messages into AST.
+          // TODO: make it a CLI option when Vite support becomes stable.
+          process.env.ENABLE_I18N_AST === 'true'
+        }] : undefined]).call(_context, nonNullable)
+      }
+    }),
+    // cleanbuild is needed to remove large svg assets
+    // that are not used after the build.
+    CleanBuild({
+      outputDir: paths.paths.appBuild,
+      patterns: ['*.react-*.svg'],
+      verbose: true // logs the files that are removed
+    }), vitePluginDynamicBaseAssetsGlobals(), vitePluginI18nMessageCompilation(), process.env.ANALYZE_BUNDLE === 'true' && viteBundleAnalyzer.analyzer({
+      defaultSizes: 'stat',
+      openAnalyzer: true
+    }), process.env.ANALYZE_BUNDLE_TREE === 'true' && rollupPluginVisualizer.visualizer({
+      open: true,
+      template: 'network'
+    })]
+  });
+
+  // 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
+  });
+}
+
+exports["default"] = run;

package/dist/build-vite-59e1f185.esm.js

@@ -0,0 +1,208 @@
+import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import path from 'path';
+import pluginGraphql from '@rollup/plugin-graphql';
+import pluginReact from '@vitejs/plugin-react';
+import fs from 'fs-extra';
+import { visualizer } from 'rollup-plugin-visualizer';
+import { build } from 'vite';
+import { analyzer } from 'vite-bundle-analyzer';
+import { packageLocation } from '@commercetools-frontend/assets';
+import { generateTemplate } from '@commercetools-frontend/mc-html-template';
+import { a as getViteCacheGroups } from './optimizations-bf991634.esm.js';
+import { p as paths } from './paths-39f22b8b.esm.js';
+import { compile } from '@formatjs/cli-lib';
+import { createFilter } from '@rollup/pluginutils';
+import { g as getI18nMessageFormat, h as handleMessageCompilationError } from './i18n-message-complilation-21d3b0aa.esm.js';
+import { v as vitePluginSvgr } from './vite-plugin-svgr-de6ee7da.esm.js';
+import '@babel/runtime-corejs3/helpers/defineProperty';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
+import '@babel/runtime-corejs3/core-js-stable/object/entries';
+import '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import '@babel/runtime-corejs3/core-js-stable/object/keys';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import 'chalk';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import 'fs';
+import './does-file-exist-32618334.esm.js';
+import 'node:fs';
+import '@babel/runtime-corejs3/core-js-stable/object/values';
+import 'crypto';
+import '@babel/runtime-corejs3/core-js/instance/match-all';
+
+// Type guard to help with filtering arrays for nullish elements.
+function nonNullable(value) {
+  return value !== null && value !== undefined;
+}
+
+// This script/function is injected into the `index.html` and used by Vite
+// on runtime to build the assets URL (for example when using a separate CDN for the assets).
+// Inspired by https://github.com/vitejs/vite/blob/main/playground/assets/vite.config-runtime-base.js
+const dynamicBaseAssetsCode = `globalThis.__toCdnUrl = filePath => window.app.cdnUrl.replace(/\\/$/, '') + '/' + filePath;`;
+function vitePluginDynamicBaseAssetsGlobals() {
+  return {
+    name: 'dynamic-base-assets-globals',
+    transformIndexHtml(html, ctx) {
+      if (ctx.bundle) {
+        // Only inject during build
+        return [{
+          tag: 'script',
+          attrs: {
+            type: 'module'
+          },
+          children: dynamicBaseAssetsCode
+        }];
+      }
+      return html;
+    }
+  };
+}
+
+function vitePluginI18nMessageCompilation() {
+  const filter = createFilter('**/i18n/data/*.json');
+  return {
+    name: 'vite-plugin-i18n-message-compilation',
+    enforce: 'pre',
+    async transform(code, id) {
+      if (!process.env.DISABLE_I18N_MESSAGE_COMPILATION && filter(id)) {
+        try {
+          const format = getI18nMessageFormat(code);
+          const res = await compile([id], {
+            ast: true,
+            format
+          });
+          return {
+            code: res,
+            map: null
+          };
+        } catch (error) {
+          handleMessageCompilationError(id, error, this.warn);
+        }
+      }
+      return null;
+    }
+  };
+}
+
+async function run() {
+  var _context;
+  const CleanBuild = (await import('vite-plugin-clean-build')).default;
+  const DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001;
+
+  // 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 from the `/public` folder).
+    // NOTE: that this is different from the development 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 appDependencies = require(paths.appPackageJson).dependencies;
+  await build({
+    root: paths.appRoot,
+    base: './',
+    // <-- Important to allow configuring the runtime base path.
+    define: {
+      'process.env.DEBUG': _JSON$stringify(false),
+      'process.env.NODE_ENV': _JSON$stringify('production')
+    },
+    build: {
+      outDir: 'public',
+      // Outputs all build assets directly under the `/public` folder.
+      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.appIndexHtml,
+        output: {
+          manualChunks: getViteCacheGroups(appDependencies)
+        },
+        // Reduce the memory footprint when building sourcemaps.
+        // https://github.com/vitejs/vite/issues/2433#issuecomment-1361094727
+        cache: false
+      },
+      sourcemap:
+      // Generating sourcemaps can increase the memory footprint of the build process,
+      // therefore it's an opt-in option.
+      // TODO: make it a CLI option when Vite support becomes stable.
+      process.env.ENABLE_EXPERIMENTAL_VITE_BUNDLER_SOURCEMAP === 'true'
+    },
+    server: {
+      port: DEFAULT_PORT
+    },
+    experimental: {
+      // https://vitejs.dev/guide/build.html#advanced-base-options
+      renderBuiltUrl(filename, _ref) {
+        let hostType = _ref.hostType;
+        if (hostType === 'html') {
+          return `__CDN_URL__${filename}`;
+        }
+        return {
+          runtime: `window.__toCdnUrl(${_JSON$stringify(filename)})`
+        };
+      }
+    },
+    plugins: [vitePluginSvgr(), pluginGraphql(), pluginReact({
+      jsxImportSource: '@emotion/react',
+      babel: {
+        plugins: _filterInstanceProperty(_context = ['@emotion/babel-plugin', '@babel/plugin-proposal-do-expressions', process.env.ENABLE_BABEL_PLUGIN_FORMATJS === 'true' ? ['babel-plugin-formatjs', {
+          removeDefaultMessage:
+          // Remove default `formatjs` messages from bundles.
+          // TODO: make it a CLI option when Vite support becomes stable.
+          process.env.ENABLE_I18N_REMOVE_DEFAULT_MESSAGE === 'true',
+          ast:
+          // Enable pre-parse default `formatjs` messages into AST.
+          // TODO: make it a CLI option when Vite support becomes stable.
+          process.env.ENABLE_I18N_AST === 'true'
+        }] : undefined]).call(_context, nonNullable)
+      }
+    }),
+    // cleanbuild is needed to remove large svg assets
+    // that are not used after the build.
+    CleanBuild({
+      outputDir: paths.appBuild,
+      patterns: ['*.react-*.svg'],
+      verbose: true // logs the files that are removed
+    }), vitePluginDynamicBaseAssetsGlobals(), vitePluginI18nMessageCompilation(), process.env.ANALYZE_BUNDLE === 'true' && analyzer({
+      defaultSizes: 'stat',
+      openAnalyzer: true
+    }), process.env.ANALYZE_BUNDLE_TREE === 'true' && visualizer({
+      open: true,
+      template: 'network'
+    })]
+  });
+
+  // Rename `/public/public/index.html` to `/public/index.html.template`
+  fs.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.join(paths.appBuild, 'public/index.html'), paths.appIndexHtmlTemplate);
+  // Clean up nested folder
+  fs.rmdirSync(path.join(paths.appBuild, 'public'));
+
+  // Copy public assets
+  fs.copySync(path.join(packageLocation, 'html-page'), paths.appBuild, {
+    dereference: true
+  });
+}
+
+export { run as default };