@commercetools-frontend/application-cli 1.7.3 → 1.8.0

package/README.md

@@ -26,6 +26,9 @@ pnpm application-cli compile-deployments \
 The environments to compile the deployments for must be specified in a `google-storage-buckets` [cosmiconfig](https://github.com/davidtheclark/cosmiconfig) file for example `google-storage-buckets.config.cjs` with the bucket region mapping to multiple environments. For example:
 
 ```js
+/**
+ * @type {import('@commercetools-frontend/application-cli').TGoogleStorageBucketsConfig}
+ */
 module.exports = {
   'merchant-center-north-america': ['gcp-production-us'],
   'merchant-center-asia': ['gcp-production-au'],
@@ -57,6 +60,26 @@ Depending on the environment you are deploying to, you need to:
 
 Additionally, when specifying the `--dotenv-folder` option, you can specify a dotenv file for each environment (for example `.env.gcp-production-eu`) and a single `.env.production` dotenv file. These files are then loaded when compiling the application for the respective environment.
 
+The configuration also supports an expanded version in which each cloud environment can be linked to another bucket environment:
+
+```js
+/**
+ * @type {import('@commercetools-frontend/application-cli').TGoogleStorageBucketsConfig}
+ */
+module.exports = {
+  'merchant-center-europe': [
+    {
+      cloudEnvironment: 'ctp_production_aws_eu-central-1_v1',
+      bucketEnvironment: 'ctp-aws-production-fra',
+    },
+  ],
+};
+```
+
+Given the configuration above the cloud environment `ctp_production_aws_eu-central-1_v1` will be uploaded to the `merchant-center-europe` bucket region within the `ctp-aws-production-fra` folder as the bucket environment.
+
+This is useful as cloud and bucket environments do not fall in the same lifecycle. A Kubernetes cluster is versioned and may have to change (e.g. be updated) without that needing to be reflected in the respective bucket environment. Also two cloud environments (e.g. in different versions) can be served from one bucket environment if needed.
+
 ### Command: `compile-menu`
 
 This command compiles the menu configuration [defined in the application config](https://docs.commercetools.com/custom-applications/api-reference/application-config#mainmenulink) into a `menu.json` file.

package/cli/dist/commercetools-frontend-application-cli-cli.cjs.dev.js

@@ -13,9 +13,9 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
-var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var fs = require('fs');
 var path = require('path');
 var listr2 = require('listr2');
@@ -41,9 +41,9 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
-var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var fs__default = /*#__PURE__*/_interopDefault(fs);
 var path__default = /*#__PURE__*/_interopDefault(path);
 var execa__default = /*#__PURE__*/_interopDefault(execa);
@@ -67,29 +67,104 @@ function isCI() {
 }
 
 function createApplicationIndexUploadScript(_ref) {
-  var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10;
   let packageManagerName = _ref.packageManagerName,
     bucketUrl = _ref.bucketUrl,
     cdnUrl = _ref.cdnUrl,
-    cloudEnvironment = _ref.cloudEnvironment,
+    bucketEnvironment = _ref.bucketEnvironment,
     buildRevision = _ref.buildRevision,
     buildNumber = _ref.buildNumber,
     applicationIndexOutFile = _ref.applicationIndexOutFile;
-  const uploadScriptContent = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = _concatInstanceProperty__default["default"](_context6 = _concatInstanceProperty__default["default"](_context7 = _concatInstanceProperty__default["default"](_context8 = _concatInstanceProperty__default["default"](_context9 = _concatInstanceProperty__default["default"](_context10 = "#!/usr/bin/env bash\n\nset -e\n\necho \"Uploading compiled ".concat(applicationIndexOutFile, " to bucket ")).call(_context10, bucketUrl, "\"\ngcloud storage cp \\\n  \"$(dirname \"$0\")/")).call(_context9, applicationIndexOutFile, "\" \\\n  \"")).call(_context8, bucketUrl, "/\" \\\n  -z html \\\n  --content-type=\"text/html\" \\\n  --cache-control=\"public,max-age=0,no-transform\"\n\necho \"Creating version.json and uploading it to bucket ")).call(_context7, bucketUrl, "\"\n\nNODE_ENV=production ")).call(_context6, packageManagerName, " application-cli create-version \\\n  --version-url=")).call(_context5, cdnUrl, "/")).call(_context4, cloudEnvironment, "/version.json \\\n  --build-revision=")).call(_context3, buildRevision, " \\\n  --build-number=")).call(_context2, buildNumber, " \\\n  --out-file=$(dirname \"$0\")/version.json\n\ngcloud storage cp \\\n  \"$(dirname \"$0\")/version.json\" \\\n  \"")).call(_context, bucketUrl, "/\" \\\n  -z json \\\n  --content-type=\"application/json\" \\\n  --cache-control=\"public,max-age=0,no-transform\"\n");
+  const uploadScriptContent = `#!/usr/bin/env bash
+
+set -e
+
+echo "Uploading compiled ${applicationIndexOutFile} to bucket ${bucketUrl}"
+gcloud storage cp \\
+  "$(dirname "$0")/${applicationIndexOutFile}" \\
+  "${bucketUrl}/" \\
+  -z html \\
+  --content-type="text/html" \\
+  --cache-control="public,max-age=0,no-transform"
+
+echo "Creating version.json and uploading it to bucket ${bucketUrl}"
+
+NODE_ENV=production ${packageManagerName} application-cli create-version \\
+  --version-url=${cdnUrl}/${bucketEnvironment}/version.json \\
+  --build-revision=${buildRevision} \\
+  --build-number=${buildNumber} \\
+  --out-file=$(dirname "$0")/version.json
+
+gcloud storage cp \\
+  "$(dirname "$0")/version.json" \\
+  "${bucketUrl}/" \\
+  -z json \\
+  --content-type="application/json" \\
+  --cache-control="public,max-age=0,no-transform"
+`;
   return uploadScriptContent;
 }
 
 function createApplicationAssetsUploadScript(_ref) {
-  var _context, _context2, _context3, _context4, _context5, _context6;
   let bucketUrl = _ref.bucketUrl,
     assetsPath = _ref.assetsPath,
     skipMenu = _ref.skipMenu;
-  const uploadScriptContent = _concatInstanceProperty__default["default"](_context = _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = _concatInstanceProperty__default["default"](_context6 = "#!/usr/bin/env bash\n\nset -e\n\n# NOTES:\n# https://cloud.google.com/sdk/gcloud/reference/storage/cp\n#     1. The '-z' option triggers compressing the assets before\n#        uploading them and sets the 'Content-Encoding' to 'gzip'.\n#     2. The 'Accept-encoding: gzip' is set automatically by the 'gcloud storage'.\n#     3. The 'max-age' is set to 1 year which is considered the maximum\n#        \"valid\" lifetime of an asset to be cached.\n#     4. The '-n' will skip uploading existing files and prevents them to\n#        be overwritten\necho \"Uploading static assets to bucket ".concat(bucketUrl, "\"\n\ngcloud storage cp \\\n  ")).call(_context6, assetsPath, "/public/{*.css,*.js,*.js.map,*.png,*.html,robots.txt} \\\n  \"")).call(_context5, bucketUrl, "\" \\\n  -n \\\n  -z js,css \\\n  --cache-control=\"public,max-age=31536000,no-transform\"\n\nif ")).call(_context4, skipMenu, "; then\n  echo \"Skipping menu.json upload\"\nelse\n  echo \"Uploading menu.json to bucket ")).call(_context3, bucketUrl, "\"\n  # NOTE: somehow the 'cache-control:private' doesn't work.\n  # I mean, the file is uploaded with the correct metadata but when I fetch\n  # the file the response contains the header\n  # 'cache-control: public,max-age=31536000,no-transform', even though the\n  # documentation clearly states that by marking the header as 'private' will\n  # disable the cache (for publicly readable objects).\n  # https://cloud.google.com/storage/docs/gsutil/addlhelp/WorkingWithObjectMetadata#cache-control\n  # However, I found out that, by requesting the file with any RANDOM\n  # query parameter, will instruct the storage to return a 'fresh' object\n  # (without any cache control).\n  # Unofficial source: https://stackoverflow.com/a/49052895\n  # This seems to be the 'easiest' option to 'disable' the cache for public\n  # objects. Other alternative approaces are:\n  #   * make the object private with some simple ACL (private objects are not cached)\n  #   * suffix the file name with e.g. the git SHA, so we have different files\n  #   for each upload ('index.html.template-${CIRCLE_SHA1}'). The server knows\n  #   the git SHA on runtime and can get the correct file when it starts.\n  #   * find out why the 'private' cache control does not work\n  gcloud storage cp \\\n    ")).call(_context2, assetsPath, "/menu.json \\\n    ")).call(_context, bucketUrl, " \\\n    -z json \\\n    --content-type=\"application/json\" \\\n    --cache-control=\"public,max-age=0,no-transform\"\nfi\n");
+  const uploadScriptContent = `#!/usr/bin/env bash
+
+set -e
+
+# NOTES:
+# https://cloud.google.com/sdk/gcloud/reference/storage/cp
+#     1. The '-z' option triggers compressing the assets before
+#        uploading them and sets the 'Content-Encoding' to 'gzip'.
+#     2. The 'Accept-encoding: gzip' is set automatically by the 'gcloud storage'.
+#     3. The 'max-age' is set to 1 year which is considered the maximum
+#        "valid" lifetime of an asset to be cached.
+#     4. The '-n' will skip uploading existing files and prevents them to
+#        be overwritten
+echo "Uploading static assets to bucket ${bucketUrl}"
+
+gcloud storage cp \\
+  ${assetsPath}/public/{*.css,*.js,*.js.map,*.png,*.html,robots.txt} \\
+  "${bucketUrl}" \\
+  -n \\
+  -z js,css \\
+  --cache-control="public,max-age=31536000,no-transform"
+
+if ${skipMenu}; then
+  echo "Skipping menu.json upload"
+else
+  echo "Uploading menu.json to bucket ${bucketUrl}"
+  # NOTE: somehow the 'cache-control:private' doesn't work.
+  # I mean, the file is uploaded with the correct metadata but when I fetch
+  # the file the response contains the header
+  # 'cache-control: public,max-age=31536000,no-transform', even though the
+  # documentation clearly states that by marking the header as 'private' will
+  # disable the cache (for publicly readable objects).
+  # https://cloud.google.com/storage/docs/gsutil/addlhelp/WorkingWithObjectMetadata#cache-control
+  # However, I found out that, by requesting the file with any RANDOM
+  # query parameter, will instruct the storage to return a 'fresh' object
+  # (without any cache control).
+  # Unofficial source: https://stackoverflow.com/a/49052895
+  # This seems to be the 'easiest' option to 'disable' the cache for public
+  # objects. Other alternative approaces are:
+  #   * make the object private with some simple ACL (private objects are not cached)
+  #   * suffix the file name with e.g. the git SHA, so we have different files
+  #   for each upload ('index.html.template-\${CIRCLE_SHA1}'). The server knows
+  #   the git SHA on runtime and can get the correct file when it starts.
+  #   * find out why the 'private' cache control does not work
+  gcloud storage cp \\
+    ${assetsPath}/menu.json \\
+    ${bucketUrl} \\
+    -z json \\
+    --content-type="application/json" \\
+    --cache-control="public,max-age=0,no-transform"
+fi
+`;
   return uploadScriptContent;
 }
 
 function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function loadDotenvFiles(_ref) {
   let dotenvPath = _ref.dotenvPath,
     cloudEnvironment = _ref.cloudEnvironment;
@@ -100,12 +175,12 @@ function loadDotenvFiles(_ref) {
 
   // Check if the given path exists.
   if (!fs__default["default"].existsSync(dotenvPath)) {
-    throw new Error("The dotenv folder path does not exist: \"".concat(dotenvPath, "\"."));
+    throw new Error(`The dotenv folder path does not exist: "${dotenvPath}".`);
   }
 
   // Load the environment values
   const sharedDotenvFile = '.env.production';
-  const cloudDotenvFile = ".env.".concat(cloudEnvironment);
+  const cloudDotenvFile = `.env.${cloudEnvironment}`;
 
   // The shared dotenv file across environments is optional
   const sharedProductionEnvironment = dotenv__default["default"].config({
@@ -117,18 +192,23 @@ function loadDotenvFiles(_ref) {
     path: path__default["default"].join(dotenvPath, cloudDotenvFile)
   });
   if (cloudSpecificProductionEnvironment.error) {
-    var _context;
-    throw new Error(_concatInstanceProperty__default["default"](_context = "Failed loading '".concat(cloudDotenvFile, "' in '")).call(_context, dotenvPath, "'. Make sure it exists."));
+    throw new Error(`Failed loading '${cloudDotenvFile}' in '${dotenvPath}'. Make sure it exists.`);
   }
   if (sharedProductionEnvironment.error) {
-    throw new Error("Failed loading '".concat(sharedDotenvFile, "' in '").concat(dotenvPath, "'. Make sure it exists."));
+    throw new Error(`Failed loading '${sharedDotenvFile}' in '${dotenvPath}'. Make sure it exists.`);
   }
   return _objectSpread$3(_objectSpread$3({}, sharedProductionEnvironment.parsed), cloudSpecificProductionEnvironment.parsed);
 }
 
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$2(Object(t), !0)).call(_context8, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$2(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$2(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$2(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const buckedConfigExplorer = cosmiconfig.cosmiconfig('google-storage-buckets');
+function assertCollapsedBucketEnvironmentConfig(bucketEnvironmentConfigOrBucketEnvironment) {
+  return typeof bucketEnvironmentConfigOrBucketEnvironment == 'string';
+}
+function assertExpandedBucketEnvironmentConfig(bucketEnvironmentConfigOrBucketEnvironment) {
+  return typeof bucketEnvironmentConfigOrBucketEnvironment == 'object' && typeof bucketEnvironmentConfigOrBucketEnvironment.cloudEnvironment == 'string' && typeof bucketEnvironmentConfigOrBucketEnvironment.bucketEnvironment == 'string';
+}
 function writeUploadScriptFile(_ref) {
   let fileName = _ref.fileName,
     fileContent = _ref.fileContent,
@@ -142,7 +222,7 @@ function writeUploadScriptFile(_ref) {
 function getBucketNamespace(prNumber) {
   if (!prNumber) return;
   if (prNumber === 'merchant-center-preview') return prNumber;
-  return "mc-".concat(prNumber);
+  return `mc-${prNumber}`;
 }
 
 /**
@@ -160,32 +240,30 @@ function getApplicationAssetsBucketUrl(_ref2) {
   let bucketRegion = _ref2.bucketRegion,
     prNumber = _ref2.prNumber,
     applicationName = _ref2.applicationName;
-  const applicationAssetsBucketUrl = _filterInstanceProperty__default["default"](_context = ["gs://".concat(bucketRegion), getBucketNamespace(prNumber), applicationName]).call(_context, Boolean);
+  const applicationAssetsBucketUrl = _filterInstanceProperty__default["default"](_context = [`gs://${bucketRegion}`, getBucketNamespace(prNumber), applicationName]).call(_context, Boolean);
   return applicationAssetsBucketUrl.join('/');
 }
 function getApplicationIndexBucketUrl(_ref3) {
-  var _context2;
   let bucketRegion = _ref3.bucketRegion,
     prNumber = _ref3.prNumber,
     applicationName = _ref3.applicationName,
-    cloudEnvironment = _ref3.cloudEnvironment;
+    bucketEnvironment = _ref3.bucketEnvironment;
   const applicationAssetsBucketUrl = getApplicationAssetsBucketUrl({
     bucketRegion,
     prNumber,
     applicationName
   });
-  const applicationIndexBucketUrl = _concatInstanceProperty__default["default"](_context2 = "".concat(applicationAssetsBucketUrl, "/")).call(_context2, cloudEnvironment);
+  const applicationIndexBucketUrl = `${applicationAssetsBucketUrl}/${bucketEnvironment}`;
   return applicationIndexBucketUrl;
 }
 function getCdnUrl(_ref4) {
-  var _context3;
+  var _context2;
   let bucketRegion = _ref4.bucketRegion,
     prNumber = _ref4.prNumber,
     applicationName = _ref4.applicationName;
-  return _filterInstanceProperty__default["default"](_context3 = ["https://storage.googleapis.com/".concat(bucketRegion), getBucketNamespace(prNumber), applicationName]).call(_context3, Boolean).join('/');
+  return _filterInstanceProperty__default["default"](_context2 = [`https://storage.googleapis.com/${bucketRegion}`, getBucketNamespace(prNumber), applicationName]).call(_context2, Boolean).join('/');
 }
 async function compileApplicationAssets(_ref5) {
-  var _context4, _context5;
   let cliFlags = _ref5.cliFlags,
     bucketRegion = _ref5.bucketRegion,
     paths = _ref5.paths;
@@ -199,7 +277,7 @@ async function compileApplicationAssets(_ref5) {
     skipMenu: cliFlags.skipMenu
   });
   const parsedApplicationAssetsUploadScriptFile = path__default["default"].parse(cliFlags.applicationAssetsUploadScriptOutFile);
-  const applicationAssetsUploadScriptFileName = _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(parsedApplicationAssetsUploadScriptFile.name, "-")).call(_context5, bucketRegion)).call(_context4, parsedApplicationAssetsUploadScriptFile.ext);
+  const applicationAssetsUploadScriptFileName = `${parsedApplicationAssetsUploadScriptFile.name}-${bucketRegion}${parsedApplicationAssetsUploadScriptFile.ext}`;
   writeUploadScriptFile({
     fileName: applicationAssetsUploadScriptFileName,
     fileContent: applicationAssetsUploadScriptContent,
@@ -210,7 +288,8 @@ async function compileEnvironmentApplicationIndexes(_ref6) {
   let cliFlags = _ref6.cliFlags,
     paths = _ref6.paths,
     bucketRegion = _ref6.bucketRegion,
-    cloudEnvironment = _ref6.cloudEnvironment;
+    cloudEnvironment = _ref6.cloudEnvironment,
+    bucketEnvironment = _ref6.bucketEnvironment;
   const cloudEnvironmentDeploymentPath = path__default["default"].join(paths.deploymentsPath, cloudEnvironment);
   // Ensure the folder exists
   const createDeploymentsFolderResult = await execa__default["default"]('mkdir', ['-p', cloudEnvironmentDeploymentPath], {
@@ -232,7 +311,7 @@ async function compileEnvironmentApplicationIndexes(_ref6) {
   })), {}, {
     // The trailing slash is important to indicate to the CSP directive that all the resources
     // under that path should be allowed.
-    MC_CDN_URL: "".concat(cdnUrl, "/")
+    MC_CDN_URL: `${cdnUrl}/`
   }, cliFlags.mcUrl ? {
     MC_URL: cliFlags.mcUrl
   } : {}), cliFlags.mcApiUrl ? {
@@ -270,10 +349,10 @@ async function compileEnvironmentApplicationIndexes(_ref6) {
       bucketRegion,
       prNumber: cliFlags.prNumber,
       applicationName: cliFlags.applicationName,
-      cloudEnvironment
+      bucketEnvironment
     }),
     cdnUrl,
-    cloudEnvironment,
+    bucketEnvironment,
     buildRevision: cliFlags.buildRevision,
     buildNumber: cliFlags.buildNumber,
     applicationIndexOutFile: cliFlags.applicationIndexOutFile
@@ -294,7 +373,7 @@ async function compileEnvironmentApplicationIndexes(_ref6) {
   }
 }
 async function command$3(cliFlags, cwd) {
-  var _context6;
+  var _context3;
   let cloudEnvironmentsGroupedByBucketRegions;
   try {
     // This is the list of the supported cloud environments and their related bucket location.
@@ -319,24 +398,36 @@ async function command$3(cliFlags, cwd) {
     dotenvPath: cliFlags.dotenvFolder && path__default["default"].join(monorepoRoot.rootDir, cliFlags.dotenvFolder),
     assetsPath
   };
-  const taskList = new listr2.Listr(_mapInstanceProperty__default["default"](_context6 = _Object$entries__default["default"](cloudEnvironmentsGroupedByBucketRegions.config)).call(_context6, _ref7 => {
+  const taskList = new listr2.Listr(_mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](cloudEnvironmentsGroupedByBucketRegions.config)).call(_context3, _ref7 => {
     let _ref8 = _slicedToArray(_ref7, 2),
       bucketRegion = _ref8[0],
-      cloudEnvironments = _ref8[1];
+      bucketEnvironmentConfigs = _ref8[1];
     return {
-      title: "Compiling application for bucket ".concat(bucketRegion),
+      title: `Compiling for bucket region ${bucketRegion}`,
       task: () => {
-        var _context7;
-        return new listr2.Listr(_concatInstanceProperty__default["default"](_context7 = _mapInstanceProperty__default["default"](cloudEnvironments).call(cloudEnvironments, cloudEnvironment => ({
-          title: "Compiling ".concat(cloudEnvironment, " application index"),
-          task: () => compileEnvironmentApplicationIndexes({
-            cliFlags,
-            paths,
-            bucketRegion,
-            cloudEnvironment
-          })
-        }))).call(_context7, {
-          title: "Compiling application assets",
+        var _context4;
+        return new listr2.Listr(_concatInstanceProperty__default["default"](_context4 = _mapInstanceProperty__default["default"](bucketEnvironmentConfigs).call(bucketEnvironmentConfigs, bucketEnvironmentConfigOrBucketEnvironment => {
+          let cloudEnvironment = '';
+          let bucketEnvironment = '';
+          if (assertExpandedBucketEnvironmentConfig(bucketEnvironmentConfigOrBucketEnvironment)) {
+            cloudEnvironment = bucketEnvironmentConfigOrBucketEnvironment.cloudEnvironment;
+            bucketEnvironment = bucketEnvironmentConfigOrBucketEnvironment.bucketEnvironment;
+          } else if (assertCollapsedBucketEnvironmentConfig(bucketEnvironmentConfigOrBucketEnvironment)) {
+            cloudEnvironment = bucketEnvironmentConfigOrBucketEnvironment;
+            bucketEnvironment = bucketEnvironmentConfigOrBucketEnvironment;
+          }
+          return {
+            title: `Compiling application index for environment ${cloudEnvironment} and bucket ${bucketEnvironment}`,
+            task: () => compileEnvironmentApplicationIndexes({
+              cliFlags,
+              paths,
+              bucketRegion,
+              cloudEnvironment,
+              bucketEnvironment
+            })
+          };
+        })).call(_context4, {
+          title: `Compiling application assets`,
           task: () => compileApplicationAssets({
             cliFlags,
             bucketRegion,
@@ -381,58 +472,52 @@ const mapLabelAllLocalesWithDefaults = (labelAllLocales, defaultLabel) => {
  */
 
 const mapApplicationMenuConfigToGraqhQLMenuJson = config => {
-  var _ref, _config$env$__DEVELOP, _config$env$__DEVELOP2, _menuLinks$featureTog, _menuLinks$menuVisibi, _menuLinks$actionRigh, _menuLinks$dataFences, _context2, _menuLinks$shouldRend;
+  var _context2;
   const entryPointUriPath = config.env.entryPointUriPath;
 
   // @ts-expect-error: the `accountLinks` is not explicitly typed as it's only used by the account app.
-  const accountLinks = (_ref = (_config$env$__DEVELOP = config.env.__DEVELOPMENT__) === null || _config$env$__DEVELOP === void 0 ? void 0 : _config$env$__DEVELOP.accountLinks) !== null && _ref !== void 0 ? _ref : [];
+  const accountLinks = config.env.__DEVELOPMENT__?.accountLinks ?? [];
   if (accountLinks.length > 0) {
-    return _mapInstanceProperty__default["default"](accountLinks).call(accountLinks, menuLink => {
-      var _menuLink$permissions, _menuLink$featureTogg;
-      return {
-        key: menuLink.uriPath,
-        uriPath: menuLink.uriPath,
-        labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
-        permissions: (_menuLink$permissions = menuLink.permissions) !== null && _menuLink$permissions !== void 0 ? _menuLink$permissions : [],
-        // @ts-ignore: not defined in schema, as it's only used internally.
-        featureToggle: (_menuLink$featureTogg = menuLink.featureToggle) !== null && _menuLink$featureTogg !== void 0 ? _menuLink$featureTogg : null
-      };
-    });
+    return _mapInstanceProperty__default["default"](accountLinks).call(accountLinks, menuLink => ({
+      key: menuLink.uriPath,
+      uriPath: menuLink.uriPath,
+      labelAllLocales: mapLabelAllLocalesWithDefaults(menuLink.labelAllLocales, menuLink.defaultLabel),
+      permissions: menuLink.permissions ?? [],
+      // @ts-ignore: not defined in schema, as it's only used internally.
+      featureToggle: menuLink.featureToggle ?? null
+    }));
   }
-  const menuLinks = (_config$env$__DEVELOP2 = config.env.__DEVELOPMENT__) === null || _config$env$__DEVELOP2 === void 0 ? void 0 : _config$env$__DEVELOP2.menuLinks;
+  const menuLinks = config.env.__DEVELOPMENT__?.menuLinks;
   return {
     key: entryPointUriPath,
     uriPath: entryPointUriPath,
     icon: menuLinks.icon,
-    labelAllLocales: mapLabelAllLocalesWithDefaults(menuLinks === null || menuLinks === void 0 ? void 0 : menuLinks.labelAllLocales, menuLinks === null || menuLinks === void 0 ? void 0 : menuLinks.defaultLabel),
+    labelAllLocales: mapLabelAllLocalesWithDefaults(menuLinks?.labelAllLocales, menuLinks?.defaultLabel),
     permissions: menuLinks.permissions,
     // @ts-ignore: not defined in schema, as it's only used internally.
-    featureToggle: (_menuLinks$featureTog = menuLinks.featureToggle) !== null && _menuLinks$featureTog !== void 0 ? _menuLinks$featureTog : null,
+    featureToggle: menuLinks.featureToggle ?? null,
     // @ts-ignore: not defined in schema, as it's only used internally.
-    menuVisibility: (_menuLinks$menuVisibi = menuLinks.menuVisibility) !== null && _menuLinks$menuVisibi !== void 0 ? _menuLinks$menuVisibi : null,
+    menuVisibility: menuLinks.menuVisibility ?? null,
     // @ts-ignore: not defined in schema, as it's only used internally.
-    actionRights: (_menuLinks$actionRigh = menuLinks.actionRights) !== null && _menuLinks$actionRigh !== void 0 ? _menuLinks$actionRigh : null,
+    actionRights: menuLinks.actionRights ?? null,
     // @ts-ignore: not defined in schema, as it's only used internally.
-    dataFences: (_menuLinks$dataFences = menuLinks.dataFences) !== null && _menuLinks$dataFences !== void 0 ? _menuLinks$dataFences : null,
-    submenu: _mapInstanceProperty__default["default"](_context2 = menuLinks.submenuLinks).call(_context2, submenuLink => {
-      var _submenuLink$featureT, _submenuLink$menuVisi, _submenuLink$actionRi, _submenuLink$dataFenc;
-      return {
-        key: submenuLink.uriPath.replace('/', '-'),
-        uriPath: submenuLink.uriPath,
-        labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
-        permissions: submenuLink.permissions,
-        // @ts-ignore: not defined in schema, as it's only used internally.
-        featureToggle: (_submenuLink$featureT = submenuLink.featureToggle) !== null && _submenuLink$featureT !== void 0 ? _submenuLink$featureT : null,
-        // @ts-ignore: not defined in schema, as it's only used internally.
-        menuVisibility: (_submenuLink$menuVisi = submenuLink.menuVisibility) !== null && _submenuLink$menuVisi !== void 0 ? _submenuLink$menuVisi : null,
-        // @ts-ignore: not defined in schema, as it's only used internally.
-        actionRights: (_submenuLink$actionRi = submenuLink.actionRights) !== null && _submenuLink$actionRi !== void 0 ? _submenuLink$actionRi : null,
-        // @ts-ignore: not defined in schema, as it's only used internally.
-        dataFences: (_submenuLink$dataFenc = submenuLink.dataFences) !== null && _submenuLink$dataFenc !== void 0 ? _submenuLink$dataFenc : null
-      };
-    }),
+    dataFences: menuLinks.dataFences ?? null,
+    submenu: _mapInstanceProperty__default["default"](_context2 = menuLinks.submenuLinks).call(_context2, submenuLink => ({
+      key: submenuLink.uriPath.replace('/', '-'),
+      uriPath: submenuLink.uriPath,
+      labelAllLocales: mapLabelAllLocalesWithDefaults(submenuLink.labelAllLocales, submenuLink.defaultLabel),
+      permissions: submenuLink.permissions,
+      // @ts-ignore: not defined in schema, as it's only used internally.
+      featureToggle: submenuLink.featureToggle ?? null,
+      // @ts-ignore: not defined in schema, as it's only used internally.
+      menuVisibility: submenuLink.menuVisibility ?? null,
+      // @ts-ignore: not defined in schema, as it's only used internally.
+      actionRights: submenuLink.actionRights ?? null,
+      // @ts-ignore: not defined in schema, as it's only used internally.
+      dataFences: submenuLink.dataFences ?? null
+    })),
     // @ts-ignore: not defined in schema, as it's only used internally.
-    shouldRenderDivider: (_menuLinks$shouldRend = menuLinks.shouldRenderDivider) !== null && _menuLinks$shouldRend !== void 0 ? _menuLinks$shouldRend : false
+    shouldRenderDivider: menuLinks.shouldRenderDivider ?? false
   };
 };
 async function command$2(cliFlags, cwd) {
@@ -443,7 +528,7 @@ async function command$2(cliFlags, cwd) {
     dotenvPath,
     // The env itself is not important for the menu. However, the application config
     // uses environment placeholders and therefore we need to provide the variables for it.
-    cloudEnvironment: 'ctp-gcp-staging'
+    cloudEnvironment: 'ctp_staging_gcp_europe-west1_v1'
   })), {}, {
     // Again, make sure that the environment is "development", otherwise
     // the menu config won't be available.
@@ -612,15 +697,15 @@ function validateMenu(menuJson) {
 async function command(cliFlags) {
   const menuJsonPath = cliFlags.inputFile;
   const isAppbarMenu = cliFlags.navigation === 'top';
-  if (!menuJsonPath) throw new Error("--input-file cannot be empty. please provide the path of compiled menu.json");
-  if (!fs__default["default"].existsSync(menuJsonPath)) throw new Error("The menu.json file doesn't exist: ".concat(menuJsonPath));
+  if (!menuJsonPath) throw new Error(`--input-file cannot be empty. please provide the path of compiled menu.json`);
+  if (!fs__default["default"].existsSync(menuJsonPath)) throw new Error(`The menu.json file doesn't exist: ${menuJsonPath}`);
   const menuJson = fs__default["default"].readFileSync(menuJsonPath, 'utf-8');
   return validateMenu(JSON.parse(menuJson), isAppbarMenu ? appbarMenuSchema : navbarMenuSchema);
 }
 
 var pkgJson = {
 	name: "@commercetools-frontend/application-cli",
-	version: "1.7.3",
+	version: "1.8.0",
 	description: "Internal CLI to manage Merchant Center application deployments across various environments.",
 	keywords: [
 		"commercetools",
@@ -645,9 +730,9 @@ var pkgJson = {
 		"@babel/core": "^7.22.11",
 		"@babel/runtime": "^7.21.0",
 		"@babel/runtime-corejs3": "^7.21.0",
-		"@commercetools-frontend/application-config": "22.8.2",
-		"@commercetools-frontend/constants": "22.8.2",
-		"@commercetools-frontend/l10n": "22.8.2",
+		"@commercetools-frontend/application-config": "22.11.0",
+		"@commercetools-frontend/constants": "22.11.0",
+		"@commercetools-frontend/l10n": "22.11.0",
 		"@manypkg/find-root": "2.2.1",
 		cac: "^6.7.14",
 		cosmiconfig: "8.3.6",
@@ -672,7 +757,8 @@ var pkgJson = {
 	},
 	preconstruct: {
 		entrypoints: [
-			"./cli.ts"
+			"./cli.ts",
+			"./index.ts"
 		]
 	}
 };
@@ -691,7 +777,7 @@ const run = async () => {
   // Default command
   cli.command('').usage('\n\n  Compile deployments and menus and create versions for MC applications').action(cli.outputHelp);
   const usageCompileDeployment = 'Compile the deployments for an application for all environments.';
-  cli.command('compile-deployments', usageCompileDeployment).usage("compile-deployments \n\n  ".concat(usageCompileDeployment)).option('--application-name <string>', '(required) The name of the application being compiled for example application-products.').option('--dotenv-folder [string]', '(optional) The path to a folder containing a dotenv file ".env.production" and a cloud-environment specific dotenv file (for example ".env.gcp-production-eu"). Those values are parsed and merged together to be used by the `mc-scripts compile-html` command.').option('--pr-number [string]', '(optional) A pull request number determining a scoped storage bucket for the deployment. Please use it carefully.').option('--mc-url [string]', '(optional) The MC URL of the deployment. This is usually inferred from the env file and overwrites the value. Please use it carefully.').option('--mc-api-url [string]', '(optional) The MC API URL of the deployment. This is usually inferred from the env file and overwrites the value. Please use it carefully.').option('--application-index-out-file [path]', '(optional) The name of the application index file.', {
+  cli.command('compile-deployments', usageCompileDeployment).usage(`compile-deployments \n\n  ${usageCompileDeployment}`).option('--application-name <string>', '(required) The name of the application being compiled for example application-products.').option('--dotenv-folder [string]', '(optional) The path to a folder containing a dotenv file ".env.production" and a cloud-environment specific dotenv file (for example ".env.gcp-production-eu"). Those values are parsed and merged together to be used by the `mc-scripts compile-html` command.').option('--pr-number [string]', '(optional) A pull request number determining a scoped storage bucket for the deployment. Please use it carefully.').option('--mc-url [string]', '(optional) The MC URL of the deployment. This is usually inferred from the env file and overwrites the value. Please use it carefully.').option('--mc-api-url [string]', '(optional) The MC API URL of the deployment. This is usually inferred from the env file and overwrites the value. Please use it carefully.').option('--application-index-out-file [path]', '(optional) The name of the application index file.', {
     default: 'application.html'
   }).option('--application-index-upload-script-out-file [path]', '(optional) The name of the the application index upload script file.', {
     default: 'upload-index.sh'
@@ -703,15 +789,15 @@ const run = async () => {
     await command$3(options, cwd);
   });
   const usageCompileMenu = 'Compile the menu links of an application into a `menu.json`. This is only required for internal applications';
-  cli.command('compile-menu', usageCompileMenu).usage("compile-menu \n\n  ".concat(usageCompileMenu)).option('--dotenv-folder [string]', '(optional) The path to a folder containing a dotenv file `.env.production` and a cloud-environment specific dotenv file (for example `.env.gcp-production-eu`). Those values are parsed and merged together to be used by the application config.').action(async options => {
+  cli.command('compile-menu', usageCompileMenu).usage(`compile-menu \n\n  ${usageCompileMenu}`).option('--dotenv-folder [string]', '(optional) The path to a folder containing a dotenv file `.env.production` and a cloud-environment specific dotenv file (for example `.env.gcp-production-eu`). Those values are parsed and merged together to be used by the application config.').action(async options => {
     await command$2(options, cwd);
   });
   const usageValidateMenu = 'Validate compiled `menu.json` file';
-  cli.command('validate-menu', usageValidateMenu).usage("validate-menu \n\n  ".concat(usageValidateMenu)).option('--input-file <path>', '(required) The path to the `menu.json` file to be validated.').option('--navigation [string]', '(optional) Location of the menu navigation. Possible values are `top`.').action(async options => {
+  cli.command('validate-menu', usageValidateMenu).usage(`validate-menu \n\n  ${usageValidateMenu}`).option('--input-file <path>', '(required) The path to the `menu.json` file to be validated.').option('--navigation [string]', '(optional) Location of the menu navigation. Possible values are `top`.').action(async options => {
     await command(options);
   });
   const usageCreateVersion = 'Output a JSON string about the information in the `version.json` for a deployment, including the updated list of rollbacks.';
-  cli.command('create-version', usageCreateVersion).usage("create-version \n\n  ".concat(usageCreateVersion)).option('--version-url <url>', "(required) The path of an application's current `version.json` within the storage bucket.").option('--rollbacks [int]', '(optional) The number of max rollbacks to keep', {
+  cli.command('create-version', usageCreateVersion).usage(`create-version \n\n  ${usageCreateVersion}`).option('--version-url <url>', "(required) The path of an application's current `version.json` within the storage bucket.").option('--rollbacks [int]', '(optional) The number of max rollbacks to keep', {
     default: 15
   }).option('--out-file [path]', '(optional) The path to the file where to write the JSON. If not specified, the JSON is printed to stdout.').action(async options => {
     await command$1(options);