@pega/custom-dx-components 0.242.36 → 0.242.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.242.36",
+  "version": "0.242.37",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -19,7 +19,7 @@
     "@babel/plugin-transform-class-properties": "^7.23.3",
     "@babel/preset-react": "^7.23.3",
     "@pega/auth": "^0.1.6",
-    "@pega/constellation-dx-components-build-utils": "^1.0.1-dev-0.17",
+    "@pega/constellation-dx-components-build-utils": "^1.0.1",
     "ajv": "^8.12.0",
     "ajv-keywords": "^5.1.0",
     "archiver": "^7.0.1",

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

@@ -75,9 +75,9 @@
   "author": "",
   "license": "Enter License",
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "7.0.0-build.29.2",
-    "@pega/cosmos-react-core": "7.0.0-build.29.2",
-    "@pega/cosmos-react-work": "7.0.0-build.29.2",
+    "@pega/cosmos-react-condition-builder": "7.0.0-rc.2",
+    "@pega/cosmos-react-core": "7.0.0-rc.2",
+    "@pega/cosmos-react-work": "7.0.0-rc.2",
     "@pega/eslint-config": "^0.10.2",
     "@pega/tsconfig": "^0.10.2",
     "babel-loader": "^9.1.3",
@@ -100,7 +100,7 @@
   },
   "devDependencies": {
     "@pega/configs": "^0.6.0",
-    "@pega/custom-dx-components": "0.242.36",
+    "@pega/custom-dx-components": "0.242.37",
     "@pega/pcore-pconnect-typedefs": "~3.0.0",
     "@storybook/addon-actions": "^7.6.7",
     "@storybook/addon-essentials": "^7.6.19",

package/src/tasks/list/helper.js

@@ -92,6 +92,11 @@ addDebugLog("listLocalComponents", `sourceOfComponents: ${sourceOfComponents}`,
       builtOn = data[0].buildDate;
     }
 
+    if (data.length === 0) {
+      console.log(chalk.bold.redBright(`No custom components in ${sourceOfComponents}`));
+      process.exit();
+    }
+
     let libData = data.map((component) => ( {'Component': component.name, 'Label': component.label, 'Version': component.version, 'Type': component.type, 'Sub Type' : component.subtype}));
     console.log(chalk.bold.blueBright(`\nList of ${defConfig.library}:${defConfig.buildVersion} components.`));
     console.table(libData, ['Component', 'Label', 'Version', 'Type', 'Sub Type']);
@@ -261,6 +266,9 @@ addDebugLog("displayServerComponents", "", "");
       /* empty */
     }
   }
+
+
+
   /**
    * TODO: Need to modify the components list mapping code to support Launchpad components
    */

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

@@ -28,10 +28,15 @@ addDebugLog("listLibrary", "", "+");
   const currnetVersion = compDef.buildVersion;
   let selectedVersion;
   let libVersions = [];
+  let currentOrStore = "";
 
   if (options.params.length >= 5) {
     libraryName = options.params[3];
     selectedVersion = options.params[4];
+    if (options.params.length >= 6) {
+      currentOrStore = options.params[5];
+    }
+
 
     try {
       libVersions = await getLibraryArchivesVersions(libraryName, "");
@@ -79,17 +84,21 @@ addDebugLog("listLibrary", "", "+");
 
         console.log("\nYou've selected the current working library/version.");
         console.log("You can list current components or the last store of this library/version.");
-        const archAnswers = await inquirer.prompt([
-          {
-            name: 'currentOrStore',
-            type: 'rawlist',
-            message: 'Select current or store',
-            default: "Current",
-            choices: ["Current", "Store"]
-          },
-        ]);
 
-        const currentOrStore = archAnswers.currentOrStore;
+        if (currentOrStore === "") {
+          const archAnswers = await inquirer.prompt([
+            {
+              name: 'currentOrStore',
+              type: 'rawlist',
+              message: 'Select current or store',
+              default: "Current",
+              choices: ["Current", "Store"]
+            },
+          ]);
+
+          currentOrStore = archAnswers.currentOrStore;
+        }
+
 
         if (currentOrStore === "Current") {
           data = await getComponentsConfigs();
@@ -114,6 +123,11 @@ addDebugLog("listLibrary", "", "+");
         }
       }
 
+      if (data.length === 0) {
+        console.log(chalk.bold.redBright(`No custom components in ${libraryName}/${selectedVersion}`));
+        process.exit();
+      }
+
       let libData = data.map((component) => ( {'Component': component.name, 'Label': component.label, 'Version': component.version, 'Type': component.type, 'Sub Type' : component.subtype}));
       console.log(chalk.bold.blueBright(`\nList of ${libraryName}:${selectedVersion} components built on ${builtOn}.`));
       console.table(libData, ['Component', 'Label', 'Version', 'Type', 'Sub Type']);

package/tests/functional/localLibCreateLibDeleteLib.test.js

@@ -79,6 +79,19 @@ describe(`createLib deleteLib: ${serverDir} - ${compType}` , () => {
 
   });
 
+  it('npm run list (need create lib)', async () => {
+    const script = 'npm run list --prefix ../../..';
+    const { stdout, stderr } = await exec(script);
+
+    expect(stderr).not.toBeNull();
+
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stdout).toContain('Please create a library before proceeding.');
+
+    // done();
+  }, 10000);
+
 
   it(`npm run createLib - ${isLibraryBased}`, async() => {
 
@@ -94,8 +107,47 @@ describe(`createLib deleteLib: ${serverDir} - ${compType}` , () => {
 
   }, 30000);
 
+  it('npm run list (nothing)', async () => {
+    const script = 'npm run list --prefix ../../..';
+    const { stdout, stderr } = await exec(script);
+
+    expect(stderr).not.toBeNull();
+
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stdout).toContain('No custom components in Local');
+
+    // done();
+  }, 10000);
+
+  it('npm run listLib (nothing current)', async () => {
+    const script = 'npm run listLib Pega_DXIL 0.0.1-dev Current --prefix ../../..';
+    const { stdout, stderr } = await exec(script);
+
+    expect(stderr).not.toBeNull();
+
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stdout).toContain('No custom components in Pega_DXIL/0.0.1-dev');
+
+    // done();
+  }, 10000);
+
+  it('npm run listLib (nothing store)', async () => {
+    const script = 'npm run listLib Pega_DXIL 0.0.1-dev Store --prefix ../../..';
+    const { stdout, stderr } = await exec(script);
+
+    expect(stderr).not.toBeNull();
+
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stdout).toContain('No custom components in Pega_DXIL/0.0.1-dev');
+
+    // done();
+  }, 10000);
+
 
-  it(`npm run deleteLib- ${isLibraryBased}`, async() => {
+  it(`npm run deleteLib - ${isLibraryBased}`, async() => {
 
     const script = `npm run deleteLib Pega_DXIL 0.0.1-dev --prefix ../../..`;
     const { stdout, stderr } = await exec(script);

package/tests/functional/localLibCreateLibValidateDeleteLib.test.js

@@ -0,0 +1,217 @@
+// import { exec } from 'child_process';
+const path = require('path');
+const fs = require('fs');
+const util = require('node:util');
+const error = require('console');
+const exec = util.promisify(require('node:child_process').exec);
+
+const tasksConfigDir = path.resolve('../../..', 'tasks.config.json');
+const tasksConfigData = fs.readFileSync(tasksConfigDir, { encoding: 'utf8' });
+let tasksConfigJSON = JSON.parse(tasksConfigData);
+
+const packageJSONDir = path.resolve('../../..', 'package.json');
+const packageJSONData = fs.readFileSync(packageJSONDir, { encoding: 'utf8'});
+let packageJSON = JSON.parse(packageJSONData);
+
+let isLibraryBased = tasksConfigJSON['libraryMode'];
+const savedLibraryBased = isLibraryBased;
+const savedOrganization = packageJSON.organization;
+
+const serverType = tasksConfigJSON['server-config'].serverType;
+const serverDir = serverType === 'launchpad' ? 'Launchpad' : 'Constellation';
+let compType = isLibraryBased ? "library" : "original";
+
+
+describe(`createLib create validate deleteLib: ${serverDir} - ${compType}` , () => {
+
+  beforeAll( async() => {
+
+    // make libraryBased
+    isLibraryBased = true;
+    tasksConfigJSON['libraryMode'] = isLibraryBased;
+    compType = isLibraryBased ? "library" : "original";
+    fs.writeFileSync(tasksConfigDir, JSON.stringify(tasksConfigJSON, null, 4), { encoding: 'utf8' });
+
+    const storeDir = path.join(path.resolve('../../..'), 'store');
+    if (fs.existsSync(storeDir)) {
+      fs.rmSync(storeDir,  { recursive: true, force: true, maxRetries: 2 });
+    }
+
+    // make organzation Pega
+    packageJSON.organization = "Pega";
+    fs.writeFileSync(packageJSONDir, JSON.stringify(packageJSON, null, 4), { encoding: 'utf8' });
+
+
+    const componentsDir = path.join(path.resolve('../../..'), 'src/components');
+    if (fs.existsSync(componentsDir)) {
+      fs.rmSync(componentsDir,  { recursive: true, force: true, maxRetries: 2 });
+      fs.mkdirSync(componentsDir, { recursive: true });
+    }
+
+    await new Promise((r) => setTimeout(r, 2000));
+
+
+  });
+
+  afterAll( async() => {
+
+    //restore
+    isLibraryBased = savedLibraryBased
+    tasksConfigJSON['libraryMode'] = isLibraryBased;
+
+    fs.writeFileSync(tasksConfigDir, JSON.stringify(tasksConfigJSON, null, 4), { encoding: 'utf8' });
+
+    // return organzation
+    packageJSON.organization = savedOrganization;
+    fs.writeFileSync(packageJSONDir, JSON.stringify(packageJSON, null, 4), { encoding: 'utf8' });
+
+    const componentsDir = path.join(path.resolve('../../..'), 'src/components');
+    if (fs.existsSync(componentsDir)) {
+      fs.rmSync(componentsDir,  { recursive: true, force: true, maxRetries: 2 });
+      fs.mkdirSync(componentsDir, { recursive: true });
+    }
+
+    await new Promise((r) => setTimeout(r, 2000));
+
+  });
+
+
+  it(`npm run createLib - ${isLibraryBased}`, async() => {
+
+    const script = `npm run createLib DXIL 0.0.1 N --prefix ../../..`;
+    const compConf = path.join("store", "Pega_DXIL","0.0.1-dev", "componentsconfig.json");
+
+    const { stdout, stderr } = await exec(script);
+    expect(stdout).toContain('Library Pega_DXIL/0.0.1-dev has been created!');
+
+    const doesExist = fs.existsSync(path.resolve('../../..', compConf));
+
+    expect(doesExist).toBeTruthy();
+
+  }, 30000);
+
+  it('npm run create Local text', async () => {
+    const fileName = 'MyTestText';
+    const newFileName = `Pega_DXIL_${fileName}`;
+    const script = `npm run create Field Text ${fileName} "My Test Text" 0.0.1 DXIL "" "My Test Text Description" Pega --prefix ../../..`;
+
+    const { stdout, stderr } = await exec(script);
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stderr).not.toBeNull();
+
+    // want message to contain component name
+    expect(stdout).toContain(newFileName);
+
+    // don't want message with already exists
+    expect(stdout).not.toContain('already exists');
+
+    // check to see file exists
+
+    // const fileDir = path.resolve(`src/components/${newFileName}`);
+    const createFile = path.resolve(
+      '../../..',
+      path.join(`src/components/${newFileName}`, 'index.tsx')
+    );
+    const doesExist = fs.existsSync(createFile);
+    expect(doesExist).toBeTruthy();
+
+    // if (doesExist) {
+    //   // remove it
+    //   fs.rmdirSync(fileDir, { recursive: true });
+    // }
+  }, 10000);
+
+  it('npm run create Local page', async () => {
+    const fileName = 'MyTestPage';
+    const newFileName = `Pega_DXIL_${fileName}`;
+    const script = `npm run create Widget PAGE ${fileName} "My Test Page" 0.0.1 DXIL "" "My Test Page Description" Pega --prefix ../../..`;
+
+    const { stdout, stderr } = await exec(script);
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stderr).not.toBeNull();
+
+    // want message to contain component name
+    expect(stdout).toContain(newFileName);
+
+    // don't want message with already exists
+    expect(stdout).not.toContain('already exists');
+
+    // check to see file exists
+
+    // const fileDir = path.resolve(`src/components/${newFileName}`);
+    const createFile = path.resolve(
+      '../../..',
+      path.join(`src/components/${newFileName}`, 'index.tsx')
+    );
+    const doesExist = fs.existsSync(createFile);
+    expect(doesExist).toBeTruthy();
+
+    // if (doesExist) {
+    //   // remove it
+    //   fs.rmdirSync(fileDir, { recursive: true });
+    // }
+  }, 10000);
+
+  it('npm run create Local details', async () => {
+    const fileName = 'MyTestDetails';
+    const newFileName = `Pega_DXIL_${fileName}`;
+    const script = `npm run create Template DETAILS ${fileName} "My Test Details" 0.0.1 DXIL "" "My Test Details Description" Pega --prefix ../../..`;
+
+    const { stdout, stderr } = await exec(script);
+    // console.log(stdout);
+    expect(stdout).not.toBeNull();
+    expect(stderr).not.toBeNull();
+
+    // want message to contain component name
+    expect(stdout).toContain(newFileName);
+
+    // don't want message with already exists
+    expect(stdout).not.toContain('already exists');
+
+    // check to see file exists
+
+    // const fileDir = path.resolve(`src/components/${newFileName}`);
+    const createFile = path.resolve(
+      '../../..',
+      path.join(`src/components/${newFileName}`, 'index.tsx')
+    );
+    const doesExist = fs.existsSync(createFile);
+    expect(doesExist).toBeTruthy();
+
+    // if (doesExist) {
+    //   // remove it
+    //   fs.rmdirSync(fileDir, { recursive: true });
+    // }
+  }, 10000);
+
+  it(`npm run valdidateAll - ${isLibraryBased}`, async() => {
+
+    const script = `npm run validateAll --prefix ../../..`;
+    const { stdout, stderr } = await exec(script);
+
+    expect(stdout).toContain('Pega_DXIL_MyTestText schema is valid');
+    expect(stdout).toContain('Pega_DXIL_MyTestPage schema is valid');
+    expect(stdout).toContain('Pega_DXIL_MyTestDetails schema is valid');
+
+    expect(stdout).toContain('Validation compile...');
+    expect(stdout).toContain('Done.');
+
+  }, 200000);
+
+
+  it(`npm run deleteLib - ${isLibraryBased}`, async() => {
+
+    const script = `npm run deleteLib Pega_DXIL 0.0.1-dev --prefix ../../..`;
+    const { stdout, stderr } = await exec(script);
+    expect(stdout).toContain('Pega_DXIL is deleted from Local.');
+
+  }, 30000);
+
+
+
+
+
+
+});