@pega/custom-dx-components 0.25.48 → 0.25.49-TEST-0.1

package/package.json

@@ -1,7 +1,15 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.25.48",
+  "version": "0.25.49-TEST-0.1",
   "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": {
     "lint:es": "eslint .",
@@ -12,13 +20,11 @@
     "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"
   },
-  "type": "module",
-  "sideEffects": false,
   "dependencies": {
-    "@babel/core": "^7.27.1",
+    "@babel/core": "^7.28.1",
     "@babel/plugin-transform-class-properties": "^7.27.1",
     "@babel/preset-react": "^7.27.1",
-    "@pega/auth": "^0.2.24",
+    "@pega/auth": "^0.2.27",
     "@pega/constellation-dx-components-build-utils": "^2.0.7",
     "@pega/inquirer-fuzzy-path": "^3.0.0",
     "ajv": "^8.17.1",
@@ -31,8 +37,8 @@
     "compression-webpack-plugin": "^11.1.0",
     "css-loader": "7.1.2",
     "css-minimizer-webpack-plugin": "^7.0.2",
-    "eslint": "^9.27.0",
-    "execa": "^9.5.2",
+    "eslint": "^9.31.0",
+    "execa": "^9.6.0",
     "file-loader": "6.2.0",
     "fs-extra": "^11.3.0",
     "gitignore": "^0.7.0",
@@ -46,9 +52,9 @@
     "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",
+    "postcss-preset-env": "10.2.4",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dev-utils": "^12.0.1",
@@ -60,26 +66,20 @@
     "typescript": "~5.8.3",
     "unarchive": "^1.1.3",
     "url-loader": "4.1.1",
-    "webpack": "5.99.8",
+    "webpack": "5.100.2",
     "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",
+    "@babel/preset-env": "^7.28.0",
+    "@pega/configs": "^0.17.0",
+    "@pega/prettier-config": "^0.17.0",
     "@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"
+    "prettier": "3.6.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/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', ['i', '--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/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.48",
+    "@pega/custom-dx-components": "~0.25.49-TEST-0.1",
     "@pega/pcore-pconnect-typedefs": "^4.1.0-alpha.1",
     "@storybook/addon-actions": "^8.6.14",
     "@storybook/addon-essentials": "^8.6.14",

package/src/util.js

@@ -2843,5 +2843,11 @@ export const isComponentValidLength = (componentKey) => {
   return false;
 }
 
+
+export const emptyDirSync = dir => (
+  fs.rmSync(dir, { recursive: true, force: true }),
+  fs.mkdirSync(dir, { recursive: true })
+)
+
 // init
 await forceDefaultsUpdate();