@pega/custom-dx-components 26.1.10-alpha-0.1 → 26.1.10-alpha-0.2

package/README.md

@@ -37,9 +37,9 @@ Ensure you have access to the following in your system:
 
 - Git version 2.30 or later
 
-- System node version >= 22.15.0
+- System node version >= 24.4.1
 
-- System npm version 10.9.2
+- System npm version 11.4.2
 
 ## Latest Documentation
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "26.1.10-alpha-0.1",
+  "version": "26.1.10-alpha-0.2",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "keywords": [

package/src/tasks/init/template/README.md

@@ -37,9 +37,9 @@ Ensure you have access to the following in your system:
 
 - Git version 2.30 or later
 
-- System node version >= 22.15.0
+- System node version >= 24.4.1
 
-- System npm version 10.9.2
+- System npm version 11.4.2
 
 ## Latest Documentation
 

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

@@ -107,7 +107,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@pega/configs": "^0.16.3",
-    "@pega/custom-dx-components": "~26.1.10-alpha-0.1",
+    "@pega/custom-dx-components": "~26.1.10-alpha-0.2",
     "@pega/pcore-pconnect-typedefs": "^4.1.0",
     "@storybook/addon-docs": "^9.1.7",
     "@storybook/addon-essentials": "^9.0.0-alpha.12",

package/src/tasks/validator/index.js

@@ -11,14 +11,17 @@ import {
 import {
   getComponentDirectoryPath,
   getComponents,
-  getOOTBComponents,
   isComponentValidLength,
-  addDebugLog } from '../../util.js';
+  getConfigDefaults,
+  getLibraryBasedCL } from '../../util.js';
 
 const ajv = new Ajv({ allErrors: true });
 
 const combinationTypes = ['PAGE', 'CASE'];
 
+const configDef = getConfigDefaults();
+const isLibraryBasedCL = getLibraryBasedCL();
+
 const allowedSubtypes = [
   ...new Set([
     ...COMPONENT_SCHEMA.subtype.field.map(({ value }) => value),
@@ -343,6 +346,14 @@ export default async (option) => {
     throw new Error(`Invalid: componentName is too long.`);
   }
 
+  if (isLibraryBasedCL) {
+    if (componentToValidate.indexOf(configDef.currentOrgLib + "_") != 0) {
+      const arPrefix = componentToValidate.split("_");
+      const sPrefix = `${arPrefix[0]}_${arPrefix[1]}`;
+      throw new Error(`Component: ${componentToValidate} prefix invalid.\n --> '${sPrefix}' prefix does not match configuration '${configDef.currentOrgLib}'. \n --> Org_Lib prefix of component must match Organization and Library values \n --> in package.json and tasks.config.json respectively.`);
+    }
+  }
+
   const componentDirectory = await getComponentDirectoryPath(componentToValidate);
   let configFileName = "config.json";
 
@@ -393,8 +404,33 @@ export default async (option) => {
       process.exit(1);
     }
 
+    if (isLibraryBasedCL) {
+      if (data.library !== configDef.library) {
+        throw new Error (`${chalk.redBright(`Error: Invalid library in config.json for component '${data.name}'.\n -->Library: '${data.library}' must match tasks.config library: '${configDef.library}'.`)}`);
+      }
+
+      if (data.organization !== configDef.organization) {
+        throw new Error (`${chalk.redBright(`Error: Invalid organization in config.json for component '${data.name}'.\n -->Organization: '${data.organization}' must match package.json organization: '${configDef.organization}'.`)}`);
+      }
+
+      if (data.componentKey.indexOf(configDef.currentOrgLib + "_") !== 0) {
+        const arPrefix = data.componentKey.split("_");
+        const sPrefix = `${arPrefix[0]}_${arPrefix[1]}`
+        throw new Error (`${chalk.redBright(`Error: Invalid componentKey in config.json for component '${data.name}'.\n --> Component prefix Org_Lib: '${sPrefix}' must match '${configDef.currentOrgLib}'. \n --> These represent organization and library values found in package.json and tasks.config.json respectively. `)}`);
+      }
+
+      if (data.componentKey !== componentToValidate) {
+         throw new Error (`${chalk.redBright(`Error: Invalid folder name or componentKey in config.json for component '${data.name}'.\n --> Component folder name: '${componentToValidate}' must match component key '${data.componentKey}'.\n --> NOTE: Values are case sensitve.`)}`);
+      }
+
+    }
+
     console.log(`${chalk.bold.green(componentToValidate)} schema is valid`);
   } else {
     throw new Error(`Invalid: ${ajv.errorsText(validateSchema.errors)}`);
   }
+
+
+
+
 };

package/src/util.js

@@ -1347,11 +1347,28 @@ export const showVersion = async () => {
 
   const nodeMajorVersion = parseInt(arNodeVersion[0]);
   const nodeMinorVersion = parseInt(arNodeVersion[1]);
+  const nodePatchVersion = parseInt(arNodeVersion[2]);
 
-  if (nodeMajorVersion < 22 && nodeMinorVersion < 15 ) {
+  if (nodeMajorVersion < 24) {
     console.log(
       chalk.redBright(
-        `DX Component Builder - requires node v22.15.0 or greater, current version: ${process.version}`
+        `DX Component Builder - requires node v24.14.1 or greater, current version: ${process.version}`
+      )
+    );
+    process.exit(1);
+  }
+  else if ( nodeMajorVersion == 24 && nodeMinorVersion < 4) {
+    console.log(
+      chalk.redBright(
+        `DX Component Builder - requires node v24.14.1 or greater, current version: ${process.version}`
+      )
+    );
+    process.exit(1);
+  }
+  else if (nodeMajorVersion == 24 && nodeMinorVersion == 4 && nodePatchVersion < 1 ) {
+    console.log(
+      chalk.redBright(
+        `DX Component Builder - requires node v24.14.1 or greater, current version: ${process.version}`
       )
     );
     process.exit(1);