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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "25.1.10-alpha-0.1",
+  "version": "25.1.10-alpha-0.2",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -19,7 +19,7 @@
     "@babel/plugin-transform-class-properties": "^7.27.1",
     "@babel/preset-react": "^7.27.1",
     "@pega/auth": "^0.2.24",
-    "@pega/constellation-dx-components-build-utils": "^2.0.3-dev",
+    "@pega/constellation-dx-components-build-utils": "^2.0.4",
     "@pega/inquirer-fuzzy-path": "^3.0.0",
     "ajv": "^8.17.1",
     "ajv-keywords": "^5.1.0",

package/src/constants.js

@@ -22,7 +22,7 @@ export const ARCHIVES_PATH = 'store';
 export const BIN_ARCHIVES_PATH = 'bin-arch';
 export const TEMP_PATH = 'store/temp';
 export const COMPONENTS_CONFIG_FILE_NAME = 'componentsconfig.json';
-
+export const MAX_RFT_CHARS = 64;
 
 
 /* REST end points */

package/src/tasks/create/index.js

@@ -23,7 +23,8 @@ import {
   addDebugLog,
   checkLibraryAndArchives,
   getConfigDefaults,
-  getSubTypeLabel
+  getSubTypeLabel,
+  getMaxComponentNameCount
 } from '../../util.js';
 import { COMPONENT_SCHEMA, SHARED_FILE_NAMES } from '../../constants.js';
 
@@ -309,6 +310,7 @@ addDebugLog("create", "", "+");
     );
   } else {
     const componentDefaults = getConfigDefaults();
+    const maxChars = getMaxComponentNameCount();
     const questions = [
       {
         name: 'type',
@@ -356,7 +358,7 @@ addDebugLog("create", "", "+");
       },
       {
         name: 'componentName',
-        message: 'Enter component name (required)',
+        message: `Enter component name (required) (${maxChars} max chars)`,
         validate: value => {
           /* value should not be empty
           It should not have spaces
@@ -364,8 +366,12 @@ addDebugLog("create", "", "+");
           Only case-insensitive alphanumeric values are allowed
         */
           if (value && !/^\d/.test(value) && value === sanitize(value)) {
+            if (value.length > maxChars) {
+              return `${value.length - maxChars} too many characters.`
+            }
             return true;
           }
+
           return 'Only alphanumeric values are allowed, starting with alphabets, no spaces.';
         }
       },

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

@@ -24,7 +24,8 @@ import { checkPathAccess, showVersion ,
   addDebugLog,
   checkLibraryAndArchives,
   getConfigDefaults,
-  getSubTypeLabel
+  getSubTypeLabel,
+  getMaxPrefixCount
 } from '../../util.js';
 
 import { COMPONENT_SCHEMA, COMPONENTS_DIRECTORY_PATH, TASKS_CONFIG_JSON_FILENAME, COMPONENTS_PATH, CATEGORY_CONSTELLATION, SHARED_FILE_NAMES } from '../../constants.js';
@@ -409,10 +410,25 @@ addDebugLog("createAll", "", "+");
       options
     );
   } else {
+    const maxPrefixCount = getMaxPrefixCount();
     const questions = [
       {
         name: 'prefix',
-        message: 'Enter prefix label'
+        message: `Enter prefix label (${maxPrefixCount} max chars)`,
+          validate: value => {
+          /* value should not be empty
+          It should not start with a number
+          Only case-insensitive alphanumeric values are allowed
+        */
+          if (value && !/^\d/.test(value) ) {
+            if (value.length > maxPrefixCount) {
+              return `${value.length - maxPrefixCount} too many characters.`
+            }
+            return true;
+          }
+
+          return 'Only alphanumeric values are allowed, starting with alphabets';
+        }
       },
       {
         name: 'version',

package/src/tasks/create-lib/helper.js

@@ -62,11 +62,10 @@ addDebugLog("getCreateLibComponentQuestions", "", "");
 
   const isLibraryBasedCL = getLibraryBasedCL();
 
-
   return [
     {
       name: 'libraryName',
-      message: 'Enter libray name',
+      message: 'Enter library name',
       default: libraryName,
       validate: value => {
         /* value should not be empty

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

@@ -326,7 +326,7 @@ export const importArch = async(filePath, fileName, hadArchive) => {
           const newLibNameAnswers = await inquirer.prompt([
             {
               name: 'libraryName',
-              message: 'Enter new libray name',
+              message: 'Enter new library name',
               validate: value => {
                 /* value should not be empty
                 It should not have spaces
@@ -524,7 +524,7 @@ addDebugLog("importArch", `filePath: ${filePath}, fileName: ${fileName}`, "");
         const newLibNameAnswers = await inquirer.prompt([
           {
             name: 'libraryName',
-            message: 'Enter new libray name',
+            message: 'Enter new library name',
             validate: value => {
               /* value should not be empty
               It should not have spaces

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": "~25.1.10-alpha-0.1",
+    "@pega/custom-dx-components": "~25.1.10-alpha-0.2",
     "@pega/pcore-pconnect-typedefs": "^4.1.0-alpha.1",
     "@storybook/addon-actions": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",

package/src/tasks/validator/index.js

@@ -12,6 +12,7 @@ import {
   getComponentDirectoryPath,
   getComponents,
   getOOTBComponents,
+  isComponentValidLength,
   addDebugLog } from '../../util.js';
 
 const ajv = new Ajv({ allErrors: true });
@@ -340,6 +341,10 @@ export default async (option) => {
     throwTheError = true;
   }
 
+  if (!isComponentValidLength(componentToValidate)) {
+    throw new Error(`Invalid: componentName is too long.`);
+  }
+
   const componentDirectory = await getComponentDirectoryPath(componentToValidate);
   let configFileName = "config.json";
 

package/src/util.js

@@ -44,7 +44,8 @@ import {
   TEMP_PATH,
   JEST_TESTS_FUNCTIONAL_PATH,
   IMPORT_RELATIVE_PATH,
-  EXPORT_RELATIVE_PATH
+  EXPORT_RELATIVE_PATH,
+  MAX_RFT_CHARS
 } from './constants.js';
 
 
@@ -2500,7 +2501,7 @@ if (showDebug) addDebugLog("restoreFromArchive", `fileName: ${fileName}, orgLibN
 
 
    // remove temp  (windows not working well with "sync", can be async, since as long as deleted, fine)
-   fs.rm(tempDirectory, { recursive: true, force: true, maxRetries: 5  },  () => {});
+   fs.rmSync(tempDirectory, { recursive: true, force: true, maxRetries: 5  },  () => {});
 
 };
 
@@ -2712,6 +2713,33 @@ export const getSubTypeLabel = (type, subtype) => {
   return "";
 }
 
+export const getMaxComponentNameCount = () => {
+  let count = MAX_RFT_CHARS - 1; // one less than max
+  const configDef = getConfigDefaults();
+  const orgLibCount = configDef.currentOrgLib.length + 1;
+  const versionCount = configDef.version.length - 2;
+  const prefixCount = versionCount + 4;
+
+  count = count - orgLibCount - prefixCount - 9; // 9 chars for trailing hash
+
+  return count;
+
+}
+
+export const getMaxPrefixCount = () => {
+  // TwoColumnDetails is 16 chars
+  return (getMaxComponentNameCount() - 16);
+}
+
+export const isComponentValidLength = (componentKey) => {
+  const configDef = getConfigDefaults();
+  const componentName = componentKey.replace(configDef.currentOrgLib + "_", "");
+  if (componentName.length < getMaxComponentNameCount()) {
+    return true;
+  }
+
+  return false;
+}
 
 // init
 await forceDefaultsUpdate();