@pega/custom-dx-components 0.242.11 → 0.242.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.242.11",
+  "version": "0.242.13",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -20,9 +20,9 @@
     "@babel/preset-react": "^7.23.3",
     "@pega/auth": "^0.1.6",
     "@pega/constellation-dx-components-build-utils": "^1.0.1-dev-0.10",
-    "adm-zip": "^0.5.10",
     "ajv": "^8.12.0",
     "ajv-keywords": "^5.1.0",
+    "archiver": "^7.0.1",
     "arg": "^5.0.2",
     "babel-loader": "^9.1.3",
     "chalk": "^5.3.0",

package/src/tasks/build-all/helper.js

@@ -1,15 +1,10 @@
 import fs from 'fs';
 import path from 'path';
 
-import AdmZip from 'adm-zip';
+import archiver from 'archiver';
 import chalk from 'chalk';
 
-import {
-  getComponentDirectoryPath,
-  getComponents,
-  getPegaServerConfig
-} from '../../util.js';
-import { COMPONENT_SCHEMA } from '../../constants.js';
+import { getComponentDirectoryPath, getComponents, getPegaServerConfig } from '../../util.js';
 
 export const cleanUp = async () => {
   if (fs.existsSync('dist/components')) {
@@ -27,16 +22,14 @@ export const cleanUp = async () => {
       }
     });
   }
-}
-
-
+};
 
-export const getBuildComponentQuestions = async ()  => {
+export const getBuildComponentQuestions = async () => {
   const components = await getComponents();
   const defaultPegaConfig = await getPegaServerConfig();
 
   if (components.length == 0) {
-    console.log(chalk.redBright("No components to build"));
+    console.log(chalk.redBright('No components to build'));
     process.exit(1);
   }
 
@@ -50,32 +43,39 @@ export const getBuildComponentQuestions = async ()  => {
   ];
 };
 
-
-
-export const zipComponent = async (componentKey) => {
+export const zipComponent = async componentKey => {
   const srcDirectory = await getComponentDirectoryPath(componentKey);
   const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
   const configJson = `${srcDirectory}/config.json`;
   const localizationJson = `${srcDirectory}/localizations.json`;
 
-  const zip = new AdmZip();
+  const archive = archiver('zip', { zlib: { level: 9 } });
+  const zipChunks = [];
+  archive.on('data', chunk => zipChunks.push(chunk));
 
-  zip.addLocalFolder(srcDirectory, 'src/');
-  zip.addLocalFile(configJson);
+  // Add src directory
+  archive.directory(srcDirectory, 'src');
 
+  // Add config.json file
+  if (fs.existsSync(configJson)) {
+    archive.file(configJson, { name: path.basename(configJson) });
+  }
+
+  // Add localizations.json file if it exists
   if (fs.existsSync(localizationJson)) {
-    zip.addLocalFile(localizationJson);
+    archive.file(localizationJson, { name: path.basename(localizationJson) });
   }
 
-  zip.addLocalFolder(buildDirectory);
-  const zipContent = zip.toBuffer().toString('base64');
+  // Add build directory
+  archive.directory(buildDirectory, false);
+
+  await archive.finalize();
+
+  const zipBuffer = Buffer.concat(zipChunks);
+  console.log(chalk.green(`component zipped with size: ${Math.ceil(zipBuffer.length / 1024)} KB`));
+  const zipContent = zipBuffer.toString('base64');
+
+  const configContent = Buffer.from(fs.readFileSync(configJson)).toString();
 
-  const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
-  // clean up now happens in function cleanUp
-  // fs.rmd('dist/components', { recursive: true }, err => {
-  //   if (err) {
-  //     throw err;
-  //   }
-  // });
   return { zipContent, configContent };
 };

package/src/tasks/build-comp/helper.js

@@ -2,13 +2,19 @@ import fs from 'fs';
 import path from 'path';
 
 import fetch from 'node-fetch';
-import AdmZip from 'adm-zip';
+import archiver from 'archiver';
 import chalk from 'chalk';
 
-import { constructCompleteUrl, getComponentDirectoryPath, getComponents, getPegaServerConfig, getHttpsAgent } from '../../util.js';
+import {
+  constructCompleteUrl,
+  getComponentDirectoryPath,
+  getComponents,
+  getPegaServerConfig,
+  getHttpsAgent
+} from '../../util.js';
 import { PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
 
-export const getPublishComponentQuestions = async () => {
+export const getPublishComponentQuestions = async componentKey => {
   const components = await getComponents();
 
   if (components.length === 0) {
@@ -23,7 +29,9 @@ export const getPublishComponentQuestions = async () => {
       name: 'componentKey',
       type: 'rawlist',
       message: 'Select component to build',
-      choices: components
+      choices: components,
+      default: componentKey,
+      when: () => !componentKey
     },
     {
       name: 'sourceMap',
@@ -41,27 +49,41 @@ export const getPublishComponentQuestions = async () => {
   ];
 };
 
-export const zipComponent = async (componentKey) => {
+export const zipComponent = async componentKey => {
   const srcDirectory = await getComponentDirectoryPath(componentKey);
   const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
   const configJson = `${srcDirectory}/config.json`;
 
   const localizationJson = `${srcDirectory}/localizations.json`;
 
-  const zip = new AdmZip();
+  const archive = archiver('zip', { zlib: { level: 9 } });
+  const zipChunks = [];
+  archive.on('data', chunk => zipChunks.push(chunk));
 
-  zip.addLocalFolder(srcDirectory, 'src/');
-  zip.addLocalFile(configJson);
+  // Add src directory
+  archive.directory(srcDirectory, 'src');
 
+  // Add config.json file
+  if (fs.existsSync(configJson)) {
+    archive.file(configJson, { name: path.basename(configJson) });
+  }
+
+  // Add localizations.json file if it exists
   if (fs.existsSync(localizationJson)) {
-    zip.addLocalFile(localizationJson);
+    archive.file(localizationJson, { name: path.basename(localizationJson) });
   }
 
-  zip.addLocalFolder(buildDirectory);
-  const zipContent = zip.toBuffer().toString('base64');
+  // Add build directory
+  archive.directory(buildDirectory, false);
+
+  await archive.finalize();
 
+  const zipBuffer = Buffer.concat(zipChunks);
+  console.log(chalk.green(`component zipped with size: ${Math.ceil(zipBuffer.length / 1024)} KB`));
+  const zipContent = zipBuffer.toString('base64');
+
+  const configContent = Buffer.from(fs.readFileSync(configJson)).toString();
 
-  const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
   if (fs.existsSync('dist/components')) {
     fs.rm('dist/components', { recursive: true }, err => {
       if (err) {
@@ -77,10 +99,11 @@ export const zipComponent = async (componentKey) => {
       }
     });
   }
+
   return { zipContent, configContent };
 };
 
-export const publishComponentToServer = async (data) => {
+export const publishComponentToServer = async data => {
   const { configContent, zipContent, rulesetName, rulesetVersion } = data;
 
   const apiBody = {
@@ -93,7 +116,10 @@ export const publishComponentToServer = async (data) => {
     category: ''
   };
   const defaultPegaConfig = await getPegaServerConfig();
-  const url = constructCompleteUrl(defaultPegaConfig.server, PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT);
+  const url = constructCompleteUrl(
+    defaultPegaConfig.server,
+    PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT
+  );
   try {
     const OauthData = fs.readFileSync(TOKEN_PATH, 'utf8');
     if (OauthData) {
@@ -107,14 +133,16 @@ export const publishComponentToServer = async (data) => {
         },
         body: JSON.stringify(apiBody)
       })
-        .then((response) => {
+        .then(response => {
           status = response.status;
           return response.text();
         })
-        .then((resp) => {
+        .then(resp => {
           const respData = JSON.parse(resp);
           if (status === 401) {
-            throw new Error('Error occurred in authentication. Please regenerate using authenticate');
+            throw new Error(
+              'Error occurred in authentication. Please regenerate using authenticate'
+            );
             // console.log(accessTokenUri, refreshToken);
             /* TODO - Handle refresh_token */
           } else if (status === 200) {
@@ -124,7 +152,7 @@ export const publishComponentToServer = async (data) => {
           }
         })
         // eslint-disable-next-line prefer-promise-reject-errors
-        .catch((e) => Promise.reject(`${chalk.bold.red(e)}`));
+        .catch(e => Promise.reject(`${chalk.bold.red(e)}`));
     } else {
       throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
     }

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

@@ -29,9 +29,16 @@ export default async options => {
     content = { componentKey, sourceMap, devBuild};
   }
   else {
-    const questions = await getPublishComponentQuestions();
+
+    // VS Code pluggin would send in the component
+    let paramComponentKey;
+    if (options.params.length == 4) {
+      paramComponentKey = options.params[3];
+    }
+
+    const questions = await getPublishComponentQuestions(paramComponentKey);
     const answers = await inquirer.prompt(questions);
-    ({ componentKey, sourceMap, devBuild } = answers);
+    ({ componentKey = paramComponentKey, sourceMap, devBuild } = answers);
 
     content = {
       ...answers

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

@@ -151,7 +151,7 @@ export default async (options) => {
 
   // delete and rebuild library
   try {
-    await deleteLocalLibrary(currentOrgLib);
+    // await deleteLocalLibrary(currentOrgLib);
   }
   catch (ex) {}
 

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

@@ -1,22 +1,20 @@
 import fs from 'fs';
 import path from 'path';
 
-import AdmZip from 'adm-zip';
 import chalk from 'chalk';
 
+import { getPegaServerConfig, checkPathAccess, getComponentDefaults } from '../../util.js';
 import {
-  getPegaServerConfig,
-  checkPathAccess,
-  getComponentDefaults,
-} from '../../util.js';
-import { TASKS_CONFIG_JSON_FILENAME, COMPONENTS_DIRECTORY_PATH, COMPONENTS_PATH } from '../../constants.js';
+  TASKS_CONFIG_JSON_FILENAME,
+  COMPONENTS_DIRECTORY_PATH,
+  COMPONENTS_PATH
+} from '../../constants.js';
 
 export const SOURCE_OF_COMPONENT_TYPES = {
   SERVER: 'Server',
   LOCAL: 'Local'
 };
 
-
 const pegaConfigJsonPath = path.join(path.resolve(), TASKS_CONFIG_JSON_FILENAME);
 
 export const getOrgLib = async () => {
@@ -28,7 +26,9 @@ export const getOrgLib = async () => {
   data = data && JSON.parse(data);
 
   if (!data[COMPONENTS_DIRECTORY_PATH]) {
-    console.error(`${chalk.red.bold('ERROR')} Could not able find components directory path in config.json`);
+    console.error(
+      `${chalk.red.bold('ERROR')} Could not able find components directory path in config.json`
+    );
     process.exit(1);
   }
 
@@ -36,40 +36,36 @@ export const getOrgLib = async () => {
 
   let library;
   ({ library } = componentData);
-  let { organization } = JSON.parse(fs.readFileSync(path.resolve('package.json'), 'utf8'));
+  const { organization } = JSON.parse(fs.readFileSync(path.resolve('package.json'), 'utf8'));
 
   const componentDefaults = await getComponentDefaults();
   componentDefaults.library = library;
   componentDefaults.organization = organization;
 
   return componentDefaults;
-}
+};
 
-export const getDeleteLibraryQuestions = async ()  => {
+export const getDeleteLibraryQuestions = async () => {
   const defaultPegaConfig = await getPegaServerConfig();
 
-
   return [
     {
       name: 'sourceOfLibrary',
       type: 'rawlist',
       message: 'Delete library from Server or Local ?',
       choices: Object.values(SOURCE_OF_COMPONENT_TYPES),
-      default: defaultPegaConfig.sourceOfComponents,
+      default: defaultPegaConfig.sourceOfComponents
     }
   ];
 };
 
-
-export const getLibraryVersionQuestion = async(libraryName, libVersions) => {
-
-    return [
-      {
-        name: 'version',
-        type: 'rawlist',
-        message: `Select ${chalk.green.bold(`${libraryName}`)} library version (or ALL) to delete`,
-        choices: libVersions
-      }
-    ];
-
-}
+export const getLibraryVersionQuestion = async (libraryName, libVersions) => {
+  return [
+    {
+      name: 'version',
+      type: 'rawlist',
+      message: `Select ${chalk.green.bold(`${libraryName}`)} library version (or ALL) to delete`,
+      choices: libVersions
+    }
+  ];
+};

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

@@ -59,12 +59,17 @@
     "@babel/preset-env": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
     "@material-ui/core": "^4.12.4",
-    "@pega/constellation-dx-components-build-utils": "^1.0.1-dev-0.12",
+    "@pega/constellation-dx-components-build-utils": "^1.0.1-dev-0.13",
     "@pega/cosmos-react-condition-builder": "7.0.0-build.6.0",
     "@pega/cosmos-react-core": "7.0.0-build.6.0",
     "@pega/cosmos-react-work": "7.0.0-build.6.0",
+    "ajv": "^8.12.0",
+    "ajv-keywords": "^5.1.0",
+    "archiver": "^7.0.1",
     "babel-loader": "^9.1.3",
+    "bl": "^6.0.12",
     "dayjs": "^1.11.11",
+    "fast-deep-equal": "3.1.3",
     "lodash": "^4.17.21",
     "lodash.get": "^4.4.2",
     "npm": "^10.8.1",
@@ -74,7 +79,6 @@
     "react-autosuggest": "^10.1.0",
     "react-dom": "^17.0.2",
     "react-is": "^18.3.1",
-    "react-player": "^2.16.0",
     "react-redux": "^7.2.9",
     "serve": "^14.2.3",
     "shelljs": "^0.8.5",
@@ -89,8 +93,8 @@
     "@babel/preset-env": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
     "@pega/configs": "^0.6.0",
-    "@pega/custom-dx-components": "0.242.11",
-    "@pega/pcore-pconnect-typedefs": "2.0.0",
+    "@pega/custom-dx-components": "0.242.13",
+    "@pega/pcore-pconnect-typedefs": "~3.0.0",
     "@storybook/addon-actions": "^7.6.7",
     "@storybook/addon-essentials": "^7.6.19",
     "@storybook/addon-knobs": "^7.1.1",
@@ -123,6 +127,6 @@
     "prettier": "3.1.1",
     "storybook": "^7.6.19",
     "stylelint": "^14.16.1",
-    "typescript": "~4.9.5"
+    "typescript": "~5.2.2"
   }
 }

package/src/tasks/publish/helper.js

@@ -2,7 +2,7 @@ import fs from 'fs';
 import path from 'path';
 
 import fetch from 'node-fetch';
-import AdmZip from 'adm-zip';
+import archiver from 'archiver';
 import chalk from 'chalk';
 
 import {
@@ -19,7 +19,7 @@ import {
   TOKEN_PATH
 } from '../../constants.js';
 
-export const getPublishComponentQuestions = async () => {
+export const getPublishComponentQuestions = async componentKey => {
   const components = await getComponents();
 
   if (components.length === 0) {
@@ -34,7 +34,9 @@ export const getPublishComponentQuestions = async () => {
       name: 'componentKey',
       type: 'rawlist',
       message: 'Select component to publish',
-      choices: components
+      choices: components,
+      default: componentKey,
+      when: () => !componentKey
     },
     {
       name: 'rulesetName',
@@ -86,19 +88,33 @@ export const zipComponent = async componentKey => {
   const configJson = `${srcDirectory}/config.json`;
   const localizationJson = `${srcDirectory}/localizations.json`;
 
-  const zip = new AdmZip();
+  const archive = archiver('zip', { zlib: { level: 9 } });
+  const zipChunks = [];
+  archive.on('data', chunk => zipChunks.push(chunk));
 
-  zip.addLocalFolder(srcDirectory, 'src/');
-  zip.addLocalFile(configJson);
+  // Add src directory
+  archive.directory(srcDirectory, 'src');
 
+  // Add config.json file
+  if (fs.existsSync(configJson)) {
+    archive.file(configJson, { name: path.basename(configJson) });
+  }
+
+  // Add localizations.json file if it exists
   if (fs.existsSync(localizationJson)) {
-    zip.addLocalFile(localizationJson);
+    archive.file(localizationJson, { name: path.basename(localizationJson) });
   }
 
-  zip.addLocalFolder(buildDirectory);
-  const zipContent = zip.toBuffer().toString('base64');
+  // Add build directory
+  archive.directory(buildDirectory, false);
+
+  await archive.finalize();
+
+  const zipBuffer = Buffer.concat(zipChunks);
+  console.log(chalk.green(`component zipped with size: ${Math.ceil(zipBuffer.length / 1024)} KB`));
+  const zipContent = zipBuffer.toString('base64');
 
-  const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
+  const configContent = Buffer.from(fs.readFileSync(configJson)).toString();
 
   fs.rm('dist', { recursive: true }, err => {
     if (err) {
@@ -193,7 +209,7 @@ export const publishComponentToServer = async (data, doFetch) => {
             }
           })
           .catch(e => {
-            if (e.code === 'ECONNREFUSED') {
+            if (e.code === 'ECONNREFUSED' || status === 401) {
               // eslint-disable-next-line prefer-promise-reject-errors
               Promise.reject(
                 `${chalk.bold.red(

package/src/tasks/publish/index.js

@@ -38,9 +38,15 @@ export default async options => {
 
     content = { componentKey, rulesetName, rulesetVersion, devBuild };
   } else {
-    const questions = await getPublishComponentQuestions();
+    // VS Code pluggin would send in the component
+    let paramComponentKey;
+    if (options.params.length == 4) {
+      paramComponentKey = options.params[3];
+    }
+
+    const questions = await getPublishComponentQuestions(paramComponentKey);
     const answers = await inquirer.prompt(questions);
-    ({ componentKey, sourceMap, devBuild } = answers);
+    ({ componentKey = paramComponentKey, sourceMap, devBuild } = answers);
 
     content = {
       ...answers

package/src/tasks/publish-all/helper.js

@@ -2,7 +2,7 @@ import fs from 'fs';
 import path from 'path';
 
 import fetch from 'node-fetch';
-import AdmZip from 'adm-zip';
+import archiver from 'archiver';
 import chalk from 'chalk';
 
 import {
@@ -72,25 +72,34 @@ export const zipComponent = async componentKey => {
   const configJson = `${srcDirectory}/config.json`;
   const localizationJson = `${srcDirectory}/localizations.json`;
 
-  const zip = new AdmZip();
+  const archive = archiver('zip', { zlib: { level: 9 } });
+  const zipChunks = [];
+  archive.on('data', chunk => zipChunks.push(chunk));
 
-  zip.addLocalFolder(srcDirectory, 'src/');
-  zip.addLocalFile(configJson);
+  // Add src directory
+  archive.directory(srcDirectory, 'src');
 
+  // Add config.json file
+  if (fs.existsSync(configJson)) {
+    archive.file(configJson, { name: path.basename(configJson) });
+  }
+
+  // Add localizations.json file if it exists
   if (fs.existsSync(localizationJson)) {
-    zip.addLocalFile(localizationJson);
+    archive.file(localizationJson, { name: path.basename(localizationJson) });
   }
 
-  zip.addLocalFolder(buildDirectory);
-  const zipContent = zip.toBuffer().toString('base64');
+  // Add build directory
+  archive.directory(buildDirectory, false);
+
+  await archive.finalize();
+
+  const zipBuffer = Buffer.concat(zipChunks);
+  console.log(chalk.green(`component zipped with size: ${Math.ceil(zipBuffer.length / 1024)} KB`));
+  const zipContent = zipBuffer.toString('base64');
+
+  const configContent = Buffer.from(fs.readFileSync(configJson)).toString();
 
-  const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
-  // clean up now happens in function cleanUp
-  // fs.rmdir('dist', { recursive: true }, err => {
-  //  if (err) {
-  //    throw err;
-  //  }
-  // });
   return { zipContent, configContent };
 };
 
@@ -165,11 +174,10 @@ export const publishComponentToServer = async (data, doFetch) => {
           headers.Authorization = `${tokenType} ${accessToken}`;
         }
 
-
         const response = await fetch(url, {
           method: 'POST',
           agent: getHttpsAgent(defaultPegaConfig),
-          headers: headers,
+          headers,
           body: JSON.stringify(apiBody)
         });
 
@@ -181,45 +189,34 @@ export const publishComponentToServer = async (data, doFetch) => {
             );
             // console.log(accessTokenUri, refreshToken);
             /* TODO - Handle refresh_token */
-          }
-          else if (status === 404){
+          } else if (status === 404) {
             throw new Error('404: Server resource not found');
-          }
-          else if (status === 405){
+          } else if (status === 405) {
             throw new Error('405: Server method not allowed');
-          }
-          else if (status === 408){
+          } else if (status === 408) {
             throw new Error('408: Server timed out');
-          }
-          else if (response.status === 403) {
-            throw new Error(
-              'Error forbidden: User does not have privileges to Publish.'
-            );
+          } else if (response.status === 403) {
+            throw new Error('Error forbidden: User does not have privileges to Publish.');
           }
         }
 
         try {
           const respData = isLaunchpad ? await response.text() : await response.json();
-          console.log(
-                chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`)
-          );
+          console.log(chalk.bold.green(`Success : ${isLaunchpad ? respData : respData.message}`));
 
           if (status === 500) {
             status = 999;
             throw new Error(respData.message);
           }
-        }
-        catch (err) {
+        } catch (err) {
           if (status === 500) {
-              throw new Error(
-               `Error occurred in authentication. Please regenerate using authenticate`
-              );
-          }
-          else if (status === 999) {
-            throw new Error (err);
+            throw new Error(
+              `Error occurred in authentication. Please regenerate using authenticate`
+            );
+          } else if (status === 999) {
+            throw new Error(err);
           }
         }
-
       } else {
         throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
       }

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

@@ -107,6 +107,11 @@ export default async (options) => {
   }
   else {
 
+    if (options.params.length == 5) {
+      libraryName = options.params[3];
+      version = options.params[4];
+    }
+
     const tokenAndStaticServer = await getC11NB2STokenAndStaticServer();
 
     if (tokenAndStaticServer.C11NB2S === undefined) {
@@ -114,25 +119,32 @@ export default async (options) => {
       process.exit(1);
     }
 
-    const compDef = await getOrgLib();
-    organization = compDef.organization;
-    library = compDef.library;
+    let libVersions = [];
+    if (!libraryName) {
+      const compDef = await getOrgLib();
+      organization = compDef.organization;
+      library = compDef.library;
 
-    libraryName = organization.concat("_").concat(library);
+      libraryName = organization.concat("_").concat(library);
 
-    console.log(`\nLibrary ${chalk.bold.green(libraryName)} `)
+      console.log(`\nLibrary ${chalk.bold.green(libraryName)} `)
 
-    let libVersions = [];
-    try {
-      libVersions = await getLocalLibraryVersions(libraryName);
+
+      try {
+        libVersions = await getLocalLibraryVersions(libraryName);
+      }
+      catch (ex) {}
     }
-    catch (ex) {}
 
-    if (libVersions.length > 0) {
-      const versionQuestions = await getLibraryVersionQuestion(libVersions);
-      const versionAnswers = await inquirer.prompt(versionQuestions);
+    if (libVersions.length > 0 || version) {
+
+      if (!version) {
+        const versionQuestions = await getLibraryVersionQuestion(libVersions);
+        const versionAnswers = await inquirer.prompt(versionQuestions);
+
+        ({version} = versionAnswers);
+      }
 
-      ({version} = versionAnswers);
 
       let okToPublish = true;
       if (!version.includes("-dev")) {

package/src/tasks/rename/index.js

@@ -225,13 +225,21 @@ export default async options => {
 
   }
   else {
+
+    // VS Code pluggin would send in the component
+    let paramComponentKey;
+    if (options.params.length == 4) {
+      paramComponentKey = options.params[3];
+    }
+
     const questions = [
       {
         name: 'componentKey',
         type: 'rawlist',
         pageSize: 15,
         message: 'Select component to rename',
-        choices: localComponents
+        choices: localComponents,
+        when: () => !paramComponentKey
       },
       {
         name: 'componentName',
@@ -312,7 +320,7 @@ export default async options => {
 
     await inquirer.prompt(questions).then(async answers => {
       const {
-        componentKey,
+        componentKey = paramComponentKey,
         componentName,
         componentLabel,
         organization,

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyDetails/HighlightRender.tsx

@@ -18,7 +18,7 @@ const HighlightRender = (props: HighlightRenderProps) => {
     field.config.displayAsStatus = true;
   }
 
-  const configProps = getPConnect().resolveConfigProps(field.config);
+  const configProps: any = getPConnect().resolveConfigProps(field.config);
 
   // @ts-ignore
   const reactField = getPConnect().createComponent(field);

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyIconButtonURL/index.tsx

@@ -119,6 +119,7 @@ function PegaDxilMyIconButtonUrl(props: PegaDxilMyIconButtonUrlProps) {
     // only retrieve table data if table is shown
     if (showTable) {
       PCore.getDataPageUtils()
+        // @ts-ignore
         .getDataAsync(dataViewName, context, params, null, null)
         // @ts-ignore
         .then((response: any) => {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyPageWidget/index.tsx

@@ -50,6 +50,7 @@ function PegaDxilMyPageWidget(props: PegaDxilMyPageWidgetProps) {
   useEffect(() => {
 
     PCore.getDataApiUtils()
+      // @ts-ignore
       .getData(dataViewName, {}, context)
       // @ts-ignore
       .then((response: any) => {

package/tests/assets/components/createAll/Constellation/Pega_DXIL_MyTwoColumnDetails/HighlightRender.tsx

@@ -18,7 +18,7 @@ const HighlightRender = (props: HighlightRenderProps) => {
     field.config.displayAsStatus = true;
   }
 
-  const configProps = getPConnect().resolveConfigProps(field.config);
+  const configProps: any = getPConnect().resolveConfigProps(field.config);
 
   // @ts-ignore
   const reactField = getPConnect().createComponent(field);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyDetails/HighlightRender.tsx

@@ -18,7 +18,7 @@ const HighlightRender = (props: HighlightRenderProps) => {
     field.config.displayAsStatus = true;
   }
 
-  const configProps = getPConnect().resolveConfigProps(field.config);
+  const configProps: any = getPConnect().resolveConfigProps(field.config);
 
   // @ts-ignore
   const reactField = getPConnect().createComponent(field);

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyIconButtonURL/index.tsx

@@ -116,6 +116,7 @@ function PegaDxilMyIconButtonUrl(props: PegaDxilMyIconButtonUrlProps) {
     // only retrieve table data if table is shown
     if (showTable) {
       PCore.getDataPageUtils()
+        // @ts-ignore
         .getDataAsync(dataViewName, context, params, null, null)
         // @ts-ignore
         .then((response: any) => {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyPageWidget/index.tsx

@@ -50,6 +50,7 @@ function PegaDxilMyPageWidget(props: PegaDxilMyPageWidgetProps) {
   useEffect(() => {
 
     PCore.getDataApiUtils()
+      // @ts-ignore
       .getData(dataViewName, {}, context)
       // @ts-ignore
       .then((response: any) => {

package/tests/assets/components/createAll/Launchpad/Pega_DXIL_MyTwoColumnDetails/HighlightRender.tsx

@@ -18,7 +18,7 @@ const HighlightRender = (props: HighlightRenderProps) => {
     field.config.displayAsStatus = true;
   }
 
-  const configProps = getPConnect().resolveConfigProps(field.config);
+  const configProps: any = getPConnect().resolveConfigProps(field.config);
 
   // @ts-ignore
   const reactField = getPConnect().createComponent(field);