@pega/dx-component-builder-sdk 0.1.47 → 0.1.49

package/src/tasks/list/helper.js

@@ -1,11 +1,10 @@
 import fs from 'fs';
-import https from 'https';
 
 import chalk from 'chalk';
 import fetch from 'node-fetch';
 
 import { LIST_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH, COMPONENT_SCHEMA, CATEGORY_CUSTOM } from '../../constants.js';
-import { constructCompleteUrl, getComponents, getPegaServerConfig } from '../../util.js';
+import { constructCompleteUrl, getComponents, getPegaServerConfig, getHttpsAgent } from '../../util.js';
 
 
 export const SOURCE_OF_COMPONENT_TYPES = {
@@ -75,7 +74,7 @@ export const getComponentsFromServer = async data => {
           let status = 500;
           fetch(url, {
             method: 'GET',
-            agent: new https.Agent({ rejectUnauthorized: false }),
+            agent: getHttpsAgent(defaultPegaServerConfig),
             headers: {
               Authorization: `${tokenType} ${accessToken}`
             }

package/src/tasks/list/index.js

@@ -12,10 +12,17 @@ import {
 import { showVersion, getOptionsCategory } from '../../util.js';
 
 
-const getList = async (sourceOfComponents, answers) => {
+const getList = async (sourceOfComponents, answers, options) => {
   switch (sourceOfComponents) {
     case SOURCE_OF_COMPONENT_TYPES.LOCAL: {
-      await listLocalComponents(sourceOfComponents, answers.category);
+      let category;
+      if (answers) {
+        category = answers.category;
+      }
+      else {
+        category = options.params[4];
+      }
+      await listLocalComponents(sourceOfComponents, category);
       break;
     }
     case SOURCE_OF_COMPONENT_TYPES.SERVER: {
@@ -39,14 +46,14 @@ export default async options => {
 
   let sourceOfComponentsOption = SOURCE_OF_COMPONENT_TYPES.LOCAL;
 
-  if (options.params[4] === SOURCE_OF_COMPONENT_TYPES.LOCAL) {
+  if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.LOCAL) {
     sourceOfComponentsOption = options.params[3];
-    await getList(sourceOfComponentsOption);
-  } else if (options.params[4] === SOURCE_OF_COMPONENT_TYPES.SERVER) {
+    await getList(sourceOfComponentsOption, null, options);
+  } else if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.SERVER) {
     sourceOfComponentsOption = options.params[3];
     const questions = await getListComponentsQuestions(options, sourceOfComponentsOption);
     const answers = await inquirer.prompt(questions);
-    await getList(sourceOfComponentsOption, answers);
+    await getList(sourceOfComponentsOption, answers), options;
   } else {
     const questions = await getListComponentsQuestions(options);
     let answers = await inquirer.prompt(questions);
@@ -58,6 +65,6 @@ export default async options => {
     if (categoryType != null) {
       answers.category = categoryType;
     }
-    await getList(sourceOfComponents, answers);
+    await getList(sourceOfComponents, answers, options);
   }
 };

package/src/tasks/map/map.js

@@ -5,27 +5,36 @@ import { join } from 'path';
 
 import {
   convertIntoPascalCase,
+  convertIntoKebabCase,
+  reverseKebabCase,
   removeComponentPrefix,
+  getLocalComponentKeyFromConfig,
   getFramework
 } from '../../util.js';
 
 import {
-  COMPONENTS_DIRECTORY_PATH,
+  REACT_COMPONENTS_DIRECTORY_PATH,
+  ANGULAR_COMPONENTS_DIRECTORY_PATH,
+  ANGULAR_COMPONENTS_APP_DIRECTORY_PATH,
   SDK_CONFIG_JSON_FILENAME,
   CATEGORY_CUSTOM,
   CATEGORY_CONSTELLATION,
   COMPONENT_DIRECTORY_PREFIX_CUSTOM,
   COMPONENT_DIRECTORY_SUFFIX_SDK,
-  COMPONENT_REACT_LIB_PATH
+  COMPONENT_REACT_LIB_PATH,
+  COMPONENT_ANGULAR_LIB_PATH
 } from '../../constants.js';
+import { or } from 'ajv/dist/compile/codegen/index.js';
 
-export const SDK_LOCAL_COMPONENT_MAP_FILENAME = "sdk-local-component-map.js";
+export const SDK_LOCAL_REACT_COMPONENT_MAP_FILENAME = "sdk-local-component-map.js";
+export const SDK_LOCAL_ANGULAR_COMPONENT_MAP_FILENAME = "sdk-local-component-map.ts";
 export const IMPORT_END_TAG = "/*import end";
 export const MAP_END_TAG = "/*map end";
 
 export const DXCB_CONFIG_INTERNAL_JSON_FILENAME = 'src/dxcb.config.json';
 const pegaConfigInternalJsonPath = path.join(path.resolve(), DXCB_CONFIG_INTERNAL_JSON_FILENAME);
-const pegaLocalComponentMapPath = path.join(path.resolve(), SDK_LOCAL_COMPONENT_MAP_FILENAME);
+const pegaLocalReactComponentMapPath = path.join(path.resolve(), SDK_LOCAL_REACT_COMPONENT_MAP_FILENAME);
+const pegaLocalAngularComponentMapPath = path.join(path.resolve(),  SDK_LOCAL_ANGULAR_COMPONENT_MAP_FILENAME);
 
 export const updateComponentMap = async (componentKey, category = CATEGORY_CUSTOM) => {
 
@@ -39,9 +48,9 @@ export const updateComponentMap = async (componentKey, category = CATEGORY_CUSTO
       const componentNameNoPrefix = removeComponentPrefix(componentKey);
       const componentName = convertIntoPascalCase(componentNameNoPrefix);
     
-      let mapData = fs.readFileSync(pegaLocalComponentMapPath, { encoding: 'utf8' });
+      let mapData = fs.readFileSync(pegaLocalReactComponentMapPath, { encoding: 'utf8' });
     
-      let importComponent = join(COMPONENTS_DIRECTORY_PATH, categoryDirectory, componentKey);
+      let importComponent = join(REACT_COMPONENTS_DIRECTORY_PATH, categoryDirectory, componentKey);
       importComponent = "./".concat(importComponent);
     
       let importFull = "import ".concat(componentName).concat(" from '").concat(importComponent).concat("/';");
@@ -64,14 +73,55 @@ export const updateComponentMap = async (componentKey, category = CATEGORY_CUSTO
     
         mapData = mapDataStart.concat("  ").concat(mapFull).concat("\n").concat(mapDataEnd);
     
-        fs.writeFileSync(pegaLocalComponentMapPath, mapData, { encoding: 'utf8' });
+        fs.writeFileSync(pegaLocalReactComponentMapPath, mapData, { encoding: 'utf8' });
     
     
       }
       break;
     case 'SDK-Angular' :
+      const categoryDirectoryAng = (category === CATEGORY_CONSTELLATION) ? join("/", COMPONENT_DIRECTORY_PREFIX_CUSTOM + category.toLowerCase()) : join("/", category.toLowerCase() + COMPONENT_DIRECTORY_SUFFIX_SDK);
+    
+      const componentNameNoPrefixAng = removeComponentPrefix(componentKey);
+      const originalComponenttNameConfigAng = await getLocalComponentKeyFromConfig(componentKey, category);
+      const originalComponentName = originalComponenttNameConfigAng != "" ? originalComponenttNameConfigAng : reverseKebabCase(componentNameNoPrefixAng);
+      
+      const componentComponentNameAng = convertIntoPascalCase(originalComponentName).concat("Component");
+
+
+
+    
+      let mapDataAng = fs.readFileSync(pegaLocalAngularComponentMapPath, { encoding: 'utf8' });
+    
+      // componentKey twice for directory and file
+      let importComponentAng = join(ANGULAR_COMPONENTS_DIRECTORY_PATH, categoryDirectoryAng, componentKey, componentNameNoPrefixAng);
+      importComponentAng = "./".concat(importComponentAng);
+    
+      let importFullAng = "import { ".concat(componentComponentNameAng).concat(" } from '").concat(importComponentAng).concat(".component';");
+      let mapFullAng = "\"".concat(originalComponentName).concat("\" : " ).concat(componentComponentNameAng).concat(",");
+    
+      if (mapDataAng.indexOf(importComponentAng.concat(".component")) < 0) {
+        // not present so we can add
+    
+        // add import
+        let endImportIndex = mapDataAng.indexOf(IMPORT_END_TAG);
+        let mapDataStart = mapDataAng.substring(0, endImportIndex);
+        let mapDataEnd = mapDataAng.substring(endImportIndex);
+    
+        mapDataAng = mapDataStart.concat(importFullAng).concat("\n").concat(mapDataEnd);
+    
+        // add map
+        let endMapIndex = mapDataAng.indexOf(MAP_END_TAG);
+        mapDataStart = mapDataAng.substring(0, endMapIndex);
+        mapDataEnd = mapDataAng.substring(endMapIndex);
+    
+        mapDataAng = mapDataStart.concat("  ").concat(mapFullAng).concat("\n").concat(mapDataEnd);
+    
+        fs.writeFileSync(pegaLocalAngularComponentMapPath, mapDataAng, { encoding: 'utf8' });
+    
+    
+      }
       break;
-    case 'WebComponents' :
+    case 'SDK-WebComponents' :
       break;
     
   }
@@ -85,6 +135,7 @@ export const deleteFromComponentMap = async (componentKey, category = CATEGORY_C
 
   const framework = await getFramework();
 
+
   switch (framework) {
     case 'SDK-React' :
       const categoryDirectory = (category === CATEGORY_CONSTELLATION) ? join("/", COMPONENT_DIRECTORY_PREFIX_CUSTOM + category.toLowerCase()) : join("/", category.toLowerCase() + COMPONENT_DIRECTORY_SUFFIX_SDK);
@@ -92,9 +143,9 @@ export const deleteFromComponentMap = async (componentKey, category = CATEGORY_C
       const componentNameNoPrefix = removeComponentPrefix(componentKey);
       const componentName = convertIntoPascalCase(componentNameNoPrefix);
     
-      let mapData = fs.readFileSync(pegaLocalComponentMapPath, { encoding: 'utf8' });
+      let mapData = fs.readFileSync(pegaLocalReactComponentMapPath, { encoding: 'utf8' });
     
-      let importComponent = join(COMPONENTS_DIRECTORY_PATH, categoryDirectory, componentKey);
+      let importComponent = join(REACT_COMPONENTS_DIRECTORY_PATH, categoryDirectory, componentKey);
       importComponent = "./".concat(importComponent);
     
       let importFull = "import ".concat(componentName).concat(" from '").concat(importComponent).concat("/';");
@@ -109,13 +160,44 @@ export const deleteFromComponentMap = async (componentKey, category = CATEGORY_C
         mapData = mapData.replace(removeImport, "");
         mapData = mapData.replace(removeMap, "");
     
-        fs.writeFileSync(pegaLocalComponentMapPath, mapData, { encoding: 'utf8' });
+        fs.writeFileSync(pegaLocalReactComponentMapPath, mapData, { encoding: 'utf8' });
     
       }
       break;
     case 'SDK-Angular' :
+      const categoryDirectoryAng = (category === CATEGORY_CONSTELLATION) ? join("/", COMPONENT_DIRECTORY_PREFIX_CUSTOM + category.toLowerCase()) : join("/", category.toLowerCase() + COMPONENT_DIRECTORY_SUFFIX_SDK);
+    
+      const componentNameNoPrefixAng = removeComponentPrefix(componentKey);
+      const originalComponenttNameConfigAng = await getLocalComponentKeyFromConfig(componentKey, category);
+      const originalComponentName = originalComponenttNameConfigAng != "" ? originalComponenttNameConfigAng : reverseKebabCase(componentNameNoPrefixAng);
+      
+      const componentComponentNameAng = convertIntoPascalCase(originalComponentName).concat("Component");
+
+      let mapDataAng = fs.readFileSync(pegaLocalAngularComponentMapPath, { encoding: 'utf8' });
+
+      // componentKey twice for directory and file
+      let importComponentAng = join(ANGULAR_COMPONENTS_DIRECTORY_PATH, categoryDirectoryAng, componentKey, componentNameNoPrefixAng);
+      importComponentAng = "./".concat(importComponentAng);
+    
+    
+      let importFullAng = "import { ".concat(componentComponentNameAng).concat(" } from '").concat(importComponentAng).concat(".component';");
+      let mapFullAng = "\"".concat(originalComponentName).concat("\" : " ).concat(componentComponentNameAng).concat(",");
+     
+    
+      if (mapDataAng.indexOf(importFullAng) >= 0) {
+    
+        let removeImport = importFullAng.concat("\n");
+        let removeMap = "  ".concat(mapFullAng).concat("\n");
+    
+        mapDataAng = mapDataAng.replace(removeImport, "");
+        mapDataAng = mapDataAng.replace(removeMap, "");
+    
+        fs.writeFileSync(pegaLocalAngularComponentMapPath, mapDataAng, { encoding: 'utf8' });
+    
+      }
       break;
-    case 'WebComponents' :
+      break;
+    case 'SDK-WebComponents' :
       break;
     
   }
@@ -138,23 +220,45 @@ export const renameComponentInMap = async (oldComponentKey, newComponentKey) =>
       const newComponentNameNoPrefix = removeComponentPrefix(newComponentKey);
       const newComponentName = convertIntoPascalCase(newComponentNameNoPrefix);
     
-      let mapData = fs.readFileSync(pegaLocalComponentMapPath, { encoding: 'utf8' });
+      let mapData = fs.readFileSync(pegaLocalReactComponentMapPath, { encoding: 'utf8' });
     
       if (mapData.indexOf(oldComponentName) >= 0) {
-    
-    
-    
+        
         mapData = mapData.replaceAll(oldComponentName + " ", newComponentName + " ");
         mapData = mapData.replaceAll(oldComponentName + ",", newComponentName + ",");
     
         mapData = mapData.replaceAll(oldComponentNameNoPrefix + "/", newComponentNameNoPrefix + "/");
         mapData = mapData.replaceAll( '"' + oldComponentNameNoPrefix + '"' , '"' + newComponentNameNoPrefix + '"');
     
-        fs.writeFileSync(pegaLocalComponentMapPath, mapData, { encoding: 'utf8' });
+        fs.writeFileSync(pegaLocalReactComponentMapPath, mapData, { encoding: 'utf8' });
     
       }
       break;
     case 'SDK-Angular' :
+      const oldComponentNameNoPrefixAng = removeComponentPrefix(oldComponentKey);
+      const oldComponentNameAng = convertIntoPascalCase(oldComponentNameNoPrefixAng);
+      const oldComponentKebabNameAng = convertIntoKebabCase(oldComponentNameAng);
+    
+      const newComponentNameNoPrefixAng = removeComponentPrefix(newComponentKey);
+      const newComponentNameAng = convertIntoPascalCase(newComponentNameNoPrefixAng);
+      const newComponentKebabNameAng = convertIntoKebabCase(newComponentNameAng);
+    
+      let mapDataAng = fs.readFileSync(pegaLocalAngularComponentMapPath, { encoding: 'utf8' });
+    
+      if (mapDataAng.indexOf(oldComponentNameAng) >= 0) {
+        
+        mapDataAng = mapDataAng.replaceAll(oldComponentNameAng + " ", newComponentNameAng + " ");
+        mapDataAng = mapDataAng.replaceAll(oldComponentNameAng + ",", newComponentNameAng + ",");
+    
+        mapDataAng = mapDataAng.replaceAll(oldComponentKebabNameAng + "/", newComponentKebabNameAng + "/");
+        mapDataAng = mapDataAng.replaceAll(oldComponentKebabNameAng + ".component", newComponentKebabNameAng + ".component");
+
+        mapDataAng = mapDataAng.replaceAll( '"' + oldComponentNameNoPrefixAng + '"' , '"' + newComponentNameNoPrefixAng + '"');
+        mapDataAng = mapDataAng.replaceAll( oldComponentNameAng + 'Component' , newComponentNameAng + 'Component');
+    
+        fs.writeFileSync(pegaLocalAngularComponentMapPath, mapDataAng, { encoding: 'utf8' });
+    
+      }
       break;
     case 'WebComponents' :
       break;
@@ -169,19 +273,28 @@ export const renameComponentInMap = async (oldComponentKey, newComponentKey) =>
 export const clearComponentMap = async () =>  {
 
   const framework = await getFramework();
+  let blankMap;
+  let blankMapData;
 
   switch (framework) {
     case 'SDK-React' :
       // get blank version
-      let blankMap = path.join(path.resolve(), COMPONENT_REACT_LIB_PATH, SDK_LOCAL_COMPONENT_MAP_FILENAME);
+      blankMap = path.join(path.resolve(), COMPONENT_REACT_LIB_PATH, SDK_LOCAL_REACT_COMPONENT_MAP_FILENAME);
 
-      let blankMapData = fs.readFileSync(blankMap, { encoding: 'utf8' });
+      blankMapData = fs.readFileSync(blankMap, { encoding: 'utf8' });
 
       // store blank version in sdk-local-component-map.js
-      fs.writeFileSync(pegaLocalComponentMapPath, blankMapData, { encoding: 'utf8' });
+      fs.writeFileSync(pegaLocalReactComponentMapPath, blankMapData, { encoding: 'utf8' });
 
       break;
     case 'SDK-Angular' :
+      // get blank version
+      blankMap = path.join(path.resolve(), COMPONENT_ANGULAR_LIB_PATH, SDK_LOCAL_ANGULAR_COMPONENT_MAP_FILENAME);
+
+      blankMapData= fs.readFileSync(blankMap, { encoding: 'utf8' });
+
+      // store blank version in sdk-local-component-map.js
+      fs.writeFileSync(pegaLocalAngularComponentMapPath, blankMapData, { encoding: 'utf8' });
       break;
     case 'WebComponents' :
       break;
@@ -190,3 +303,82 @@ export const clearComponentMap = async () =>  {
 
 };
 
+export const isComponentInMap = (componentName, framework) => {
+
+  let isInMap = true;
+
+  switch (framework) {
+
+    case "SDK-React":
+      const mapData = fs.readFileSync(pegaLocalAngularComponentMapPath, { encoding: 'utf8' });
+      const componentPascal = convertIntoPascalCase(componentName)
+
+
+      if (mapDataAng.indexOf(componentName) < 0) {
+        isInMap = false;
+      }
+      if (mapDataAng.indexOf(componentPascal) < 0) {
+        isInMap = false;
+      }
+
+      break;
+    case "SDK-Angular":
+      const mapDataAng = fs.readFileSync(pegaLocalAngularComponentMapPath, { encoding: 'utf8' });
+      const componentPascalAng = convertIntoPascalCase(componentName);
+      const componentKebabAng = convertIntoKebabCase(componentPascalAng);
+
+      if (mapDataAng.indexOf(componentName) < 0) {
+        isInMap = false;
+      }
+      if (mapDataAng.indexOf(componentPascalAng) < 0) {
+        isInMap = false;
+      }
+      if (mapDataAng.indexOf(componentKebabAng) < 0) {
+        isInMap = false;
+      }
+
+      break;
+    case "SDK-WebComponents":
+      // need to handle this
+      isInMap = false;
+      break
+  }
+
+  return isInMap;
+
+};
+
+export const isComponentMapEmpty = (framework) => {
+  let isEmpty = false;
+  let blankMap;
+  let blankMapData;
+  let mapData;
+
+  switch (framework) {
+    case "SDk-React":
+      blankMap = path.join(path.resolve(), COMPONENT_REACT_LIB_PATH, SDK_LOCAL_REACT_COMPONENT_MAP_FILENAME);
+      blankMapData = fs.readFileSync(blankMap, { encoding: 'utf8' });
+      mapData = fs.readFileSync(pegaLocalAngularComponentMapPath, { encoding: 'utf8' });
+
+      if (mapData === blankMapData) {
+        isEmpty = true;
+      }
+
+      break;
+    case "SDK-Angular":
+      blankMap = path.join(path.resolve(), COMPONENT_ANGULAR_LIB_PATH, SDK_LOCAL_ANGULAR_COMPONENT_MAP_FILENAME);
+      blankMapData= fs.readFileSync(blankMap, { encoding: 'utf8' });
+      mapData = fs.readFileSync(pegaLocalAngularComponentMapPath, { encoding: 'utf8' });
+
+      if (mapData === blankMapData) {
+        isEmpty = true;
+      }
+
+      break;
+    case "SDK-WebComponents":
+      break;
+  }
+
+  return isEmpty;
+};
+

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

@@ -2,15 +2,18 @@ import inquirer from 'inquirer';
 import Listr from 'listr';
 import chalk from 'chalk';
 
-import { showVersion, getOptionsCategory, getComponentsObj } from '../../util.js';
+import { showVersion, getOptionsCategory, getComponentsObj, getFramework, convertIntoKebabCase, convertIntoPascalCase } from '../../util.js';
 import { updateComponentMap  } from '../map/map.js';
 import { getBuildCategory } from './helper.js';
 
 
 
+
 export default async options => {
   showVersion();
 
+  const framework = await getFramework();
+
   const catQuestion = await getBuildCategory(options);
   const catAnswers = await inquirer.prompt(catQuestion);
 
@@ -23,7 +26,7 @@ export default async options => {
   const components = await getComponentsObj(false, category);
 
 
-  var componentKey;
+  let componentKey;
 
   const customTasks = new Listr(
     [
@@ -44,6 +47,20 @@ export default async options => {
   for (var index in components) {
     componentKey = components[index].value;
     console.log(chalk.bold.green("Mapping: " + components[index].name));
+
+    switch (framework) {
+      case "SDK-Angular":
+        // componentKey is in Pascal case, which is associated, need to convert to Kabab case
+        let arComp = componentKey.split("/");
+        arComp[1] = convertIntoKebabCase(convertIntoPascalCase(arComp[1]));
+        componentKey = arComp.join("/");
+        break;
+      case "SDK-React":
+        break;
+      case "SDK-WebComponents":
+        break;
+    }
+
     await customTasks.run().catch(err => {
         console.log(chalk.bold.red(err.toString()));
     });