@commercetools-frontend/create-mc-app 22.8.1 → 22.8.2

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @commercetools-frontend/create-mc-app
 
+## 22.8.2
+
 ## 22.8.1
 
 ## 22.8.0

package/dist/commercetools-frontend-create-mc-app.cjs.dev.js

@@ -10,16 +10,16 @@ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var semver = require('semver');
 var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-var crypto = require('crypto');
-var path = require('path');
-var readline = require('readline');
+var crypto = require('node:crypto');
+var path = require('node:path');
+var readline = require('node:readline');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var fs = require('fs');
+var fs = require('node:fs');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Date$now = require('@babel/runtime-corejs3/core-js-stable/date/now');
-var os = require('os');
+var os = require('node:os');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
@@ -67,7 +67,7 @@ var prettier__default = /*#__PURE__*/_interopDefault(prettier);
 
 var pkgJson = {
 	name: "@commercetools-frontend/create-mc-app",
-	version: "22.8.1",
+	version: "22.8.2",
 	description: "Create Merchant Center applications to quickly get up and running",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -109,6 +109,15 @@ var pkgJson = {
 	}
 };
 
+const applicationTypes = {
+  'custom-application': 'custom-application',
+  'custom-view': 'custom-view'
+};
+const availableTemplates = {
+  starter: 'starter',
+  'starter-typescript': 'starter-typescript'
+};
+
 async function getLatestReleaseVersion() {
   const commandResult = await execa__default["default"].command('npm view @commercetools-frontend/create-mc-app --json', {
     encoding: 'utf-8'
@@ -176,31 +185,48 @@ const resolveFilePathByExtension = requestedModule => {
   return _concatInstanceProperty__default["default"](_context4 = "".concat(requestedModule)).call(_context4, fileExtension);
 };
 
-const availableTemplates = {
-  starter: 'starter',
-  'starter-typescript': 'starter-typescript'
+const throwIfApplicationTypeIsNotSupported = applicationType => {
+  switch (applicationType) {
+    case applicationTypes['custom-view']:
+      {
+        if (process.env.ENABLE_EXPERIMENTAL_CUSTOM_VIEWS !== 'true') {
+          throw new Error("Custom Views generation is not yet supported.");
+        }
+        break;
+      }
+    case applicationTypes['custom-application']:
+      break;
+    default:
+      {
+        var _context;
+        const applicationTypesList = _Object$keys__default["default"](applicationTypes).toString();
+        throw new Error(_concatInstanceProperty__default["default"](_context = "The provided application type \"".concat(applicationType, "\" does not exist. Available types are \"")).call(_context, applicationTypesList, "\". Make sure you are also using the latest version of \"@commercetools-frontend/create-mc-app\"."));
+      }
+  }
 };
 const throwIfTemplateIsNotSupported = templateName => {
-  var _context;
   switch (templateName) {
     case availableTemplates.starter:
     case availableTemplates['starter-typescript']:
       break;
     default:
-      const templateNamesList = _Object$keys__default["default"](availableTemplates).toString();
-      throw new Error(_concatInstanceProperty__default["default"](_context = "The provided template name \"".concat(templateName, "\" does not exist. Available templates are \"")).call(_context, templateNamesList, "\". Make sure you are also using the latest version of \"@commercetools-frontend/create-mc-app\"."));
+      {
+        var _context2;
+        const templateNamesList = _Object$keys__default["default"](availableTemplates).toString();
+        throw new Error(_concatInstanceProperty__default["default"](_context2 = "The provided template name \"".concat(templateName, "\" does not exist. Available templates are \"")).call(_context2, templateNamesList, "\". Make sure you are also using the latest version of \"@commercetools-frontend/create-mc-app\"."));
+      }
   }
 };
 const throwIfProjectDirectoryExists = (dirName, dirPath) => {
   if (fs__default["default"].existsSync(dirPath)) {
-    var _context2;
-    throw new Error(_concatInstanceProperty__default["default"](_context2 = "A directory named \"".concat(dirName, "\" already exists at this location \"")).call(_context2, dirPath, "\". Please choose a different project name or remove the directory, then try running the command again."));
+    var _context3;
+    throw new Error(_concatInstanceProperty__default["default"](_context3 = "A directory named \"".concat(dirName, "\" already exists at this location \"")).call(_context3, dirPath, "\". Please choose a different project name or remove the directory, then try running the command again."));
   }
 };
 const throwIfTemplateVersionDoesNotExist = (templateName, templateFolderPath, versionToCheck) => {
   if (!fs__default["default"].existsSync(templateFolderPath)) {
-    var _context3;
-    throw new Error(_concatInstanceProperty__default["default"](_context3 = "The downloaded template \"".concat(templateName, "\" does not exist for the given version \"")).call(_context3, versionToCheck, "\". Check the releases page if you are looking for a specific version: https://github.com/commercetools/merchant-center-application-kit/releases"));
+    var _context4;
+    throw new Error(_concatInstanceProperty__default["default"](_context4 = "The downloaded template \"".concat(templateName, "\" does not exist for the given version \"")).call(_context4, versionToCheck, "\". Check the releases page if you are looking for a specific version: https://github.com/commercetools/merchant-center-application-kit/releases"));
   }
   // In case the version is semver (usually release tags) we check that
   // the cloned repository contains the template matching the given version
@@ -210,8 +236,8 @@ const throwIfTemplateVersionDoesNotExist = (templateName, templateFolderPath, ve
     }));
     const versionAsNumber = versionToCheck.replace('v', '');
     if (templatePackageJson.version !== versionAsNumber) {
-      var _context4, _context5;
-      throw new Error(_concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "The downloaded template \"".concat(templateName, "\" does not match the version \"")).call(_context5, versionAsNumber, "\", instead got \"")).call(_context4, templatePackageJson.version, "\". Check the releases page if you want to provide a specific version: https://github.com/commercetools/merchant-center-application-kit/releases"));
+      var _context5, _context6;
+      throw new Error(_concatInstanceProperty__default["default"](_context5 = _concatInstanceProperty__default["default"](_context6 = "The downloaded template \"".concat(templateName, "\" does not match the version \"")).call(_context6, versionAsNumber, "\", instead got \"")).call(_context5, templatePackageJson.version, "\". Check the releases page if you want to provide a specific version: https://github.com/commercetools/merchant-center-application-kit/releases"));
     }
   }
 };
@@ -223,14 +249,17 @@ const throwIfInitialProjectKeyIsMissing = initialProjectKey => {
 const throwIfNodeVersionIsNotSupported = (currentNodeVersion, expectedVersionRange) => {
   const hasValidNodeVersion = semver__default["default"].satisfies(currentNodeVersion, expectedVersionRange);
   if (!hasValidNodeVersion) {
-    var _context6;
-    throw new Error(_concatInstanceProperty__default["default"](_context6 = "You are running Node ".concat(currentNodeVersion, " but create-mc-app requires Node ")).call(_context6, expectedVersionRange, ". Please update your version of Node."));
+    var _context7;
+    throw new Error(_concatInstanceProperty__default["default"](_context7 = "You are running Node ".concat(currentNodeVersion, " but create-mc-app requires Node ")).call(_context7, expectedVersionRange, ". Please update your version of Node."));
   }
 };
 
 const question = (rl, value) => new _Promise__default["default"](resolve => rl.question(value, resolve));
 const getEntryPointUriPath = async (rl, options) => {
   var _context;
+  if (options.applicationType === applicationTypes['custom-view']) {
+    return;
+  }
   if (options.entryPointUriPath) {
     return options.entryPointUriPath;
   }
@@ -261,6 +290,7 @@ async function processOptions(projectDirectoryName, options) {
   const templateName = options.template;
 
   // Validate options
+  throwIfApplicationTypeIsNotSupported(options.applicationType);
   throwIfProjectDirectoryExists(projectDirectoryName, projectDirectoryPath);
   throwIfTemplateIsNotSupported(templateName);
 
@@ -273,6 +303,7 @@ async function processOptions(projectDirectoryName, options) {
   const initialProjectKey = await getInitialProjectKey(rl, options);
   rl.close();
   return {
+    applicationType: options.applicationType,
     projectDirectoryName,
     projectDirectoryPath,
     templateName,
@@ -292,7 +323,7 @@ function downloadTemplate(options) {
       const tmpDir = os__default["default"].tmpdir();
       const tmpFolderNameForClonedRepository = ['merchant-center-application-kit', '--', options.tagOrBranchVersion, '--', _Date$now__default["default"]().toString()].join('');
       const clonedRepositoryPath = path__default["default"].join(tmpDir, tmpFolderNameForClonedRepository);
-      const templateFolderPath = path__default["default"].join(clonedRepositoryPath, 'application-templates', options.templateName);
+      const templateFolderPath = path__default["default"].join(clonedRepositoryPath, options.applicationType === applicationTypes['custom-view'] ? 'custom-views-templates' : 'application-templates', options.templateName);
       return new listr2.Listr([{
         title: "Cloning repository using branch ".concat(options.tagOrBranchVersion),
         task: async () => {
@@ -404,10 +435,11 @@ function updatePackageJson(options, releaseVersion) {
   };
 }
 
-function replaceApplicationInfoInCustomApplicationConfig(filePath, options) {
-  const appName = wordify(options.entryPointUriPath);
+function replaceApplicationInfoInApplicationConfig(filePath, options) {
   const result = core.transformFileSync(filePath, {
-    plugins: [function replaceCustomApplicationConfig() {
+    plugins: [function replaceConfig() {
+      var _options$entryPointUr;
+      const appName = wordify((_options$entryPointUr = options.entryPointUriPath) !== null && _options$entryPointUr !== void 0 ? _options$entryPointUr : options.projectDirectoryName);
       return {
         visitor: {
           Identifier(nodePath) {
@@ -421,7 +453,7 @@ function replaceApplicationInfoInCustomApplicationConfig(filePath, options) {
             }) && nodePath.parent.type === 'ObjectProperty') {
               nodePath.parent.value = core.types.stringLiteral(options.initialProjectKey);
             }
-            if (nodePath.isIdentifier({
+            if (options.applicationType === applicationTypes['custom-application'] && nodePath.isIdentifier({
               name: 'defaultLabel'
             })) {
               const isMainMenuLinkParent = nodePath.findParent(parentPath => parentPath.isIdentifier({
@@ -445,12 +477,22 @@ function replaceApplicationInfoInCustomApplicationConfig(filePath, options) {
     });
   }
 }
-function updateCustomApplicationConfig(options) {
+function getApplicationConfigName(options) {
+  switch (options.applicationType) {
+    case applicationTypes['custom-application']:
+      return 'custom-application-config';
+    case applicationTypes['custom-view']:
+      return 'custom-view-config';
+    default:
+      throw new Error("Unknown application type ".concat(options.applicationType));
+  }
+}
+function updateApplicationConfig(options) {
   return {
-    title: 'Updating Custom Applications config',
+    title: 'Updating application config file',
     task: () => {
-      const customApplicationConfigPath = resolveFilePathByExtension(path__default["default"].join(options.projectDirectoryPath, 'custom-application-config'));
-      replaceApplicationInfoInCustomApplicationConfig(customApplicationConfigPath, options);
+      const configPath = resolveFilePathByExtension(path__default["default"].join(options.projectDirectoryPath, getApplicationConfigName(options)));
+      replaceApplicationInfoInApplicationConfig(configPath, options);
     }
   };
 }
@@ -481,6 +523,7 @@ function replaceEntryPointUriPathInConstants(filePath, options) {
 function updateApplicationConstants(options) {
   return {
     title: 'Updating application constants',
+    enabled: options.applicationType === applicationTypes['custom-application'],
     task: () => {
       const applicationConstantsPath = resolveFilePathByExtension(path__default["default"].join(options.projectDirectoryPath, 'src/constants'));
       replaceEntryPointUriPathInConstants(applicationConstantsPath, options);
@@ -499,8 +542,10 @@ process.on('unhandledRejection', err => {
 });
 const run = () => {
   // Default command
-  cli.command('[project-directory]').usage('[project-directory]\n\n  Bootstraps a new Custom Application project using one of the predefined templates.').option('--template <name>', '(optional) The name of the template to install.', {
-    default: 'starter'
+  cli.command('[project-directory]').usage('[project-directory]\n\n  Bootstraps a new Custom Application project using one of the predefined templates.').option('--application-type <type>', '(optional) The type of the application to create: custom-application (default) or custom-view.', {
+    default: applicationTypes['custom-application']
+  }).option('--template <name>', '(optional) The name of the template to install.', {
+    default: availableTemplates.starter
   }).option('--template-version <version>', '(optional) The version of the template to install (either a git tag or a git branch of the "commercetools/merchant-center-application-kit" repository).', {
     default: 'main'
   }).option('--skip-install', '(optional) Skip installing the dependencies after cloning the template.', {
@@ -516,17 +561,18 @@ const run = () => {
     const releaseVersion = await getLatestReleaseVersion();
     hintOutdatedVersion(pkgJson.version, releaseVersion);
     console.log('');
-    console.log("Documentation available at https://docs.commercetools.com/custom-applications");
+    console.log( // TODO: Use link based on the application type
+    "Documentation available at https://docs.commercetools.com/custom-applications");
     console.log('');
     const taskOptions = await processOptions(projectDirectory, options);
     const shouldInstallDependencies = !options.skipInstall ||
     // TODO: remove once we manage to ensure the package manager is installed, for example via Corepack.
     options.packageManager === 'pnpm';
-    const taskList = new listr2.Listr(_filterInstanceProperty__default["default"](_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions, releaseVersion), updateCustomApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), shouldInstallDependencies && installDependencies(taskOptions)]).call(_context, Boolean));
+    const taskList = new listr2.Listr(_filterInstanceProperty__default["default"](_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions, releaseVersion), updateApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), shouldInstallDependencies && installDependencies(taskOptions)]).call(_context, Boolean));
     await taskList.run();
     const packageManager = getPreferredPackageManager(taskOptions);
     console.log('');
-    console.log("\uD83C\uDF89 \uD83C\uDF89 \uD83C\uDF89 The Custom Application has been created in the \"".concat(taskOptions.projectDirectoryName, "\" folder."));
+    console.log("\uD83C\uDF89 \uD83C\uDF89 \uD83C\uDF89 The application has been created in the \"".concat(taskOptions.projectDirectoryName, "\" folder."));
     console.log('');
     console.log("To get started:");
     console.log("$ cd ".concat(taskOptions.projectDirectoryName));
@@ -535,7 +581,8 @@ const run = () => {
     }
     console.log("$ ".concat(packageManager, " start"));
     console.log('');
-    console.log("Visit https://docs.commercetools.com/custom-applications for more info about developing Custom Applications. Enjoy \uD83D\uDE80");
+    console.log( // TODO: Use link based on the application type
+    "Visit https://docs.commercetools.com/custom-applications for more info about developing Custom Applications. Enjoy \uD83D\uDE80");
   });
   cli.help();
   cli.version(pkgJson.version);

package/dist/commercetools-frontend-create-mc-app.cjs.prod.js

@@ -10,16 +10,16 @@ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/ins
 var semver = require('semver');
 var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
 var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-var crypto = require('crypto');
-var path = require('path');
-var readline = require('readline');
+var crypto = require('node:crypto');
+var path = require('node:path');
+var readline = require('node:readline');
 var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var fs = require('fs');
+var fs = require('node:fs');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Date$now = require('@babel/runtime-corejs3/core-js-stable/date/now');
-var os = require('os');
+var os = require('node:os');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
@@ -67,7 +67,7 @@ var prettier__default = /*#__PURE__*/_interopDefault(prettier);
 
 var pkgJson = {
 	name: "@commercetools-frontend/create-mc-app",
-	version: "22.8.1",
+	version: "22.8.2",
 	description: "Create Merchant Center applications to quickly get up and running",
 	bugs: "https://github.com/commercetools/merchant-center-application-kit/issues",
 	repository: {
@@ -109,6 +109,15 @@ var pkgJson = {
 	}
 };
 
+const applicationTypes = {
+  'custom-application': 'custom-application',
+  'custom-view': 'custom-view'
+};
+const availableTemplates = {
+  starter: 'starter',
+  'starter-typescript': 'starter-typescript'
+};
+
 async function getLatestReleaseVersion() {
   const commandResult = await execa__default["default"].command('npm view @commercetools-frontend/create-mc-app --json', {
     encoding: 'utf-8'
@@ -176,31 +185,48 @@ const resolveFilePathByExtension = requestedModule => {
   return _concatInstanceProperty__default["default"](_context4 = "".concat(requestedModule)).call(_context4, fileExtension);
 };
 
-const availableTemplates = {
-  starter: 'starter',
-  'starter-typescript': 'starter-typescript'
+const throwIfApplicationTypeIsNotSupported = applicationType => {
+  switch (applicationType) {
+    case applicationTypes['custom-view']:
+      {
+        if (process.env.ENABLE_EXPERIMENTAL_CUSTOM_VIEWS !== 'true') {
+          throw new Error("Custom Views generation is not yet supported.");
+        }
+        break;
+      }
+    case applicationTypes['custom-application']:
+      break;
+    default:
+      {
+        var _context;
+        const applicationTypesList = _Object$keys__default["default"](applicationTypes).toString();
+        throw new Error(_concatInstanceProperty__default["default"](_context = "The provided application type \"".concat(applicationType, "\" does not exist. Available types are \"")).call(_context, applicationTypesList, "\". Make sure you are also using the latest version of \"@commercetools-frontend/create-mc-app\"."));
+      }
+  }
 };
 const throwIfTemplateIsNotSupported = templateName => {
-  var _context;
   switch (templateName) {
     case availableTemplates.starter:
     case availableTemplates['starter-typescript']:
       break;
     default:
-      const templateNamesList = _Object$keys__default["default"](availableTemplates).toString();
-      throw new Error(_concatInstanceProperty__default["default"](_context = "The provided template name \"".concat(templateName, "\" does not exist. Available templates are \"")).call(_context, templateNamesList, "\". Make sure you are also using the latest version of \"@commercetools-frontend/create-mc-app\"."));
+      {
+        var _context2;
+        const templateNamesList = _Object$keys__default["default"](availableTemplates).toString();
+        throw new Error(_concatInstanceProperty__default["default"](_context2 = "The provided template name \"".concat(templateName, "\" does not exist. Available templates are \"")).call(_context2, templateNamesList, "\". Make sure you are also using the latest version of \"@commercetools-frontend/create-mc-app\"."));
+      }
   }
 };
 const throwIfProjectDirectoryExists = (dirName, dirPath) => {
   if (fs__default["default"].existsSync(dirPath)) {
-    var _context2;
-    throw new Error(_concatInstanceProperty__default["default"](_context2 = "A directory named \"".concat(dirName, "\" already exists at this location \"")).call(_context2, dirPath, "\". Please choose a different project name or remove the directory, then try running the command again."));
+    var _context3;
+    throw new Error(_concatInstanceProperty__default["default"](_context3 = "A directory named \"".concat(dirName, "\" already exists at this location \"")).call(_context3, dirPath, "\". Please choose a different project name or remove the directory, then try running the command again."));
   }
 };
 const throwIfTemplateVersionDoesNotExist = (templateName, templateFolderPath, versionToCheck) => {
   if (!fs__default["default"].existsSync(templateFolderPath)) {
-    var _context3;
-    throw new Error(_concatInstanceProperty__default["default"](_context3 = "The downloaded template \"".concat(templateName, "\" does not exist for the given version \"")).call(_context3, versionToCheck, "\". Check the releases page if you are looking for a specific version: https://github.com/commercetools/merchant-center-application-kit/releases"));
+    var _context4;
+    throw new Error(_concatInstanceProperty__default["default"](_context4 = "The downloaded template \"".concat(templateName, "\" does not exist for the given version \"")).call(_context4, versionToCheck, "\". Check the releases page if you are looking for a specific version: https://github.com/commercetools/merchant-center-application-kit/releases"));
   }
   // In case the version is semver (usually release tags) we check that
   // the cloned repository contains the template matching the given version
@@ -210,8 +236,8 @@ const throwIfTemplateVersionDoesNotExist = (templateName, templateFolderPath, ve
     }));
     const versionAsNumber = versionToCheck.replace('v', '');
     if (templatePackageJson.version !== versionAsNumber) {
-      var _context4, _context5;
-      throw new Error(_concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "The downloaded template \"".concat(templateName, "\" does not match the version \"")).call(_context5, versionAsNumber, "\", instead got \"")).call(_context4, templatePackageJson.version, "\". Check the releases page if you want to provide a specific version: https://github.com/commercetools/merchant-center-application-kit/releases"));
+      var _context5, _context6;
+      throw new Error(_concatInstanceProperty__default["default"](_context5 = _concatInstanceProperty__default["default"](_context6 = "The downloaded template \"".concat(templateName, "\" does not match the version \"")).call(_context6, versionAsNumber, "\", instead got \"")).call(_context5, templatePackageJson.version, "\". Check the releases page if you want to provide a specific version: https://github.com/commercetools/merchant-center-application-kit/releases"));
     }
   }
 };
@@ -223,14 +249,17 @@ const throwIfInitialProjectKeyIsMissing = initialProjectKey => {
 const throwIfNodeVersionIsNotSupported = (currentNodeVersion, expectedVersionRange) => {
   const hasValidNodeVersion = semver__default["default"].satisfies(currentNodeVersion, expectedVersionRange);
   if (!hasValidNodeVersion) {
-    var _context6;
-    throw new Error(_concatInstanceProperty__default["default"](_context6 = "You are running Node ".concat(currentNodeVersion, " but create-mc-app requires Node ")).call(_context6, expectedVersionRange, ". Please update your version of Node."));
+    var _context7;
+    throw new Error(_concatInstanceProperty__default["default"](_context7 = "You are running Node ".concat(currentNodeVersion, " but create-mc-app requires Node ")).call(_context7, expectedVersionRange, ". Please update your version of Node."));
   }
 };
 
 const question = (rl, value) => new _Promise__default["default"](resolve => rl.question(value, resolve));
 const getEntryPointUriPath = async (rl, options) => {
   var _context;
+  if (options.applicationType === applicationTypes['custom-view']) {
+    return;
+  }
   if (options.entryPointUriPath) {
     return options.entryPointUriPath;
   }
@@ -261,6 +290,7 @@ async function processOptions(projectDirectoryName, options) {
   const templateName = options.template;
 
   // Validate options
+  throwIfApplicationTypeIsNotSupported(options.applicationType);
   throwIfProjectDirectoryExists(projectDirectoryName, projectDirectoryPath);
   throwIfTemplateIsNotSupported(templateName);
 
@@ -273,6 +303,7 @@ async function processOptions(projectDirectoryName, options) {
   const initialProjectKey = await getInitialProjectKey(rl, options);
   rl.close();
   return {
+    applicationType: options.applicationType,
     projectDirectoryName,
     projectDirectoryPath,
     templateName,
@@ -292,7 +323,7 @@ function downloadTemplate(options) {
       const tmpDir = os__default["default"].tmpdir();
       const tmpFolderNameForClonedRepository = ['merchant-center-application-kit', '--', options.tagOrBranchVersion, '--', _Date$now__default["default"]().toString()].join('');
       const clonedRepositoryPath = path__default["default"].join(tmpDir, tmpFolderNameForClonedRepository);
-      const templateFolderPath = path__default["default"].join(clonedRepositoryPath, 'application-templates', options.templateName);
+      const templateFolderPath = path__default["default"].join(clonedRepositoryPath, options.applicationType === applicationTypes['custom-view'] ? 'custom-views-templates' : 'application-templates', options.templateName);
       return new listr2.Listr([{
         title: "Cloning repository using branch ".concat(options.tagOrBranchVersion),
         task: async () => {
@@ -404,10 +435,11 @@ function updatePackageJson(options, releaseVersion) {
   };
 }
 
-function replaceApplicationInfoInCustomApplicationConfig(filePath, options) {
-  const appName = wordify(options.entryPointUriPath);
+function replaceApplicationInfoInApplicationConfig(filePath, options) {
   const result = core.transformFileSync(filePath, {
-    plugins: [function replaceCustomApplicationConfig() {
+    plugins: [function replaceConfig() {
+      var _options$entryPointUr;
+      const appName = wordify((_options$entryPointUr = options.entryPointUriPath) !== null && _options$entryPointUr !== void 0 ? _options$entryPointUr : options.projectDirectoryName);
       return {
         visitor: {
           Identifier(nodePath) {
@@ -421,7 +453,7 @@ function replaceApplicationInfoInCustomApplicationConfig(filePath, options) {
             }) && nodePath.parent.type === 'ObjectProperty') {
               nodePath.parent.value = core.types.stringLiteral(options.initialProjectKey);
             }
-            if (nodePath.isIdentifier({
+            if (options.applicationType === applicationTypes['custom-application'] && nodePath.isIdentifier({
               name: 'defaultLabel'
             })) {
               const isMainMenuLinkParent = nodePath.findParent(parentPath => parentPath.isIdentifier({
@@ -445,12 +477,22 @@ function replaceApplicationInfoInCustomApplicationConfig(filePath, options) {
     });
   }
 }
-function updateCustomApplicationConfig(options) {
+function getApplicationConfigName(options) {
+  switch (options.applicationType) {
+    case applicationTypes['custom-application']:
+      return 'custom-application-config';
+    case applicationTypes['custom-view']:
+      return 'custom-view-config';
+    default:
+      throw new Error("Unknown application type ".concat(options.applicationType));
+  }
+}
+function updateApplicationConfig(options) {
   return {
-    title: 'Updating Custom Applications config',
+    title: 'Updating application config file',
     task: () => {
-      const customApplicationConfigPath = resolveFilePathByExtension(path__default["default"].join(options.projectDirectoryPath, 'custom-application-config'));
-      replaceApplicationInfoInCustomApplicationConfig(customApplicationConfigPath, options);
+      const configPath = resolveFilePathByExtension(path__default["default"].join(options.projectDirectoryPath, getApplicationConfigName(options)));
+      replaceApplicationInfoInApplicationConfig(configPath, options);
     }
   };
 }
@@ -481,6 +523,7 @@ function replaceEntryPointUriPathInConstants(filePath, options) {
 function updateApplicationConstants(options) {
   return {
     title: 'Updating application constants',
+    enabled: options.applicationType === applicationTypes['custom-application'],
     task: () => {
       const applicationConstantsPath = resolveFilePathByExtension(path__default["default"].join(options.projectDirectoryPath, 'src/constants'));
       replaceEntryPointUriPathInConstants(applicationConstantsPath, options);
@@ -499,8 +542,10 @@ process.on('unhandledRejection', err => {
 });
 const run = () => {
   // Default command
-  cli.command('[project-directory]').usage('[project-directory]\n\n  Bootstraps a new Custom Application project using one of the predefined templates.').option('--template <name>', '(optional) The name of the template to install.', {
-    default: 'starter'
+  cli.command('[project-directory]').usage('[project-directory]\n\n  Bootstraps a new Custom Application project using one of the predefined templates.').option('--application-type <type>', '(optional) The type of the application to create: custom-application (default) or custom-view.', {
+    default: applicationTypes['custom-application']
+  }).option('--template <name>', '(optional) The name of the template to install.', {
+    default: availableTemplates.starter
   }).option('--template-version <version>', '(optional) The version of the template to install (either a git tag or a git branch of the "commercetools/merchant-center-application-kit" repository).', {
     default: 'main'
   }).option('--skip-install', '(optional) Skip installing the dependencies after cloning the template.', {
@@ -516,17 +561,18 @@ const run = () => {
     const releaseVersion = await getLatestReleaseVersion();
     hintOutdatedVersion(pkgJson.version, releaseVersion);
     console.log('');
-    console.log("Documentation available at https://docs.commercetools.com/custom-applications");
+    console.log( // TODO: Use link based on the application type
+    "Documentation available at https://docs.commercetools.com/custom-applications");
     console.log('');
     const taskOptions = await processOptions(projectDirectory, options);
     const shouldInstallDependencies = !options.skipInstall ||
     // TODO: remove once we manage to ensure the package manager is installed, for example via Corepack.
     options.packageManager === 'pnpm';
-    const taskList = new listr2.Listr(_filterInstanceProperty__default["default"](_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions, releaseVersion), updateCustomApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), shouldInstallDependencies && installDependencies(taskOptions)]).call(_context, Boolean));
+    const taskList = new listr2.Listr(_filterInstanceProperty__default["default"](_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions, releaseVersion), updateApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), shouldInstallDependencies && installDependencies(taskOptions)]).call(_context, Boolean));
     await taskList.run();
     const packageManager = getPreferredPackageManager(taskOptions);
     console.log('');
-    console.log("\uD83C\uDF89 \uD83C\uDF89 \uD83C\uDF89 The Custom Application has been created in the \"".concat(taskOptions.projectDirectoryName, "\" folder."));
+    console.log("\uD83C\uDF89 \uD83C\uDF89 \uD83C\uDF89 The application has been created in the \"".concat(taskOptions.projectDirectoryName, "\" folder."));
     console.log('');
     console.log("To get started:");
     console.log("$ cd ".concat(taskOptions.projectDirectoryName));
@@ -535,7 +581,8 @@ const run = () => {
     }
     console.log("$ ".concat(packageManager, " start"));
     console.log('');
-    console.log("Visit https://docs.commercetools.com/custom-applications for more info about developing Custom Applications. Enjoy \uD83D\uDE80");
+    console.log( // TODO: Use link based on the application type
+    "Visit https://docs.commercetools.com/custom-applications for more info about developing Custom Applications. Enjoy \uD83D\uDE80");
   });
   cli.help();
   cli.version(pkgJson.version);