@pega/custom-dx-components 8.8.16 → 8.8.18

package/src/tasks/create/templates/Constellation/Widget/PAGE/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

package/src/tasks/create/templates/Constellation/Widget/PAGE-CASE/styles.js.mustache

@@ -1,7 +1,14 @@
-import styled, { css } from 'styled-components';
+// utilizing theming, comment out, if want individual style
+import styled from 'styled-components';
+import { Configuration } from '@pega/cosmos-react-core';
 
-export default styled.div(() => {
-  return css`
-    margin: 0px 0;
-  `;
-});
+export default styled(Configuration)``;
+
+// individual style, comment out above, and uncomment here and add styles
+// import styled, { css } from 'styled-components';
+//
+// export default styled.div(() => {
+//  return css`
+//    margin: 0px 0;
+//  `;
+// });

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

@@ -22,51 +22,32 @@ import {
   sanitize,
   validateSemver
 } from '../../util.js';
-import {
-  COMPONENT_SCHEMA,
-  COMPONENTS_DIRECTORY_PATH,
-  TASKS_CONFIG_JSON_FILENAME,
-  COMPONENTS_PATH,
-  CATEGORY_CONSTELLATION
- } from '../../constants.js';
+import { COMPONENT_SCHEMA, COMPONENTS_DIRECTORY_PATH, TASKS_CONFIG_JSON_FILENAME, COMPONENTS_PATH, CATEGORY_CONSTELLATION } from '../../constants.js';
 
 const pegaConfigJsonPath = path.join(path.resolve(), TASKS_CONFIG_JSON_FILENAME);
 
 const copy = promisify(ncp);
 
-const copyComponentTemplate = async options => {
+const copyComponentTemplate = async (options) => {
   if (options.targetDirectory) {
     return copy(options.templateDirectory, options.targetDirectory, {
       clobber: false
     });
-  }
-  else {
+  } else {
     return copy(options.templateDirectoryConstellation, options.targetDirectoryConstellation, {
       clobber: false,
       filter: (fileName) => {
         // filter out the file config.json or config.json.mustache
-        if (fileName.indexOf("config.json") >= 0) return false;
+        if (fileName.indexOf('config.json') >= 0) return false;
         else return true;
       }
     });
   }
-
 };
 
 export const compileMustacheTemplates = async (
   componentDirectory,
-  {
-    componentKey,
-    componentName,
-    componentLabel,
-    library,
-    version,
-    type,
-    subtype,
-    description,
-    organization,
-    allowedApplications
-  }
+  { componentKey, componentName, componentLabel, library, version, type, subtype, description, organization, allowedApplications }
 ) => {
   const files = fs.readdirSync(componentDirectory);
   const componentClassName = convertIntoPascalCase(componentKey);
@@ -83,19 +64,18 @@ export const compileMustacheTemplates = async (
   let mustacheSubType = subtype;
 
   // overrides
-  if (typeof(mustacheSubType) == "string") {
+  if (typeof mustacheSubType == 'string') {
     switch (mustacheSubType) {
-      case "FORM-region" :
-        mustacheSubType = "FORM";
+      case 'FORM-region':
+        mustacheSubType = 'FORM';
         break;
-      case "DETAILS-region" :
-        mustacheSubType = "DETAILS";
+      case 'DETAILS-region':
+        mustacheSubType = 'DETAILS';
         break;
-      case "Text-Input" :
-        mustacheSubType = "Text";
+      case 'Text-Input':
+        mustacheSubType = 'Text';
         break;
     }
-
   }
 
   if (allowedApplications.trim() === '') {
@@ -107,8 +87,8 @@ export const compileMustacheTemplates = async (
     allowedApplications = [].concat(allowedApplications);
   }
 
-  allowedApplications = allowedApplications.filter(el => !!el.trim()).map(el => el.trim());
-  files.forEach(file => {
+  allowedApplications = allowedApplications.filter((el) => !!el.trim()).map((el) => el.trim());
+  files.forEach((file) => {
     const filePath = path.join(componentDirectory, file);
 
     const output = compileMustacheTemplate(filePath, {
@@ -133,27 +113,14 @@ export const compileMustacheTemplates = async (
   });
 };
 
-
-export const validateCompileAll = async (
-  {
-    prefix,
-    library,
-    version,
-    allowedApplications,
-    organization
-  },
-  options,
-
-) => {
-
-
+export const validateCompileAll = async ({ prefix, library, version, allowedApplications, organization }, options) => {
   for (let fieldIdx in COMPONENT_SCHEMA.subtype.field) {
-    const type = "Field";
+    const type = 'Field';
     const subtype = COMPONENT_SCHEMA.subtype.field[fieldIdx].value;
     const prefixNoSpace = prefix.replace(/\s+/g, '');
     const componentNameNoSpace = COMPONENT_SCHEMA.subtype.field[fieldIdx].name.replace(/\s+/g, '');
-    const componentName = "".concat(prefixNoSpace).concat(componentNameNoSpace);
-    const componentLabel = "".concat(prefix).concat(" ").concat(COMPONENT_SCHEMA.subtype.field[fieldIdx].name);
+    const componentName = ''.concat(prefixNoSpace).concat(componentNameNoSpace);
+    const componentLabel = ''.concat(prefix).concat(' ').concat(COMPONENT_SCHEMA.subtype.field[fieldIdx].name);
     const description = componentLabel;
 
     await validateCompile(
@@ -169,23 +136,23 @@ export const validateCompileAll = async (
         allowedApplications
       },
       options
-    )
+    );
   }
 
   for (let templateIdx in COMPONENT_SCHEMA.subtype.template) {
-    const type = "Template";
+    const type = 'Template';
     const subtype = COMPONENT_SCHEMA.subtype.template[templateIdx].value;
     const prefixNoSpace = prefix.replace(/\s+/g, '');
-    let templateNameOriginal  = COMPONENT_SCHEMA.subtype.template[templateIdx].name;
-    let templateName =  convertIntoPascalCase(COMPONENT_SCHEMA.subtype.template[templateIdx].name);
+    let templateNameOriginal = COMPONENT_SCHEMA.subtype.template[templateIdx].name;
+    let templateName = convertIntoPascalCase(COMPONENT_SCHEMA.subtype.template[templateIdx].name);
     let templateLabel = convertIntoPascalCase(COMPONENT_SCHEMA.subtype.template[templateIdx].name);
-    if (templateNameOriginal.indexOf("region") >= 0) {
-      let templateNameBase = convertIntoPascalCase(templateNameOriginal.replace(" region", ""));
-      templateName = "TwoColumn".concat(templateNameBase);
-      templateLabel = "Two Column ".concat(templateNameBase);
+    if (templateNameOriginal.indexOf('region') >= 0) {
+      let templateNameBase = convertIntoPascalCase(templateNameOriginal.replace(' region', ''));
+      templateName = 'TwoColumn'.concat(templateNameBase);
+      templateLabel = 'Two Column '.concat(templateNameBase);
     }
-    const componentName = "".concat(prefixNoSpace).concat(templateName);
-    const componentLabel = "".concat(prefix).concat(" ").concat(templateLabel);
+    const componentName = ''.concat(prefixNoSpace).concat(templateName);
+    const componentLabel = ''.concat(prefix).concat(' ').concat(templateLabel);
     const description = componentLabel;
 
     await validateCompile(
@@ -201,22 +168,21 @@ export const validateCompileAll = async (
         allowedApplications
       },
       options
-    )
+    );
   }
 
-
   for (let widgetIdx in COMPONENT_SCHEMA.subtype.widget) {
-    const type = "Widget";
+    const type = 'Widget';
     const subtype = COMPONENT_SCHEMA.subtype.widget[widgetIdx].value;
     const prefixNoSpace = prefix.replace(/\s+/g, '');
-    let widgetNameOriginal  = COMPONENT_SCHEMA.subtype.widget[widgetIdx].name;
-    let widgetName = convertIntoPascalCase(COMPONENT_SCHEMA.subtype.widget[widgetIdx].name).concat("Widget");
-    let widgetLabel = convertIntoPascalCase(COMPONENT_SCHEMA.subtype.widget[widgetIdx].name).concat(" Widget");
-    if (widgetName.indexOf("&") >= 0) {
-      widgetName = convertIntoPascalCase(widgetNameOriginal.replace(" & ", ""));
+    let widgetNameOriginal = COMPONENT_SCHEMA.subtype.widget[widgetIdx].name;
+    let widgetName = convertIntoPascalCase(COMPONENT_SCHEMA.subtype.widget[widgetIdx].name).concat('Widget');
+    let widgetLabel = convertIntoPascalCase(COMPONENT_SCHEMA.subtype.widget[widgetIdx].name).concat(' Widget');
+    if (widgetName.indexOf('&') >= 0) {
+      widgetName = convertIntoPascalCase(widgetNameOriginal.replace(' & ', ''));
     }
-    const componentName = "".concat(prefixNoSpace).concat(widgetName);
-    const componentLabel = "".concat(prefix).concat(" ").concat(widgetLabel);
+    const componentName = ''.concat(prefixNoSpace).concat(widgetName);
+    const componentLabel = ''.concat(prefix).concat(' ').concat(widgetLabel);
     const description = componentLabel;
 
     await validateCompile(
@@ -232,32 +198,17 @@ export const validateCompileAll = async (
         allowedApplications
       },
       options
-    )
+    );
   }
-
-
-}
-
+};
 
 export const validateCompile = async (
-  {
-    library,
-    organization,
-    componentName,
-    componentLabel,
-    version,
-    framework,
-    type,
-    subtype,
-    description,
-    allowedApplications
-  },
+  { library, organization, componentName, componentLabel, version, framework, type, subtype, description, allowedApplications },
   options
 ) => {
-
   let sSubType = subtype;
   if (Array.isArray(subtype)) {
-    sSubType = subtype.join("-");
+    sSubType = subtype.join('-');
   }
 
   const typeLC = type.toLowerCase();
@@ -269,10 +220,9 @@ export const validateCompile = async (
   let pegaConfig = await getPegaConfig();
   let templateParentDir = `./templates/${framework}`;
 
-
   const templateDir = `${templateParentDir}/${type}/${sSubType}`;
   let templateDirectory = fileURLToPath(new URL(templateDir, import.meta.url));
-  templateDirectory = templateDirectory.replace( path.sep + "create-all", path.sep + "create");
+  templateDirectory = templateDirectory.replace(path.sep + 'create-all', path.sep + 'create');
 
   const componentKey = `${organization}_${library}_${componentName}`;
 
@@ -280,7 +230,6 @@ export const validateCompile = async (
 
   const components = await getComponents(false);
 
-
   if (components.includes(componentKey)) {
     console.log(chalk.red(`${componentKey} component already exists in ${targetDirectory}`));
 
@@ -306,14 +255,10 @@ export const validateCompile = async (
     allowedApplications
   });
 
-
   console.log(chalk.green(`created ${componentKey} component in ${targetDirectory}`));
-
-
-
 };
 
-export default async options => {
+export default async (options) => {
   showVersion();
 
   await checkPathAccess(pegaConfigJsonPath);
@@ -322,67 +267,27 @@ export default async options => {
   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);
   }
 
   const componentData = data[COMPONENTS_PATH];
 
   const { library } = componentData;
-  const { organization } = JSON.parse(fs.readFileSync(path.resolve('package.json'), 'utf8'));
+  let { organization } = JSON.parse(fs.readFileSync(path.resolve('package.json'), 'utf8'));
 
   let componentDefaults = await getComponentDefaults();
   componentDefaults.library = library;
 
+  if (options.params.length >= 8) {
+    const prefix = options.params[3];
+    const version = options.params[4];
+    const library = options.params[5];
+    const allowedApplications = options.params[6];
+
+    // overwrite
+    organization = options.params[7];
 
-  const questions = [
-    {
-      name: 'prefix',
-      message: 'Enter prefix label'
-    },
-    {
-      name: 'version',
-      message: 'Enter component version',
-      default: componentDefaults.version,
-      validate: value => {
-        if (validateSemver(value)) {
-          return true;
-        }
-        return 'Please provide semver compatible version e.g 0.0.1';
-      }
-    },
-    {
-      name: 'library',
-      message: 'Enter library name (required)',
-      default: componentDefaults.library,
-      validate: value => {
-        /* value should not be empty
-          It should not have spaces
-          It should not start with a number
-          Only case-insensitive alphanumeric values are allowed
-        */
-        if (value && !/^\d/.test(value) && value === sanitize(value)) {
-          return true;
-        }
-        return 'Only alphanumeric values are allowed, starting with alphabets';
-      }
-    },
-    {
-      name: 'allowedApplications',
-      message: 'Please enter the application names to be supported (comma-separated). ',
-      suffix: 'Keep empty for all applications'
-    }
-  ];
-
-  await inquirer.prompt(questions).then(async answers => {
-    const {
-      prefix,
-      library,
-      version,
-      allowedApplications
-    } = answers;
     await validateCompileAll(
       {
         prefix,
@@ -393,6 +298,60 @@ export default async options => {
       },
       options
     );
-  });
-
+  } else {
+    const questions = [
+      {
+        name: 'prefix',
+        message: 'Enter prefix label'
+      },
+      {
+        name: 'version',
+        message: 'Enter component version',
+        default: componentDefaults.version,
+        validate: (value) => {
+          if (validateSemver(value)) {
+            return true;
+          }
+          return 'Please provide semver compatible version e.g 0.0.1';
+        }
+      },
+      {
+        name: 'library',
+        message: 'Enter library name (required)',
+        default: componentDefaults.library,
+        validate: (value) => {
+          /* value should not be empty
+            It should not have spaces
+            It should not start with a number
+            Only case-insensitive alphanumeric values are allowed
+          */
+          if (value && !/^\d/.test(value) && value === sanitize(value)) {
+            return true;
+          }
+          return 'Only alphanumeric values are allowed, starting with alphabets';
+        }
+      },
+      {
+        name: 'allowedApplications',
+        message: 'Please enter the application names to be supported (comma-separated). ',
+        suffix: 'Keep empty for all applications'
+      }
+    ];
+
+    await inquirer.prompt(questions).then(async (answers) => {
+      const { library, version, allowedApplications } = answers;
+      let { prefix } = answers;
+      prefix = prefix.replace(/[^a-zA-Z0-9 ]/g, '');
+      await validateCompileAll(
+        {
+          prefix,
+          library,
+          version,
+          allowedApplications,
+          organization
+        },
+        options
+      );
+    });
+  }
 };

package/src/tasks/delete/helper.js

@@ -2,23 +2,22 @@ import chalk from 'chalk';
 import inquirer from 'inquirer';
 import ora from 'ora';
 
-
 import {
   deleteLocalComponent,
-  deleteServerComponent,
+  deleteInfinityServerComponent,
+  deleteLaunchpadServerComponent,
   getComponents,
-  getPegaServerConfig
+  getPegaServerConfig,
+  standardizeStr
 } from '../../util.js';
 import { getComponentsFromServer } from '../list/helper.js';
 
-
-
 export const SOURCE_OF_COMPONENT_TYPES = {
   SERVER: 'Server',
   LOCAL: 'Local'
 };
 
-export const getDeleteComponentsQuestions = async (options, sourceOfComponentsOption) => {
+export const getDeleteComponentsQuestions = async (options) => {
   const defaultPegaServerConfig = await getPegaServerConfig();
 
   return [
@@ -35,26 +34,35 @@ export const getDeleteComponentsQuestions = async (options, sourceOfComponentsOp
   ];
 };
 
-export const deleteLocalComponents = async sourceOfComponents => {
+export const deleteLocalComponents = async (sourceOfComponents, options) => {
   const localComponents = await getComponents();
 
   if (localComponents.length > 0) {
-    const answers = await inquirer.prompt([
-      {
-        name: 'componentKey',
-        type: 'rawlist',
-        message: 'Select component to delete',
-        choices: localComponents
-      },
-      {
-        name: 'confirmDeletion',
-        type: 'confirm',
-        message: 'Are you sure ?',
-        default: false
+    if (options.params.length >= 6) {
+      const componentKey = options.params[4];
+      const sDeletion = options.params[5];
+      const confirmDeletion = sDeletion === 'Y' || sDeletion === 'y' || sDeletion === true || sDeletion === 'true';
+      if (confirmDeletion) {
+        await deleteLocalComponent(componentKey);
+      }
+    } else {
+      const answers = await inquirer.prompt([
+        {
+          name: 'componentKey',
+          type: 'rawlist',
+          message: 'Select component to delete',
+          choices: localComponents
+        },
+        {
+          name: 'confirmDeletion',
+          type: 'confirm',
+          message: 'Are you sure ?',
+          default: false
+        }
+      ]);
+      if (answers.confirmDeletion) {
+        await deleteLocalComponent(answers.componentKey);
       }
-    ]);
-    if (answers.confirmDeletion) {
-      await deleteLocalComponent(answers.componentKey);
     }
   } else {
     console.log(chalk.bold.redBright(`No custom components in ${sourceOfComponents}`));
@@ -63,45 +71,71 @@ export const deleteLocalComponents = async sourceOfComponents => {
 
 export const deleteServerComponents = async (sourceOfComponents, answers) => {
   const spinner = ora('Fetching components from server').start();
+  const defaultPegaServerConfig = await getPegaServerConfig();
+  const isLaunchpad = defaultPegaServerConfig.serverType === 'launchpad';
   const data = await getComponentsFromServer(answers);
 
-  const serverComponents = JSON.parse(data);
+  let serverComponents;
+  if (isLaunchpad) {
+    serverComponents = data;
+  } else {
+    try {
+      if (typeof data === 'object') {
+        serverComponents = data.pxResults;
+      } else {
+        serverComponents = JSON.parse(data).pxResults;
+      }
+    } catch (ex) {
+      /* empty */
+    }
+  }
   spinner.stop();
-  if (serverComponents && serverComponents.pxResults?.length > 0) {
-    const choicesArr = serverComponents.pxResults.map(({ label, pyRuleSet, pyRuleSetVersion }) => {
-      const name = `${standardizeStr(label, 45)} ${standardizeStr(pyRuleSet, 30)} ${standardizeStr(
-        pyRuleSetVersion,
-        20
-      )}`;
 
-      const value = `${label}~|~${pyRuleSet}~|~${pyRuleSetVersion}`;
-      const short = `Selected component : ${chalk.redBright(
-        `${label} ${pyRuleSet} : ${pyRuleSetVersion}`
-      )}`;
+  if (serverComponents && serverComponents?.length > 0) {
+    if (isLaunchpad) {
+      const choicesArr = serverComponents.map(({ name: componentName, type, version }) => {
+        const name = `${standardizeStr(componentName, 45)} ${standardizeStr(type, 20)} ${standardizeStr(version, 20)}`;
 
-      return { name, value, short };
-    });
-    const answers = await inquirer.prompt({
-      name: 'componentToDelete',
-      type: 'rawlist',
-      pageSize: 10,
-      message: `Select component to delete \n  ${standardizeStr('Rule name', 48)} ${standardizeStr(
-        'Ruleset name',
-        30
-      )} ${standardizeStr('Ruleset version', 22)}`,
-      choices: choicesArr
-    });
-    await deleteServerComponent(answers.componentToDelete);
+        const value = `${componentName}~|~${type}~|~${version}`;
+        const short = `\n Selected component : ${chalk.redBright(`${componentName} ${type} : ${version}`)}`;
 
+        return { name, value, short };
+      });
 
+      const launchpadAnswers = await inquirer.prompt({
+        name: 'componentToDelete',
+        type: 'rawlist',
+        pageSize: 10,
+        message: `Select component to delete \n  ${standardizeStr('Component Name', 48)} ${standardizeStr('Type', 20)} ${standardizeStr(
+          'Version',
+          22
+        )}`,
+        choices: choicesArr
+      });
+      await deleteLaunchpadServerComponent(launchpadAnswers.componentToDelete);
+    } else {
+      // logic for Infinity
+      const choicesArr = serverComponents.map(({ label, pyRuleSet, pyRuleSetVersion }) => {
+        const name = `${standardizeStr(label, 45)} ${standardizeStr(pyRuleSet, 30)} ${standardizeStr(pyRuleSetVersion, 20)}`;
+
+        const value = `${label}~|~${pyRuleSet}~|~${pyRuleSetVersion}`;
+        const short = `\n Selected component : ${chalk.redBright(`${label} ${pyRuleSet} : ${pyRuleSetVersion}`)}`;
+
+        return { name, value, short };
+      });
+      const infinityAnswers = await inquirer.prompt({
+        name: 'componentToDelete',
+        type: 'rawlist',
+        pageSize: 10,
+        message: `Select component to delete \n  ${standardizeStr('Rule name', 48)} ${standardizeStr('Ruleset name', 30)} ${standardizeStr(
+          'Ruleset version',
+          22
+        )}`,
+        choices: choicesArr
+      });
+      await deleteInfinityServerComponent(infinityAnswers.componentToDelete);
+    }
   } else {
     console.log(chalk.bold.redBright(`No custom components in ${sourceOfComponents}`));
   }
 };
-
-export const standardizeStr = (str, leng) => {
-  for (let i = str.length; i <= leng; i++) {
-    str += ' ';
-  }
-  return str;
-};

package/src/tasks/delete/index.js

@@ -1,20 +1,13 @@
 import inquirer from 'inquirer';
-import ora from 'ora';
-import chalk from 'chalk';
-
-import {
-  deleteLocalComponents,
-  SOURCE_OF_COMPONENT_TYPES,
-  deleteServerComponents,
-  getDeleteComponentsQuestions
-} from './helper.js';
 
 import { showVersion } from '../../util.js';
 
-const deleteComponentsFn = async (sourceOfComponents, answers) => {
+import { deleteLocalComponents, SOURCE_OF_COMPONENT_TYPES, deleteServerComponents, getDeleteComponentsQuestions } from './helper.js';
+
+const deleteComponentsFn = async (sourceOfComponents, answers, options) => {
   switch (sourceOfComponents) {
     case SOURCE_OF_COMPONENT_TYPES.LOCAL: {
-      await deleteLocalComponents(sourceOfComponents);
+      await deleteLocalComponents(sourceOfComponents, options);
       break;
     }
     case SOURCE_OF_COMPONENT_TYPES.SERVER: {
@@ -28,22 +21,22 @@ const deleteComponentsFn = async (sourceOfComponents, answers) => {
   }
 };
 
-export default async options => {
+export default async (options) => {
   showVersion();
 
   let sourceOfComponentsOption = SOURCE_OF_COMPONENT_TYPES.LOCAL;
   if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.LOCAL) {
     sourceOfComponentsOption = options.params[3];
-    await deleteComponentsFn(sourceOfComponentsOption);
+    await deleteComponentsFn(sourceOfComponentsOption, null, options);
   } else if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.SERVER) {
     sourceOfComponentsOption = options.params[3];
     const questions = await getDeleteComponentsQuestions(options, sourceOfComponentsOption);
     const answers = await inquirer.prompt(questions);
-    await deleteComponentsFn(sourceOfComponentsOption, answers);
+    await deleteComponentsFn(sourceOfComponentsOption, answers, options);
   } else {
     const questions = await getDeleteComponentsQuestions(options);
     const answers = await inquirer.prompt(questions);
     const { sourceOfComponents } = answers;
-    await deleteComponentsFn(sourceOfComponents, answers);
+    await deleteComponentsFn(sourceOfComponents, answers, options);
   }
 };