@commercetools-frontend/mc-scripts 27.12.0 → 27.13.0

package/dist/{build-vite-0b37a521.cjs.prod.js → build-vite-600ec6bd.cjs.prod.js}

@@ -3,7 +3,7 @@
 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$1 = require('path');
+var path = require('path');
 var pluginGraphql = require('@rollup/plugin-graphql');
 var pluginReact = require('@vitejs/plugin-react');
 var fs$1 = require('fs-extra');
@@ -13,6 +13,8 @@ var viteBundleAnalyzer = require('vite-bundle-analyzer');
 var assets = require('@commercetools-frontend/assets');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
 var paths = require('./paths-7768b440.cjs.prod.js');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var applicationConfig = require('@commercetools-frontend/application-config');
 var tryLoadNimbusPlugins = require('./try-load-nimbus-plugins-a713d7d3.cjs.prod.js');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
@@ -26,11 +28,12 @@ var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
 var cliLib = require('@formatjs/cli-lib');
 var pluginutils = require('@rollup/pluginutils');
 var i18nMessageComplilation = require('./i18n-message-complilation-7762da61.cjs.prod.js');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _endsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var fs = require('node:fs');
-var path = require('node:path');
+var path$1 = require('node:path');
 var glob = require('glob');
 var vitePluginSvgr = require('./vite-plugin-svgr-4034a834.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -47,10 +50,11 @@ 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 _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
-var path__default$1 = /*#__PURE__*/_interopDefault(path$1);
+var path__default = /*#__PURE__*/_interopDefault(path);
 var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
 var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
 var fs__default$1 = /*#__PURE__*/_interopDefault(fs$1);
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
 var _Map__default = /*#__PURE__*/_interopDefault(_Map);
@@ -60,11 +64,41 @@ var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfIns
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _endsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_endsWithInstanceProperty);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
-var path__default = /*#__PURE__*/_interopDefault(path);
+var path__default$1 = /*#__PURE__*/_interopDefault(path$1);
+
+/**
+ * Whether the app being built is a Custom View rather than a Custom
+ * Application.
+ *
+ * Decided from which configuration file is present, which is the same signal
+ * `processConfig` itself branches on. `getConfigPath` only resolves the file's
+ * path — it does not read env vars or process the config — so this stays cheap
+ * enough for a build-time decision. `loadConfig` rejects a project carrying
+ * both files, so the two cases cannot overlap.
+ *
+ * Matched on the file name only. Against the whole path, a Custom Application
+ * living anywhere under a directory like `custom-view-config-demo/` would read
+ * as a Custom View and silently lose the optimisation.
+ *
+ * Fails open: anything unexpected (no config found, a resolution error)
+ * answers `false`, so a detection gap leaves Custom Application behaviour
+ * intact rather than silently dropping an optimisation from a real app.
+ */
+const isCustomView = async () => {
+  try {
+    var _context;
+    const configPath = await applicationConfig.getConfigPath();
+    if (!configPath) return false;
+    return _startsWithInstanceProperty__default["default"](_context = path__default["default"].basename(configPath)).call(_context, 'custom-view-config');
+  } catch {
+    return false;
+  }
+};
 
 // Type guard to help with filtering arrays for nullish elements.
 function nonNullable(value) {
@@ -208,6 +242,145 @@ function vitePluginI18nMessageCompilation() {
   };
 }
 
+// `application-shell-splitter` is deliberately absent. It is a root of the
+// same wave, but it alone is ~1.2MB (Nimbus/chakra bindings) and pulls a
+// further ~172KB `runtime` chunk, which would put ~1.5MB of high-priority
+// preload in parallel with the 2.3MB entry that is the real critical path.
+// Preloading it is a separate decision that needs a throttled measurement.
+//
+// When adding, renaming or removing a root here, update the assertion step in
+// `.github/workflows/main.yml` to match — it checks these names by hand, so a
+// drift makes CI pass or fail for the wrong reason.
+const DEFAULT_ROOTS = ['navbar', 'project-container', 'user-settings-menu', 'use-applications-menu', 'requests-in-flight-loader'];
+/**
+ * Resolves each root to its emitted chunk, then follows static `imports`
+ * transitively. The transitive walk is load-bearing rather than an
+ * optimisation: a browser is only guaranteed to preload dependencies that are
+ * listed individually, so preloading a root without its imports leaves them
+ * one round trip behind.
+ */
+function resolveShellChunks(bundle, roots) {
+  var _context, _context4;
+  const chunks = _filterInstanceProperty__default["default"](_context = _Object$values__default["default"](bundle)).call(_context, entry => entry.type === 'chunk');
+  const byFileName = new _Map__default["default"](_mapInstanceProperty__default["default"](chunks).call(chunks, chunk => [chunk.fileName, chunk]));
+  const fileNames = new _Set__default["default"]();
+  const matchedRoots = [];
+  const missingRoots = [];
+  const visit = chunk => {
+    var _context2;
+    if (fileNames.has(chunk.fileName)) return;
+    fileNames.add(chunk.fileName);
+    _forEachInstanceProperty__default["default"](_context2 = chunk.imports).call(_context2, imported => {
+      const next = byFileName.get(imported);
+      if (next) visit(next);
+    });
+  };
+  _forEachInstanceProperty__default["default"](roots).call(roots, root => {
+    // Prefix, not exact: Rollup suffixes chunk names it has to disambiguate,
+    // so `navbar` has to match `navbar2`. The cost is that an app's own chunk
+    // named `navbar-…` would be preloaded too — a few KB of wasted hint on a
+    // page that is about to load the real navbar anyway.
+    const hits = _filterInstanceProperty__default["default"](chunks).call(chunks, chunk => {
+      var _context3;
+      return _startsWithInstanceProperty__default["default"](_context3 = chunk.name).call(_context3, root);
+    });
+    if (hits.length === 0) {
+      missingRoots.push(root);
+      return;
+    }
+    matchedRoots.push(root);
+    _forEachInstanceProperty__default["default"](hits).call(hits, visit);
+  });
+  return {
+    fileNames: _sortInstanceProperty__default["default"](_context4 = [...fileNames]).call(_context4),
+    matchedRoots,
+    missingRoots
+  };
+}
+
+/**
+ * Emits `<link rel="modulepreload">` for the authenticated shell chunk graph,
+ * so those chunks are fetched alongside the entry instead of waiting for it to
+ * execute and discover them.
+ *
+ * Works through `build.modulePreload.resolveDependencies` rather than by
+ * injecting tags directly. That hook renders its return value through
+ * `renderBuiltUrl`, which is what applies the `__CDN_URL__` prefix; tags a
+ * `transformIndexHtml` hook creates are emitted verbatim and would ship
+ * without it.
+ */
+function pluginModulePreloadShellChunks() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const roots = options.roots ?? DEFAULT_ROOTS;
+  const onMissing = options.onMissing ?? 'warn';
+  let resolved = null;
+  let hasWarnedAboutOrdering = false;
+  return {
+    name: 'vite-plugin-modulepreload-shell-chunks',
+    apply: 'build',
+    config(config) {
+      // Vite's config merge would turn an explicit `false` back into an
+      // object, silently re-enabling preloading the consumer switched off.
+      if (config.build?.modulePreload === false) return;
+      return {
+        build: {
+          modulePreload: {
+            resolveDependencies: (url, deps, _ref) => {
+              let hostType = _ref.hostType;
+              // Vite calls this once for the entry HTML and once per dynamic
+              // import. Appending for `js` too would bake the shell graph into
+              // every `__vitePreload` dependency array in the bundle.
+              if (hostType !== 'html') return deps;
+
+              // Reaching the HTML host with nothing resolved means
+              // `generateBundle` has not run yet, i.e. the plugin ordering
+              // below inverted. Every hint would silently disappear, so say
+              // so. `console.warn` rather than `this.warn`: this is a plain
+              // callback in the returned config, not a Rollup plugin hook,
+              // so there is no plugin context here.
+              if (!resolved) {
+                if (!hasWarnedAboutOrdering) {
+                  hasWarnedAboutOrdering = true;
+                  // eslint-disable-next-line no-console
+                  console.warn(`vite-plugin-modulepreload-shell-chunks: the entry HTML ` + `asked for its preload dependencies before the bundle ` + `was analysed, so no shell chunks were preloaded. This ` + `plugin relies on its \`generateBundle\` running before ` + `\`vite:build-html\`'s, which is Vite-internal ordering ` + `— a Vite upgrade may have changed it.`);
+                }
+                return deps;
+              }
+              const merged = new _Set__default["default"]([...deps, ...resolved.fileNames]);
+              // Every shell chunk statically imports the entry, because
+              // Rollup co-locates all shared static code there. Preloading it
+              // would duplicate the entry's own `<script type="module">`.
+              merged.delete(url);
+              return [...merged];
+            }
+          }
+        }
+      };
+    },
+    // Expected to run before `vite:build-html`'s own `generateBundle`, which
+    // is where `resolveDependencies` is invoked. That ordering is internal to
+    // Vite rather than a contract, so the hook above warns instead of
+    // assuming it held.
+    generateBundle(_options, bundle) {
+      resolved = resolveShellChunks(bundle, roots);
+
+      // A partial match is the signal that a chunk moved: the shell is present
+      // but one name no longer resolves. Resolving nothing at all is not that
+      // signal, so it stays silent rather than failing a build whose entry
+      // never reaches these modules.
+      if (resolved.missingRoots.length === 0 || resolved.matchedRoots.length === 0) {
+        return;
+      }
+      const message = `vite-plugin-modulepreload-shell-chunks: expected shell chunks were ` + `not emitted: ${resolved.missingRoots.join(', ')}.\n` + `Other shell chunks resolved (${resolved.matchedRoots.join(', ')}), so these were likely renamed or re-split rather than ` + `legitimately absent. Those modules are no longer preloaded, so the ` + `page still works but loads them a round trip later.`;
+      if (onMissing === 'error') {
+        this.error(message);
+      } else {
+        this.warn(message);
+      }
+    }
+  };
+}
+
 /**
  * Only a candidate filter: which links are actually rewritten is decided by
  * matching `href` against the CSS assets Vite really emitted (see
@@ -277,7 +450,7 @@ function pluginPostCleanup(options) {
           cwd: outputDir
         });
         for (const file of files) {
-          const filePath = path__default["default"].join(outputDir, file);
+          const filePath = path__default$1["default"].join(outputDir, file);
           try {
             fs__default["default"].unlinkSync(filePath);
             totalFilesDeleted++;
@@ -308,7 +481,7 @@ async function run() {
   });
 
   // Generate `index.html` (template).
-  const appEntryPoint = path__default$1["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
+  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.
@@ -318,6 +491,10 @@ async function run() {
   fs__default$1["default"].writeFileSync(paths.paths.appIndexHtml, html, {
     encoding: 'utf8'
   });
+
+  // Resolved once here rather than inside the plugin list, which is built
+  // synchronously. Only reads which config file is present.
+  const isCustomViewBuild = await isCustomView();
   await vite.build({
     root: paths.paths.appRoot,
     base: './',
@@ -407,7 +584,14 @@ async function run() {
     // Fail the build if the emitted chunk graph contains circular imports.
     // Chunk cycles are silent at build time but crash at runtime with TDZ
     // errors (historical "aM is undefined" from the icons/app-shell split).
-    pluginChunkCycleCheck(), shouldAnalyze && viteBundleAnalyzer.analyzer(analyzeOutput ? {
+    pluginChunkCycleCheck(),
+    // Custom Views import from the same package, so their builds emit these
+    // chunks and would carry ~128KB of preload hints for a navbar and
+    // project container `CustomViewShell` never renders. Decided from which
+    // config file is present: `getConfigPath` only resolves a path, and
+    // `loadConfig` rejects a project carrying both, so the two cases cannot
+    // overlap and this stays cheap enough for a build-time decision.
+    !isCustomViewBuild && pluginModulePreloadShellChunks(), shouldAnalyze && viteBundleAnalyzer.analyzer(analyzeOutput ? {
       analyzerMode: 'json',
       defaultSizes: 'stat',
       fileName: analyzeOutput
@@ -426,12 +610,12 @@ async function run() {
   // 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$1["default"].join(paths.paths.appBuild, 'public/index.html'), paths.paths.appIndexHtmlTemplate);
+  path__default["default"].join(paths.paths.appBuild, 'public/index.html'), paths.paths.appIndexHtmlTemplate);
   // Clean up nested folder
-  fs__default$1["default"].rmdirSync(path__default$1["default"].join(paths.paths.appBuild, 'public'));
+  fs__default$1["default"].rmdirSync(path__default["default"].join(paths.paths.appBuild, 'public'));
 
   // Copy public assets
-  fs__default$1["default"].copySync(path__default$1["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+  fs__default$1["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
     dereference: true
   });
 }

package/dist/{build-vite-dfe4ce01.cjs.dev.js → build-vite-fb6643b3.cjs.dev.js}

@@ -3,7 +3,7 @@
 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$1 = require('path');
+var path = require('path');
 var pluginGraphql = require('@rollup/plugin-graphql');
 var pluginReact = require('@vitejs/plugin-react');
 var fs$1 = require('fs-extra');
@@ -13,6 +13,8 @@ var viteBundleAnalyzer = require('vite-bundle-analyzer');
 var assets = require('@commercetools-frontend/assets');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
 var paths = require('./paths-b76fc753.cjs.dev.js');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var applicationConfig = require('@commercetools-frontend/application-config');
 var tryLoadNimbusPlugins = require('./try-load-nimbus-plugins-d502a5fe.cjs.dev.js');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _Object$values = require('@babel/runtime-corejs3/core-js-stable/object/values');
@@ -26,11 +28,12 @@ var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/insta
 var cliLib = require('@formatjs/cli-lib');
 var pluginutils = require('@rollup/pluginutils');
 var i18nMessageComplilation = require('./i18n-message-complilation-7311cb29.cjs.dev.js');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _endsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
 var fs = require('node:fs');
-var path = require('node:path');
+var path$1 = require('node:path');
 var glob = require('glob');
 var vitePluginSvgr = require('./vite-plugin-svgr-7d06f400.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
@@ -47,10 +50,11 @@ 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 _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
-var path__default$1 = /*#__PURE__*/_interopDefault(path$1);
+var path__default = /*#__PURE__*/_interopDefault(path);
 var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
 var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
 var fs__default$1 = /*#__PURE__*/_interopDefault(fs$1);
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Object$values__default = /*#__PURE__*/_interopDefault(_Object$values);
 var _Map__default = /*#__PURE__*/_interopDefault(_Map);
@@ -60,11 +64,41 @@ var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfIns
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _endsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_endsWithInstanceProperty);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
-var path__default = /*#__PURE__*/_interopDefault(path);
+var path__default$1 = /*#__PURE__*/_interopDefault(path$1);
+
+/**
+ * Whether the app being built is a Custom View rather than a Custom
+ * Application.
+ *
+ * Decided from which configuration file is present, which is the same signal
+ * `processConfig` itself branches on. `getConfigPath` only resolves the file's
+ * path — it does not read env vars or process the config — so this stays cheap
+ * enough for a build-time decision. `loadConfig` rejects a project carrying
+ * both files, so the two cases cannot overlap.
+ *
+ * Matched on the file name only. Against the whole path, a Custom Application
+ * living anywhere under a directory like `custom-view-config-demo/` would read
+ * as a Custom View and silently lose the optimisation.
+ *
+ * Fails open: anything unexpected (no config found, a resolution error)
+ * answers `false`, so a detection gap leaves Custom Application behaviour
+ * intact rather than silently dropping an optimisation from a real app.
+ */
+const isCustomView = async () => {
+  try {
+    var _context;
+    const configPath = await applicationConfig.getConfigPath();
+    if (!configPath) return false;
+    return _startsWithInstanceProperty__default["default"](_context = path__default["default"].basename(configPath)).call(_context, 'custom-view-config');
+  } catch {
+    return false;
+  }
+};
 
 // Type guard to help with filtering arrays for nullish elements.
 function nonNullable(value) {
@@ -208,6 +242,145 @@ function vitePluginI18nMessageCompilation() {
   };
 }
 
+// `application-shell-splitter` is deliberately absent. It is a root of the
+// same wave, but it alone is ~1.2MB (Nimbus/chakra bindings) and pulls a
+// further ~172KB `runtime` chunk, which would put ~1.5MB of high-priority
+// preload in parallel with the 2.3MB entry that is the real critical path.
+// Preloading it is a separate decision that needs a throttled measurement.
+//
+// When adding, renaming or removing a root here, update the assertion step in
+// `.github/workflows/main.yml` to match — it checks these names by hand, so a
+// drift makes CI pass or fail for the wrong reason.
+const DEFAULT_ROOTS = ['navbar', 'project-container', 'user-settings-menu', 'use-applications-menu', 'requests-in-flight-loader'];
+/**
+ * Resolves each root to its emitted chunk, then follows static `imports`
+ * transitively. The transitive walk is load-bearing rather than an
+ * optimisation: a browser is only guaranteed to preload dependencies that are
+ * listed individually, so preloading a root without its imports leaves them
+ * one round trip behind.
+ */
+function resolveShellChunks(bundle, roots) {
+  var _context, _context4;
+  const chunks = _filterInstanceProperty__default["default"](_context = _Object$values__default["default"](bundle)).call(_context, entry => entry.type === 'chunk');
+  const byFileName = new _Map__default["default"](_mapInstanceProperty__default["default"](chunks).call(chunks, chunk => [chunk.fileName, chunk]));
+  const fileNames = new _Set__default["default"]();
+  const matchedRoots = [];
+  const missingRoots = [];
+  const visit = chunk => {
+    var _context2;
+    if (fileNames.has(chunk.fileName)) return;
+    fileNames.add(chunk.fileName);
+    _forEachInstanceProperty__default["default"](_context2 = chunk.imports).call(_context2, imported => {
+      const next = byFileName.get(imported);
+      if (next) visit(next);
+    });
+  };
+  _forEachInstanceProperty__default["default"](roots).call(roots, root => {
+    // Prefix, not exact: Rollup suffixes chunk names it has to disambiguate,
+    // so `navbar` has to match `navbar2`. The cost is that an app's own chunk
+    // named `navbar-…` would be preloaded too — a few KB of wasted hint on a
+    // page that is about to load the real navbar anyway.
+    const hits = _filterInstanceProperty__default["default"](chunks).call(chunks, chunk => {
+      var _context3;
+      return _startsWithInstanceProperty__default["default"](_context3 = chunk.name).call(_context3, root);
+    });
+    if (hits.length === 0) {
+      missingRoots.push(root);
+      return;
+    }
+    matchedRoots.push(root);
+    _forEachInstanceProperty__default["default"](hits).call(hits, visit);
+  });
+  return {
+    fileNames: _sortInstanceProperty__default["default"](_context4 = [...fileNames]).call(_context4),
+    matchedRoots,
+    missingRoots
+  };
+}
+
+/**
+ * Emits `<link rel="modulepreload">` for the authenticated shell chunk graph,
+ * so those chunks are fetched alongside the entry instead of waiting for it to
+ * execute and discover them.
+ *
+ * Works through `build.modulePreload.resolveDependencies` rather than by
+ * injecting tags directly. That hook renders its return value through
+ * `renderBuiltUrl`, which is what applies the `__CDN_URL__` prefix; tags a
+ * `transformIndexHtml` hook creates are emitted verbatim and would ship
+ * without it.
+ */
+function pluginModulePreloadShellChunks() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const roots = options.roots ?? DEFAULT_ROOTS;
+  const onMissing = options.onMissing ?? 'warn';
+  let resolved = null;
+  let hasWarnedAboutOrdering = false;
+  return {
+    name: 'vite-plugin-modulepreload-shell-chunks',
+    apply: 'build',
+    config(config) {
+      // Vite's config merge would turn an explicit `false` back into an
+      // object, silently re-enabling preloading the consumer switched off.
+      if (config.build?.modulePreload === false) return;
+      return {
+        build: {
+          modulePreload: {
+            resolveDependencies: (url, deps, _ref) => {
+              let hostType = _ref.hostType;
+              // Vite calls this once for the entry HTML and once per dynamic
+              // import. Appending for `js` too would bake the shell graph into
+              // every `__vitePreload` dependency array in the bundle.
+              if (hostType !== 'html') return deps;
+
+              // Reaching the HTML host with nothing resolved means
+              // `generateBundle` has not run yet, i.e. the plugin ordering
+              // below inverted. Every hint would silently disappear, so say
+              // so. `console.warn` rather than `this.warn`: this is a plain
+              // callback in the returned config, not a Rollup plugin hook,
+              // so there is no plugin context here.
+              if (!resolved) {
+                if (!hasWarnedAboutOrdering) {
+                  hasWarnedAboutOrdering = true;
+                  // eslint-disable-next-line no-console
+                  console.warn(`vite-plugin-modulepreload-shell-chunks: the entry HTML ` + `asked for its preload dependencies before the bundle ` + `was analysed, so no shell chunks were preloaded. This ` + `plugin relies on its \`generateBundle\` running before ` + `\`vite:build-html\`'s, which is Vite-internal ordering ` + `— a Vite upgrade may have changed it.`);
+                }
+                return deps;
+              }
+              const merged = new _Set__default["default"]([...deps, ...resolved.fileNames]);
+              // Every shell chunk statically imports the entry, because
+              // Rollup co-locates all shared static code there. Preloading it
+              // would duplicate the entry's own `<script type="module">`.
+              merged.delete(url);
+              return [...merged];
+            }
+          }
+        }
+      };
+    },
+    // Expected to run before `vite:build-html`'s own `generateBundle`, which
+    // is where `resolveDependencies` is invoked. That ordering is internal to
+    // Vite rather than a contract, so the hook above warns instead of
+    // assuming it held.
+    generateBundle(_options, bundle) {
+      resolved = resolveShellChunks(bundle, roots);
+
+      // A partial match is the signal that a chunk moved: the shell is present
+      // but one name no longer resolves. Resolving nothing at all is not that
+      // signal, so it stays silent rather than failing a build whose entry
+      // never reaches these modules.
+      if (resolved.missingRoots.length === 0 || resolved.matchedRoots.length === 0) {
+        return;
+      }
+      const message = `vite-plugin-modulepreload-shell-chunks: expected shell chunks were ` + `not emitted: ${resolved.missingRoots.join(', ')}.\n` + `Other shell chunks resolved (${resolved.matchedRoots.join(', ')}), so these were likely renamed or re-split rather than ` + `legitimately absent. Those modules are no longer preloaded, so the ` + `page still works but loads them a round trip later.`;
+      if (onMissing === 'error') {
+        this.error(message);
+      } else {
+        this.warn(message);
+      }
+    }
+  };
+}
+
 /**
  * Only a candidate filter: which links are actually rewritten is decided by
  * matching `href` against the CSS assets Vite really emitted (see
@@ -277,7 +450,7 @@ function pluginPostCleanup(options) {
           cwd: outputDir
         });
         for (const file of files) {
-          const filePath = path__default["default"].join(outputDir, file);
+          const filePath = path__default$1["default"].join(outputDir, file);
           try {
             fs__default["default"].unlinkSync(filePath);
             totalFilesDeleted++;
@@ -308,7 +481,7 @@ async function run() {
   });
 
   // Generate `index.html` (template).
-  const appEntryPoint = path__default$1["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
+  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.
@@ -318,6 +491,10 @@ async function run() {
   fs__default$1["default"].writeFileSync(paths.paths.appIndexHtml, html, {
     encoding: 'utf8'
   });
+
+  // Resolved once here rather than inside the plugin list, which is built
+  // synchronously. Only reads which config file is present.
+  const isCustomViewBuild = await isCustomView();
   await vite.build({
     root: paths.paths.appRoot,
     base: './',
@@ -407,7 +584,14 @@ async function run() {
     // Fail the build if the emitted chunk graph contains circular imports.
     // Chunk cycles are silent at build time but crash at runtime with TDZ
     // errors (historical "aM is undefined" from the icons/app-shell split).
-    pluginChunkCycleCheck(), shouldAnalyze && viteBundleAnalyzer.analyzer(analyzeOutput ? {
+    pluginChunkCycleCheck(),
+    // Custom Views import from the same package, so their builds emit these
+    // chunks and would carry ~128KB of preload hints for a navbar and
+    // project container `CustomViewShell` never renders. Decided from which
+    // config file is present: `getConfigPath` only resolves a path, and
+    // `loadConfig` rejects a project carrying both, so the two cases cannot
+    // overlap and this stays cheap enough for a build-time decision.
+    !isCustomViewBuild && pluginModulePreloadShellChunks(), shouldAnalyze && viteBundleAnalyzer.analyzer(analyzeOutput ? {
       analyzerMode: 'json',
       defaultSizes: 'stat',
       fileName: analyzeOutput
@@ -426,12 +610,12 @@ async function run() {
   // 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$1["default"].join(paths.paths.appBuild, 'public/index.html'), paths.paths.appIndexHtmlTemplate);
+  path__default["default"].join(paths.paths.appBuild, 'public/index.html'), paths.paths.appIndexHtmlTemplate);
   // Clean up nested folder
-  fs__default$1["default"].rmdirSync(path__default$1["default"].join(paths.paths.appBuild, 'public'));
+  fs__default$1["default"].rmdirSync(path__default["default"].join(paths.paths.appBuild, 'public'));
 
   // Copy public assets
-  fs__default$1["default"].copySync(path__default$1["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+  fs__default$1["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
     dereference: true
   });
 }

package/dist/commercetools-frontend-mc-scripts.cjs.dev.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vendorsToTranspile = require('./vendors-to-transpile-6ab4ea06.cjs.dev.js');
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "27.12.0";
+var version = "27.13.0";
 
 // These exports are deprecated.
 

package/dist/commercetools-frontend-mc-scripts.cjs.prod.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vendorsToTranspile = require('./vendors-to-transpile-04a49d40.cjs.prod.js');
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "27.12.0";
+var version = "27.13.0";
 
 // These exports are deprecated.
 

package/dist/commercetools-frontend-mc-scripts.esm.js

@@ -1,7 +1,7 @@
 export { v as vendorsToTranspile } from './vendors-to-transpile-7dc84a72.esm.js';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "27.12.0";
+var version = "27.13.0";
 
 // These exports are deprecated.
 

package/dist/{config-sync-e95f4b01.cjs.prod.js → config-sync-4d2d7d71.cjs.prod.js}

@@ -7,9 +7,9 @@ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var chalk = require('chalk');
 var prompts = require('prompts');
 var applicationConfig = require('@commercetools-frontend/application-config');
-var configSyncHelpers = require('./config-sync-helpers-a24fc76b.cjs.prod.js');
+var configSyncHelpers = require('./config-sync-helpers-ab74b949.cjs.prod.js');
 var credentialsStorage$1 = require('./credentials-storage-ea1c16dc.cjs.prod.js');
-var graphqlRequests = require('./graphql-requests-0f5e76bf.cjs.prod.js');
+var graphqlRequests = require('./graphql-requests-7ca459c8.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 require('lodash/omit');
 require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -36,7 +36,7 @@ require('graphql');
 require('graphql-request');
 require('@commercetools-frontend/constants');
 require('@commercetools/http-user-agent');
-require('./package-2ce7d094.cjs.prod.js');
+require('./package-d1a1140f.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{config-sync-8eab0a7a.esm.js → config-sync-593781fd.esm.js}

@@ -5,9 +5,9 @@ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/insta
 import chalk from 'chalk';
 import prompts from 'prompts';
 import { processConfig } from '@commercetools-frontend/application-config';
-import { i as isCustomViewData, c as checkCustomApplicationStatus, p as performCreateCustomApplication, a as performUpdateCustomApplication, b as checkCustomViewStatus, d as performCreateCustomView, e as performUpdateCustomView } from './config-sync-helpers-e3387197.esm.js';
+import { i as isCustomViewData, c as checkCustomApplicationStatus, p as performCreateCustomApplication, a as performUpdateCustomApplication, b as checkCustomViewStatus, d as performCreateCustomView, e as performUpdateCustomView } from './config-sync-helpers-649b6c87.esm.js';
 import { C as CredentialsStorage } from './credentials-storage-67deadc3.esm.js';
-import { f as fetchUserOrganizations } from './graphql-requests-94a1fb99.esm.js';
+import { f as fetchUserOrganizations } from './graphql-requests-e034376f.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import 'lodash/omit';
 import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -34,7 +34,7 @@ import 'graphql';
 import 'graphql-request';
 import '@commercetools-frontend/constants';
 import '@commercetools/http-user-agent';
-import './package-cdfe3e2e.esm.js';
+import './package-b717bf0d.esm.js';
 
 const credentialsStorage = new CredentialsStorage();
 async function promptForOrganization(_ref) {