@pega/custom-dx-components 23.1.10 → 23.1.12

package/README.md

@@ -8,14 +8,14 @@ This project provides you with an environment to extend Constellation by giving
 
 Ensure you have access to the following in your system:
 
-- Pega Infinity Server version 8.7 or later
+- Pega Infinity Server version 23 or later
 
 - Git version 2.30 or later
 
-- System node version 18
+- System node version 18, 20
 
-- System npm version 8
+- System npm version 8, 10 (9 is not supported)
 
 ## Latest Documentation
 
-Find the latest documentation on using **DX Component Builder** [here](https://docs.pega.com/bundle/constellation-dx-components-88/page/constellation-dx-components/custom-components/lifecycle-dx-cosmos-components.html)
+Find the latest documentation on using **DX Component Builder** [here](https://docs.pega.com/bundle/constellation-dx-components/page/constellation-dx-components/custom-components/whats-new-constellation-dx-components-pega-infinity-23.html)

package/SECURITY.md

@@ -0,0 +1,10 @@
+# Reporting Security Issues
+
+Pegasystems takes security seriously. We appreciate your efforts to responsibly disclose your findings, and will make every effort to acknowledge your contributions.
+
+To report a security issue, [email us](mailto:opensource@pega.com;security@pega.com) and include the word "SECURITY" in the subject line.
+
+The Pega team will send a response indicating the next steps in handling your report. We may ask for additional information or guidance.
+
+## Learning More About Security
+To learn more about securing a Pega application or our security capabilities, please see the [security article](https://community.pega.com/knowledgebase/capabilities/security) on Pega Community and the [Pega Trust Center](https://www.pega.com/products/cloud/pega-trust-center).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "23.1.10",
+  "version": "23.1.12",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -15,47 +15,47 @@
   "type": "module",
   "sideEffects": false,
   "dependencies": {
-    "@babel/core": "^7.23.3",
+    "@babel/core": "^7.23.7",
     "@babel/plugin-transform-class-properties": "^7.23.3",
     "@babel/preset-react": "^7.23.3",
-    "adm-zip": "^0.5.9",
+    "@pega/auth": "^0.1.6",
+    "adm-zip": "^0.5.10",
     "ajv": "^8.12.0",
     "ajv-keywords": "^5.1.0",
     "arg": "^5.0.2",
-    "babel-loader": "^9.1.2",
-    "chalk": "^5.0.1",
+    "babel-loader": "^9.1.3",
+    "chalk": "^5.3.0",
     "check-git": "^2.0.2",
     "compression-webpack-plugin": "^10.0.0",
-    "css-loader": "6.7.1",
-    "css-minimizer-webpack-plugin": "^5.0.0",
-    "eslint": "^8.4.1",
-    "execa": "^6.1.0",
+    "css-loader": "6.8.1",
+    "css-minimizer-webpack-plugin": "^5.0.1",
+    "eslint": "^8.56.0",
+    "execa": "^8.0.1",
     "file-loader": "6.2.0",
-    "fs-extra": "^10.1.0",
+    "fs-extra": "^11.2.0",
     "gitignore": "^0.7.0",
-    "inquirer": "^9.1.1",
-    "listr": "^0.14.3",
-    "mini-css-extract-plugin": "2.6.1",
+    "inquirer": "^9.2.12",
+    "listr2": "^8.0.1",
+    "mini-css-extract-plugin": "2.7.6",
     "mustache": "^4.2.0",
     "ncp": "^2.0.0",
-    "node-fetch": "^3.2.10",
-    "open": "^8.4.2",
-    "ora": "^6.1.2",
+    "node-fetch": "^3.3.2",
+    "ora": "^8.0.1",
     "pascalcase": "^2.0.0",
-    "postcss": "^8.4.16",
-    "postcss-loader": "7.0.1",
-    "postcss-preset-env": "7.8.2",
+    "postcss": "^8.4.33",
+    "postcss-loader": "7.3.4",
+    "postcss-preset-env": "9.3.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dev-utils": "^12.0.1",
-    "resolve": "1.22.1",
+    "resolve": "1.22.8",
     "resolve-url-loader": "^5.0.0",
-    "sass-loader": "^13.0.2",
-    "terser-webpack-plugin": "5.3.6",
-    "ts-loader": "^9.3.1",
-    "typescript": "^4.8.3",
+    "sass-loader": "^13.3.3",
+    "terser-webpack-plugin": "5.3.10",
+    "ts-loader": "^9.5.1",
+    "typescript": "^4.9.5",
     "url-loader": "4.1.1",
-    "webpack": "5.76.1"
+    "webpack": "5.89.0"
   },
   "author": "Custom component dev",
   "license": "SEE LICENSE IN LICENSE",
@@ -64,16 +64,16 @@
     "custom-components"
   ],
   "devDependencies": {
-    "@babel/preset-env": "^7.23.3",
-    "@pega/configs": "^0.4.0",
-    "@pega/prettier-config": "^0.5.3",
-    "@types/jest": "^29.5.3",
-    "babel-jest": "^29.6.1",
-    "cspell": "^4.0.23",
-    "jest": "^29.6.1",
-    "jest-environment-jsdom": "^29.3.1",
-    "jest-junit": "^15.0.0",
-    "prettier": "2.7.1",
+    "@babel/preset-env": "^7.23.7",
+    "@pega/configs": "^0.7.1",
+    "@pega/prettier-config": "^0.7.1",
+    "@types/jest": "^29.5.11",
+    "babel-jest": "^29.7.0",
+    "cspell": "^8.3.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-junit": "^16.0.0",
+    "prettier": "3.1.1",
     "ts-jest": "^29.1.1"
   }
 }

package/src/constants.js

@@ -4,6 +4,7 @@ export const PACKAGE_JSON_FILENAME = 'package.json';
 export const BUILD_CONFIG_JSON_FILENAME = 'build.config.json';
 export const WEBPACK_CONFIG_JS_FILENAME = 'webpack.config.js';
 export const WEBPACK_PATHS_JS_FILENAME = 'paths.js';
+export const USE_PROMOTED_WEB_PACK = 'usePromotedWebPack';
 export const COMPONENTS_DIRECTORY_PATH = 'components-directory-path';
 export const COMPONENTS_PATH = 'component';
 export const TOKEN_PATH = 'node_modules/@pega/custom-dx-components/.access_token';
@@ -18,9 +19,12 @@ export const INF_TOKEN_URL_V1 = 'PRRestService/oauth2/v1/token';
 export const INF_AUTHORIZE_URL_V1 = 'PRRestService/oauth2/v1/authorize';
 export const LP_TOKEN_URL = 'uas/oauth/token';
 export const LP_AUTHORIZE_URL = 'uas/oauth/authorize';
-export const LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT = 'pegalaunchpad/c11n/v103/app/appstudiox/componentslist?field0=type&value0={type}';
-export const LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT = 'pegalaunchpad/c11n/isolations/{isolationId}/v102/assetsUpdate';
-export const LP_DELETE_COMPONENT_SERVICE_REST_ENDPOINT = 'pegalaunchpad/c11n/isolations/{isolationId}/v102/assetsUpdate';
+export const LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT =
+  'pegalaunchpad/c11n/v103/app/appstudiox/componentslist?field0=type&value0={type}';
+export const LP_PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT =
+  'pegalaunchpad/c11n/isolations/{isolationId}/v102/assetsUpdate';
+export const LP_DELETE_COMPONENT_SERVICE_REST_ENDPOINT =
+  'pegalaunchpad/c11n/isolations/{isolationId}/v102/assetsUpdate';
 
 export const FIELD_PATH = '/field';
 export const TEMPLATE_PATH = '/template';
@@ -165,6 +169,14 @@ export const COMPONENT_SCHEMA = {
       {
         name: 'Picklist',
         value: 'Picklist'
+      },
+      {
+        name: 'Search box',
+        value: 'Picklist-Autocomplete'
+      },
+      {
+        name: 'Radio buttons',
+        value: 'Picklist-RadioButtons'
       }
     ],
     template: [

package/src/tasks/authenticate/helper.js

@@ -1,17 +1,23 @@
 /* eslint-disable import/prefer-default-export */
 import { AUTHENTICATE_SCHEMA, AUTHENTICATE_DEFAULTS } from '../../constants.js';
 
-export const getAuthQuestions = async (dxcbConfig) => {
+export const getAuthQuestions = async dxcbConfig => {
   const defaultPegaConfig = dxcbConfig;
-  const aAlwaysAsk = dxcbConfig.questions_askAlways ? dxcbConfig.questions_askAlways.split(',') : [];
+  const aAlwaysAsk = dxcbConfig.questions_askAlways
+    ? dxcbConfig.questions_askAlways.split(',')
+    : [];
   const aNeverAsk = dxcbConfig.questions_askNever ? dxcbConfig.questions_askNever.split(',') : [];
   const aAskOnce = dxcbConfig.questions_askOnce ? dxcbConfig.questions_askOnce.split(',') : [];
-  const aAskedOnce = dxcbConfig.questions_askedOnce ? dxcbConfig.questions_askedOnce.split(',') : [];
+  const aAskedOnce = dxcbConfig.questions_askedOnce
+    ? dxcbConfig.questions_askedOnce.split(',')
+    : [];
 
   // Ask if various must, never, once criteria are met
-  const askThisTime = (prop) => {
-    return aAlwaysAsk.includes(prop) ||
-      (!aNeverAsk.includes(prop) && (aAskOnce.includes(prop) && !aAskedOnce.includes(prop)));
+  const askThisTime = prop => {
+    return (
+      aAlwaysAsk.includes(prop) ||
+      (!aNeverAsk.includes(prop) && aAskOnce.includes(prop) && !aAskedOnce.includes(prop))
+    );
   };
 
   const initAnswer = (prop, defValue) => {
@@ -21,11 +27,10 @@ export const getAuthQuestions = async (dxcbConfig) => {
     return defaultPegaConfig[prop] ? defaultPegaConfig[prop] : defValue;
   };
 
-  const initAnswers = (answers) => {
+  const initAnswers = answers => {
     // Setup default answers (if they are present and non-empty)
     answers.serverType = initAnswer('serverType', AUTHENTICATE_DEFAULTS.serverType);
     answers.server = initAnswer('server', AUTHENTICATE_DEFAULTS.server);
-    answers.isolationId = initAnswer('isolationId');
     answers.clientId = initAnswer('clientId', AUTHENTICATE_DEFAULTS.clientId);
     answers.grantType = initAnswer('grantType', AUTHENTICATE_DEFAULTS.grantType);
     answers.authService = initAnswer('authService', AUTHENTICATE_DEFAULTS.authService);
@@ -79,28 +84,15 @@ export const getAuthQuestions = async (dxcbConfig) => {
         return fnStandardWhen('server', answers);
       }
     },
-    {
-      name: 'isolationId',
-      tpye: 'input',
-      message: 'Enter isolation id',
-      default: defaultPegaConfig.isolationId,
-      validate: value => {
-        if (value.trim()) {
-          return true;
-        }
-        return 'Launchpad isolationId cannot be empty';
-      },
-      when: answers => {
-        return answers.serverType === "launchpad" && fnStandardWhen('isolationId', answers);
-      }
-    },
     {
       name: 'grantType',
       type: 'rawlist',
       message: 'Enter OAuth 2.0 grant type',
       default: defaultPegaConfig.grantType,
       choices: answers => {
-        return AUTHENTICATE_SCHEMA.grantType.filter(gt => !(answers.serverType === "launchpad" && gt.value === "passwordCreds"));
+        return AUTHENTICATE_SCHEMA.grantType.filter(
+          gt => !(answers.serverType === 'launchpad' && gt.value === 'passwordCreds')
+        );
       },
       validate: value => {
         if (value.trim()) {
@@ -124,7 +116,11 @@ export const getAuthQuestions = async (dxcbConfig) => {
         return 'Authentication service alias cannot be empty';
       },
       when: answers => {
-        return answers.serverType === "infinity" && answers.grantType === "authCode" && fnStandardWhen('authService', answers);
+        return (
+          answers.serverType === 'infinity' &&
+          answers.grantType === 'authCode' &&
+          fnStandardWhen('authService', answers)
+        );
       }
     },
     {
@@ -139,7 +135,11 @@ export const getAuthQuestions = async (dxcbConfig) => {
         return 'Redirect URI cannot be empty';
       },
       when: answers => {
-        return answers.serverType === "infinity" && answers.grantType === "authCode" && fnStandardWhen('redirectUri', answers);
+        return (
+          answers.serverType === 'infinity' &&
+          answers.grantType === 'authCode' &&
+          fnStandardWhen('redirectUri', answers)
+        );
       }
     },
     {
@@ -148,13 +148,17 @@ export const getAuthQuestions = async (dxcbConfig) => {
       message: 'Enter user id',
       default: defaultPegaConfig.user,
       validate: (value, answers) => {
-        if (value.trim() || answers.grantType === "authCode") {
+        if (value.trim() || answers.grantType === 'authCode') {
           return true;
         }
         return 'Username cannot be empty';
       },
       when: answers => {
-        return (answers.serverType === "infinity" && answers.grantType === "passwordCreds") && fnStandardWhen('user', answers);
+        return (
+          answers.serverType === 'infinity' &&
+          answers.grantType === 'passwordCreds' &&
+          fnStandardWhen('user', answers)
+        );
       }
     },
     {
@@ -163,13 +167,18 @@ export const getAuthQuestions = async (dxcbConfig) => {
       message: 'Enter password',
       default: defaultPegaConfig.password,
       validate: (value, answers) => {
-        if (value.trim() || answers.grantType === "authCode") {
+        if (value.trim() || answers.grantType === 'authCode') {
           return true;
         }
         return 'Password cannot be empty';
       },
       when: answers => {
-        return (answers.user && (answers.serverType === "infinity" && answers.grantType === "passwordCreds") && fnStandardWhen('password', answers));
+        return (
+          answers.user &&
+          answers.serverType === 'infinity' &&
+          answers.grantType === 'passwordCreds' &&
+          fnStandardWhen('password', answers)
+        );
       }
     },
     {
@@ -199,8 +208,11 @@ export const getAuthQuestions = async (dxcbConfig) => {
         return 'clientSecret cannot be empty';
       },
       when: answers => {
-        return (((answers.serverType === "infinity" && answers.grantType !== "authCode") ||
-          answers.serverType === "launchpad") && fnStandardWhen('clientSecret', answers));
+        return (
+          ((answers.serverType === 'infinity' && answers.grantType !== 'authCode') ||
+            answers.serverType === 'launchpad') &&
+          fnStandardWhen('clientSecret', answers)
+        );
       }
     }
   ];

package/src/tasks/authenticate/index.js

@@ -5,8 +5,14 @@ import chalk from 'chalk';
 import inquirer from 'inquirer';
 
 import { checkPathAccess, showVersion } from '../../util.js';
-import { TOKEN_PATH, INF_TOKEN_URL_V1, INF_AUTHORIZE_URL_V1, LP_TOKEN_URL, LP_AUTHORIZE_URL } from '../../constants.js';
-import PegaAuth from '../../auth.js';
+import {
+  TOKEN_PATH,
+  INF_TOKEN_URL_V1,
+  INF_AUTHORIZE_URL_V1,
+  LP_TOKEN_URL,
+  LP_AUTHORIZE_URL
+} from '../../constants.js';
+import { PegaAuth } from '@pega/auth';
 
 import { getAuthQuestions } from './helper.js';
 
@@ -15,15 +21,27 @@ export const TASKS_CONFIG_JSON_FILENAME = 'tasks.config.json';
 const pegaConfigJsonPath = path.join(path.resolve(), TASKS_CONFIG_JSON_FILENAME);
 const server = null;
 
-const generateAccessToken = async (config) => {
+const generateAccessToken = async config => {
   let authSuccess = false;
-  const { serverType, authService, isolationId, grantType, clientId, clientSecret, user, password, legacyTLS } = config;
+  const {
+    serverType,
+    authService,
+    isolationId,
+    grantType,
+    clientId,
+    clientSecret,
+    user,
+    password,
+    legacyTLS
+  } = config;
   // Try to gracefully deal with missing trailing slashes for server (and later conditionally for redirectUri)
   const server = config.server.endsWith('/') ? config.server : `${config.server}/`;
 
   return new Promise((resolve, reject) => {
     const sTokenUri = `${server}${serverType === 'infinity' ? INF_TOKEN_URL_V1 : LP_TOKEN_URL}`;
-    const sAuthorizeUri = `${server}${serverType === 'infinity' ? INF_AUTHORIZE_URL_V1 : LP_AUTHORIZE_URL}`;
+    const sAuthorizeUri = `${server}${
+      serverType === 'infinity' ? INF_AUTHORIZE_URL_V1 : LP_AUTHORIZE_URL
+    }`;
     // console.log(`grantType: ${config.grantType}`);
     const browserAuthSuccessMarkup = `<div style="width: 300px; padding: 10px;">
     <svg xmlns="http://www. w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 311 68" version="1.1">
@@ -53,7 +71,9 @@ const generateAccessToken = async (config) => {
       grantType === 'authCode'
         ? {
             authorizeUri: sAuthorizeUri,
-            redirectUri: config.redirectUri.endsWith('/') ? config.redirectUri : `${config.redirectUri}/`,
+            redirectUri: config.redirectUri.endsWith('/')
+              ? config.redirectUri
+              : `${config.redirectUri}/`,
             cert: config.cert,
             key: config.key,
             winTitle: 'DX Component Dev',
@@ -70,6 +90,7 @@ const generateAccessToken = async (config) => {
       clientId,
       clientSecret,
       ignoreInvalidCerts: true,
+      useNodeFetch: true,
       ...authCodeConfig
     };
     if (legacyTLS) {
@@ -82,7 +103,9 @@ const generateAccessToken = async (config) => {
       }
     }
     if (serverType === 'launchpad') {
-      authConfig.isolationId = isolationId;
+      if (isolationId) {
+        authConfig.isolationId = isolationId;
+      }
       authConfig.noPKCE = true;
     }
 
@@ -90,16 +113,18 @@ const generateAccessToken = async (config) => {
       const auth = new PegaAuth(authConfig);
       if (grantType === 'authCode') {
         console.log(
-          `${chalk.green('Awaiting authorization to complete (Ctrl-C to exit).  You may need to enter credentials within your default browser.')}`
+          `${chalk.green(
+            'Awaiting authorization to complete (Ctrl-C to exit).  You may need to enter credentials within your default browser.'
+          )}`
         );
       }
       // console.log(`authConfig: ${JSON.stringify(authConfig)}`);
 
       auth
         .login()
-        .then((token) => {
+        .then(token => {
           if (token?.token_type) {
-            fs.writeFile(TOKEN_PATH, JSON.stringify(token), (err) => {
+            fs.writeFile(TOKEN_PATH, JSON.stringify(token), err => {
               if (err) {
                 console.error(err);
                 return reject(authSuccess);
@@ -109,11 +134,15 @@ const generateAccessToken = async (config) => {
               return resolve(authSuccess);
             });
           } else {
-            console.log(`${chalk.bold.red(`Authentication failed:${JSON.stringify(token.errors ? token.errors : token)}`)}`);
+            console.log(
+              `${chalk.bold.red(
+                `Authentication failed:${JSON.stringify(token.errors ? token.errors : token)}`
+              )}`
+            );
             return reject(authSuccess);
           }
         })
-        .catch((e) => {
+        .catch(e => {
           console.log(`${chalk.bold.red(`Authentication failed:${e}`)}`);
           return reject(authSuccess);
         });
@@ -124,7 +153,7 @@ const generateAccessToken = async (config) => {
   });
 };
 
-export default async (options) => {
+export default async options => {
   let authOK = false;
 
   showVersion();
@@ -151,7 +180,18 @@ export default async (options) => {
   const answers = await inquirer.prompt(questions);
   const aAsked = answers.aAsked;
   delete answers.aAsked;
-  const aProps = ['serverType', 'server', 'isolationId', 'clientId', 'grantType', 'authService', 'redirectUri', 'clientSecret', 'user', 'password'];
+  const aProps = [
+    'serverType',
+    'server',
+    'isolationId',
+    'clientId',
+    'grantType',
+    'authService',
+    'redirectUri',
+    'clientSecret',
+    'user',
+    'password'
+  ];
   const isLaunchPad = answers.serverType === 'launchpad';
   let bWriteUpdate = false;
   for (let i = 0; i < aProps.length; i += 1) {
@@ -169,7 +209,9 @@ export default async (options) => {
   }
   // Update the askedOnce array based on askOnce criteria
   const aAskOnce = serverConfig.questions_askOnce ? serverConfig.questions_askOnce.split(',') : [];
-  const aAskedOnce = serverConfig.questions_askedOnce ? serverConfig.questions_askedOnce.split(',') : [];
+  const aAskedOnce = serverConfig.questions_askedOnce
+    ? serverConfig.questions_askedOnce.split(',')
+    : [];
   let bAskedOnceUpdated = false;
   for (let j = 0; j < aAsked.length; j += 1) {
     const prop = aAsked[j];
@@ -202,7 +244,7 @@ export default async (options) => {
     try {
       updCfg = JSON.stringify(data, null, 2);
       // console.log(`updated config: ${updCfg}`);
-      fs.writeFileSync(pegaConfigJsonPath, updCfg, (err) => {
+      fs.writeFileSync(pegaConfigJsonPath, updCfg, err => {
         if (err) throw err;
       });
     } catch (e) {}

package/src/tasks/build-all/helper.js

@@ -12,17 +12,21 @@ import {
 import { COMPONENT_SCHEMA } from '../../constants.js';
 
 export const cleanUp = async () => {
-  fs.rm('dist/components', { recursive: true }, err => {
-    if (err) {
-      throw err;
-    }
-  });
+  if (fs.existsSync('dist/components')) {
+    fs.rm('dist/components', { recursive: true }, err => {
+      if (err) {
+        throw err;
+      }
+    });
+  }
 
-  fs.rm('lib', { recursive: true }, err => {
-    if (err) {
-      throw err;
-    }
-  });
+  if (fs.existsSync('lib')) {
+    fs.rm('lib', { recursive: true }, err => {
+      if (err) {
+        throw err;
+      }
+    });
+  }
 }
 
 

package/src/tasks/build-all/index.js

@@ -1,5 +1,5 @@
 import inquirer from 'inquirer';
-import Listr from 'listr';
+import { Listr } from 'listr2';
 import chalk from 'chalk';
 
 import validate from '../validator/index.js';
@@ -9,9 +9,7 @@ import { getComponentDirectoryPath, showVersion, getComponents } from '../../uti
 
 import { getBuildComponentQuestions, cleanUp } from './helper.js';
 
-
 export function getCustomTasks(componentKey, sourceMap, devBuild, options) {
-
   const sDevBuild = devBuild ? '(dev build)' : '';
   return new Listr(
     [
@@ -35,48 +33,37 @@ export function getCustomTasks(componentKey, sourceMap, devBuild, options) {
         skip: () => (options.skipBundle ? 'Skipped bundling component' : undefined)
       }
     ],
-    {
-      exitOnError: true
-    }
+    { concurrent: false, exitOnError: true }
   );
-
-
 }
 
-
-
-
-export default async (options) => {
+export default async options => {
   showVersion();
 
-
   const components = await getComponents();
   let sourceMap;
   let devBuild;
 
   if (options.params.length >= 4) {
     const dBuild = options.params[3];
-    devBuild = (dBuild === 'Y' ||
-    dBuild === 'y' ||
-    dBuild === true ||
-    dBuild === 'true') ? true : false;
-  }
-  else {
+    devBuild = !!(dBuild === 'Y' || dBuild === 'y' || dBuild === true || dBuild === 'true');
+  } else {
     const questions = await getBuildComponentQuestions();
     const answers = await inquirer.prompt(questions);
     ({ sourceMap, devBuild } = answers);
   }
 
-
-  for (const componentKey of components) {
+  for await (const componentKey of components) {
     console.log(chalk.bold.green(`Building ${componentKey}`));
 
-    const myCustomTasks = getCustomTasks(componentKey, sourceMap, devBuild, options );
+    const myCustomTasks = getCustomTasks(componentKey, sourceMap, devBuild, options);
 
-    // eslint-disable-next-line no-await-in-loop
-    await myCustomTasks.run().catch(err => {
-        console.log(chalk.bold.red(err.toString()));
-    });
+    try {
+      await myCustomTasks.run();
+    } catch (err) {
+      console.log(chalk.bold.red(err.toString()));
+      process.exit(1);
+    }
   }
 
   // once done, remove leftover directories