@pega/custom-dx-components 0.25.26 → 0.25.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.25.26",
+  "version": "0.25.28",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -15,53 +15,53 @@
   "type": "module",
   "sideEffects": false,
   "dependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/plugin-transform-class-properties": "^7.25.9",
-    "@babel/preset-react": "^7.26.3",
-    "@pega/auth": "^0.2.23",
+    "@babel/core": "^7.27.1",
+    "@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/inquirer-fuzzy-path": "^3.0.0",
     "ajv": "^8.17.1",
     "ajv-keywords": "^5.1.0",
     "archiver": "^7.0.1",
     "arg": "^5.0.2",
-    "babel-loader": "^9.2.1",
+    "babel-loader": "^10.0.0",
     "chalk": "^5.4.1",
     "check-git": "^2.0.2",
-    "compression-webpack-plugin": "^10.0.0",
-    "css-loader": "6.8.1",
-    "css-minimizer-webpack-plugin": "^5.0.1",
+    "compression-webpack-plugin": "^11.1.0",
+    "css-loader": "7.1.2",
+    "css-minimizer-webpack-plugin": "^7.0.2",
     "eslint": "^8.56.0",
-    "execa": "^8.0.1",
+    "execa": "^9.5.2",
     "file-loader": "6.2.0",
     "fs-extra": "^11.3.0",
     "gitignore": "^0.7.0",
     "inquirer": "^9.3.7",
     "jwt-decode": "^4.0.0",
-    "listr2": "^8.2.5",
-    "mini-css-extract-plugin": "2.7.6",
+    "listr2": "^8.3.3",
+    "mini-css-extract-plugin": "2.9.2",
     "mustache": "^4.2.0",
     "ncp": "^2.0.0",
     "node-fetch": "^3.3.2",
     "node-stream-zip": "^1.15.0",
-    "ora": "^8.1.1",
+    "ora": "^8.2.0",
     "pascalcase": "^2.0.0",
-    "postcss": "^8.5.1",
-    "postcss-loader": "7.3.4",
-    "postcss-preset-env": "9.3.0",
+    "postcss": "^8.5.3",
+    "postcss-loader": "8.1.1",
+    "postcss-preset-env": "10.1.6",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dev-utils": "^12.0.1",
     "resolve": "1.22.10",
     "resolve-url-loader": "^5.0.0",
-    "sass-loader": "^13.3.3",
-    "terser-webpack-plugin": "5.3.11",
+    "sass-loader": "^16.0.5",
+    "terser-webpack-plugin": "5.3.14",
     "ts-loader": "^9.5.2",
-    "typescript": "~5.3.3",
+    "typescript": "~5.8.3",
     "unarchive": "^1.1.3",
     "url-loader": "4.1.1",
-    "webpack": "5.74.0",
-    "webpack-cli": "^5.1.4"
+    "webpack": "5.99.8",
+    "webpack-cli": "^6.0.1"
   },
   "author": "Custom component dev",
   "license": "SEE LICENSE IN LICENSE",
@@ -70,16 +70,16 @@
     "custom-components"
   ],
   "devDependencies": {
-    "@babel/preset-env": "^7.26.0",
-    "@pega/configs": "^0.16.2",
-    "@pega/prettier-config": "^0.16.2",
+    "@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.17.2",
+    "cspell": "^8.19.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
-    "prettier": "3.3.3",
-    "ts-jest": "^29.2.5"
+    "prettier": "3.5.3",
+    "ts-jest": "^29.3.2"
   }
 }

package/src/constants.js

@@ -1,5 +1,6 @@
 // cSpell:ignore words timeofday caseview casepreview objectview
 export const TASKS_CONFIG_JSON_FILENAME = 'tasks.config.json';
+export const INPUT_CONFIG_JSON_FILENAME = 'input.config.json';
 export const PACKAGE_JSON_FILENAME = 'package.json';
 export const PACKAGE_LOCK_JSON_FILENAME = 'package-lock.json';
 export const BUILD_CONFIG_JSON_FILENAME = 'build.config.json';
@@ -14,6 +15,7 @@ export const TOKEN_PATH = 'node_modules/@pega/custom-dx-components/.access_token
 export const OOTB_COMPONENTS = 'node_modules/@pega/custom-dx-components/.ootb_components';
 export const LIBRARY_BASED = 'libraryMode';
 export const LIBRARY_BASED_CL = 'libraryModeCL';
+export const USE_INPUT_CONFIG = 'useInputConfig';
 export const SHARED_DIRECTORY = 'shared';
 export const SHOW_DEBUG = 'showDebug';
 export const ARCHIVES_PATH = 'store';

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

@@ -19,7 +19,10 @@ import {
   cleanUpTemp,
   restoreTopLevelConfigFilesFromTemplate,
   getHaveDependencyDifference,
-  setConfigDevBuild
+  setConfigDevBuild,
+  getUseInputConfig,
+  getInputConfigForCommand,
+  convertYNToBoolean
 } from '../../util.js';
 
 import { getCreateLibComponentQuestions, getOkToProceedQuestion, updateAllComponentsConfig, getCurrentOrOriginalQuestion } from './helper.js';
@@ -28,6 +31,7 @@ import { showCurrentStatus } from '../show-status/index.js';
 export default async options => {
   const isLibraryBased =  getLibraryBased();
   const isLibraryBasedCL = getLibraryBasedCL();
+  const useInputConfig = getUseInputConfig();
   if (!isLibraryBased) {
     console.log(`Command only supported for ${chalk.bold.green('library based')} components.`);
     process.exit();
@@ -36,6 +40,90 @@ export default async options => {
   await showVersion();
   await cleanUpTemp();
 
+   // if we have choosen to use INPUT CONFIG FILE
+  // process and exit
+  if (useInputConfig) {
+    const inputConfig = await getInputConfigForCommand("createLib");
+
+    if (convertYNToBoolean(inputConfig.okToContinue)) {
+      const libraryName = inputConfig.libraryName;
+      let version = inputConfig.libraryVersion;
+      const currentOrOriginal = inputConfig.currentOrOriginal;
+      const isPermanent = inputConfig.isPermanent;
+      let permBuild = convertYNToBoolean(isPermanent);
+
+      // if have store, then that means there is a current library, so
+      // store it before clearing out /src/components
+
+      const hasArch = await hasArchives();
+      const orgLib = getConfigDefaults();
+      const newOrgLib = `${orgLib.organization}_${libraryName}`;
+
+      if (hasArch) {
+        const hasLib = await hasLibraryAndVersion(libraryName, version, !permBuild);
+        if (hasLib) {
+          console.log(`${chalk.bold.red(`Library ${orgLib.organization}_${libraryName} already exists.`)}`);
+          console.log("You can switch to that library by entering 'npm run switchLib'.\n")
+          process.exit();
+        }
+
+        const currentOrgLib = orgLib.currentOrgLib;
+        const currentVersion = orgLib.buildVersion;
+        await zipVersionAndArchive(currentOrgLib, currentVersion);
+        await clearSrcComponentsDirectory();
+
+      }
+
+      if (isLibraryBasedCL) {
+        // no -dev for PegaInfinity
+        permBuild = true;
+      }
+      // await setConfigDevBuild(!permBuild);
+
+
+      if (!permBuild) {
+        version = version.concat("-dev");
+      }
+
+      if (currentOrOriginal === 'Original') {
+        await restoreTopLevelConfigFilesFromTemplate();
+      }
+
+      // update library name in config and create a blank archive
+      await updateComponentDefaultLibrary(libraryName);
+      await zipVersionAndArchive(newOrgLib, version);
+
+      // if didn't have an archive, in case you currently have components there
+      // update the config jsons
+      if (!hasArch) {
+        await updateAllComponentsConfig(version);
+      }
+
+      console.log(`${chalk.bold.green(`\nLibrary ${newOrgLib}/${version} has been created!\n`)}`);
+
+      await forceDefaultsUpdate();
+      await showCurrentStatus();
+
+      if (currentOrOriginal === 'Original') {
+        if (getHaveDependencyDifference()) {
+
+          console.log('\n***************************************************************');
+          console.log(chalk.bold.yellow('Dependencies have changed between libraries, recommend updating.'));
+          console.log(`>>> PLEASE run ${chalk.bold.yellow("'npm update'")}.`);
+          console.log('***************************************************************\n');
+
+        }
+      }
+
+
+
+    }
+
+    process.exit();
+
+
+  }
+
 addDebugLog("createLibrary", "", "+");
   let libraryName = "";
   let version;

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

@@ -18,7 +18,12 @@ import {
   getConfigDefaults,
   forceDefaultsUpdate,
   modAddAboutData,
-  cleanUpTemp
+  cleanUpTemp,
+  getUseInputConfig,
+  getInputConfigForCommand,
+  convertYNToBoolean,
+  hasArchives,
+  hasLibraryAndVersion
 } from '../../util.js';
 
 import { getCreateVersionComponentQuestions, updateAllComponentsConfig, getCreateVersionComponentCLQuestions } from './helper.js';
@@ -26,7 +31,8 @@ import { showCurrentStatus } from '../show-status/index.js';
 
 export default async options => {
   const isLibraryBased =  getLibraryBased();
-  const isLibraryBasedCL = getLibraryBasedCL()
+  const isLibraryBasedCL = getLibraryBasedCL();
+  const useInputConfig = getUseInputConfig();
 
   if (!isLibraryBased) {
     console.log(`Command only supported for ${chalk.bold.green('library mode')} components.`);
@@ -48,35 +54,76 @@ addDebugLog("createVersion", "", "+");
   const currentDirectory = process.cwd();
   const componentDirectory = join (currentDirectory, "src", "components");
 
+ // if we have choosen to use INPUT CONFIG FILE
+  // process and no inputs
+  if (useInputConfig) {
+    const inputConfig = await getInputConfigForCommand("createLibVersion");
 
-  if (options.params.length >= 6) {
-    version = options.params[3];
-    const dPerm = options.params[4];
-    const copyExist = options.params[5]
+    if (convertYNToBoolean(inputConfig.okToContinue)) {
+      version = inputConfig.libraryVersion;
+      const isPermanent = inputConfig.isPermanent;
+      permBuild = convertYNToBoolean(isPermanent);
+      copyExisting = convertYNToBoolean(inputConfig.copyComponents);
 
-    // if have [6] will be "NoAbout" from Jest, to turn off build date
-    if (options.params.length >= 7 ) {
-      if (options.params[6] === "NoAbout") {
-        modAddAboutData(false);
+      if (isLibraryBasedCL) {
+        // no -dev for PegaInfinity
+        permBuild = true;
+      }
+
+      const hasArch = await hasArchives();
+      const orgLib = getConfigDefaults();
+      const hasLib = await hasLibraryAndVersion(orgLib.library, version, !permBuild);
+      if (hasArch) {
+        if (hasLib) {
+          console.log(`${chalk.bold.red(`Library ${orgLib.displayLibVersion} already exists.`)}`);
+          console.log("You can switch to that library by entering 'npm run switchLib'.\n")
+          process.exit();
+        }
+      }
+      else {
+        console.log(`${chalk.bold.red(`No libraries exist.`)}`);
+        console.log("You need to create a library first via 'npm run createLib'.\n")
+        process.exit();
       }
-    }
 
-    permBuild = !!(dPerm === 'Y' || dPerm === 'y' || dPerm === true || dPerm === 'true');
-    copyExisting = !!(copyExist === 'Y' || copyExist === 'y' || copyExist === true || copyExist === 'true');
 
-  } else {
-    if (isLibraryBasedCL) {
-      const questions = await getCreateVersionComponentCLQuestions();
-      const answers = await inquirer.prompt(questions);
-      ({ version, copyExisting } = answers);
     }
     else {
-      const questions = await getCreateVersionComponentQuestions();
-      const answers = await inquirer.prompt(questions);
-      ({ version, permBuild, copyExisting } = answers);
+      process.exit();
     }
 
   }
+  else {
+    if (options.params.length >= 6) {
+      version = options.params[3];
+      const dPerm = options.params[4];
+      const copyExist = options.params[5]
+
+      // if have [6] will be "NoAbout" from Jest, to turn off build date
+      if (options.params.length >= 7 ) {
+        if (options.params[6] === "NoAbout") {
+          modAddAboutData(false);
+        }
+      }
+
+      permBuild = !!(dPerm === 'Y' || dPerm === 'y' || dPerm === true || dPerm === 'true');
+      copyExisting = !!(copyExist === 'Y' || copyExist === 'y' || copyExist === true || copyExist === 'true');
+
+    } else {
+      if (isLibraryBasedCL) {
+        const questions = await getCreateVersionComponentCLQuestions();
+        const answers = await inquirer.prompt(questions);
+        ({ version, copyExisting } = answers);
+      }
+      else {
+        const questions = await getCreateVersionComponentQuestions();
+        const answers = await inquirer.prompt(questions);
+        ({ version, permBuild, copyExisting } = answers);
+      }
+
+    }
+  }
+
 
   if (isLibraryBasedCL) {
     // no -dev for PegaInfinity

package/src/tasks/delete-lib/index.js

@@ -4,6 +4,7 @@ import chalk from 'chalk';
 import {
   showVersion,
   getLibraryBased,
+  getLibraryBasedCL,
   checkLibraryAndArchives,
   addDebugLog,
   getConfigDefaults,
@@ -17,7 +18,10 @@ import {
   deleteArchives,
   forceDefaultsUpdate,
   restoreFromArchive,
-  cleanUpTemp
+  cleanUpTemp,
+  getUseInputConfig,
+  getInputConfigForCommand,
+  convertYNToBoolean
 } from '../../util.js';
 
 import { getDeleteLibraryQuestions, getLibraryVersionQuestion } from './helper.js';
@@ -209,6 +213,9 @@ addDebugLog("deleteLibraryVersion", "END", "-");
 
 export default async (options) => {
   const isLibraryBased = getLibraryBased();
+  const isLibraryBasedCL = getLibraryBasedCL();
+  const useInputConfig = getUseInputConfig();
+
   if (!isLibraryBased) {
     console.log(`Command only supported for ${chalk.bold.green('library based')} components.`)
     process.exit();
@@ -227,33 +234,54 @@ addDebugLog("deleteLibrary", "", "+");
   const compDef = getConfigDefaults();
   let libraryName;
 
-  if (options.params.length >= 5) {
-    libraryName = options.params[3];
-    version = options.params[4];
+  if (useInputConfig) {
+    const inputConfig = await getInputConfigForCommand("deleteLib");
+    libraryName = inputConfig.libraryName;
+    version = inputConfig.libraryVersion;
+    const isPermanent = inputConfig.isPermanent;
+    let permBuild = convertYNToBoolean(isPermanent);
+
+    if (isLibraryBasedCL) {
+      // no -dev for PegaInfinity
+      permBuild = true;
+    }
 
-    if (options.params.length >=6 ) {
-      const okToDel = options.params[5];
-      okToDelete = !!(okToDel === 'Y' || okToDel === 'y' || okToDel === true || okToDel === 'true');
+    if (!permBuild && version != "ALL") {
+      version = version.concat("-dev");
     }
 
+    okToDelete = convertYNToBoolean(inputConfig.confirmDelete);
 
   }
   else {
-
-    if (options.params.length === 4) {
+    if (options.params.length >= 5) {
       libraryName = options.params[3];
-      version = "ALL"
+      version = options.params[4];
+
+      if (options.params.length >=6 ) {
+        const okToDel = options.params[5];
+        okToDelete = !!(okToDel === 'Y' || okToDel === 'y' || okToDel === true || okToDel === 'true');
+      }
+
+
     }
     else {
-      const questions = await getDeleteLibraryQuestions();
-      const answers = await inquirer.prompt(questions);
-      ({ libraryName } = answers);
-    }
-
 
+      if (options.params.length === 4) {
+        libraryName = options.params[3];
+        version = "ALL"
+      }
+      else {
+        const questions = await getDeleteLibraryQuestions();
+        const answers = await inquirer.prompt(questions);
+        ({ libraryName } = answers);
+      }
 
+    }
   }
 
+
+
   await deleteLibraryVersion(libraryName, version, okToDelete);
 
 

package/src/tasks/delete-version/index.js

@@ -3,10 +3,14 @@ import chalk from 'chalk';
 import {
   showVersion,
   getLibraryBased,
+  getLibraryBasedCL,
   checkLibraryAndArchives,
   getConfigDefaults,
   addDebugLog,
-  cleanUpTemp
+  cleanUpTemp,
+  getUseInputConfig,
+  getInputConfigForCommand,
+  convertYNToBoolean
 } from '../../util.js';
 
 import { deleteLibraryVersion } from '../delete-lib/index.js';
@@ -14,6 +18,9 @@ import { deleteLibraryVersion } from '../delete-lib/index.js';
 
 export default async (options) => {
   const isLibraryBased = getLibraryBased();
+  const isLibraryBasedCL = getLibraryBasedCL();
+  const useInputConfig = getUseInputConfig();
+
   if (!isLibraryBased) {
     console.log(`Command only supported for ${chalk.bold.green('library mode')} components.`)
     process.exit();
@@ -32,19 +39,40 @@ addDebugLog("deleteVersion", "", "+");
   const configDef = getConfigDefaults();
   let libraryName = configDef.currentOrgLib;
 
-  if (options.params.length >= 5) {
-    libraryName = options.params[3]
-    version = options.params[4];
+  if (useInputConfig) {
+    const inputConfig = await getInputConfigForCommand("deleteLibVersion");
+    version = inputConfig.libraryVersion;
+    const isPermanent = inputConfig.isPermanent;
+    let permBuild = convertYNToBoolean(isPermanent);
+
+    if (isLibraryBasedCL) {
+      // no -dev for PegaInfinity
+      permBuild = true;
+    }
 
-    if (options.params.length >=6 ) {
-      const okToDel = options.params[5];
-      okToDelete = !!(okToDel === 'Y' || okToDel === 'y' || okToDel === true || okToDel === 'true');
+    if (!permBuild && version != "ALL") {
+      version = version.concat("-dev");
     }
+
+    okToDelete = convertYNToBoolean(inputConfig.confirmDelete);
   }
-  else if (options.params.length >= 4) {
-    libraryName = options.params[3];
+  else {
+    if (options.params.length >= 5) {
+      libraryName = options.params[3]
+      version = options.params[4];
+
+      if (options.params.length >=6 ) {
+        const okToDel = options.params[5];
+        okToDelete = !!(okToDel === 'Y' || okToDel === 'y' || okToDel === true || okToDel === 'true');
+      }
+    }
+    else if (options.params.length >= 4) {
+      libraryName = options.params[3];
+    }
   }
 
+
+
   await deleteLibraryVersion(libraryName, version, okToDelete);