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

package/dist/commercetools-frontend-create-mc-app.esm.js

@@ -6,16 +6,16 @@ import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/insta
 import semver from 'semver';
 import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
 import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
-import crypto from 'crypto';
-import path from 'path';
-import readline from 'readline';
+import crypto from 'node:crypto';
+import path from 'node:path';
+import readline from 'node:readline';
 import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
-import fs from 'fs';
+import fs from 'node:fs';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Date$now from '@babel/runtime-corejs3/core-js-stable/date/now';
-import os from 'os';
+import os from 'node:os';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
 import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
@@ -33,7 +33,7 @@ import prettier from 'prettier';
 
 var pkgJson = {
 	name: "@commercetools-frontend/create-mc-app",
-	version: "22.8.0",
+	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: {
@@ -75,6 +75,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.command('npm view @commercetools-frontend/create-mc-app --json', {
     encoding: 'utf-8'
@@ -142,31 +151,48 @@ const resolveFilePathByExtension = requestedModule => {
   return _concatInstanceProperty(_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(applicationTypes).toString();
+        throw new Error(_concatInstanceProperty(_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(availableTemplates).toString();
-      throw new Error(_concatInstanceProperty(_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(availableTemplates).toString();
+        throw new Error(_concatInstanceProperty(_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.existsSync(dirPath)) {
-    var _context2;
-    throw new Error(_concatInstanceProperty(_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(_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.existsSync(templateFolderPath)) {
-    var _context3;
-    throw new Error(_concatInstanceProperty(_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(_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
@@ -176,8 +202,8 @@ const throwIfTemplateVersionDoesNotExist = (templateName, templateFolderPath, ve
     }));
     const versionAsNumber = versionToCheck.replace('v', '');
     if (templatePackageJson.version !== versionAsNumber) {
-      var _context4, _context5;
-      throw new Error(_concatInstanceProperty(_context4 = _concatInstanceProperty(_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(_context5 = _concatInstanceProperty(_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"));
     }
   }
 };
@@ -189,14 +215,17 @@ const throwIfInitialProjectKeyIsMissing = initialProjectKey => {
 const throwIfNodeVersionIsNotSupported = (currentNodeVersion, expectedVersionRange) => {
   const hasValidNodeVersion = semver.satisfies(currentNodeVersion, expectedVersionRange);
   if (!hasValidNodeVersion) {
-    var _context6;
-    throw new Error(_concatInstanceProperty(_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(_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(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;
   }
@@ -227,6 +256,7 @@ async function processOptions(projectDirectoryName, options) {
   const templateName = options.template;
 
   // Validate options
+  throwIfApplicationTypeIsNotSupported(options.applicationType);
   throwIfProjectDirectoryExists(projectDirectoryName, projectDirectoryPath);
   throwIfTemplateIsNotSupported(templateName);
 
@@ -239,6 +269,7 @@ async function processOptions(projectDirectoryName, options) {
   const initialProjectKey = await getInitialProjectKey(rl, options);
   rl.close();
   return {
+    applicationType: options.applicationType,
     projectDirectoryName,
     projectDirectoryPath,
     templateName,
@@ -258,7 +289,7 @@ function downloadTemplate(options) {
       const tmpDir = os.tmpdir();
       const tmpFolderNameForClonedRepository = ['merchant-center-application-kit', '--', options.tagOrBranchVersion, '--', _Date$now().toString()].join('');
       const clonedRepositoryPath = path.join(tmpDir, tmpFolderNameForClonedRepository);
-      const templateFolderPath = path.join(clonedRepositoryPath, 'application-templates', options.templateName);
+      const templateFolderPath = path.join(clonedRepositoryPath, options.applicationType === applicationTypes['custom-view'] ? 'custom-views-templates' : 'application-templates', options.templateName);
       return new Listr([{
         title: "Cloning repository using branch ".concat(options.tagOrBranchVersion),
         task: async () => {
@@ -370,10 +401,11 @@ function updatePackageJson(options, releaseVersion) {
   };
 }
 
-function replaceApplicationInfoInCustomApplicationConfig(filePath, options) {
-  const appName = wordify(options.entryPointUriPath);
+function replaceApplicationInfoInApplicationConfig(filePath, options) {
   const result = 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) {
@@ -387,7 +419,7 @@ function replaceApplicationInfoInCustomApplicationConfig(filePath, options) {
             }) && nodePath.parent.type === 'ObjectProperty') {
               nodePath.parent.value = types.stringLiteral(options.initialProjectKey);
             }
-            if (nodePath.isIdentifier({
+            if (options.applicationType === applicationTypes['custom-application'] && nodePath.isIdentifier({
               name: 'defaultLabel'
             })) {
               const isMainMenuLinkParent = nodePath.findParent(parentPath => parentPath.isIdentifier({
@@ -411,12 +443,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.join(options.projectDirectoryPath, 'custom-application-config'));
-      replaceApplicationInfoInCustomApplicationConfig(customApplicationConfigPath, options);
+      const configPath = resolveFilePathByExtension(path.join(options.projectDirectoryPath, getApplicationConfigName(options)));
+      replaceApplicationInfoInApplicationConfig(configPath, options);
     }
   };
 }
@@ -447,6 +489,7 @@ function replaceEntryPointUriPathInConstants(filePath, options) {
 function updateApplicationConstants(options) {
   return {
     title: 'Updating application constants',
+    enabled: options.applicationType === applicationTypes['custom-application'],
     task: () => {
       const applicationConstantsPath = resolveFilePathByExtension(path.join(options.projectDirectoryPath, 'src/constants'));
       replaceEntryPointUriPathInConstants(applicationConstantsPath, options);
@@ -465,8 +508,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.', {
@@ -482,17 +527,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 Listr(_filterInstanceProperty(_context = [downloadTemplate(taskOptions), updatePackageJson(taskOptions, releaseVersion), updateCustomApplicationConfig(taskOptions), updateApplicationConstants(taskOptions), shouldInstallDependencies && installDependencies(taskOptions)]).call(_context, Boolean));
+    const taskList = new Listr(_filterInstanceProperty(_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));
@@ -501,7 +547,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/declarations/src/constants.d.ts

@@ -0,0 +1,9 @@
+declare const applicationTypes: {
+    readonly 'custom-application': "custom-application";
+    readonly 'custom-view': "custom-view";
+};
+declare const availableTemplates: {
+    readonly starter: "starter";
+    readonly 'starter-typescript': "starter-typescript";
+};
+export { applicationTypes, availableTemplates };

package/dist/declarations/src/tasks/index.d.ts

@@ -1,5 +1,5 @@
 export { default as downloadTemplate } from './download-template';
 export { default as installDependencies } from './install-dependencies';
 export { default as updatePackageJson } from './update-package-json';
-export { default as updateCustomApplicationConfig } from './update-custom-application-config';
+export { default as updateApplicationConfig } from './update-application-config';
 export { default as updateApplicationConstants } from './update-application-constants';

package/dist/declarations/src/tasks/update-application-config.d.ts

@@ -0,0 +1,4 @@
+import type { ListrTask } from 'listr2';
+import type { TCliTaskOptions } from '../types';
+declare function updateApplicationConfig(options: TCliTaskOptions): ListrTask;
+export default updateApplicationConfig;

package/dist/declarations/src/types.d.ts

@@ -1,9 +1,12 @@
+import { applicationTypes, availableTemplates } from './constants';
 export type TCliGlobalOptions = {
     '--'?: string[];
 };
-export type TTemplate = 'starter' | 'starter-typescript';
+export type TApplicationType = keyof typeof applicationTypes;
+export type TTemplate = keyof typeof availableTemplates;
 export type TPackageManager = 'npm' | 'yarn' | 'pnpm';
 export type TCliCommandOptions = {
+    applicationType: TApplicationType;
     template: TTemplate;
     templateVersion: string;
     skipInstall: boolean;
@@ -13,11 +16,12 @@ export type TCliCommandOptions = {
     packageManager?: TPackageManager;
 };
 export type TCliTaskOptions = {
+    applicationType: TApplicationType;
     projectDirectoryName: string;
     projectDirectoryPath: string;
     templateName: TCliCommandOptions['template'];
     tagOrBranchVersion: string;
-    entryPointUriPath: string;
+    entryPointUriPath?: string;
     initialProjectKey: string;
     packageManager: TCliCommandOptions['packageManager'];
 };

package/dist/declarations/src/utils.d.ts

@@ -1,4 +1,4 @@
-import type { TCliTaskOptions, TPackageManager } from './types';
+import type { TApplicationType, TCliTaskOptions, TPackageManager } from './types';
 declare const isSemVer: (version: string) => boolean;
 declare const shouldUseYarn: () => boolean;
 declare const getPreferredPackageManager: (options: TCliTaskOptions) => TPackageManager;
@@ -7,4 +7,5 @@ declare const slugify: (name: string) => string;
 declare const upperFirst: (value: string) => string;
 declare const wordify: (slug: string) => string;
 declare const resolveFilePathByExtension: (requestedModule: string) => string;
-export { isSemVer, shouldUseYarn, slugify, wordify, upperFirst, resolveFilePathByExtension, getPreferredPackageManager, getInstallCommand, };
+declare const isCustomView: (applicationType: TApplicationType) => boolean;
+export { isSemVer, shouldUseYarn, slugify, wordify, upperFirst, resolveFilePathByExtension, getPreferredPackageManager, getInstallCommand, isCustomView, };

package/dist/declarations/src/validations.d.ts

@@ -1,7 +1,8 @@
-import type { TTemplate } from './types';
+import type { TApplicationType, TTemplate } from './types';
+declare const throwIfApplicationTypeIsNotSupported: (applicationType: TApplicationType) => void;
 declare const throwIfTemplateIsNotSupported: (templateName: TTemplate) => void;
 declare const throwIfProjectDirectoryExists: (dirName: string, dirPath: string) => void;
 declare const throwIfTemplateVersionDoesNotExist: (templateName: string, templateFolderPath: string, versionToCheck: string) => void;
 declare const throwIfInitialProjectKeyIsMissing: (initialProjectKey?: string) => void;
 declare const throwIfNodeVersionIsNotSupported: (currentNodeVersion: string, expectedVersionRange: string) => void;
-export { throwIfTemplateIsNotSupported, throwIfProjectDirectoryExists, throwIfTemplateVersionDoesNotExist, throwIfInitialProjectKeyIsMissing, throwIfNodeVersionIsNotSupported, };
+export { throwIfApplicationTypeIsNotSupported, throwIfTemplateIsNotSupported, throwIfProjectDirectoryExists, throwIfTemplateVersionDoesNotExist, throwIfInitialProjectKeyIsMissing, throwIfNodeVersionIsNotSupported, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/create-mc-app",
-  "version": "22.8.0",
+  "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": {

package/src/cli.ts

@@ -1,6 +1,7 @@
 import { cac } from 'cac';
 import { Listr, type ListrTask } from 'listr2';
 import pkgJson from '../package.json';
+import { applicationTypes, availableTemplates } from './constants';
 import getLatestReleaseVersion from './get-latest-release-version';
 import hintOutdatedVersion from './hint-outdated-version';
 import processOptions from './process-options';
@@ -27,10 +28,15 @@ const run = () => {
     .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: 'starter' }
+      { default: availableTemplates.starter }
     )
     .option(
       '--template-version <version>',
@@ -71,6 +77,7 @@ const run = () => {
 
       console.log('');
       console.log(
+        // TODO: Use link based on the application type
         `Documentation available at https://docs.commercetools.com/custom-applications`
       );
       console.log('');
@@ -86,7 +93,7 @@ const run = () => {
         [
           tasks.downloadTemplate(taskOptions),
           tasks.updatePackageJson(taskOptions, releaseVersion),
-          tasks.updateCustomApplicationConfig(taskOptions),
+          tasks.updateApplicationConfig(taskOptions),
           tasks.updateApplicationConstants(taskOptions),
           shouldInstallDependencies && tasks.installDependencies(taskOptions),
         ].filter(Boolean) as ListrTask[]
@@ -97,7 +104,7 @@ const run = () => {
 
       console.log('');
       console.log(
-        `🎉 🎉 🎉 The Custom Application has been created in the "${taskOptions.projectDirectoryName}" folder.`
+        `🎉 🎉 🎉 The application has been created in the "${taskOptions.projectDirectoryName}" folder.`
       );
       console.log('');
       console.log(`To get started:`);
@@ -108,6 +115,7 @@ const run = () => {
       console.log(`$ ${packageManager} start`);
       console.log('');
       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 🚀`
       );
     });

package/src/constants.ts

@@ -0,0 +1,11 @@
+const applicationTypes = {
+  'custom-application': 'custom-application',
+  'custom-view': 'custom-view',
+} as const;
+
+const availableTemplates = {
+  starter: 'starter',
+  'starter-typescript': 'starter-typescript',
+} as const;
+
+export { applicationTypes, availableTemplates };

package/src/process-options.ts

@@ -1,12 +1,14 @@
-import crypto from 'crypto';
-import path from 'path';
-import readline, { type Interface } from 'readline';
+import crypto from 'node:crypto';
+import path from 'node:path';
+import readline, { type Interface } from 'node:readline';
+import { applicationTypes } from './constants';
 import type { TCliCommandOptions, TCliTaskOptions } from './types';
 import { isSemVer } from './utils';
 import {
   throwIfTemplateIsNotSupported,
   throwIfProjectDirectoryExists,
   throwIfInitialProjectKeyIsMissing,
+  throwIfApplicationTypeIsNotSupported,
 } from './validations';
 
 const question = (rl: Interface, value: string) =>
@@ -16,6 +18,10 @@ const getEntryPointUriPath = async (
   rl: Interface,
   options: TCliCommandOptions
 ) => {
+  if (options.applicationType === applicationTypes['custom-view']) {
+    return;
+  }
+
   if (options.entryPointUriPath) {
     return options.entryPointUriPath;
   }
@@ -72,6 +78,7 @@ async function processOptions(
   const templateName = options.template;
 
   // Validate options
+  throwIfApplicationTypeIsNotSupported(options.applicationType);
   throwIfProjectDirectoryExists(projectDirectoryName, projectDirectoryPath);
   throwIfTemplateIsNotSupported(templateName);
 
@@ -85,6 +92,7 @@ async function processOptions(
   rl.close();
 
   return {
+    applicationType: options.applicationType,
     projectDirectoryName,
     projectDirectoryPath,
     templateName,

package/src/tasks/download-template.ts

@@ -1,8 +1,9 @@
-import fs from 'fs';
-import os from 'os';
-import path from 'path';
+import fs from 'node:fs';
+import os from 'node:os';
+import path from 'node:path';
 import execa from 'execa';
 import { Listr, type ListrTask } from 'listr2';
+import { applicationTypes } from '../constants';
 import type { TCliTaskOptions } from '../types';
 import { throwIfTemplateVersionDoesNotExist } from '../validations';
 
@@ -26,7 +27,9 @@ function downloadTemplate(options: TCliTaskOptions): ListrTask {
       );
       const templateFolderPath = path.join(
         clonedRepositoryPath,
-        'application-templates',
+        options.applicationType === applicationTypes['custom-view']
+          ? 'custom-views-templates'
+          : 'application-templates',
         options.templateName
       );
       return new Listr([

package/src/tasks/index.ts

@@ -1,5 +1,5 @@
 export { default as downloadTemplate } from './download-template';
 export { default as installDependencies } from './install-dependencies';
 export { default as updatePackageJson } from './update-package-json';
-export { default as updateCustomApplicationConfig } from './update-custom-application-config';
+export { default as updateApplicationConfig } from './update-application-config';
 export { default as updateApplicationConstants } from './update-application-constants';

package/src/tasks/{update-custom-application-config.ts → update-application-config.ts}

@@ -1,21 +1,23 @@
-import fs from 'fs';
-import os from 'os';
-import path from 'path';
+import fs from 'node:fs';
+import os from 'node:os';
+import path from 'node:path';
 import { transformFileSync, types, type PluginItem } from '@babel/core';
 import type { ListrTask } from 'listr2';
 import prettier from 'prettier';
+import { applicationTypes } from '../constants';
 import type { TCliTaskOptions } from '../types';
 import { wordify, resolveFilePathByExtension } from '../utils';
 
-function replaceApplicationInfoInCustomApplicationConfig(
+function replaceApplicationInfoInApplicationConfig(
   filePath: string,
   options: TCliTaskOptions
 ) {
-  const appName = wordify(options.entryPointUriPath);
-
   const result = transformFileSync(filePath, {
     plugins: [
-      function replaceCustomApplicationConfig(): PluginItem {
+      function replaceConfig(): PluginItem {
+        const appName = wordify(
+          options.entryPointUriPath ?? options.projectDirectoryName
+        );
         return {
           visitor: {
             Identifier(nodePath) {
@@ -33,7 +35,11 @@ function replaceApplicationInfoInCustomApplicationConfig(
                   options.initialProjectKey
                 );
               }
-              if (nodePath.isIdentifier({ name: 'defaultLabel' })) {
+              if (
+                options.applicationType ===
+                  applicationTypes['custom-application'] &&
+                nodePath.isIdentifier({ name: 'defaultLabel' })
+              ) {
                 const isMainMenuLinkParent = nodePath.findParent((parentPath) =>
                   parentPath.isIdentifier({
                     name: 'mainMenuLink',
@@ -68,19 +74,30 @@ function replaceApplicationInfoInCustomApplicationConfig(
   }
 }
 
-function updateCustomApplicationConfig(options: TCliTaskOptions): ListrTask {
+function getApplicationConfigName(options: TCliTaskOptions) {
+  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 ${options.applicationType}`);
+  }
+}
+
+function updateApplicationConfig(options: TCliTaskOptions): ListrTask {
   return {
-    title: 'Updating Custom Applications config',
+    title: 'Updating application config file',
     task: () => {
-      const customApplicationConfigPath = resolveFilePathByExtension(
-        path.join(options.projectDirectoryPath, 'custom-application-config')
-      );
-      replaceApplicationInfoInCustomApplicationConfig(
-        customApplicationConfigPath,
-        options
+      const configPath = resolveFilePathByExtension(
+        path.join(
+          options.projectDirectoryPath,
+          getApplicationConfigName(options)
+        )
       );
+      replaceApplicationInfoInApplicationConfig(configPath, options);
     },
   };
 }
 
-export default updateCustomApplicationConfig;
+export default updateApplicationConfig;

package/src/tasks/update-application-constants.ts

@@ -1,9 +1,10 @@
-import fs from 'fs';
-import os from 'os';
-import path from 'path';
+import fs from 'node:fs';
+import os from 'node:os';
+import path from 'node:path';
 import { type PluginItem, transformFileSync, types } from '@babel/core';
 import type { ListrTask } from 'listr2';
 import prettier from 'prettier';
+import { applicationTypes } from '../constants';
 import type { TCliTaskOptions } from '../types';
 import { resolveFilePathByExtension } from '../utils';
 
@@ -22,7 +23,7 @@ function replaceEntryPointUriPathInConstants(
                 nodePath.node.id.name === 'entryPointUriPath'
               ) {
                 nodePath.node.init = types.stringLiteral(
-                  options.entryPointUriPath
+                  options.entryPointUriPath!
                 );
               }
             },
@@ -50,6 +51,7 @@ function replaceEntryPointUriPathInConstants(
 function updateApplicationConstants(options: TCliTaskOptions): ListrTask {
   return {
     title: 'Updating application constants',
+    enabled: options.applicationType === applicationTypes['custom-application'],
     task: () => {
       const applicationConstantsPath = resolveFilePathByExtension(
         path.join(options.projectDirectoryPath, 'src/constants')

package/src/tasks/update-package-json.ts

@@ -1,6 +1,6 @@
-import fs from 'fs';
-import os from 'os';
-import path from 'path';
+import fs from 'node:fs';
+import os from 'node:os';
+import path from 'node:path';
 import type { ListrTask } from 'listr2';
 import type { TCliTaskOptions } from '../types';
 import { getPreferredPackageManager, slugify } from '../utils';