@commercetools-frontend/application-config 22.36.0 → 22.37.0

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

@@ -14,12 +14,16 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var fs = require('node:fs');
+var fs$1 = require('node:fs');
 var path = require('node:path');
 var omitEmpty = require('omit-empty-es');
 var constants = require('@commercetools-frontend/constants');
-var node_child_process = require('node:child_process');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var fs = require('node:fs/promises');
 var cosmiconfig = require('cosmiconfig');
+var cosmiconfigTypescriptLoader = require('cosmiconfig-typescript-loader');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
@@ -28,12 +32,10 @@ var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var formatters = require('./formatters-a76b45b9.cjs.dev.js');
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
@@ -58,15 +60,17 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var fs__default = /*#__PURE__*/_interopDefault(fs);
+var fs__default$1 = /*#__PURE__*/_interopDefault(fs$1);
 var path__default = /*#__PURE__*/_interopDefault(path);
 var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var Ajv__default = /*#__PURE__*/_interopDefault(Ajv);
@@ -126,65 +130,71 @@ let MissingOrInvalidConfigError = /*#__PURE__*/function (_Error) {
   return _createClass(MissingOrInvalidConfigError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function doesFileExist(path) {
+// See the following issues for more context, contributing to failing Jest tests:
+//  - Issue: https://github.com/nodejs/node/issues/40058
+//  - Resolution: https://github.com/nodejs/node/pull/48510 (Node v20.8.0)
+// Copied from @commitlint/load/src/utils/load-config.ts
+const isDynamicAwaitSupported = () => {
+  var _context;
+  const _process$version$repl = _mapInstanceProperty__default["default"](_context = process.version.replace('v', '').split('.')).call(_context, val => _parseInt__default["default"](val)),
+    _process$version$repl2 = _slicedToArray(_process$version$repl, 2),
+    major = _process$version$repl2[0],
+    minor = _process$version$repl2[1];
+  return major >= 20 && minor >= 8;
+};
+
+// Is the given directory set up to use ESM (ECMAScript Modules)?
+// Copied from @commitlint/load/src/utils/load-config.ts
+const isEsmModule = async cwd => {
+  const packagePath = path__default["default"].join(cwd, 'package.json');
   try {
-    fs__default["default"].accessSync(path);
-    return true;
+    const packageJSON = await fs__default["default"].readFile(packagePath, {
+      encoding: 'utf-8'
+    });
+    return JSON.parse(packageJSON)?.type === 'module';
   } catch (error) {
     return false;
   }
-}
-// Helper function to find the package root path from the current location,
-// for instance in respect to both source files and dist files.
-const findPackageRootPath = dir => {
-  const packageJsonPath = path__default["default"].join(dir, 'package.json');
-  if (doesFileExist(packageJsonPath)) {
-    return dir;
-  }
-  const parentDir = path__default["default"].join(dir, '..');
-  return findPackageRootPath(parentDir);
 };
-const loadJsModule = filePath => {
-  const packageRootPath = findPackageRootPath(
-  // Start from the parent folder
-  path__default["default"].join(__dirname, '..'));
-  // Load the JS module using a child process. This is primarly to avoid
-  // unwanted behaviors using `@babel/register` in the main process.
-  // The loader script does the actual `require` of the given `filePath`
-  // and uses `@babel/register` to correctly parse and execute the file.
-  // The "required module output" is then written into `stdout` and parsed
-  // as JSON.
-  const output = node_child_process.execFileSync('node', [path__default["default"].join(packageRootPath, 'scripts/load-js-module.js'), filePath], {
-    encoding: 'utf8'
-  });
-  return JSON.parse(output);
-};
-const createExplorerFor = configFileName => {
-  return cosmiconfig.cosmiconfigSync(configFileName, {
-    // Restrict the supported file formats / names
-    searchPlaces: [`.${configFileName}rc`, `.${configFileName}.json`, `.${configFileName}.js`, `.${configFileName}.cjs`, `.${configFileName}.mjs`, `.${configFileName}.ts`, `${configFileName}.json`, `${configFileName}.js`, `${configFileName}.cjs`, `${configFileName}.mjs`, `${configFileName}.ts`],
+const createExplorerFor = async configFileName => {
+  // Copied from @commitlint/load/src/utils/load-config.ts
+  let tsLoaderInstance;
+  const tsLoader = function () {
+    if (!tsLoaderInstance) {
+      tsLoaderInstance = cosmiconfigTypescriptLoader.TypeScriptLoader();
+    }
+    return tsLoaderInstance(...arguments);
+  };
+
+  // If dynamic await is supported (Node >= v20.8.0) or directory uses ESM, support
+  // async js/cjs loaders (dynamic import). Otherwise, use synchronous js/cjs loaders.
+  const loaders = isDynamicAwaitSupported() || (await isEsmModule(process.cwd())) ? cosmiconfig.defaultLoaders : cosmiconfig.defaultLoadersSync;
+  return cosmiconfig.cosmiconfig(configFileName, {
+    searchStrategy: 'project',
+    searchPlaces: [`${configFileName}.js`, `${configFileName}.cjs`, `${configFileName}.mjs`, `${configFileName}.ts`],
     loaders: {
-      noExt: cosmiconfig.defaultLoaders['.json'],
-      '.js': loadJsModule,
-      '.cjs': loadJsModule,
-      '.mjs': loadJsModule,
-      '.ts': loadJsModule
+      '.js': loaders['.js'],
+      '.cjs': loaders['.cjs'],
+      '.mjs': tsLoader,
+      '.ts': tsLoader
     }
   });
 };
-const customApplicationExplorer = createExplorerFor('custom-application-config');
-const customViewExplorer = createExplorerFor('custom-view-config');
-const getConfigPath = () => {
-  const customApplicationConfigFile = customApplicationExplorer.search();
-  const customViewConfigFile = customViewExplorer.search();
+const getConfigPath = async () => {
+  const customApplicationExplorer = await createExplorerFor('custom-application-config');
+  const customViewExplorer = await createExplorerFor('custom-view-config');
+  const customApplicationConfigFile = await customApplicationExplorer.search();
+  const customViewConfigFile = await customViewExplorer.search();
   if (!customApplicationConfigFile && !customViewConfigFile) {
     throw new Error(`Missing or invalid configuration file.`);
   }
   return customApplicationConfigFile?.filepath || customViewConfigFile?.filepath;
 };
-const loadConfig = applicationPath => {
-  const customApplicationConfigFile = customApplicationExplorer.search(applicationPath);
-  const customViewConfigFile = customViewExplorer.search(applicationPath);
+const loadConfig = async applicationPath => {
+  const customApplicationExplorer = await createExplorerFor('custom-application-config');
+  const customViewExplorer = await createExplorerFor('custom-view-config');
+  const customApplicationConfigFile = await customApplicationExplorer.search(applicationPath);
+  const customViewConfigFile = await customViewExplorer.search(applicationPath);
   if ((!customApplicationConfigFile || !customApplicationConfigFile.config) && (!customViewConfigFile || !customViewConfigFile.config)) {
     throw new MissingOrInvalidConfigError(`Missing or invalid configuration file.`);
   }
@@ -252,7 +262,7 @@ const substituteFilePathVariablePlaceholder = (valueOfPlaceholder, matchedString
   const _valueOfPlaceholder$s5 = valueOfPlaceholder.split(':'),
     _valueOfPlaceholder$s6 = _slicedToArray(_valueOfPlaceholder$s5, 2),
     filePathOrModule = _valueOfPlaceholder$s6[1];
-  const content = fs__default["default"].readFileSync(require.resolve(filePathOrModule, {
+  const content = fs__default$1["default"].readFileSync(require.resolve(filePathOrModule, {
     // Relative paths should be resolved from the application folder.
     paths: [loadingOptions.applicationPath]
   }), {
@@ -1241,7 +1251,7 @@ const getRuntimeEnvironmentConfig = _ref2 => {
 // Keep a reference to the config so that requiring the module
 // again will result in returning the cached value.
 let cachedConfig;
-const processConfig = function () {
+const processConfig = async function () {
   var _context;
   let _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref3$disableCache = _ref3.disableCache,
@@ -1249,11 +1259,11 @@ const processConfig = function () {
     _ref3$processEnv = _ref3.processEnv,
     processEnv = _ref3$processEnv === void 0 ? process.env : _ref3$processEnv,
     _ref3$applicationPath = _ref3.applicationPath,
-    applicationPath = _ref3$applicationPath === void 0 ? fs__default["default"].realpathSync(process.cwd()) : _ref3$applicationPath;
+    applicationPath = _ref3$applicationPath === void 0 ? fs__default$1["default"].realpathSync(process.cwd()) : _ref3$applicationPath;
   if (cachedConfig && !disableCache) return cachedConfig;
-  const _loadConfig = loadConfig(applicationPath),
-    filepath = _loadConfig.filepath,
-    rawConfig = _loadConfig.config;
+  const _await$loadConfig = await loadConfig(applicationPath),
+    filepath = _await$loadConfig.filepath,
+    rawConfig = _await$loadConfig.config;
   const configType = getLoadedConfigurationType(path.parse(filepath).name);
   validateConfig(configType, rawConfig);
   const appConfig = substituteVariablePlaceholders(rawConfig, {

package/dist/commercetools-frontend-application-config.cjs.prod.js

@@ -14,12 +14,16 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var fs = require('node:fs');
+var fs$1 = require('node:fs');
 var path = require('node:path');
 var omitEmpty = require('omit-empty-es');
 var constants = require('@commercetools-frontend/constants');
-var node_child_process = require('node:child_process');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var fs = require('node:fs/promises');
 var cosmiconfig = require('cosmiconfig');
+var cosmiconfigTypescriptLoader = require('cosmiconfig-typescript-loader');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
@@ -28,12 +32,10 @@ var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/trim');
 var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var formatters = require('./formatters-7f327585.cjs.prod.js');
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
@@ -58,15 +60,17 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var _URL__default = /*#__PURE__*/_interopDefault(_URL);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var fs__default = /*#__PURE__*/_interopDefault(fs);
+var fs__default$1 = /*#__PURE__*/_interopDefault(fs$1);
 var path__default = /*#__PURE__*/_interopDefault(path);
 var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
+var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
 var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
 var _trimInstanceProperty__default = /*#__PURE__*/_interopDefault(_trimInstanceProperty);
 var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
 var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
-var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
 var Ajv__default = /*#__PURE__*/_interopDefault(Ajv);
@@ -126,65 +130,71 @@ let MissingOrInvalidConfigError = /*#__PURE__*/function (_Error) {
   return _createClass(MissingOrInvalidConfigError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function doesFileExist(path) {
+// See the following issues for more context, contributing to failing Jest tests:
+//  - Issue: https://github.com/nodejs/node/issues/40058
+//  - Resolution: https://github.com/nodejs/node/pull/48510 (Node v20.8.0)
+// Copied from @commitlint/load/src/utils/load-config.ts
+const isDynamicAwaitSupported = () => {
+  var _context;
+  const _process$version$repl = _mapInstanceProperty__default["default"](_context = process.version.replace('v', '').split('.')).call(_context, val => _parseInt__default["default"](val)),
+    _process$version$repl2 = _slicedToArray(_process$version$repl, 2),
+    major = _process$version$repl2[0],
+    minor = _process$version$repl2[1];
+  return major >= 20 && minor >= 8;
+};
+
+// Is the given directory set up to use ESM (ECMAScript Modules)?
+// Copied from @commitlint/load/src/utils/load-config.ts
+const isEsmModule = async cwd => {
+  const packagePath = path__default["default"].join(cwd, 'package.json');
   try {
-    fs__default["default"].accessSync(path);
-    return true;
+    const packageJSON = await fs__default["default"].readFile(packagePath, {
+      encoding: 'utf-8'
+    });
+    return JSON.parse(packageJSON)?.type === 'module';
   } catch (error) {
     return false;
   }
-}
-// Helper function to find the package root path from the current location,
-// for instance in respect to both source files and dist files.
-const findPackageRootPath = dir => {
-  const packageJsonPath = path__default["default"].join(dir, 'package.json');
-  if (doesFileExist(packageJsonPath)) {
-    return dir;
-  }
-  const parentDir = path__default["default"].join(dir, '..');
-  return findPackageRootPath(parentDir);
 };
-const loadJsModule = filePath => {
-  const packageRootPath = findPackageRootPath(
-  // Start from the parent folder
-  path__default["default"].join(__dirname, '..'));
-  // Load the JS module using a child process. This is primarly to avoid
-  // unwanted behaviors using `@babel/register` in the main process.
-  // The loader script does the actual `require` of the given `filePath`
-  // and uses `@babel/register` to correctly parse and execute the file.
-  // The "required module output" is then written into `stdout` and parsed
-  // as JSON.
-  const output = node_child_process.execFileSync('node', [path__default["default"].join(packageRootPath, 'scripts/load-js-module.js'), filePath], {
-    encoding: 'utf8'
-  });
-  return JSON.parse(output);
-};
-const createExplorerFor = configFileName => {
-  return cosmiconfig.cosmiconfigSync(configFileName, {
-    // Restrict the supported file formats / names
-    searchPlaces: [`.${configFileName}rc`, `.${configFileName}.json`, `.${configFileName}.js`, `.${configFileName}.cjs`, `.${configFileName}.mjs`, `.${configFileName}.ts`, `${configFileName}.json`, `${configFileName}.js`, `${configFileName}.cjs`, `${configFileName}.mjs`, `${configFileName}.ts`],
+const createExplorerFor = async configFileName => {
+  // Copied from @commitlint/load/src/utils/load-config.ts
+  let tsLoaderInstance;
+  const tsLoader = function () {
+    if (!tsLoaderInstance) {
+      tsLoaderInstance = cosmiconfigTypescriptLoader.TypeScriptLoader();
+    }
+    return tsLoaderInstance(...arguments);
+  };
+
+  // If dynamic await is supported (Node >= v20.8.0) or directory uses ESM, support
+  // async js/cjs loaders (dynamic import). Otherwise, use synchronous js/cjs loaders.
+  const loaders = isDynamicAwaitSupported() || (await isEsmModule(process.cwd())) ? cosmiconfig.defaultLoaders : cosmiconfig.defaultLoadersSync;
+  return cosmiconfig.cosmiconfig(configFileName, {
+    searchStrategy: 'project',
+    searchPlaces: [`${configFileName}.js`, `${configFileName}.cjs`, `${configFileName}.mjs`, `${configFileName}.ts`],
     loaders: {
-      noExt: cosmiconfig.defaultLoaders['.json'],
-      '.js': loadJsModule,
-      '.cjs': loadJsModule,
-      '.mjs': loadJsModule,
-      '.ts': loadJsModule
+      '.js': loaders['.js'],
+      '.cjs': loaders['.cjs'],
+      '.mjs': tsLoader,
+      '.ts': tsLoader
     }
   });
 };
-const customApplicationExplorer = createExplorerFor('custom-application-config');
-const customViewExplorer = createExplorerFor('custom-view-config');
-const getConfigPath = () => {
-  const customApplicationConfigFile = customApplicationExplorer.search();
-  const customViewConfigFile = customViewExplorer.search();
+const getConfigPath = async () => {
+  const customApplicationExplorer = await createExplorerFor('custom-application-config');
+  const customViewExplorer = await createExplorerFor('custom-view-config');
+  const customApplicationConfigFile = await customApplicationExplorer.search();
+  const customViewConfigFile = await customViewExplorer.search();
   if (!customApplicationConfigFile && !customViewConfigFile) {
     throw new Error(`Missing or invalid configuration file.`);
   }
   return customApplicationConfigFile?.filepath || customViewConfigFile?.filepath;
 };
-const loadConfig = applicationPath => {
-  const customApplicationConfigFile = customApplicationExplorer.search(applicationPath);
-  const customViewConfigFile = customViewExplorer.search(applicationPath);
+const loadConfig = async applicationPath => {
+  const customApplicationExplorer = await createExplorerFor('custom-application-config');
+  const customViewExplorer = await createExplorerFor('custom-view-config');
+  const customApplicationConfigFile = await customApplicationExplorer.search(applicationPath);
+  const customViewConfigFile = await customViewExplorer.search(applicationPath);
   if ((!customApplicationConfigFile || !customApplicationConfigFile.config) && (!customViewConfigFile || !customViewConfigFile.config)) {
     throw new MissingOrInvalidConfigError(`Missing or invalid configuration file.`);
   }
@@ -252,7 +262,7 @@ const substituteFilePathVariablePlaceholder = (valueOfPlaceholder, matchedString
   const _valueOfPlaceholder$s5 = valueOfPlaceholder.split(':'),
     _valueOfPlaceholder$s6 = _slicedToArray(_valueOfPlaceholder$s5, 2),
     filePathOrModule = _valueOfPlaceholder$s6[1];
-  const content = fs__default["default"].readFileSync(require.resolve(filePathOrModule, {
+  const content = fs__default$1["default"].readFileSync(require.resolve(filePathOrModule, {
     // Relative paths should be resolved from the application folder.
     paths: [loadingOptions.applicationPath]
   }), {
@@ -1241,7 +1251,7 @@ const getRuntimeEnvironmentConfig = _ref2 => {
 // Keep a reference to the config so that requiring the module
 // again will result in returning the cached value.
 let cachedConfig;
-const processConfig = function () {
+const processConfig = async function () {
   var _context;
   let _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref3$disableCache = _ref3.disableCache,
@@ -1249,11 +1259,11 @@ const processConfig = function () {
     _ref3$processEnv = _ref3.processEnv,
     processEnv = _ref3$processEnv === void 0 ? process.env : _ref3$processEnv,
     _ref3$applicationPath = _ref3.applicationPath,
-    applicationPath = _ref3$applicationPath === void 0 ? fs__default["default"].realpathSync(process.cwd()) : _ref3$applicationPath;
+    applicationPath = _ref3$applicationPath === void 0 ? fs__default$1["default"].realpathSync(process.cwd()) : _ref3$applicationPath;
   if (cachedConfig && !disableCache) return cachedConfig;
-  const _loadConfig = loadConfig(applicationPath),
-    filepath = _loadConfig.filepath,
-    rawConfig = _loadConfig.config;
+  const _await$loadConfig = await loadConfig(applicationPath),
+    filepath = _await$loadConfig.filepath,
+    rawConfig = _await$loadConfig.config;
   const configType = getLoadedConfigurationType(path.parse(filepath).name);
   validateConfig(configType, rawConfig);
   const appConfig = substituteVariablePlaceholders(rawConfig, {

package/dist/commercetools-frontend-application-config.esm.js

@@ -10,13 +10,17 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import _URL from '@babel/runtime-corejs3/core-js-stable/url';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
-import fs from 'node:fs';
+import fs$1 from 'node:fs';
 import path, { parse } from 'node:path';
 import omitEmpty from 'omit-empty-es';
 import { ENTRY_POINT_URI_PATH_REGEX, PERMISSION_GROUP_NAME_REGEX, CUSTOM_VIEW_HOST_ENTRY_POINT_URI_PATH } from '@commercetools-frontend/constants';
 export { ENTRY_POINT_URI_PATH_REGEX, PERMISSION_GROUP_NAME_REGEX } from '@commercetools-frontend/constants';
-import { execFileSync } from 'node:child_process';
-import { cosmiconfigSync, defaultLoaders } from 'cosmiconfig';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
+import fs from 'node:fs/promises';
+import { defaultLoaders, defaultLoadersSync, cosmiconfig } from 'cosmiconfig';
+import { TypeScriptLoader } from 'cosmiconfig-typescript-loader';
 import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
 import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
 import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
@@ -25,12 +29,10 @@ import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
-import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
 import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
-import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import { f as formatEntryPointUriPathToResourceAccessKey, e as entryPointUriPathToResourceAccesses } from './formatters-882eafa8.esm.js';
 import _Set from '@babel/runtime-corejs3/core-js-stable/set';
 import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
@@ -94,65 +96,71 @@ let MissingOrInvalidConfigError = /*#__PURE__*/function (_Error) {
   return _createClass(MissingOrInvalidConfigError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-function doesFileExist(path) {
+// See the following issues for more context, contributing to failing Jest tests:
+//  - Issue: https://github.com/nodejs/node/issues/40058
+//  - Resolution: https://github.com/nodejs/node/pull/48510 (Node v20.8.0)
+// Copied from @commitlint/load/src/utils/load-config.ts
+const isDynamicAwaitSupported = () => {
+  var _context;
+  const _process$version$repl = _mapInstanceProperty(_context = process.version.replace('v', '').split('.')).call(_context, val => _parseInt(val)),
+    _process$version$repl2 = _slicedToArray(_process$version$repl, 2),
+    major = _process$version$repl2[0],
+    minor = _process$version$repl2[1];
+  return major >= 20 && minor >= 8;
+};
+
+// Is the given directory set up to use ESM (ECMAScript Modules)?
+// Copied from @commitlint/load/src/utils/load-config.ts
+const isEsmModule = async cwd => {
+  const packagePath = path.join(cwd, 'package.json');
   try {
-    fs.accessSync(path);
-    return true;
+    const packageJSON = await fs.readFile(packagePath, {
+      encoding: 'utf-8'
+    });
+    return JSON.parse(packageJSON)?.type === 'module';
   } catch (error) {
     return false;
   }
-}
-// Helper function to find the package root path from the current location,
-// for instance in respect to both source files and dist files.
-const findPackageRootPath = dir => {
-  const packageJsonPath = path.join(dir, 'package.json');
-  if (doesFileExist(packageJsonPath)) {
-    return dir;
-  }
-  const parentDir = path.join(dir, '..');
-  return findPackageRootPath(parentDir);
-};
-const loadJsModule = filePath => {
-  const packageRootPath = findPackageRootPath(
-  // Start from the parent folder
-  path.join(__dirname, '..'));
-  // Load the JS module using a child process. This is primarly to avoid
-  // unwanted behaviors using `@babel/register` in the main process.
-  // The loader script does the actual `require` of the given `filePath`
-  // and uses `@babel/register` to correctly parse and execute the file.
-  // The "required module output" is then written into `stdout` and parsed
-  // as JSON.
-  const output = execFileSync('node', [path.join(packageRootPath, 'scripts/load-js-module.js'), filePath], {
-    encoding: 'utf8'
-  });
-  return JSON.parse(output);
 };
-const createExplorerFor = configFileName => {
-  return cosmiconfigSync(configFileName, {
-    // Restrict the supported file formats / names
-    searchPlaces: [`.${configFileName}rc`, `.${configFileName}.json`, `.${configFileName}.js`, `.${configFileName}.cjs`, `.${configFileName}.mjs`, `.${configFileName}.ts`, `${configFileName}.json`, `${configFileName}.js`, `${configFileName}.cjs`, `${configFileName}.mjs`, `${configFileName}.ts`],
+const createExplorerFor = async configFileName => {
+  // Copied from @commitlint/load/src/utils/load-config.ts
+  let tsLoaderInstance;
+  const tsLoader = function () {
+    if (!tsLoaderInstance) {
+      tsLoaderInstance = TypeScriptLoader();
+    }
+    return tsLoaderInstance(...arguments);
+  };
+
+  // If dynamic await is supported (Node >= v20.8.0) or directory uses ESM, support
+  // async js/cjs loaders (dynamic import). Otherwise, use synchronous js/cjs loaders.
+  const loaders = isDynamicAwaitSupported() || (await isEsmModule(process.cwd())) ? defaultLoaders : defaultLoadersSync;
+  return cosmiconfig(configFileName, {
+    searchStrategy: 'project',
+    searchPlaces: [`${configFileName}.js`, `${configFileName}.cjs`, `${configFileName}.mjs`, `${configFileName}.ts`],
     loaders: {
-      noExt: defaultLoaders['.json'],
-      '.js': loadJsModule,
-      '.cjs': loadJsModule,
-      '.mjs': loadJsModule,
-      '.ts': loadJsModule
+      '.js': loaders['.js'],
+      '.cjs': loaders['.cjs'],
+      '.mjs': tsLoader,
+      '.ts': tsLoader
     }
   });
 };
-const customApplicationExplorer = createExplorerFor('custom-application-config');
-const customViewExplorer = createExplorerFor('custom-view-config');
-const getConfigPath = () => {
-  const customApplicationConfigFile = customApplicationExplorer.search();
-  const customViewConfigFile = customViewExplorer.search();
+const getConfigPath = async () => {
+  const customApplicationExplorer = await createExplorerFor('custom-application-config');
+  const customViewExplorer = await createExplorerFor('custom-view-config');
+  const customApplicationConfigFile = await customApplicationExplorer.search();
+  const customViewConfigFile = await customViewExplorer.search();
   if (!customApplicationConfigFile && !customViewConfigFile) {
     throw new Error(`Missing or invalid configuration file.`);
   }
   return customApplicationConfigFile?.filepath || customViewConfigFile?.filepath;
 };
-const loadConfig = applicationPath => {
-  const customApplicationConfigFile = customApplicationExplorer.search(applicationPath);
-  const customViewConfigFile = customViewExplorer.search(applicationPath);
+const loadConfig = async applicationPath => {
+  const customApplicationExplorer = await createExplorerFor('custom-application-config');
+  const customViewExplorer = await createExplorerFor('custom-view-config');
+  const customApplicationConfigFile = await customApplicationExplorer.search(applicationPath);
+  const customViewConfigFile = await customViewExplorer.search(applicationPath);
   if ((!customApplicationConfigFile || !customApplicationConfigFile.config) && (!customViewConfigFile || !customViewConfigFile.config)) {
     throw new MissingOrInvalidConfigError(`Missing or invalid configuration file.`);
   }
@@ -220,7 +228,7 @@ const substituteFilePathVariablePlaceholder = (valueOfPlaceholder, matchedString
   const _valueOfPlaceholder$s5 = valueOfPlaceholder.split(':'),
     _valueOfPlaceholder$s6 = _slicedToArray(_valueOfPlaceholder$s5, 2),
     filePathOrModule = _valueOfPlaceholder$s6[1];
-  const content = fs.readFileSync(require.resolve(filePathOrModule, {
+  const content = fs$1.readFileSync(require.resolve(filePathOrModule, {
     // Relative paths should be resolved from the application folder.
     paths: [loadingOptions.applicationPath]
   }), {
@@ -1209,7 +1217,7 @@ const getRuntimeEnvironmentConfig = _ref2 => {
 // Keep a reference to the config so that requiring the module
 // again will result in returning the cached value.
 let cachedConfig;
-const processConfig = function () {
+const processConfig = async function () {
   var _context;
   let _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref3$disableCache = _ref3.disableCache,
@@ -1217,11 +1225,11 @@ const processConfig = function () {
     _ref3$processEnv = _ref3.processEnv,
     processEnv = _ref3$processEnv === void 0 ? process.env : _ref3$processEnv,
     _ref3$applicationPath = _ref3.applicationPath,
-    applicationPath = _ref3$applicationPath === void 0 ? fs.realpathSync(process.cwd()) : _ref3$applicationPath;
+    applicationPath = _ref3$applicationPath === void 0 ? fs$1.realpathSync(process.cwd()) : _ref3$applicationPath;
   if (cachedConfig && !disableCache) return cachedConfig;
-  const _loadConfig = loadConfig(applicationPath),
-    filepath = _loadConfig.filepath,
-    rawConfig = _loadConfig.config;
+  const _await$loadConfig = await loadConfig(applicationPath),
+    filepath = _await$loadConfig.filepath,
+    rawConfig = _await$loadConfig.config;
   const configType = getLoadedConfigurationType(parse(filepath).name);
   validateConfig(configType, rawConfig);
   const appConfig = substituteVariablePlaceholders(rawConfig, {

package/dist/declarations/src/load-config.d.ts

@@ -1,8 +1,11 @@
 import type { JSONSchemaForCustomApplicationConfigurationFiles } from './schemas/generated/custom-application.schema';
 import type { JSONSchemaForCustomViewConfigurationFiles } from './schemas/generated/custom-view.schema';
-export declare const getConfigPath: () => string | undefined;
-declare const loadConfig: (applicationPath: string) => {
+export declare const isDynamicAwaitSupported: () => boolean;
+export declare const isEsmModule: (cwd: string) => Promise<boolean>;
+export declare const getConfigPath: () => Promise<string | undefined>;
+export type TLoadConfigResult = {
     filepath: string;
     config: JSONSchemaForCustomApplicationConfigurationFiles | JSONSchemaForCustomViewConfigurationFiles;
 };
+declare const loadConfig: (applicationPath: string) => Promise<TLoadConfigResult>;
 export default loadConfig;

package/dist/declarations/src/process-config.d.ts

@@ -2,5 +2,5 @@ import type { ApplicationRuntimeConfig, LoadingConfigOptions } from './types';
 type ProcessConfigOptions = Partial<LoadingConfigOptions> & {
     disableCache?: boolean;
 };
-declare const processConfig: ({ disableCache, processEnv, applicationPath, }?: ProcessConfigOptions) => ApplicationRuntimeConfig;
+declare const processConfig: ({ disableCache, processEnv, applicationPath, }?: ProcessConfigOptions) => Promise<ApplicationRuntimeConfig>;
 export default processConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-config",
-  "version": "22.36.0",
+  "version": "22.37.0",
   "description": "Configuration utilities for building Custom Applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -45,14 +45,14 @@
     "@babel/register": "^7.22.15",
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/babel-preset-mc-app": "22.36.0",
-    "@commercetools-frontend/constants": "22.36.0",
+    "@commercetools-frontend/constants": "22.37.0",
     "@types/dompurify": "^2.4.0",
     "@types/lodash": "^4.14.198",
     "@types/react": "^17.0.80",
     "ajv": "8.16.0",
     "core-js": "^3.32.2",
-    "cosmiconfig": "7.1.0",
+    "cosmiconfig": "9.0.0",
+    "cosmiconfig-typescript-loader": "6.1.0",
     "dompurify": "^2.4.7",
     "jsdom": "^21.1.2",
     "lodash": "4.17.21",
@@ -61,8 +61,7 @@
   "devDependencies": {
     "@types/jsdom": "^21.1.2",
     "json-schema-to-typescript": "13.1.2",
-    "shelljs": "0.8.5",
-    "@commercetools-frontend/assets": "22.36.0"
+    "@commercetools-frontend/assets": "22.37.0"
   },
   "engines": {
     "node": "16.x || >=18.0.0"

package/scripts/load-js-module.js

@@ -1,34 +0,0 @@
-/**
- * This script file is used to load and parse a JS module in a child process,
- * to isolate the Babel configuration from the main program and avoid causing
- * unnecessary issues.
- *
- * NOTE: keep this file as a `.js` file, as we want to be able to run this
- * in any Node environment.
- */
-
-// Ensure there is a babel/node environment variable set, otherwise the
-// babel preset throws an error.
-process.env.BABEL_ENV = 'development';
-
-const get = require('lodash/get');
-
-// Load JS modules using Babel, as we need to load
-// the config synchronously with `require`, no `await import`.
-require('@babel/register')({
-  babelrc: false,
-  extensions: ['.js', '.cjs', '.mjs', '.ts'],
-  presets: ['@commercetools-frontend/babel-preset-mc-app'],
-});
-
-// The file to `require` is passed as the main argument to this script file.
-const [filePath] = process.argv.slice(2);
-
-// Require the module. It's expected that the module exports the application config
-const moduleExport = require(filePath);
-
-// In case we are loading an ES module, we need to pick the `default` export.
-const result = get(moduleExport, 'default', moduleExport);
-
-// Write the application config to `stdout`so that the main program can read it.
-process.stdout.write(JSON.stringify(result));