@commercetools-frontend/mc-scripts 21.8.1 → 21.11.0

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

@@ -13,7 +13,7 @@ var path = require('path');
 var cac = require('cac');
 var dotenv = require('dotenv');
 var dotenvExpand = require('dotenv-expand');
-var _package = require('../../dist/package-8a5733b4.cjs.dev.js');
+var _package = require('../../dist/package-47f66a69.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -37,15 +37,14 @@ process.on('unhandledRejection', function (err) {
 var applicationDirectory = fs__default["default"].realpathSync(process.cwd());
 
 var run = function run() {
-  cli.help();
-  cli.version(_package.pkgJson.version);
   cli.option('--env <path>', "(optional) Parses the file path as a dotenv file and adds the variables to the environment. Multiple flags are allowed."); // Default command
 
-  cli.command('').action(function () {
+  cli.command('').usage('\n\n  Develop and build Custom Applications.').action(function () {
     cli.outputHelp();
   }); // Command: start
 
-  cli.command('start', 'Starts the application in development mode using Webpack Dev Server.').alias('dev').action( /*#__PURE__*/function () {
+  var usageStart = 'Starts the application in development mode using Webpack Dev Server.';
+  cli.command('start', usageStart).usage("\n\n  ".concat(usageStart)).alias('dev').action( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(options) {
       var shouldUseExperimentalBundler, startCommand;
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
@@ -71,7 +70,7 @@ var run = function run() {
               }
 
               _context.next = 8;
-              return Promise.resolve().then(function () { return require('../../dist/start-vite-737bacca.cjs.dev.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/start-vite-22de08dc.cjs.dev.js'); });
 
             case 8:
               _context.t0 = _context.sent;
@@ -80,7 +79,7 @@ var run = function run() {
 
             case 11:
               _context.next = 13;
-              return Promise.resolve().then(function () { return require('../../dist/start-dfef24e1.cjs.dev.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/start-65562171.cjs.dev.js'); });
 
             case 13:
               _context.t0 = _context.sent;
@@ -103,7 +102,8 @@ var run = function run() {
     };
   }()); // Command: build
 
-  cli.command('build', 'Bundles the application in production mode. Outputs a "public" folder.').option('--build-only', '(optional) If defined, the command only creates the production bundles without compiling the "index.html".', {
+  var usageBuild = 'Bundles the application in production mode. Outputs a "public" folder.';
+  cli.command('build', usageBuild).usage("\n\n  ".concat(usageBuild)).option('--build-only', '(optional) If defined, the command only creates the production bundles without compiling the "index.html".', {
     default: false
   }).action( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(options) {
@@ -122,7 +122,6 @@ var run = function run() {
 
               if (shouldUseExperimentalBundler) {
                 console.log('Experimental Vite bundler enabled! 🚀');
-                console.warn('NOTE that the "cdnURL" value is not supported at the moment when using Vite.');
                 console.log('');
               }
 
@@ -132,7 +131,7 @@ var run = function run() {
               }
 
               _context2.next = 8;
-              return Promise.resolve().then(function () { return require('../../dist/build-vite-6c987a60.cjs.dev.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/build-vite-3b82522e.cjs.dev.js'); });
 
             case 8:
               _context2.t0 = _context2.sent;
@@ -141,7 +140,7 @@ var run = function run() {
 
             case 11:
               _context2.next = 13;
-              return Promise.resolve().then(function () { return require('../../dist/build-3521a4f3.cjs.dev.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/build-5a0744fe.cjs.dev.js'); });
 
             case 13:
               _context2.t0 = _context2.sent;
@@ -183,7 +182,8 @@ var run = function run() {
     };
   }()); // Command: compile-html
 
-  cli.command('compile-html', 'Compiles "index.html.template" file into a "index.html" with all the required runtime configuration. The security headers are also compiled and injected into the "index.html".').option('--transformer <path>', '(optional) The path to a JS module that can be used to generate a configuration for a specific cloud provider (e.g. Vercel, Netlify).').option('--print-security-headers', '(optional) If defined, the compiled security headers are printed to stdout.', {
+  var usageCompileHtml = 'Compiles "index.html.template" file into a "index.html" with all the required runtime configuration. The security headers are also compiled and injected into the "index.html".';
+  cli.command('compile-html', usageCompileHtml).usage("\n\n  ".concat(usageCompileHtml)).option('--transformer <path>', '(optional) The path to a JS module that can be used to generate a configuration for a specific cloud provider (e.g. Vercel, Netlify).').option('--print-security-headers', '(optional) If defined, the compiled security headers are printed to stdout.', {
     default: false
   }).action( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(options) {
@@ -218,7 +218,8 @@ var run = function run() {
     };
   }()); // Command: serve
 
-  cli.command('serve', 'Serves previously built and compiled application from the "public" folder.').action( /*#__PURE__*/function () {
+  var usageServe = 'Serves previously built and compiled application from the "public" folder.';
+  cli.command('serve', usageServe).usage("\n\n  ".concat(usageServe)).action( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(options) {
       var serveCommand;
       return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
@@ -251,7 +252,8 @@ var run = function run() {
     };
   }()); // Command: login
 
-  cli.command('login', 'Log in to your Merchant Center account through the CLI, using the cloud environment information from the Custom Application config file. An API token is generated and stored in a configuration file for the related cloud environment, and valid for 36 hours.').action( /*#__PURE__*/function () {
+  var usageLogin = 'Log in to your Merchant Center account through the CLI, using the cloud environment information from the Custom Application config file. An API token is generated and stored in a configuration file for the related cloud environment, and valid for 36 hours.';
+  cli.command('login', usageLogin).usage("\n\n  ".concat(usageLogin)).action( /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(options) {
       var loginCommand;
       return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
@@ -264,7 +266,7 @@ var run = function run() {
 
               process.env.NODE_ENV = 'production';
               _context5.next = 4;
-              return Promise.resolve().then(function () { return require('../../dist/login-d1cbdeca.cjs.dev.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/login-f183d706.cjs.dev.js'); });
 
             case 4:
               loginCommand = _context5.sent;
@@ -284,7 +286,8 @@ var run = function run() {
     };
   }()); // Command: config:sync
 
-  cli.command('config:sync', 'Synchronizes the local Custom Application config with the Merchant Center. A new Custom Application will be created if none existed, otherwise it will be updated.').option('--dry-run', '(optional) Executes the command but does not send any mutation request.', {
+  var usageConfigSync = 'Synchronizes the local Custom Application config with the Merchant Center. A new Custom Application will be created if none existed, otherwise it will be updated.';
+  cli.command('config:sync', usageConfigSync).usage("\n\n  ".concat(usageConfigSync)).option('--dry-run', '(optional) Executes the command but does not send any mutation request.', {
     default: false
   }).action( /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(options) {
@@ -299,7 +302,7 @@ var run = function run() {
 
               process.env.NODE_ENV = 'production';
               _context6.next = 4;
-              return Promise.resolve().then(function () { return require('../../dist/config-sync-9540c47f.cjs.dev.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/config-sync-90d9f475.cjs.dev.js'); });
 
             case 4:
               configSyncCommand = _context6.sent;
@@ -318,6 +321,8 @@ var run = function run() {
       return _ref6.apply(this, arguments);
     };
   }());
+  cli.help();
+  cli.version(_package.pkgJson.version);
   cli.parse();
 }; // Load dotenv files into the process environment.
 // This is essentially what `dotenv-cli` does, but it's now built into this CLI.

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

@@ -13,7 +13,7 @@ var path = require('path');
 var cac = require('cac');
 var dotenv = require('dotenv');
 var dotenvExpand = require('dotenv-expand');
-var _package = require('../../dist/package-fab41a01.cjs.prod.js');
+var _package = require('../../dist/package-16806805.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -37,15 +37,14 @@ process.on('unhandledRejection', function (err) {
 var applicationDirectory = fs__default["default"].realpathSync(process.cwd());
 
 var run = function run() {
-  cli.help();
-  cli.version(_package.pkgJson.version);
   cli.option('--env <path>', "(optional) Parses the file path as a dotenv file and adds the variables to the environment. Multiple flags are allowed."); // Default command
 
-  cli.command('').action(function () {
+  cli.command('').usage('\n\n  Develop and build Custom Applications.').action(function () {
     cli.outputHelp();
   }); // Command: start
 
-  cli.command('start', 'Starts the application in development mode using Webpack Dev Server.').alias('dev').action( /*#__PURE__*/function () {
+  var usageStart = 'Starts the application in development mode using Webpack Dev Server.';
+  cli.command('start', usageStart).usage("\n\n  ".concat(usageStart)).alias('dev').action( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(options) {
       var shouldUseExperimentalBundler, startCommand;
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
@@ -71,7 +70,7 @@ var run = function run() {
               }
 
               _context.next = 8;
-              return Promise.resolve().then(function () { return require('../../dist/start-vite-b0f58ae4.cjs.prod.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/start-vite-fe13330b.cjs.prod.js'); });
 
             case 8:
               _context.t0 = _context.sent;
@@ -80,7 +79,7 @@ var run = function run() {
 
             case 11:
               _context.next = 13;
-              return Promise.resolve().then(function () { return require('../../dist/start-086879f3.cjs.prod.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/start-b4c252fa.cjs.prod.js'); });
 
             case 13:
               _context.t0 = _context.sent;
@@ -103,7 +102,8 @@ var run = function run() {
     };
   }()); // Command: build
 
-  cli.command('build', 'Bundles the application in production mode. Outputs a "public" folder.').option('--build-only', '(optional) If defined, the command only creates the production bundles without compiling the "index.html".', {
+  var usageBuild = 'Bundles the application in production mode. Outputs a "public" folder.';
+  cli.command('build', usageBuild).usage("\n\n  ".concat(usageBuild)).option('--build-only', '(optional) If defined, the command only creates the production bundles without compiling the "index.html".', {
     default: false
   }).action( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(options) {
@@ -122,7 +122,6 @@ var run = function run() {
 
               if (shouldUseExperimentalBundler) {
                 console.log('Experimental Vite bundler enabled! 🚀');
-                console.warn('NOTE that the "cdnURL" value is not supported at the moment when using Vite.');
                 console.log('');
               }
 
@@ -132,7 +131,7 @@ var run = function run() {
               }
 
               _context2.next = 8;
-              return Promise.resolve().then(function () { return require('../../dist/build-vite-76d44332.cjs.prod.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/build-vite-b7cd993a.cjs.prod.js'); });
 
             case 8:
               _context2.t0 = _context2.sent;
@@ -141,7 +140,7 @@ var run = function run() {
 
             case 11:
               _context2.next = 13;
-              return Promise.resolve().then(function () { return require('../../dist/build-acb29f36.cjs.prod.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/build-c09ffe9f.cjs.prod.js'); });
 
             case 13:
               _context2.t0 = _context2.sent;
@@ -183,7 +182,8 @@ var run = function run() {
     };
   }()); // Command: compile-html
 
-  cli.command('compile-html', 'Compiles "index.html.template" file into a "index.html" with all the required runtime configuration. The security headers are also compiled and injected into the "index.html".').option('--transformer <path>', '(optional) The path to a JS module that can be used to generate a configuration for a specific cloud provider (e.g. Vercel, Netlify).').option('--print-security-headers', '(optional) If defined, the compiled security headers are printed to stdout.', {
+  var usageCompileHtml = 'Compiles "index.html.template" file into a "index.html" with all the required runtime configuration. The security headers are also compiled and injected into the "index.html".';
+  cli.command('compile-html', usageCompileHtml).usage("\n\n  ".concat(usageCompileHtml)).option('--transformer <path>', '(optional) The path to a JS module that can be used to generate a configuration for a specific cloud provider (e.g. Vercel, Netlify).').option('--print-security-headers', '(optional) If defined, the compiled security headers are printed to stdout.', {
     default: false
   }).action( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(options) {
@@ -218,7 +218,8 @@ var run = function run() {
     };
   }()); // Command: serve
 
-  cli.command('serve', 'Serves previously built and compiled application from the "public" folder.').action( /*#__PURE__*/function () {
+  var usageServe = 'Serves previously built and compiled application from the "public" folder.';
+  cli.command('serve', usageServe).usage("\n\n  ".concat(usageServe)).action( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4(options) {
       var serveCommand;
       return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
@@ -251,7 +252,8 @@ var run = function run() {
     };
   }()); // Command: login
 
-  cli.command('login', 'Log in to your Merchant Center account through the CLI, using the cloud environment information from the Custom Application config file. An API token is generated and stored in a configuration file for the related cloud environment, and valid for 36 hours.').action( /*#__PURE__*/function () {
+  var usageLogin = 'Log in to your Merchant Center account through the CLI, using the cloud environment information from the Custom Application config file. An API token is generated and stored in a configuration file for the related cloud environment, and valid for 36 hours.';
+  cli.command('login', usageLogin).usage("\n\n  ".concat(usageLogin)).action( /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5(options) {
       var loginCommand;
       return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
@@ -264,7 +266,7 @@ var run = function run() {
 
               process.env.NODE_ENV = 'production';
               _context5.next = 4;
-              return Promise.resolve().then(function () { return require('../../dist/login-e943a53a.cjs.prod.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/login-1f08ef78.cjs.prod.js'); });
 
             case 4:
               loginCommand = _context5.sent;
@@ -284,7 +286,8 @@ var run = function run() {
     };
   }()); // Command: config:sync
 
-  cli.command('config:sync', 'Synchronizes the local Custom Application config with the Merchant Center. A new Custom Application will be created if none existed, otherwise it will be updated.').option('--dry-run', '(optional) Executes the command but does not send any mutation request.', {
+  var usageConfigSync = 'Synchronizes the local Custom Application config with the Merchant Center. A new Custom Application will be created if none existed, otherwise it will be updated.';
+  cli.command('config:sync', usageConfigSync).usage("\n\n  ".concat(usageConfigSync)).option('--dry-run', '(optional) Executes the command but does not send any mutation request.', {
     default: false
   }).action( /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6(options) {
@@ -299,7 +302,7 @@ var run = function run() {
 
               process.env.NODE_ENV = 'production';
               _context6.next = 4;
-              return Promise.resolve().then(function () { return require('../../dist/config-sync-7bd51e9b.cjs.prod.js'); });
+              return Promise.resolve().then(function () { return require('../../dist/config-sync-c9f2d1ea.cjs.prod.js'); });
 
             case 4:
               configSyncCommand = _context6.sent;
@@ -318,6 +321,8 @@ var run = function run() {
       return _ref6.apply(this, arguments);
     };
   }());
+  cli.help();
+  cli.version(_package.pkgJson.version);
   cli.parse();
 }; // Load dotenv files into the process environment.
 // This is essentially what `dotenv-cli` does, but it's now built into this CLI.

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

@@ -9,7 +9,7 @@ import path from 'path';
 import { cac } from 'cac';
 import dotenv from 'dotenv';
 import dotenvExpand from 'dotenv-expand';
-import { p as pkgJson } from '../../dist/package-8b6676c0.esm.js';
+import { p as pkgJson } from '../../dist/package-8bf24527.esm.js';
 
 var cli = cac('mc-scripts'); // Makes the script crash on unhandled rejections instead of silently
 // ignoring them. In the future, promise rejections that are not handled will
@@ -22,15 +22,14 @@ process.on('unhandledRejection', function (err) {
 var applicationDirectory = fs.realpathSync(process.cwd());
 
 var run = function run() {
-  cli.help();
-  cli.version(pkgJson.version);
   cli.option('--env <path>', "(optional) Parses the file path as a dotenv file and adds the variables to the environment. Multiple flags are allowed."); // Default command
 
-  cli.command('').action(function () {
+  cli.command('').usage('\n\n  Develop and build Custom Applications.').action(function () {
     cli.outputHelp();
   }); // Command: start
 
-  cli.command('start', 'Starts the application in development mode using Webpack Dev Server.').alias('dev').action( /*#__PURE__*/function () {
+  var usageStart = 'Starts the application in development mode using Webpack Dev Server.';
+  cli.command('start', usageStart).usage("\n\n  ".concat(usageStart)).alias('dev').action( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
       var shouldUseExperimentalBundler, startCommand;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -56,7 +55,7 @@ var run = function run() {
               }
 
               _context.next = 8;
-              return import('../../dist/start-vite-ec5d40b5.esm.js');
+              return import('../../dist/start-vite-dc046cba.esm.js');
 
             case 8:
               _context.t0 = _context.sent;
@@ -65,7 +64,7 @@ var run = function run() {
 
             case 11:
               _context.next = 13;
-              return import('../../dist/start-52af291f.esm.js');
+              return import('../../dist/start-2bbf8459.esm.js');
 
             case 13:
               _context.t0 = _context.sent;
@@ -88,7 +87,8 @@ var run = function run() {
     };
   }()); // Command: build
 
-  cli.command('build', 'Bundles the application in production mode. Outputs a "public" folder.').option('--build-only', '(optional) If defined, the command only creates the production bundles without compiling the "index.html".', {
+  var usageBuild = 'Bundles the application in production mode. Outputs a "public" folder.';
+  cli.command('build', usageBuild).usage("\n\n  ".concat(usageBuild)).option('--build-only', '(optional) If defined, the command only creates the production bundles without compiling the "index.html".', {
     default: false
   }).action( /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(options) {
@@ -107,7 +107,6 @@ var run = function run() {
 
               if (shouldUseExperimentalBundler) {
                 console.log('Experimental Vite bundler enabled! 🚀');
-                console.warn('NOTE that the "cdnURL" value is not supported at the moment when using Vite.');
                 console.log('');
               }
 
@@ -117,7 +116,7 @@ var run = function run() {
               }
 
               _context2.next = 8;
-              return import('../../dist/build-vite-a9602b19.esm.js');
+              return import('../../dist/build-vite-93abdc95.esm.js');
 
             case 8:
               _context2.t0 = _context2.sent;
@@ -126,7 +125,7 @@ var run = function run() {
 
             case 11:
               _context2.next = 13;
-              return import('../../dist/build-cac1a859.esm.js');
+              return import('../../dist/build-194c0f0e.esm.js');
 
             case 13:
               _context2.t0 = _context2.sent;
@@ -168,7 +167,8 @@ var run = function run() {
     };
   }()); // Command: compile-html
 
-  cli.command('compile-html', 'Compiles "index.html.template" file into a "index.html" with all the required runtime configuration. The security headers are also compiled and injected into the "index.html".').option('--transformer <path>', '(optional) The path to a JS module that can be used to generate a configuration for a specific cloud provider (e.g. Vercel, Netlify).').option('--print-security-headers', '(optional) If defined, the compiled security headers are printed to stdout.', {
+  var usageCompileHtml = 'Compiles "index.html.template" file into a "index.html" with all the required runtime configuration. The security headers are also compiled and injected into the "index.html".';
+  cli.command('compile-html', usageCompileHtml).usage("\n\n  ".concat(usageCompileHtml)).option('--transformer <path>', '(optional) The path to a JS module that can be used to generate a configuration for a specific cloud provider (e.g. Vercel, Netlify).').option('--print-security-headers', '(optional) If defined, the compiled security headers are printed to stdout.', {
     default: false
   }).action( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(options) {
@@ -203,7 +203,8 @@ var run = function run() {
     };
   }()); // Command: serve
 
-  cli.command('serve', 'Serves previously built and compiled application from the "public" folder.').action( /*#__PURE__*/function () {
+  var usageServe = 'Serves previously built and compiled application from the "public" folder.';
+  cli.command('serve', usageServe).usage("\n\n  ".concat(usageServe)).action( /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(options) {
       var serveCommand;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -236,7 +237,8 @@ var run = function run() {
     };
   }()); // Command: login
 
-  cli.command('login', 'Log in to your Merchant Center account through the CLI, using the cloud environment information from the Custom Application config file. An API token is generated and stored in a configuration file for the related cloud environment, and valid for 36 hours.').action( /*#__PURE__*/function () {
+  var usageLogin = 'Log in to your Merchant Center account through the CLI, using the cloud environment information from the Custom Application config file. An API token is generated and stored in a configuration file for the related cloud environment, and valid for 36 hours.';
+  cli.command('login', usageLogin).usage("\n\n  ".concat(usageLogin)).action( /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(options) {
       var loginCommand;
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
@@ -249,7 +251,7 @@ var run = function run() {
 
               process.env.NODE_ENV = 'production';
               _context5.next = 4;
-              return import('../../dist/login-435f4c2b.esm.js');
+              return import('../../dist/login-c491f3b4.esm.js');
 
             case 4:
               loginCommand = _context5.sent;
@@ -269,7 +271,8 @@ var run = function run() {
     };
   }()); // Command: config:sync
 
-  cli.command('config:sync', 'Synchronizes the local Custom Application config with the Merchant Center. A new Custom Application will be created if none existed, otherwise it will be updated.').option('--dry-run', '(optional) Executes the command but does not send any mutation request.', {
+  var usageConfigSync = 'Synchronizes the local Custom Application config with the Merchant Center. A new Custom Application will be created if none existed, otherwise it will be updated.';
+  cli.command('config:sync', usageConfigSync).usage("\n\n  ".concat(usageConfigSync)).option('--dry-run', '(optional) Executes the command but does not send any mutation request.', {
     default: false
   }).action( /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(options) {
@@ -284,7 +287,7 @@ var run = function run() {
 
               process.env.NODE_ENV = 'production';
               _context6.next = 4;
-              return import('../../dist/config-sync-a6565737.esm.js');
+              return import('../../dist/config-sync-56a5d505.esm.js');
 
             case 4:
               configSyncCommand = _context6.sent;
@@ -303,6 +306,8 @@ var run = function run() {
       return _ref6.apply(this, arguments);
     };
   }());
+  cli.help();
+  cli.version(pkgJson.version);
   cli.parse();
 }; // Load dotenv files into the process environment.
 // This is essentially what `dotenv-cli` does, but it's now built into this CLI.

package/dist/{build-cac1a859.esm.js → build-194c0f0e.esm.js}

@@ -11,7 +11,7 @@ import FileSizeReporter from 'react-dev-utils/FileSizeReporter';
 import printBuildError from 'react-dev-utils/printBuildError';
 import { packageLocation } from '@commercetools-frontend/assets';
 import { p as paths } from './paths-ed23d5a1.esm.js';
-import { c as createWebpackConfigForProduction } from './create-webpack-config-for-production-331c8877.esm.js';
+import { c as createWebpackConfigForProduction } from './create-webpack-config-for-production-9598634c.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'fs';
@@ -40,10 +40,10 @@ 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 './vendors-to-transpile-68e03526.esm.js';
-import './create-postcss-config-9e14f015.esm.js';
+import './create-postcss-config-869bd4ab.esm.js';
 import '@babel/runtime-corejs3/helpers/toConsumableArray';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
-import './package-8b6676c0.esm.js';
+import './package-8bf24527.esm.js';
 import './has-jsx-runtime-8314226e.esm.js';
 
 var measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild;

package/dist/{build-3521a4f3.cjs.dev.js → build-5a0744fe.cjs.dev.js}

@@ -13,7 +13,7 @@ var FileSizeReporter = require('react-dev-utils/FileSizeReporter');
 var printBuildError = require('react-dev-utils/printBuildError');
 var assets = require('@commercetools-frontend/assets');
 var paths = require('./paths-16823f56.cjs.dev.js');
-var createWebpackConfigForProduction = require('./create-webpack-config-for-production-4e58ee43.cjs.dev.js');
+var createWebpackConfigForProduction = require('./create-webpack-config-for-production-cdb23542.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('fs');
@@ -42,10 +42,10 @@ 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('./vendors-to-transpile-b51af5d3.cjs.dev.js');
-require('./create-postcss-config-07259760.cjs.dev.js');
+require('./create-postcss-config-583a2d68.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-8a5733b4.cjs.dev.js');
+require('./package-47f66a69.cjs.dev.js');
 require('./has-jsx-runtime-3d4bb633.cjs.dev.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{build-acb29f36.cjs.prod.js → build-c09ffe9f.cjs.prod.js}

@@ -13,7 +13,7 @@ var FileSizeReporter = require('react-dev-utils/FileSizeReporter');
 var printBuildError = require('react-dev-utils/printBuildError');
 var assets = require('@commercetools-frontend/assets');
 var paths = require('./paths-76b66e74.cjs.prod.js');
-var createWebpackConfigForProduction = require('./create-webpack-config-for-production-e894ffc1.cjs.prod.js');
+var createWebpackConfigForProduction = require('./create-webpack-config-for-production-c2d84600.cjs.prod.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('fs');
@@ -42,10 +42,10 @@ 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('./vendors-to-transpile-367e0ba8.cjs.prod.js');
-require('./create-postcss-config-c1122bfa.cjs.prod.js');
+require('./create-postcss-config-d0b0712b.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
-require('./package-fab41a01.cjs.prod.js');
+require('./package-16806805.cjs.prod.js');
 require('./has-jsx-runtime-0b03b72e.cjs.prod.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/dist/{build-vite-6c987a60.cjs.dev.js → build-vite-3b82522e.cjs.dev.js}

@@ -12,9 +12,11 @@ var pluginReact = require('@vitejs/plugin-react');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
 var assets = require('@commercetools-frontend/assets');
 var paths = require('./paths-16823f56.cjs.dev.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-4205f2b5.cjs.dev.js');
 require('@babel/runtime-corejs3/core-js-stable/instance/find');
 require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 require('fs');
+require('@rollup/pluginutils');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -26,6 +28,31 @@ var path__default = /*#__PURE__*/_interopDefault(path);
 var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
 var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
 
+// 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
+var dynamicBaseAssetsCode = "globalThis.__toCdnUrl = filePath => window.app.cdnUrl.replace(/\\/$/, '') + '/' + filePath;";
+
+function vitePluginDynamicBaseAssetsGlobals() {
+  return {
+    name: 'dynamic-base-assets-globals',
+    transformIndexHtml: function transformIndexHtml(html, ctx) {
+      if (ctx.bundle) {
+        // Only inject during build
+        return [{
+          tag: 'script',
+          attrs: {
+            type: 'module'
+          },
+          children: dynamicBaseAssetsCode
+        }];
+      }
+
+      return html;
+    }
+  };
+}
+
 function run() {
   return _run.apply(this, arguments);
 }
@@ -56,13 +83,14 @@ function _run() {
             _context.next = 7;
             return 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',
-                assetsDir: '.',
                 rollupOptions: {
                   // This is necessary to instruct Vite that the `index.html` (template)
                   // is located in the `/public` folder.
@@ -74,12 +102,26 @@ function _run() {
               server: {
                 port: DEFAULT_PORT
               },
+              experimental: {
+                // https://vitejs.dev/guide/build.html#advanced-base-options
+                renderBuiltUrl: function renderBuiltUrl(filename, _ref) {
+                  var hostType = _ref.hostType;
+
+                  if (hostType === 'html') {
+                    return "__CDN_URL__".concat(filename);
+                  }
+
+                  return {
+                    runtime: "window.__toCdnUrl(".concat(_JSON$stringify__default["default"](filename), ")")
+                  };
+                }
+              },
               plugins: [pluginGraphql__default["default"](), pluginReact__default["default"]({
                 jsxImportSource: '@emotion/react',
                 babel: {
                   plugins: ['@emotion/babel-plugin']
                 }
-              })]
+              }), vitePluginSvgr.vitePluginSvgr(), vitePluginDynamicBaseAssetsGlobals()]
             });
 
           case 7: