@commercetools-frontend/mc-scripts 27.9.6 → 27.10.0

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

@@ -10,7 +10,7 @@ var path = require('path');
 var commander = require('commander');
 var dotenv = require('dotenv');
 var dotenvExpand = require('dotenv-expand');
-var _package = require('../../dist/package-2b40cba1.cjs.dev.js');
+var _package = require('../../dist/package-fe66e14b.cjs.dev.js');
 var doesFileExist = require('../../dist/does-file-exist-eb86baca.cjs.dev.js');
 require('node:fs');
 
@@ -72,7 +72,7 @@ async function run() {
       console.log('Experimental Vite bundler enabled! 🚀');
       console.log('');
     }
-    const startCommand = shouldUseExperimentalBundler ? await Promise.resolve().then(function () { return require('../../dist/start-vite-698c9e82.cjs.dev.js'); }) : await Promise.resolve().then(function () { return require('../../dist/start-01222882.cjs.dev.js'); });
+    const startCommand = shouldUseExperimentalBundler ? await Promise.resolve().then(function () { return require('../../dist/start-vite-698c9e82.cjs.dev.js'); }) : await Promise.resolve().then(function () { return require('../../dist/start-fb605a87.cjs.dev.js'); });
     await startCommand.default();
   });
 
@@ -91,7 +91,7 @@ async function run() {
       console.log('Experimental Vite bundler enabled! 🚀');
       console.log('');
     }
-    const buildCommand = shouldUseExperimentalBundler ? await Promise.resolve().then(function () { return require('../../dist/build-vite-e4eeb1a3.cjs.dev.js'); }) : await Promise.resolve().then(function () { return require('../../dist/build-b2996bd2.cjs.dev.js'); });
+    const buildCommand = shouldUseExperimentalBundler ? await Promise.resolve().then(function () { return require('../../dist/build-vite-dfe4ce01.cjs.dev.js'); }) : await Promise.resolve().then(function () { return require('../../dist/build-d42e183f.cjs.dev.js'); });
     await buildCommand.default();
     const shouldAlsoCompile = !options.buildOnly;
     if (shouldAlsoCompile) {
@@ -157,7 +157,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const loginCommand = await Promise.resolve().then(function () { return require('../../dist/login-0cbbf684.cjs.dev.js'); });
+    const loginCommand = await Promise.resolve().then(function () { return require('../../dist/login-6c9e6ca4.cjs.dev.js'); });
     await loginCommand.default(options);
   });
 
@@ -171,7 +171,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const configSyncCommand = await Promise.resolve().then(function () { return require('../../dist/config-sync-73e5f8cd.cjs.dev.js'); });
+    const configSyncCommand = await Promise.resolve().then(function () { return require('../../dist/config-sync-725a610b.cjs.dev.js'); });
     await configSyncCommand.default(options);
   });
 
@@ -184,7 +184,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const configSyncCICommand = await Promise.resolve().then(function () { return require('../../dist/config-sync-ci-3c003863.cjs.dev.js'); });
+    const configSyncCICommand = await Promise.resolve().then(function () { return require('../../dist/config-sync-ci-ae603bb0.cjs.dev.js'); });
     await configSyncCICommand.default(options);
   });
 
@@ -198,7 +198,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const deploymentsSetCommand = await Promise.resolve().then(function () { return require('../../dist/deployment-previews-set-7305914f.cjs.dev.js'); });
+    const deploymentsSetCommand = await Promise.resolve().then(function () { return require('../../dist/deployment-previews-set-9632a214.cjs.dev.js'); });
     await deploymentsSetCommand.default(options);
   });
   commander.program.parse();

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

@@ -10,7 +10,7 @@ var path = require('path');
 var commander = require('commander');
 var dotenv = require('dotenv');
 var dotenvExpand = require('dotenv-expand');
-var _package = require('../../dist/package-27562b4c.cjs.prod.js');
+var _package = require('../../dist/package-41934c27.cjs.prod.js');
 var doesFileExist = require('../../dist/does-file-exist-be53305d.cjs.prod.js');
 require('node:fs');
 
@@ -72,7 +72,7 @@ async function run() {
       console.log('Experimental Vite bundler enabled! 🚀');
       console.log('');
     }
-    const startCommand = shouldUseExperimentalBundler ? await Promise.resolve().then(function () { return require('../../dist/start-vite-dd8a1e26.cjs.prod.js'); }) : await Promise.resolve().then(function () { return require('../../dist/start-392a2c28.cjs.prod.js'); });
+    const startCommand = shouldUseExperimentalBundler ? await Promise.resolve().then(function () { return require('../../dist/start-vite-dd8a1e26.cjs.prod.js'); }) : await Promise.resolve().then(function () { return require('../../dist/start-8098feca.cjs.prod.js'); });
     await startCommand.default();
   });
 
@@ -91,7 +91,7 @@ async function run() {
       console.log('Experimental Vite bundler enabled! 🚀');
       console.log('');
     }
-    const buildCommand = shouldUseExperimentalBundler ? await Promise.resolve().then(function () { return require('../../dist/build-vite-377f721f.cjs.prod.js'); }) : await Promise.resolve().then(function () { return require('../../dist/build-73d1b30a.cjs.prod.js'); });
+    const buildCommand = shouldUseExperimentalBundler ? await Promise.resolve().then(function () { return require('../../dist/build-vite-0b37a521.cjs.prod.js'); }) : await Promise.resolve().then(function () { return require('../../dist/build-4d0acb04.cjs.prod.js'); });
     await buildCommand.default();
     const shouldAlsoCompile = !options.buildOnly;
     if (shouldAlsoCompile) {
@@ -157,7 +157,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const loginCommand = await Promise.resolve().then(function () { return require('../../dist/login-2adaca14.cjs.prod.js'); });
+    const loginCommand = await Promise.resolve().then(function () { return require('../../dist/login-c3a26054.cjs.prod.js'); });
     await loginCommand.default(options);
   });
 
@@ -171,7 +171,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const configSyncCommand = await Promise.resolve().then(function () { return require('../../dist/config-sync-405e8cad.cjs.prod.js'); });
+    const configSyncCommand = await Promise.resolve().then(function () { return require('../../dist/config-sync-b136a872.cjs.prod.js'); });
     await configSyncCommand.default(options);
   });
 
@@ -184,7 +184,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const configSyncCICommand = await Promise.resolve().then(function () { return require('../../dist/config-sync-ci-96ffeb0c.cjs.prod.js'); });
+    const configSyncCICommand = await Promise.resolve().then(function () { return require('../../dist/config-sync-ci-ec4ece11.cjs.prod.js'); });
     await configSyncCICommand.default(options);
   });
 
@@ -198,7 +198,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const deploymentsSetCommand = await Promise.resolve().then(function () { return require('../../dist/deployment-previews-set-77470ae4.cjs.prod.js'); });
+    const deploymentsSetCommand = await Promise.resolve().then(function () { return require('../../dist/deployment-previews-set-654750b1.cjs.prod.js'); });
     await deploymentsSetCommand.default(options);
   });
   commander.program.parse();

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

@@ -6,7 +6,7 @@ import path from 'path';
 import { program } from 'commander';
 import dotenv from 'dotenv';
 import dotenvExpand from 'dotenv-expand';
-import { p as pkgJson } from '../../dist/package-ddfc2379.esm.js';
+import { p as pkgJson } from '../../dist/package-19604f26.esm.js';
 import { d as doesFileExist } from '../../dist/does-file-exist-32618334.esm.js';
 import 'node:fs';
 
@@ -40,7 +40,7 @@ async function run() {
       console.log('Experimental Vite bundler enabled! 🚀');
       console.log('');
     }
-    const startCommand = shouldUseExperimentalBundler ? await import('../../dist/start-vite-4b0df191.esm.js') : await import('../../dist/start-20aaf669.esm.js');
+    const startCommand = shouldUseExperimentalBundler ? await import('../../dist/start-vite-4b0df191.esm.js') : await import('../../dist/start-81f19f98.esm.js');
     await startCommand.default();
   });
 
@@ -59,7 +59,7 @@ async function run() {
       console.log('Experimental Vite bundler enabled! 🚀');
       console.log('');
     }
-    const buildCommand = shouldUseExperimentalBundler ? await import('../../dist/build-vite-2ea8a241.esm.js') : await import('../../dist/build-3f0ab974.esm.js');
+    const buildCommand = shouldUseExperimentalBundler ? await import('../../dist/build-vite-782c1634.esm.js') : await import('../../dist/build-59481cb8.esm.js');
     await buildCommand.default();
     const shouldAlsoCompile = !options.buildOnly;
     if (shouldAlsoCompile) {
@@ -125,7 +125,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const loginCommand = await import('../../dist/login-87541705.esm.js');
+    const loginCommand = await import('../../dist/login-fd730e9f.esm.js');
     await loginCommand.default(options);
   });
 
@@ -139,7 +139,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const configSyncCommand = await import('../../dist/config-sync-3a9f7388.esm.js');
+    const configSyncCommand = await import('../../dist/config-sync-a0fbcc7b.esm.js');
     await configSyncCommand.default(options);
   });
 
@@ -152,7 +152,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const configSyncCICommand = await import('../../dist/config-sync-ci-e0575324.esm.js');
+    const configSyncCICommand = await import('../../dist/config-sync-ci-3ef68289.esm.js');
     await configSyncCICommand.default(options);
   });
 
@@ -166,7 +166,7 @@ async function run() {
 
     // Do this as the first thing so that any code reading it knows the right env.
     process.env.NODE_ENV = 'production';
-    const deploymentsSetCommand = await import('../../dist/deployment-previews-set-62483d21.esm.js');
+    const deploymentsSetCommand = await import('../../dist/deployment-previews-set-d9c1a198.esm.js');
     await deploymentsSetCommand.default(options);
   });
   program.parse();

package/dist/{build-73d1b30a.cjs.prod.js → build-4d0acb04.cjs.prod.js}

@@ -10,7 +10,7 @@ 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-ce0a4730.cjs.prod.js');
+var createWebpackConfigForProduction = require('./create-webpack-config-for-production-8d271aa8.cjs.prod.js');
 var paths = require('./paths-7768b440.cjs.prod.js');
 var doesFileExist = require('./does-file-exist-be53305d.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/keys');
@@ -41,9 +41,9 @@ 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-72de84c3.cjs.prod.js');
+require('./create-postcss-config-55b02771.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-27562b4c.cjs.prod.js');
+require('./package-41934c27.cjs.prod.js');
 require('./optimizations-da5a0cfa.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');

package/dist/{build-3f0ab974.esm.js → build-59481cb8.esm.js}

@@ -8,7 +8,7 @@ import formatWebpackMessages from 'react-dev-utils/formatWebpackMessages';
 import printBuildError from 'react-dev-utils/printBuildError';
 import webpack from 'webpack';
 import { packageLocation } from '@commercetools-frontend/assets';
-import { c as createWebpackConfigForProduction } from './create-webpack-config-for-production-8ca3f79b.esm.js';
+import { c as createWebpackConfigForProduction } from './create-webpack-config-for-production-bfa24d34.esm.js';
 import { p as paths } from './paths-39f22b8b.esm.js';
 import { d as doesFileExist } from './does-file-exist-32618334.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/keys';
@@ -39,9 +39,9 @@ import '@babel/runtime-corejs3/core-js-stable/instance/bind';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import '@babel/runtime-corejs3/core-js-stable/object/assign';
 import 'fs';
-import './create-postcss-config-589ab552.esm.js';
+import './create-postcss-config-aa23d79b.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import './package-ddfc2379.esm.js';
+import './package-19604f26.esm.js';
 import './optimizations-54382f7b.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';

package/dist/{build-b2996bd2.cjs.dev.js → build-d42e183f.cjs.dev.js}

@@ -10,7 +10,7 @@ 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-bfffea63.cjs.dev.js');
+var createWebpackConfigForProduction = require('./create-webpack-config-for-production-3b44ca40.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');
@@ -41,9 +41,9 @@ 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-ae2052ca.cjs.dev.js');
+require('./create-postcss-config-80d0820a.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-2b40cba1.cjs.dev.js');
+require('./package-fe66e14b.cjs.dev.js');
 require('./optimizations-56be74d6.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');

package/dist/{build-vite-377f721f.cjs.prod.js → build-vite-0b37a521.cjs.prod.js}

@@ -26,6 +26,9 @@ 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 _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 glob = require('glob');
@@ -57,6 +60,9 @@ 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 _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);
 
@@ -202,6 +208,56 @@ function vitePluginI18nMessageCompilation() {
   };
 }
 
+/**
+ * Only a candidate filter: which links are actually rewritten is decided by
+ * matching `href` against the CSS assets Vite really emitted (see
+ * `transformIndexHtml`). That check matters, because the built HTML also
+ * carries stylesheet links this plugin must never touch -- the Inter/Nimbus
+ * font link and the `<noscript>` Open Sans fallback -- which would otherwise
+ * gain `data-mc-css` and start gating app reveal on a third-party request.
+ */
+const STYLESHEET_LINK_RE = /<link\b[^>]*\brel="stylesheet"[^>]*>/g;
+const REL_STYLESHEET_RE = /\brel="stylesheet"/;
+const HREF_RE = /\bhref="([^"]*)"/;
+
+/**
+ * Rewrites Vite's render-blocking stylesheet links into preloads marked
+ * `data-mc-css`. `loading-screen.js` upgrades them back once loaded and gates
+ * `window.onAppLoaded()` on them so the app is never revealed unstyled.
+ */
+function pluginNonBlockingCss() {
+  return {
+    name: 'vite-plugin-non-blocking-css',
+    apply: 'build',
+    // No `enforce`: this must run after Vite's own `vite:build-html`, which
+    // injects the stylesheet tags during `generateBundle` and only then applies
+    // the normal- and post-order `transformIndexHtml` hooks.
+    transformIndexHtml(html, ctx) {
+      var _context;
+      // `ctx.bundle` is only set for the build, not the dev server.
+      if (!ctx.bundle) {
+        return html;
+      }
+
+      // Only rewrite links pointing at CSS this build actually emitted. Anything
+      // else in the template -- fonts, the noscript fallback, icons -- is left
+      // exactly as authored.
+      const emittedCssFileNames = _filterInstanceProperty__default["default"](_context = _Object$keys__default["default"](ctx.bundle)).call(_context, fileName => _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.css'));
+      if (emittedCssFileNames.length === 0) {
+        return html;
+      }
+      return html.replace(STYLESHEET_LINK_RE, tag => {
+        const href = HREF_RE.exec(tag)?.[1];
+
+        // `endsWith` rather than equality: hrefs may carry the `__CDN_URL__`
+        // placeholder prefix from `experimental.renderBuiltUrl`.
+        const isEmittedCss = href ? _someInstanceProperty__default["default"](emittedCssFileNames).call(emittedCssFileNames, fileName => _endsWithInstanceProperty__default["default"](href).call(href, fileName)) : false;
+        return isEmittedCss ? tag.replace(REL_STYLESHEET_RE, 'rel="preload" as="style" data-mc-css') : tag;
+      });
+    }
+  };
+}
+
 /**
  * A simple Vite plugin to clean up files matching glob patterns after build.
  * Replaces `vite-plugin-post-cleanup` to avoid the `inflight` vulnerability
@@ -243,6 +299,8 @@ function pluginPostCleanup(options) {
 async function run() {
   var _context;
   const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001;
+  const analyzeOutput = process.env.ANALYZE_BUNDLE_OUTPUT;
+  const shouldAnalyze = process.env.ANALYZE_BUNDLE === 'true' || Boolean(analyzeOutput);
 
   // Ensure the `/public` folder exists.
   fs__default$1["default"].mkdirSync(paths.paths.appBuild, {
@@ -342,10 +400,18 @@ async function run() {
       patterns: ['*.react-*.svg'],
       verbose: true // logs the files that are removed
     }), vitePluginDynamicBaseAssetsGlobals(), vitePluginI18nMessageCompilation(),
+    // Rewrite Vite's render-blocking stylesheet links into preloads that
+    // `loading-screen.js` upgrades once loaded, so app CSS no longer blocks
+    // first paint. Must stay after Vite's own `vite:build-html`.
+    pluginNonBlockingCss(),
     // 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(), process.env.ANALYZE_BUNDLE === 'true' && viteBundleAnalyzer.analyzer({
+    pluginChunkCycleCheck(), shouldAnalyze && viteBundleAnalyzer.analyzer(analyzeOutput ? {
+      analyzerMode: 'json',
+      defaultSizes: 'stat',
+      fileName: analyzeOutput
+    } : {
       defaultSizes: 'stat',
       openAnalyzer: true
     }), process.env.ANALYZE_BUNDLE_TREE === 'true' && rollupPluginVisualizer.visualizer({

package/dist/{build-vite-2ea8a241.esm.js → build-vite-782c1634.esm.js}

@@ -24,6 +24,9 @@ import _sortInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instanc
 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 _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _endsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
+import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import fs from 'node:fs';
 import path from 'node:path';
 import { globSync } from 'glob';
@@ -179,6 +182,56 @@ function vitePluginI18nMessageCompilation() {
   };
 }
 
+/**
+ * Only a candidate filter: which links are actually rewritten is decided by
+ * matching `href` against the CSS assets Vite really emitted (see
+ * `transformIndexHtml`). That check matters, because the built HTML also
+ * carries stylesheet links this plugin must never touch -- the Inter/Nimbus
+ * font link and the `<noscript>` Open Sans fallback -- which would otherwise
+ * gain `data-mc-css` and start gating app reveal on a third-party request.
+ */
+const STYLESHEET_LINK_RE = /<link\b[^>]*\brel="stylesheet"[^>]*>/g;
+const REL_STYLESHEET_RE = /\brel="stylesheet"/;
+const HREF_RE = /\bhref="([^"]*)"/;
+
+/**
+ * Rewrites Vite's render-blocking stylesheet links into preloads marked
+ * `data-mc-css`. `loading-screen.js` upgrades them back once loaded and gates
+ * `window.onAppLoaded()` on them so the app is never revealed unstyled.
+ */
+function pluginNonBlockingCss() {
+  return {
+    name: 'vite-plugin-non-blocking-css',
+    apply: 'build',
+    // No `enforce`: this must run after Vite's own `vite:build-html`, which
+    // injects the stylesheet tags during `generateBundle` and only then applies
+    // the normal- and post-order `transformIndexHtml` hooks.
+    transformIndexHtml(html, ctx) {
+      var _context;
+      // `ctx.bundle` is only set for the build, not the dev server.
+      if (!ctx.bundle) {
+        return html;
+      }
+
+      // Only rewrite links pointing at CSS this build actually emitted. Anything
+      // else in the template -- fonts, the noscript fallback, icons -- is left
+      // exactly as authored.
+      const emittedCssFileNames = _filterInstanceProperty(_context = _Object$keys(ctx.bundle)).call(_context, fileName => _endsWithInstanceProperty(fileName).call(fileName, '.css'));
+      if (emittedCssFileNames.length === 0) {
+        return html;
+      }
+      return html.replace(STYLESHEET_LINK_RE, tag => {
+        const href = HREF_RE.exec(tag)?.[1];
+
+        // `endsWith` rather than equality: hrefs may carry the `__CDN_URL__`
+        // placeholder prefix from `experimental.renderBuiltUrl`.
+        const isEmittedCss = href ? _someInstanceProperty(emittedCssFileNames).call(emittedCssFileNames, fileName => _endsWithInstanceProperty(href).call(href, fileName)) : false;
+        return isEmittedCss ? tag.replace(REL_STYLESHEET_RE, 'rel="preload" as="style" data-mc-css') : tag;
+      });
+    }
+  };
+}
+
 /**
  * A simple Vite plugin to clean up files matching glob patterns after build.
  * Replaces `vite-plugin-post-cleanup` to avoid the `inflight` vulnerability
@@ -220,6 +273,8 @@ function pluginPostCleanup(options) {
 async function run() {
   var _context;
   const DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001;
+  const analyzeOutput = process.env.ANALYZE_BUNDLE_OUTPUT;
+  const shouldAnalyze = process.env.ANALYZE_BUNDLE === 'true' || Boolean(analyzeOutput);
 
   // Ensure the `/public` folder exists.
   fs$1.mkdirSync(paths.appBuild, {
@@ -319,10 +374,18 @@ async function run() {
       patterns: ['*.react-*.svg'],
       verbose: true // logs the files that are removed
     }), vitePluginDynamicBaseAssetsGlobals(), vitePluginI18nMessageCompilation(),
+    // Rewrite Vite's render-blocking stylesheet links into preloads that
+    // `loading-screen.js` upgrades once loaded, so app CSS no longer blocks
+    // first paint. Must stay after Vite's own `vite:build-html`.
+    pluginNonBlockingCss(),
     // 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(), process.env.ANALYZE_BUNDLE === 'true' && analyzer({
+    pluginChunkCycleCheck(), shouldAnalyze && analyzer(analyzeOutput ? {
+      analyzerMode: 'json',
+      defaultSizes: 'stat',
+      fileName: analyzeOutput
+    } : {
       defaultSizes: 'stat',
       openAnalyzer: true
     }), process.env.ANALYZE_BUNDLE_TREE === 'true' && visualizer({

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

@@ -26,6 +26,9 @@ 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 _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 glob = require('glob');
@@ -57,6 +60,9 @@ 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 _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);
 
@@ -202,6 +208,56 @@ function vitePluginI18nMessageCompilation() {
   };
 }
 
+/**
+ * Only a candidate filter: which links are actually rewritten is decided by
+ * matching `href` against the CSS assets Vite really emitted (see
+ * `transformIndexHtml`). That check matters, because the built HTML also
+ * carries stylesheet links this plugin must never touch -- the Inter/Nimbus
+ * font link and the `<noscript>` Open Sans fallback -- which would otherwise
+ * gain `data-mc-css` and start gating app reveal on a third-party request.
+ */
+const STYLESHEET_LINK_RE = /<link\b[^>]*\brel="stylesheet"[^>]*>/g;
+const REL_STYLESHEET_RE = /\brel="stylesheet"/;
+const HREF_RE = /\bhref="([^"]*)"/;
+
+/**
+ * Rewrites Vite's render-blocking stylesheet links into preloads marked
+ * `data-mc-css`. `loading-screen.js` upgrades them back once loaded and gates
+ * `window.onAppLoaded()` on them so the app is never revealed unstyled.
+ */
+function pluginNonBlockingCss() {
+  return {
+    name: 'vite-plugin-non-blocking-css',
+    apply: 'build',
+    // No `enforce`: this must run after Vite's own `vite:build-html`, which
+    // injects the stylesheet tags during `generateBundle` and only then applies
+    // the normal- and post-order `transformIndexHtml` hooks.
+    transformIndexHtml(html, ctx) {
+      var _context;
+      // `ctx.bundle` is only set for the build, not the dev server.
+      if (!ctx.bundle) {
+        return html;
+      }
+
+      // Only rewrite links pointing at CSS this build actually emitted. Anything
+      // else in the template -- fonts, the noscript fallback, icons -- is left
+      // exactly as authored.
+      const emittedCssFileNames = _filterInstanceProperty__default["default"](_context = _Object$keys__default["default"](ctx.bundle)).call(_context, fileName => _endsWithInstanceProperty__default["default"](fileName).call(fileName, '.css'));
+      if (emittedCssFileNames.length === 0) {
+        return html;
+      }
+      return html.replace(STYLESHEET_LINK_RE, tag => {
+        const href = HREF_RE.exec(tag)?.[1];
+
+        // `endsWith` rather than equality: hrefs may carry the `__CDN_URL__`
+        // placeholder prefix from `experimental.renderBuiltUrl`.
+        const isEmittedCss = href ? _someInstanceProperty__default["default"](emittedCssFileNames).call(emittedCssFileNames, fileName => _endsWithInstanceProperty__default["default"](href).call(href, fileName)) : false;
+        return isEmittedCss ? tag.replace(REL_STYLESHEET_RE, 'rel="preload" as="style" data-mc-css') : tag;
+      });
+    }
+  };
+}
+
 /**
  * A simple Vite plugin to clean up files matching glob patterns after build.
  * Replaces `vite-plugin-post-cleanup` to avoid the `inflight` vulnerability
@@ -243,6 +299,8 @@ function pluginPostCleanup(options) {
 async function run() {
   var _context;
   const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001;
+  const analyzeOutput = process.env.ANALYZE_BUNDLE_OUTPUT;
+  const shouldAnalyze = process.env.ANALYZE_BUNDLE === 'true' || Boolean(analyzeOutput);
 
   // Ensure the `/public` folder exists.
   fs__default$1["default"].mkdirSync(paths.paths.appBuild, {
@@ -342,10 +400,18 @@ async function run() {
       patterns: ['*.react-*.svg'],
       verbose: true // logs the files that are removed
     }), vitePluginDynamicBaseAssetsGlobals(), vitePluginI18nMessageCompilation(),
+    // Rewrite Vite's render-blocking stylesheet links into preloads that
+    // `loading-screen.js` upgrades once loaded, so app CSS no longer blocks
+    // first paint. Must stay after Vite's own `vite:build-html`.
+    pluginNonBlockingCss(),
     // 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(), process.env.ANALYZE_BUNDLE === 'true' && viteBundleAnalyzer.analyzer({
+    pluginChunkCycleCheck(), shouldAnalyze && viteBundleAnalyzer.analyzer(analyzeOutput ? {
+      analyzerMode: 'json',
+      defaultSizes: 'stat',
+      fileName: analyzeOutput
+    } : {
       defaultSizes: 'stat',
       openAnalyzer: true
     }), process.env.ANALYZE_BUNDLE_TREE === 'true' && rollupPluginVisualizer.visualizer({

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.9.6";
+var version = "27.10.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.9.6";
+var version = "27.10.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.9.6";
+var version = "27.10.0";
 
 // These exports are deprecated.
 

package/dist/{config-sync-73e5f8cd.cjs.dev.js → config-sync-725a610b.cjs.dev.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-2c4435e3.cjs.dev.js');
+var configSyncHelpers = require('./config-sync-helpers-d54c236e.cjs.dev.js');
 var credentialsStorage$1 = require('./credentials-storage-fd195144.cjs.dev.js');
-var graphqlRequests = require('./graphql-requests-29d4af29.cjs.dev.js');
+var graphqlRequests = require('./graphql-requests-989848b0.cjs.dev.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-2b40cba1.cjs.dev.js');
+require('./package-fe66e14b.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/dist/{config-sync-3a9f7388.esm.js → config-sync-a0fbcc7b.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-a9017692.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-e5428026.esm.js';
 import { C as CredentialsStorage } from './credentials-storage-67deadc3.esm.js';
-import { f as fetchUserOrganizations } from './graphql-requests-5120d009.esm.js';
+import { f as fetchUserOrganizations } from './graphql-requests-86edba25.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-ddfc2379.esm.js';
+import './package-19604f26.esm.js';
 
 const credentialsStorage = new CredentialsStorage();
 async function promptForOrganization(_ref) {