@pega/custom-dx-components 0.25.43 → 0.25.45

package/README.md

@@ -14,7 +14,7 @@ Ensure you have access to the following in your system:
 
 - System node version >= 22.15.0
 
-- System npm version 10
+- System npm version 10.9.2
 
 ## Latest Documentation
 

package/package.json

@@ -1,40 +1,45 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.25.43",
+  "version": "0.25.45",
   "description": "Utility for building custom UI components",
+  "keywords": [
+    "pega",
+    "custom-components"
+  ],
+  "license": "SEE LICENSE IN LICENSE",
+  "author": "Custom component dev",
+  "sideEffects": false,
+  "type": "module",
   "bin": "./bin/index.js",
   "scripts": {
+    "fix:es": "eslint --fix .",
+    "fix:format": "prettier -w .",
     "lint:es": "eslint .",
     "lint:format": "prettier -c .",
     "lint:spelling": "cspell **/*",
-    "fix:es": "eslint --fix .",
-    "fix:format": "prettier -w .",
-    "test:unit:local": "node --input-type=module  --experimental-vm-modules node_modules/jest/bin/jest.js --runInBand /tests/unit",
-    "test:functional:local": "jest --runInBand /tests/functional --detectOpenHandles --coverage"
+    "test:functional:local": "jest --runInBand /tests/functional --detectOpenHandles --coverage",
+    "test:unit:local": "node --input-type=module  --experimental-vm-modules node_modules/jest/bin/jest.js --runInBand /tests/unit"
   },
-  "type": "module",
-  "sideEffects": false,
   "dependencies": {
-    "@babel/core": "^7.27.1",
-    "@babel/plugin-transform-class-properties": "^7.27.1",
-    "@babel/preset-react": "^7.27.1",
-    "@pega/auth": "^0.2.24",
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@pega/auth": "^0.2.27",
+    "@pega/configs": "^0.16.3",
     "@pega/constellation-dx-components-build-utils": "^2.0.6",
     "@pega/inquirer-fuzzy-path": "^3.0.0",
+    "@pega/prettier-config": "^0.16.3",
     "ajv": "^8.17.1",
-    "ajv-keywords": "^5.1.0",
     "archiver": "^7.0.1",
     "arg": "^5.0.2",
     "babel-loader": "^10.0.0",
     "chalk": "^5.4.1",
-    "check-git": "^2.0.2",
     "compression-webpack-plugin": "^11.1.0",
+    "cspell": "^8.19.4",
     "css-loader": "7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
-    "eslint": "^9.27.0",
-    "execa": "^9.5.2",
+    "eslint": "^9.30.1",
+    "execa": "^9.6.0",
     "file-loader": "6.2.0",
-    "fs-extra": "^11.3.0",
     "gitignore": "^0.7.0",
     "inquirer": "^9.3.7",
     "jwt-decode": "^4.0.0",
@@ -46,10 +51,10 @@
     "node-stream-zip": "^1.15.0",
     "ora": "^8.2.0",
     "pascalcase": "^2.0.0",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.6",
     "postcss-loader": "8.1.1",
-    "postcss-preset-env": "10.1.6",
-    "prop-types": "^15.8.1",
+    "postcss-preset-env": "10.2.4",
+    "prettier": "3.6.2",
     "react": "^18.2.0",
     "react-dev-utils": "^12.0.1",
     "resolve": "1.22.10",
@@ -60,26 +65,15 @@
     "typescript": "~5.8.3",
     "unarchive": "^1.1.3",
     "url-loader": "4.1.1",
-    "webpack": "5.99.8",
+    "webpack": "5.99.9",
     "webpack-cli": "^6.0.1"
   },
-  "author": "Custom component dev",
-  "license": "SEE LICENSE IN LICENSE",
-  "keywords": [
-    "pega",
-    "custom-components"
-  ],
   "devDependencies": {
-    "@babel/preset-env": "^7.27.2",
-    "@pega/configs": "^0.16.3",
-    "@pega/prettier-config": "^0.16.3",
     "@types/jest": "^29.5.14",
     "babel-jest": "^29.7.0",
-    "cspell": "^8.19.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
-    "prettier": "3.5.3",
-    "ts-jest": "^29.3.2"
+    "ts-jest": "^29.4.0"
   }
 }

package/src/tasks/bundle/builder/index.js

@@ -3,7 +3,7 @@ import fs from 'fs-extra';
 import webpack from 'webpack';
 import FileSizeReporter from 'react-dev-utils/FileSizeReporter.js';
 import printBuildError from 'react-dev-utils/printBuildError.js';
-import { getUseWebPackPromotion, addDebugLog} from '../../../util.js';
+import { getUseWebPackPromotion, addDebugLog, emptyDirSync } from '../../../util.js';
 
 
 
@@ -44,7 +44,7 @@ let compilationErrors = null;
 
 // Create the build and print the deployment instructions.
 function build(config, previousFileSizes, showStats = true) {
-addDebugLog("bundle build", `config: ${JSON.stringify(config)}, \npreviousFileSizes: ${JSON.stringify(previousFileSizes)}, showStats: ${showStats}`, "");
+  addDebugLog("bundle build", `config: ${JSON.stringify(config)}, \npreviousFileSizes: ${JSON.stringify(previousFileSizes)}, showStats: ${showStats}`, "");
 
   if (showStats) {
     console.log(`Creating a ${Env} build...`);
@@ -55,14 +55,14 @@ addDebugLog("bundle build", `config: ${JSON.stringify(config)}, \npreviousFileSi
   return new Promise((resolve, reject) => {
     compiler.run((err, stats) => {
 
-       if (err != null && typeof (err) == "object") {
-          if (err.error != undefined) {
-            //store and print elsewhere
-            compilationErrors = err.error;
-            //console.log("err:" + err);
-          }
-       }
-       if (stats != null & typeof(stats) == "object") {
+      if (err != null && typeof (err) == "object") {
+        if (err.error != undefined) {
+          //store and print elsewhere
+          compilationErrors = err.error;
+          //console.log("err:" + err);
+        }
+      }
+      if (stats != null & typeof (stats) == "object") {
         if (stats.errors != undefined) {
           if (showStats) {
             console.log("stats:" + stats);
@@ -79,7 +79,7 @@ addDebugLog("bundle build", `config: ${JSON.stringify(config)}, \npreviousFileSi
 
         }
 
-       }
+      }
 
 
       let messages;
@@ -118,7 +118,7 @@ addDebugLog("bundle build", `config: ${JSON.stringify(config)}, \npreviousFileSi
         console.log(
           chalk.yellow(
             '\nTreating warnings as errors because process.env.CI = true.\n' +
-              'Most CI servers set it automatically.\n'
+            'Most CI servers set it automatically.\n'
           )
         );
         return reject(new Error(messages.warnings.join('\n\n')));
@@ -148,7 +148,7 @@ export default async ({
   // used by promote and revert webPack commands, do not change
   const configFactory = (
     await import(`${usePromoted ? `../../../../../../../webpack.config.js` : `./webpack.config.js`}`)
-  ).default
+  ).default;
 
   // Generate configuration
   const config = configFactory(Env, {
@@ -170,7 +170,7 @@ export default async ({
       .then(previousFileSizes => {
         // Remove all content but keep the directory so that
         // if you're in it, you don't end up in Trash
-        fs.emptyDirSync(paths.appBuild);
+        emptyDirSync(paths.appBuild);
         // Start the webpack build
         return build(config, previousFileSizes, showStats);
       })
@@ -202,7 +202,7 @@ export default async ({
 
           resolve('done emitting');
         },
-        err  => {
+        err => {
           reject();
           const tscCompileOnError = process.env.TSC_COMPILE_ON_ERROR === 'true';
           if (tscCompileOnError) {

package/src/tasks/create/index.js

@@ -119,7 +119,7 @@ const compileMustacheTemplates = async (
       TYPE: type,
       SUB_TYPE: JSON.stringify(mustacheSubType),
       SUB_TYPE_LABEL: subTypeLabel,
-      DESCRIPTION: description,
+      DESCRIPTION: description || componentLabel,
       IS_TEMPLATE: isTemplate,
       IS_PICKLIST: isPicklist,
       IS_BOOLEAN: isBool,
@@ -190,6 +190,8 @@ const validateCompile = async (
     framework = "Constellation";
   }
 
+
+
   const orgLib = getConfigDefaults();
   if (isLibraryBased) {
     // library comes from config
@@ -440,6 +442,7 @@ addDebugLog("create", "", "+");
         description,
         allowedApplications
       } = answers;
+
       await validateCompile(
         {
           componentName,

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

@@ -159,7 +159,6 @@ addDebugLog("exportCLArch", `exportPath: ${exportPath}, orgLibName: ${orgLibName
     }
 
 
-
 }
 
 
@@ -370,9 +369,6 @@ export default async options => {
         exportTo = "Directory";
       }
 
-      //exportTo = "Directory"; // remove this line when above is uncommented out
-
-
       if (exportTo === "Directory") {
         inquirer.registerPrompt('fuzzypath', inquirerFuzzyPath);
 
@@ -382,12 +378,6 @@ export default async options => {
 
         await updateSavedExportFilePath(filePath);
 
-        // if (path.sep === "/") {
-        //   if (filePath.lastIndexOf(path.sep) != filePath.length - 1) {
-        //     filePath = filePath.concat(path.sep);
-        //   }
-        // }
-
         await exportArch( filePath, orgLibName, selectedVersion, fullArchive);
 
       }
@@ -397,7 +387,6 @@ export default async options => {
         // archive it
         await zipVersionAndArchive(orgLibName, selectedVersion);
 
-
         // publish to server
         await publishArchive(orgLibName, selectedVersion);
 

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

@@ -141,57 +141,56 @@ export const renameComponent = async (
 addDebugLog("renameComponent", `library: ${library}, componentKey: ${componentKey}`, "");
 
 
-const componentName = componentKey.split("_")[2];
+  const componentName = componentKey.split("_")[2];
 
-const configDef = getConfigDefaults();
-const orgLibName = `${configDef.organization}_${library}`;
-const organization = configDef.organization;
-
-const newComponentKey = `${orgLibName}_${componentName}`;
-
-const oldComponentKey = componentKey;
-const newComponentKeyPC = convertIntoPascalCase(newComponentKey);
-const oldComponentKeyPC = convertIntoPascalCase(oldComponentKey);
+  const configDef = getConfigDefaults();
+  const orgLibName = `${configDef.organization}_${library}`;
+  const organization = configDef.organization;
 
-const currentDirectory = await getComponentDirectoryPath(componentKey, currDir);
-const targetDirectory = await getComponentDirectoryPath(newComponentKey, currDir);
+  const newComponentKey = `${orgLibName}_${componentName}`;
 
-const targetFileList = await getDirectoryFiles(currentDirectory);
+  const oldComponentKey = componentKey;
+  const newComponentKeyPC = convertIntoPascalCase(newComponentKey);
+  const oldComponentKeyPC = convertIntoPascalCase(oldComponentKey);
 
-for (const fileIndex in targetFileList) {
-  const fileName = targetFileList[fileIndex];
+  const currentDirectory = await getComponentDirectoryPath(componentKey, currDir);
+  const targetDirectory = await getComponentDirectoryPath(newComponentKey, currDir);
 
-  if (fileName === "config.json") {
-    await updateConfig(
-      {
-        oldComponentKey,
-        newComponentKey,
-        componentName,
-        organization,
-        library,
-        version,
-        currentDirectory,
-      }
-    );
-  }
-  else {
-    await updateFile(
-        fileName,
-        oldComponentKeyPC,
-        newComponentKeyPC,
-        currentDirectory );
+  const targetFileList = await getDirectoryFiles(currentDirectory);
 
-  }
+  for (const fileIndex in targetFileList) {
+    const fileName = targetFileList[fileIndex];
+
+    if (fileName === "config.json") {
+      await updateConfig(
+        {
+          oldComponentKey,
+          newComponentKey,
+          componentName,
+          organization,
+          library,
+          version,
+          currentDirectory,
+        }
+      );
+    }
+    else {
+      await updateFile(
+          fileName,
+          oldComponentKeyPC,
+          newComponentKeyPC,
+          currentDirectory );
 
-} // for
+    }
 
+  } // for
 
 
-// rename the directory
-await reanmeDirectory(currentDirectory, targetDirectory);
+  // rename the directory
+  await reanmeDirectory(currentDirectory, targetDirectory);
 
 
-return newComponentKey;
+  return newComponentKey;
 
 };
 

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

@@ -648,11 +648,9 @@ addDebugLog("importArch", `filePath: ${filePath}, fileName: ${fileName}`, "");
 
   }
 
-
 }
 
 
-
 export const getZipFileList = async(filePath) => {
 
   if (fs.existsSync(filePath)) {
@@ -782,6 +780,7 @@ export default async options => {
         }
         catch (ex) {
           console.log(chalk.redBright(ex));
+          process.exit(1);
         }
 
 
@@ -844,7 +843,7 @@ export default async options => {
         else {
           // No library with that name
           console.log(chalk.redBright(`No library archives exist on server.`));
-          process.exit(1);
+          process.exit();
 
         }
 
@@ -913,12 +912,6 @@ export default async options => {
     }
 
 
-
-
-
-
-
-
   }
 
 addDebugLog("importArchive", "END", "-");

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

@@ -273,14 +273,8 @@ addDebugLog("importComp", `filePath: ${filePath}, fileName: ${fileName}`, "");
       }
     }
 
-
-
-
   }
 
-
-
-
 }
 
 
@@ -379,9 +373,6 @@ addDebugLog("importComponent", "", "+");
       await importComp( filePath, fileName, true);
     }
 
-
-
-
   }
 
 addDebugLog("importComponent", "END", "-");

package/src/tasks/init/index.js

@@ -1,30 +1,25 @@
+
 import path from 'path';
 import fs from 'fs';
 import { fileURLToPath } from 'url';
 import { promisify } from 'util';
-import { exec } from 'child_process';
-
 import chalk from 'chalk';
 import { execa } from 'execa';
-import ncp from 'ncp';
 import { Listr } from 'listr2';
 import gitignore from 'gitignore';
 import inquirer from 'inquirer';
+import { compileMustacheTemplate, isPascalCase, convertIntoPascalCase, sanitize } from '../../util.js';
+import { getInitProjectQuestions } from './helper.js';
 
-import {
-  compileMustacheTemplate,
-  isPascalCase,
-  convertIntoPascalCase,
-  sanitize
-} from '../../util.js';
+const writeGitignore = promisify(gitignore.writeFile);
 
-import { getInitProjectQuestions } from './helper.js';
 
-const execPromise = promisify(exec);
+const copyProjectDir = async (src, dest) => {
+  if (typeof fs.cp === 'function') {
+    await fs.promises.cp(src, dest, { recursive: true, errorOnExist: false, force: false });
+  }
+};
 
-const copy = promisify(ncp);
-const writeGitignore = promisify(gitignore.writeFile);
-const writeFile = promisify(fs.writeFile);
 
 const createGitignore = async options => {
   const file = fs.createWriteStream(path.join(options.targetDirectory, '.gitignore'), {
@@ -37,51 +32,54 @@ const createGitignore = async options => {
 };
 
 const createLicense = async options => {
+  // Write LICENSE file directly
   const targetPath = path.join(options.targetDirectory, 'LICENSE');
   const licenseContent = 'Enter license text here';
-  return writeFile(targetPath, licenseContent, 'utf8');
+  await fs.promises.writeFile(targetPath, licenseContent, 'utf8');
 };
 
+
 const copyProjectTemplate = async options => {
-  await copy(options.templateDirectory, options.targetDirectory, {
-    clobber: false
-  });
+  // Use fast copy
+  await copyProjectDir(options.templateDirectory, options.targetDirectory);
   const packageJsonPath = path.join(options.targetDirectory, 'package.json.mustache');
   const templateNPMRCPath = path.join(options.targetDirectory, 'templateNPMRC.txt');
 
   let { organization, projectName } = options;
-
   projectName = sanitize(projectName).toLowerCase();
-
   organization = sanitize(organization);
   if (!isPascalCase(organization)) {
     organization = convertIntoPascalCase(organization);
   }
+  options = { ...options, organization, projectName };
 
-  options = {
-    ...options,
-    organization,
-    projectName
-  };
+  // Compile and write package.json in one go
   const output = compileMustacheTemplate(packageJsonPath, options);
-  fs.writeFileSync(packageJsonPath, output);
-  fs.renameSync(packageJsonPath, packageJsonPath.replace('.mustache', ''));
-
-  // rename template NPMRC to .npmrc, need to do this because npmjs won't publish an .npmrc file
-  fs.renameSync(templateNPMRCPath, templateNPMRCPath.replace('templateNPMRC.txt', '.npmrc'));
+  await fs.promises.writeFile(packageJsonPath, output);
+  await fs.promises.rename(packageJsonPath, packageJsonPath.replace('.mustache', ''));
+
+  // Rename templateNPMRC.txt to .npmrc if exists
+  try {
+    await fs.promises.rename(templateNPMRCPath, templateNPMRCPath.replace('templateNPMRC.txt', '.npmrc'));
+  } catch (e) {
+    // ignore if not present
+  }
 
   await createLicense(options);
 };
 
+
 const initGit = async options => {
+  // Use execa for async git init
   const result = await execa('git', ['init'], {
     cwd: options.targetDirectory
   });
   if (result.failed) {
-    return Promise.reject(new Error('Failed to initialize git'));
+    throw new Error('Failed to initialize git');
   }
 };
 
+
 export default async options => {
   options.templateDirectory = path.resolve(
     path.dirname(fileURLToPath(import.meta.url)),
@@ -90,32 +88,28 @@ export default async options => {
   let projectName = 'test';
 
   const questions = getInitProjectQuestions();
+  const answers = await inquirer.prompt(questions);
+  projectName = sanitize(answers.projectName).toLowerCase();
+  options = { ...options, ...answers };
+
+  const projectDirectory = `./${projectName}`;
+  if (!fs.existsSync(projectDirectory)) {
+    fs.mkdirSync(projectDirectory);
+  } else {
+    console.log(chalk.bold.red(`A project with name ${projectName} already exists. Exiting...`));
+    process.exit();
+  }
 
-  await inquirer.prompt(questions).then(async answers => {
-    projectName = answers.projectName;
-    projectName = sanitize(projectName).toLowerCase();
-    options = { ...options, ...answers };
-
-    const projectDirectory = `./${projectName}`;
-
-    if (!fs.existsSync(projectDirectory)) {
-      fs.mkdirSync(projectDirectory);
-    } else {
-      console.log(chalk.bold.red(`A project with name ${projectName} already exists. Exiting...`));
-      process.exit();
-    }
-
-    const targetDirectory = options.targetDirectory || process.cwd();
-    options.targetDirectory = path.join(targetDirectory, projectName);
-    options.componentDirectory = path.join(
-      options.targetDirectory,
-      'node_modules/@pega/custom-dx-components'
-    );
-    options.componentLibraryUtilsDirectory = path.join(
-      options.targetDirectory,
-      'node_modules/@pega/constellation-dx-components-build-utils'
-    );
-  });
+  const targetDirectory = options.targetDirectory || process.cwd();
+  options.targetDirectory = path.join(targetDirectory, projectName);
+  options.componentDirectory = path.join(
+    options.targetDirectory,
+    'node_modules/@pega/custom-dx-components'
+  );
+  options.componentLibraryUtilsDirectory = path.join(
+    options.targetDirectory,
+    'node_modules/@pega/constellation-dx-components-build-utils'
+  );
 
   const installDependenciesText = `Installing dependencies. This will take a couple of minutes.`;
 
@@ -138,35 +132,38 @@ export default async options => {
       {
         title: installDependenciesText,
         task: () =>
-          execPromise('npm i --force --production=false', { cwd: options.targetDirectory })
+          execa('npm', ['i', '--force', '--production=false'], { cwd: options.targetDirectory })
       },
       */
       {
         title: installDependenciesText,
         task: () =>
-          execPromise('npm i --force --include=dev', { cwd: options.targetDirectory })
+          execa('npm', ['ci', '--force', '--no-audit', '--no-fund', '--loglevel=error'], { cwd: options.targetDirectory })
       },
       /*
       {
         title: 'Installing tasks dependencies',
         task: () =>
-          execPromise('npm i --force --production=false', { cwd: options.componentDirectory })
+          execa('npm', ['i', '--force', '--production=false'], { cwd: options.componentDirectory })
       },
       {
         title: 'Installing tasks library dependencies',
         task: () =>
-          execPromise('npm i --force --production=false', {
+          execa('npm', ['i', '--force', '--production=false'], {
             cwd: options.componentLibraryUtilsDirectory
           })
       },
       */
+
+      /*
       {
         title: 'Updating',
-        task: () => execPromise('npm update --dev', { cwd: options.targetDirectory })
+        task: () => execa('npm', ['update', '--dev', '--no-audit', '--no-fund', '--loglevel=error'], { cwd: options.targetDirectory })
       }
+      */
       /* {
         title: 'Installing quick run',
-        task: () => execPromise('npm i -g npm-quick-run', { cwd: options.targetDirectory })
+        task: () => execa('npm', ['i', '-g', 'npm-quick-run'], { cwd: options.targetDirectory })
       } */
     ],
     {

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

@@ -14,7 +14,7 @@ Ensure you have access to the following in your system:
 
 - System node version >= 22.15.0
 
-- System npm version 10
+- System npm version 10.9.2
 
 ## Latest Documentation
 

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

@@ -99,7 +99,6 @@
     "react-is": "^18.3.1",
     "react-redux": "^7.2.9",
     "serve": "^14.2.4",
-    "shelljs": "^0.8.5",
     "styled-components": "^5.3.11",
     "ts-loader": "^9.5.2"
   },
@@ -108,7 +107,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@pega/configs": "^0.16.3",
-    "@pega/custom-dx-components": "~0.25.43",
+    "@pega/custom-dx-components": "~25.1.10",
     "@pega/pcore-pconnect-typedefs": "^4.1.0-alpha.1",
     "@storybook/addon-actions": "^8.6.14",
     "@storybook/addon-essentials": "^8.6.14",

package/src/tasks/list-pub/helper.js

@@ -140,9 +140,6 @@ addDebugLog("getInfinityLibraries", '', "");
   const rulesetVersion = defaultPegaServerConfig.rulesetVersion;
 
   let urlParams = `/app-name/${ApplicationName}/app-version/${ApplicationVersion}/rulesetname/${rulesetName}/rulesetversion/${rulesetVersion}`;
-  //let urlParams = `&ApplicationName=${ApplicationName}&ApplicationVersion=${ApplicationVersion}&RulesetName=${rulesetName}&RulesetVersion=${rulesetVersion}`;
-  //urlParams = encodeURIComponent(urlParams);
-
 
   url = url.concat(urlParams);