@pega/custom-dx-components 0.25.23 → 0.25.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.25.23",
+  "version": "0.25.25",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

package/src/tasks/create/index.js

@@ -22,7 +22,8 @@ import {
   getLibraryBased,
   addDebugLog,
   checkLibraryAndArchives,
-  getConfigDefaults
+  getConfigDefaults,
+  getSubTypeLabel
 } from '../../util.js';
 import { COMPONENT_SCHEMA, SHARED_FILE_NAMES } from '../../constants.js';
 
@@ -103,6 +104,8 @@ const compileMustacheTemplates = async (
   files.forEach(file => {
     const filePath = path.join(componentDirectory, file);
 
+    const subTypeLabel = getSubTypeLabel(type, subtype);
+
     const output = compileMustacheTemplate(filePath, {
       COMPONENT_KEY: componentKey,
       COMPONENT_NAME: componentName,
@@ -114,6 +117,7 @@ const compileMustacheTemplates = async (
       ALLOWEDAPPS: JSON.stringify(allowedApplications),
       TYPE: type,
       SUB_TYPE: JSON.stringify(mustacheSubType),
+      SUB_TYPE_LABEL: subTypeLabel,
       DESCRIPTION: description,
       IS_TEMPLATE: isTemplate,
       IS_PICKLIST: isPicklist,

package/src/tasks/create/templates/Constellation/Field/Boolean/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-checkbox-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Date/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-date-time-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/DateTime/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-text-input-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Decimal/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-decimal-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Decimal-Currency/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-currency-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Decimal-Percentage/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-text-input-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Icon-Button-URL/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-url-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Integer/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   {{#IS_TEMPLATE}}
   "icon": "images/pz-integer-active.svg",
   {{/IS_TEMPLATE}}

package/src/tasks/create/templates/Constellation/Field/Picklist/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-dropdown-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Picklist-Autocomplete/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-dropdown-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Picklist-RadioButtons/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-dropdown-active.svg",
    "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Text/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   {{#IS_TEMPLATE}}
   "icon": "images/pz-text-input-active.svg",
   {{/IS_TEMPLATE}}

package/src/tasks/create/templates/Constellation/Field/Text-Email/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-email-active.svg",
    "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Text-Input/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": "Text",
+  "subtypeLabel": "Text",
   "icon": "images/pz-text-input-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Text-Paragraph/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-text-area-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Text-Phone/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-phone-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/Text-URL/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-url-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Field/TimeofDay/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-date-time-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Template/DETAILS/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "OneColumnDetails.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Template/DETAILS-region/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "TwoColumnDetails.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Template/FORM/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "DefaultForm.svg",
     "properties": [
     {

package/src/tasks/create/templates/Constellation/Template/FORM-region/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "TwoColumn.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Template/PAGE/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "OneColumnPage.svg",
   "properties": [
     {

package/src/tasks/create/templates/Constellation/Widget/CASE/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "OneColumnPage.svg",
   "properties": [
    {

package/src/tasks/create/templates/Constellation/Widget/PAGE/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "OneColumnPage.svg",
   "properties": [
       {

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "OneColumnPage.svg",
    "properties": [
     {

package/src/tasks/create/templates/Launchpad/Field/Icon-Button-URL/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "images/pz-url-active.svg",
   "properties": [
     {

package/src/tasks/create/templates/Launchpad/Widget/CASE/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "OneColumnPage.svg",
   "properties": [
    {

package/src/tasks/create/templates/Launchpad/Widget/PAGE/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "OneColumnPage.svg",
   "properties": [
       {

package/src/tasks/create/templates/Launchpad/Widget/PAGE-CASE/config.json.mustache

@@ -9,6 +9,7 @@
   "componentKey": "{{COMPONENT_KEY}}",
   "type": "{{TYPE}}",
   "subtype": {{{SUB_TYPE}}},
+  "subtypeLabel": "{{SUB_TYPE_LABEL}}",
   "icon": "OneColumnPage.svg",
    "properties": [
     {

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

@@ -23,7 +23,8 @@ import { checkPathAccess, showVersion ,
   getLibraryBased,
   addDebugLog,
   checkLibraryAndArchives,
-  getConfigDefaults
+  getConfigDefaults,
+  getSubTypeLabel
 } from '../../util.js';
 
 import { COMPONENT_SCHEMA, COMPONENTS_DIRECTORY_PATH, TASKS_CONFIG_JSON_FILENAME, COMPONENTS_PATH, CATEGORY_CONSTELLATION, SHARED_FILE_NAMES } from '../../constants.js';
@@ -113,6 +114,8 @@ export const compileMustacheTemplates = async (
   files.forEach((file) => {
     const filePath = path.join(componentDirectory, file);
 
+    const subTypeLabel = getSubTypeLabel(type, subtype).toString();
+
     const output = compileMustacheTemplate(filePath, {
       COMPONENT_KEY: componentKey,
       COMPONENT_NAME: componentName,
@@ -124,6 +127,7 @@ export const compileMustacheTemplates = async (
       ALLOWEDAPPS: JSON.stringify(allowedApplications),
       TYPE: type,
       SUB_TYPE: JSON.stringify(mustacheSubType),
+      SUB_TYPE_LABEL: subTypeLabel,
       DESCRIPTION: description,
       IS_TEMPLATE: isTemplate,
       IS_PICKLIST: isPicklist,

package/src/tasks/init/template/package.json.mustache

@@ -29,7 +29,7 @@
     "publishAll": "custom-dx-components publishAll",
     "promoteWebPack": "custom-dx-components promoteWebPack",
     "revertWebPack": "custom-dx-components revertWebPack",
-    "_***Library_mode_only***": "Library mode only commands, Beta capability and subject to change.  Developer experimental.  Do not use in a Production Deployment",
+    "_***Library_mode_only***": "Library CL mode only commands",
     "createLib": "custom-dx-components createLibrary",
     "switchLib": "custom-dx-components switchLibrary",
     "createLibVersion": "custom-dx-components createVersion",
@@ -49,6 +49,10 @@
     "exportLibVersion": "custom-dx-components exportArchive",
     "validate": "custom-dx-components buildComponent",
     "validateAll": "custom-dx-components buildAllComponents",
+    "_***Local component server***": "Commands to lauch local component server for debugging of run time",
+    "localDev": "node scripts/esbuild.dev.js",
+    "localGenerate": "node scripts/main.js",
+    "localStart": "npm run localGenerate && npm run localDev",
     "_***Internal_only***": "Internal usage only",
     "_internal-test-coverage": "node --input-type=module  --experimental-vm-modules node_modules/jest/bin/jest.js --runInBand node_modules/@pega/custom-dx-component --ci --testResultsProcessor='jest-junit' --coverage",
     "_internal-test": "echo 'Running functional and unit tests will DELETE existing local components, proceed (y/n)?' && read proceed && if test \"$proceed\" = \"y\"; then npm run _internal-test-full; fi ",
@@ -107,7 +111,7 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@pega/configs": "^0.16.2",
-    "@pega/custom-dx-components": "~0.25.23",
+    "@pega/custom-dx-components": "~0.25.25",
     "@pega/pcore-pconnect-typedefs": "^4.1.0-alpha.1",
     "@storybook/addon-actions": "^7.6.19",
     "@storybook/addon-essentials": "^7.6.19",
@@ -153,6 +157,7 @@
     "storybook": "^7.6.19",
     "stylelint": "^16.10.0",
     "ts-jest": "^29.2.5",
-    "typescript": "~5.5.4"
+    "typescript": "~5.5.4",
+    "esbuild": "^0.25.0"
   }
 }

package/src/tasks/init/template/scripts/components.json

@@ -0,0 +1,3 @@
+{
+  "components": []
+}

package/src/tasks/init/template/scripts/esbuild.dev.js

@@ -0,0 +1,34 @@
+import esbuild from 'esbuild';
+
+async function startDevServer() {
+  const ctx = await esbuild.context({
+    entryPoints: ['scripts/index.ts'],
+    bundle: true,
+    outdir: 'dist',
+    sourcemap: true,
+    loader: { '.js': 'jsx' },
+    platform: 'browser',
+    logLevel: 'info',
+  });
+
+  // Initial build
+  await ctx.rebuild();
+  console.log('✨ Initial build complete');
+
+  // Watch for changes
+  await ctx.watch();
+  console.log('👀 Watching for changes...');
+
+  let { host, port } = await ctx.serve({
+    servedir: 'dist',
+    port: 3030,
+    host: 'localhost'
+  });
+
+  console.log(`🚀 Development server running at http://${host}:${port}`);
+}
+
+startDevServer().catch((err) => {
+  console.error('Error:', err);
+  process.exit(1);
+});

package/src/tasks/init/template/scripts/index.mustache

@@ -0,0 +1,26 @@
+export const loadable = (importFn: () => Promise<any>, componentName: string) => {
+  return async () => {
+    if (!PCore.getComponentsRegistry().lazyMap[componentName]) {
+      const component = await importFn();
+      PCore.getComponentsRegistry().lazyMap[componentName] = component.default;
+    }
+  };
+};
+
+const reactComponentsMap = {
+  {{#components}}
+  {{name}}: {
+    modules: [
+      loadable(
+        () =>
+          import(
+            /* webpackChunkName: "{{name}}" */ "../src/components/{{name}}/index"
+          ),
+        "{{name}}"
+      ),
+    ],
+    scripts: [],
+  },
+  {{/components}}
+};
+PCore.getComponentsRegistry().mergeComponentsMap(reactComponentsMap);

package/src/tasks/init/template/scripts/index.ts

@@ -0,0 +1 @@
+/* entry point for component map */

package/src/tasks/init/template/scripts/main.js

@@ -0,0 +1,75 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import Mustache from 'mustache';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const componentsDir = path.join(__dirname, '../src/components');
+const componentsJsonPath = path.join(__dirname, './components.json');
+
+async function populateComponents() {
+  try {
+    if (!fs.existsSync(componentsDir)) {
+      throw new Error(`Components directory not found: ${componentsDir}`);
+    }
+
+    const componentNames = fs.readdirSync(componentsDir)
+      .filter(file => {
+        const componentPath = path.join(componentsDir, file);
+        const configPath = path.join(componentPath, 'config.json');
+        return fs.statSync(componentPath).isDirectory() && fs.existsSync(configPath);
+      })
+      .map(dir => {
+        const configPath = path.join(componentsDir, dir, 'config.json');
+        const config = JSON.parse(fs.readFileSync(configPath, 'utf8'));
+        return config.componentKey || dir;
+      });
+
+    const data = { components: componentNames };
+    fs.writeFileSync(componentsJsonPath, JSON.stringify(data, null, 2));
+    console.log('Components list updated:', componentNames);
+    return componentNames;
+  } catch (err) {
+    console.error('Error populating components:', err.message);
+    process.exit(1);
+  }
+}
+
+async function generateIndex(components) {
+  try {
+    const templatePath = path.join(__dirname, './index.mustache');
+    const outputPath = path.join(__dirname, './index.ts');
+
+    if (!fs.existsSync(templatePath)) {
+      throw new Error('Template file missing: index.mustache');
+    }
+
+    const template = fs.readFileSync(templatePath, 'utf-8');
+    const templateData = {
+      components: components.map(name => ({ name }))
+    };
+
+    const output = Mustache.render(template, templateData);
+
+    // Ensure src directory exists
+    const srcDir = path.dirname(outputPath);
+    if (!fs.existsSync(srcDir)) {
+      fs.mkdirSync(srcDir, { recursive: true });
+    }
+
+    fs.writeFileSync(outputPath, output, 'utf-8');
+    console.log('Generated exports for components:', components);
+  } catch (err) {
+    console.error('Error generating index:', err.message);
+    process.exit(1);
+  }
+}
+
+async function main() {
+  const components = await populateComponents();
+  await generateIndex(components);
+}
+
+main();

package/src/tasks/publish-archive/index.js

@@ -138,6 +138,7 @@ export default async (orgLibName, selectedVersion) => {
   const rulesetQuestions = await getPublishComponentQuestions();
   const rulesetAnswers = await inquirer.prompt(rulesetQuestions);
   const { rulesetName, rulesetVersion} = rulesetAnswers;
+  const mainDirectory = process.cwd();
 
   let content = {
     libraryName : orgLibName,
@@ -150,9 +151,10 @@ export default async (orgLibName, selectedVersion) => {
 
     archiveBeforeStore = true;
 
+
     if (archiveBeforeStore) {
 
-      const mainDirectory = process.cwd();
+
       const archiveFileName = `${orgLibName}_${selectedVersion}.arch.zip`;
       const archiveDirectory = join (mainDirectory, ARCHIVES_PATH, `${orgLibName}`, `${selectedVersion}`);
       if (fs.existsSync(archiveDirectory)) {
@@ -207,7 +209,7 @@ export default async (orgLibName, selectedVersion) => {
         content = { ...content, zipContent: zipBuffer.zipContent};
 
         try {
-          publishComponentLibraryArchiveToServer(content, true )
+          publishComponentLibraryArchiveToServer(content, zipBuffer.zipContent, true )
           .then( () => {
             console.log(chalk.green.bold(`Success: Published Archive ${content.libraryName}/${content.version} to server.`));
           })

package/src/tasks/validator/index.js

@@ -318,8 +318,10 @@ export default async (option) => {
 // addDebugLog("validate","", "");
 
   let componentToValidate = null;
+  let throwTheError = false;
   if (option.params && option.params[3]) {
     componentToValidate = option.params[3];
+    throwTheError = true;
   } else if (option && option.task === 'validateSchema') {
     const localComponents = await getComponents();
     const answer = await inquirer.prompt({
@@ -332,8 +334,10 @@ export default async (option) => {
     componentToValidate = answer.component;
   } else if (option.name) {
     componentToValidate = option.value;
+    throwTheError = true;
   } else {
     componentToValidate = option;
+    throwTheError = true;
   }
 
   const componentDirectory = await getComponentDirectoryPath(componentToValidate);
@@ -369,13 +373,14 @@ export default async (option) => {
       componentToValidate &&
       !/^[A-Za-z0-9]+_[A-Za-z0-9]+_[A-Za-z0-9]+$/.test(componentToValidate)
     ) {
-      const ootbComponents = await getOOTBComponents();
-      if (ootbComponents.includes(componentToValidate)) {
-        throw new Error(`Invalid: Error occurred in validating ${componentToValidate}`);
-      }
-    }
 
+      if (throwTheError) {
+        throw new Error (`${chalk.redBright(`Error: Invalid name of component '${componentToValidate}' .\n Component name (and component folder) MUST be of the form: 'Org_Lib_ComponentName'.`)}`);
 
+      }
+      console.log(`${chalk.redBright(`Error: Invalid name of component '${componentToValidate}' .\n Component name (and component folder) MUST be of the form: 'Org_Lib_ComponentName'.`)}`);
+      process.exit(1);
+    }
 
     console.log(`${chalk.bold.green(componentToValidate)} schema is valid`);
   } else {