@pega/dx-component-builder-sdk 0.1.46 → 0.1.48

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

@@ -9,7 +9,7 @@ import ncp from 'ncp';
 import chalk from 'chalk';
 
 import { checkPathAccess, showVersion, getFramework } from '../../util.js';
-import { CATEGORY_CONSTELLATION, 
+import { CATEGORY_CONSTELLATION, CATEGORY_CUSTOM,
   SDK_CONFIG_JSON_FILENAME,
   DXCB_CONFIG, 
   DXCB_COMPONENT_DEFAULTS,
@@ -25,6 +25,7 @@ const pegaConfigInternalJsonPath = path.join(path.resolve(), DXCB_CONFIG_INTERNA
 
 import {
   convertIntoPascalCase,
+  convertIntoKebabCase,
   compileMustacheTemplate,
   getComponentDirectoryPath,
   getPegaConfig,
@@ -110,6 +111,9 @@ export const compileMustacheTemplates = async (
     allowedApplications = [].concat(allowedApplications);
   }
 
+  const componentKeyKebab = convertIntoKebabCase(convertIntoPascalCase(componentKey));
+  const framework = await getFramework();
+
   allowedApplications = allowedApplications.filter(el => !!el.trim()).map(el => el.trim());
   files.forEach(file => {
     const filePath = path.join(componentDirectory, file);
@@ -119,6 +123,7 @@ export const compileMustacheTemplates = async (
       COMPONENT_NAME: componentName,
       COMPONENT_LABEL: componentLabel,
       COMPONENT_CLASS_NAME: componentClassName,
+      COMPONENT_CLASS_NAME_KEBAB: componentKeyKebab,
       ORGANIZATION: organization,
       VERSION: version,
       LIBRARY: library,
@@ -132,7 +137,22 @@ export const compileMustacheTemplates = async (
       IS_PHONE: isPhone
     });
     fs.writeFileSync(filePath, output);
-    fs.renameSync(filePath, filePath.replace('.mustache', ''));
+
+    switch (framework) {
+      case "SDK-React":
+        fs.renameSync(filePath, filePath.replace('.mustache', ''));
+        break;
+      case "SDK-Angular":
+        let newFilePath = filePath.replace('.mustache', '');
+        const typeAng = convertIntoKebabCase(convertIntoPascalCase(mustacheSubType)).concat(".component");
+        newFilePath = newFilePath.replace(typeAng, componentKeyKebab.concat(".component"));
+
+        fs.renameSync(filePath, newFilePath);
+        break;
+      case "SDK-WebComponents":
+        fs.renameSync(filePath, filePath.replace('.mustache', ''));
+        break;
+    }
   });
 };
 
@@ -213,10 +233,10 @@ export const validateCompileAll = async (
     const type = "Widget";
     const subtype = COMPONENT_SCHEMA.subtype.widget[widgetIdx].value;
     const prefixNoSpace = prefix.replace(/\s+/g, '');
-    let widgetNameOriginal  = COMPONENT_SCHEMA.subtype.template[widgetIdx].name;
+    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 (widgetNameOriginal.indexOf("&") >= 0) {
+    if (widgetName.indexOf("&") >= 0) {
       widgetName = convertIntoPascalCase(widgetNameOriginal.replace(" & ", ""));
     }
     const componentName = "".concat(prefixNoSpace).concat(widgetName);
@@ -282,7 +302,7 @@ export const validateCompile = async (
 
   const templateDir = `${templateParentDir}/${typeLC}/${sSubType}`;
   let templateDirectory = fileURLToPath(new URL(templateDir, import.meta.url));
-  templateDirectory = templateDirectory.replace("/create-all", "/create");
+  templateDirectory = templateDirectory.replace( path.sep + "create-all", path.sep + "create");
 
   const templateDirConstellation = `./templates/Constellation/${typeLC}/${sSubType}`;
   let templateDirectoryConstellation = fileURLToPath(new URL(templateDirConstellation, import.meta.url));
@@ -290,17 +310,30 @@ export const validateCompile = async (
 
   const componentKey = `${organization}_${library}_${componentName}`;
 
- 
-  const targetDirectory = await getComponentDirectoryPath(join(typeLC, "/",componentKey));
+  let targetDirectory = "";
+  switch (framework) {
+    case "SDK-React":
+      targetDirectory = await getComponentDirectoryPath(join(typeLC, "/",componentKey));
+      break;
+    case "SDK-Angular":
+      let componentKeyAng = convertIntoKebabCase(convertIntoPascalCase(componentKey));
+      targetDirectory = await getComponentDirectoryPath(join(typeLC, "/",componentKeyAng));
+      break;
+    case "SDK-WebComponents":
+      break;
+  }
+
+  //const targetDirectory = await getComponentDirectoryPath(join(typeLC, "/",componentKey));
   const targetDirectoryConstellation = await getComponentDirectoryPath(join(typeLC, "/",componentKey), CATEGORY_CONSTELLATION);
 
-  const components = await getComponents(false);
+  // keep old way fo getting components
+  const components = await getComponents(false, CATEGORY_CUSTOM, false);
 
   if (!onlyCompanion) {
     if (components.includes(componentKey)) {
       console.log(chalk.red(`${componentKey} component already exists in ${targetDirectory}`));
 
-      let componentsConstellation = await getComponents(false, CATEGORY_CONSTELLATION);
+      let componentsConstellation = await getComponents(false, CATEGORY_CONSTELLATION, false);
       if (components.includes(componentKey)) {
         console.log(chalk.red(`${componentKey} associated component already exists in ${targetDirectoryConstellation}`));
       }
@@ -308,7 +341,7 @@ export const validateCompile = async (
       return;
     }
     // test for constellation
-    const componentsConstellation = await getComponents(false, CATEGORY_CONSTELLATION);
+    const componentsConstellation = await getComponents(false, CATEGORY_CONSTELLATION, false);
     if (componentsConstellation.includes(componentKey)) {
       console.log(chalk.red(`${componentKey} associated component already exists in ${targetDirectoryConstellation}`));
       return;
@@ -316,7 +349,7 @@ export const validateCompile = async (
   }
   else {
     // test for constellation
-    const componentsConstellation = await getComponents(false, CATEGORY_CONSTELLATION);
+    const componentsConstellation = await getComponents(false, CATEGORY_CONSTELLATION, false);
     if (componentsConstellation.includes(componentKey)) {
       console.log(chalk.red(`${componentKey} associated component already exists in ${targetDirectoryConstellation}`));
       return;
@@ -389,58 +422,20 @@ export default async options => {
 
   const componentData = data[DXCB_CONFIG][DXCB_COMPONENT_DEFAULTS];
 
-  const { organization, library} = componentData;
+  let { organization, library} = componentData;
 
   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];
 
-  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'
-    }
-  ];
+    // overwrite
+    organization = options.params[7];
 
-  await inquirer.prompt(questions).then(async answers => {
-    const {
-      prefix,
-      library,
-      version,
-      allowedApplications
-    } = answers;
     await validateCompileAll(
       {
         prefix,
@@ -451,6 +446,67 @@ 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(/\W+/g, "");
+      await validateCompileAll(
+        {
+          prefix,
+          library,
+          version,
+          allowedApplications,
+          organization
+        },
+        options
+      );
+    });
+  }
+
+ 
   
 };

package/src/tasks/delete/helper.js

@@ -1,15 +1,21 @@
 import chalk from 'chalk';
 import inquirer from 'inquirer';
 import ora from 'ora';
+import { join } from 'path';
 //import { element } from 'prop-types';
 
 import { LIST_COMPONENT_SERVICE_REST_ENDPOINT, COMPONENT_SCHEMA, CATEGORY_CONSTELLATION, CATEGORY_CUSTOM, CATEGORY_OVERRIDE } from '../../constants.js';
 import {
   deleteLocalComponent,
+  getLocalComponentConfig,
+  getFramework,
   deleteServerComponent,
   getComponentsObj,
-  getPegaServerConfig
+  getPegaServerConfig,
+  convertIntoKebabCase,
+  convertIntoPascalCase
 } from '../../util.js';
+
 import { getComponentsFromServer } from '../list/helper.js';
 
 import { deleteFromComponentMap } from '../map/map.js';
@@ -57,36 +63,80 @@ export const getDeleteComponentsQuestions = async (options, sourceOfComponentsOp
   ];
 };
 
-export const deleteLocalComponents = async (sourceOfComponents, category = CATEGORY_CUSTOM) => {
+export const deleteLocalComponents = async (sourceOfComponents, category = CATEGORY_CUSTOM, options) => {
   const localComponents = await getComponentsObj(true, category);
   //const localComponentsAndSub = await getComponentsAndSubDirectory();
 
+  let confirmDeletion;
+  let componentKey;
+
   if (localComponents.length > 0) {
-    const answers = await inquirer.prompt([
-      {
-        name: 'componentKey',
-        type: 'rawlist',
-        pageSize: 15,
-        message: 'Select component to delete',
-        choices: localComponents
-      },
-      {
-        name: 'confirmDeletion',
-        type: 'confirm',
-        message: 'Are you sure ?',
-        default: false
-      }
-    ]);
-    if (answers.confirmDeletion) {
-      await deleteLocalComponent(answers.componentKey, category);
-      if (category  === "custom") {
-        await deleteLocalComponent(answers.componentKey, CATEGORY_CONSTELLATION);
+    if (options.params.length >= 7) {
+      componentKey = options.params[5];
+      const sDeletion = options.params[6];
+      confirmDeletion = sDeletion === 'Y' || sDeletion === 'y' || sDeletion === true || sDeletion === 'true';
+
+    } else {
+      const answers = await inquirer.prompt([
+        {
+          name: 'componentKey',
+          type: 'rawlist',
+          pageSize: 15,
+          message: 'Select component to delete',
+          choices: localComponents
+        },
+        {
+          name: 'confirmDeletion',
+          type: 'confirm',
+          message: 'Are you sure ?',
+          default: false
+        }
+      ]);
+      ({componentKey, confirmDeletion} = answers);;
+
+    }
+
+    if (confirmDeletion) {
+
+      const framework = await getFramework();
+      let customComponentKey = componentKey;
+
+      switch (framework) {
+        case "SDK-Angular":
+          // because of naming Pascal case vs Kebab case, given Pascal - use for associated
+          // Kebab case customComponentKey
+          
+          let arComp = componentKey.split("/");
+          arComp[1] = convertIntoKebabCase(convertIntoPascalCase(arComp[1]));
+          customComponentKey = arComp.join("/");
+
+          await deleteLocalComponent(customComponentKey, category);
+          if (category  === CATEGORY_CUSTOM) {
+            await deleteLocalComponent(componentKey, CATEGORY_CONSTELLATION);
+          }
+
+          break;
+        case "SDK-React":
+          await deleteLocalComponent(componentKey, category);
+          if (category  === CATEGORY_CUSTOM) {
+            await deleteLocalComponent(componentKey, CATEGORY_CONSTELLATION);
+          }
+          break;
+        case "SDK-WebComponents":
+          await deleteLocalComponent(componentToDelete, category);
+          if (category  === CATEGORY_CUSTOM) {
+            await deleteLocalComponent(componentToDelete, CATEGORY_CONSTELLATION);
+          }
+          break;
       }
 
+
+
       if (category === CATEGORY_OVERRIDE || category === CATEGORY_CUSTOM) {
         // need to remove the map as well
-        if (answers.componentKey != undefined) {
-          await deleteFromComponentMap(answers.componentKey, category);
+        if (customComponentKey != undefined) {
+
+          await deleteFromComponentMap(customComponentKey, category);
         }
         else {
           console.log(chalk.bold.yellow(`No component in map: ` + componentName));
@@ -104,6 +154,8 @@ export const deleteServerComponents = async (sourceOfComponents, answers) => {
   const spinner = ora('Fetching components from server').start();
   const data = await getComponentsFromServer(answers);
   const componentObj = await getComponentsObj(false);
+  
+  const framework = await getFramework();
 
   const serverComponents = JSON.parse(data);
   spinner.stop();
@@ -135,7 +187,19 @@ export const deleteServerComponents = async (sourceOfComponents, answers) => {
     await deleteServerComponent(answers.componentToDelete);
 
     const componentName = answers.componentToDelete.split("~")[0];
-    const componentKey = componentObj.find( theObj => theObj.name === componentName);
+    let componentKey;
+
+    switch (framework) {
+      case "SDK-Angular":
+        const tempComponentName = convertIntoKebabCase(convertIntoPascalCase(componentName));
+        componentKey = componentObj.find( theObj => theObj.name === tempComponentName);
+        break;
+      case "SDK-React":
+        componentKey = componentObj.find( theObj => theObj.name === componentName);
+        break;
+      case "SDK-WebComponents":
+        break;
+    }
 
     // check to see if component is an override component
     if (componentKey === undefined) {

package/src/tasks/delete/index.js

@@ -10,14 +10,23 @@ import {
 
 
 
-const deleteComponentsFn = async (sourceOfComponents, answers) => {
+const deleteComponentsFn = async (sourceOfComponents, answers, options) => {
+
+  let category;
+  if (answers != null) {
+    category = answers.category;
+  }
+  else {
+    category = options.params[4];
+  }
+
   switch (sourceOfComponents) {
     case SOURCE_OF_COMPONENT_TYPES.LOCAL: {
-      await deleteLocalComponents(sourceOfComponents, answers.category);
+      await deleteLocalComponents(sourceOfComponents, category, options);
       break;
     }
     case SOURCE_OF_COMPONENT_TYPES.SERVER: {
-      await deleteServerComponents(sourceOfComponents, answers);
+      await deleteServerComponents(sourceOfComponents, answers, options);
       break;
     }
     default: {
@@ -31,14 +40,14 @@ export default async options => {
   showVersion();
 
   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 deleteComponentsFn(sourceOfComponentsOption);
-  } else if (options.params[4] === SOURCE_OF_COMPONENT_TYPES.SERVER) {
+    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);
     let answers = await inquirer.prompt(questions);
@@ -50,6 +59,6 @@ export default async options => {
     if (categoryType != null) {
       answers.category = categoryType;
     }
-    await deleteComponentsFn(sourceOfComponents, answers);
+    await deleteComponentsFn(sourceOfComponents, answers, options);
   }
 };

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

@@ -1,6 +1,7 @@
 import chalk from 'chalk';
 import inquirer from 'inquirer';
 import ora from 'ora';
+import { join } from 'path';
 
 import { COMPONENT_SCHEMA, CATEGORY_CONSTELLATION, CATEGORY_CUSTOM, CATEGORY_OVERRIDE } from '../..//constants.js';
 import {
@@ -9,7 +10,11 @@ import {
   getComponentsObj,
   getPegaServerConfig,
   validateRulesetVersion,
-  getOptionsCategory
+  getOptionsCategory,
+  getFramework,
+  getLocalComponentKeyFromConfig,
+  convertIntoKebabCase,
+  convertIntoPascalCase
 } from '../../util.js';
 import { getComponentsFromServer } from '../list/helper.js';
 
@@ -60,44 +65,86 @@ export const getDeleteComponentsQuestions = async (options, sourceOfComponentsOp
 
 
 
-export const deleteLocalComponents = async (sourceOfComponents, category = CATEGORY_CUSTOM) => {
+export const deleteLocalComponents = async (sourceOfComponents, category = CATEGORY_CUSTOM, options) => {
   const localComponents = await getComponentsObj(true, category);
+  const framework = await getFramework();
 
-  for (var index in localComponents) {
-    if (localComponents[index].type != undefined && localComponents[index].type === "separator") {
-      console.log(chalk.bold.green(localComponents[index]));
-    }
-    else {
-      console.log(chalk.bold.green(localComponents[index].name));
-    }
-
-  }
+  let confirmDeletion;
 
   if (localComponents.length > 0) {
-    const answers = await inquirer.prompt([
+    if (options.params.length >= 6) {
+      const sDeletion = options.params[5];
+      confirmDeletion = sDeletion === 'Y' || sDeletion === 'y' || sDeletion === true || sDeletion === 'true';
 
-      {
-        name: 'confirmDeletion',
-        type: 'confirm',
-        message: 'Delete all local ?',
-        default: false
+    } else {
+
+      for (var index in localComponents) {
+        if (localComponents[index].type != undefined && localComponents[index].type === "separator") {
+          console.log(chalk.bold.green(localComponents[index]));
+        }
+        else {
+          console.log(chalk.bold.green(localComponents[index].name));
+        }
+    
       }
-    ]);
-    if (answers.confirmDeletion) {
+      
+      const answers = await inquirer.prompt([
+
+        {
+          name: 'confirmDeletion',
+          type: 'confirm',
+          message: 'Delete all local ?',
+          default: false
+        }
+      ]);
+
+      confirmDeletion = answers.confirmDeletion;
+    }
+
+    if (confirmDeletion) {
       for (var index in localComponents) {
         if (localComponents[index].type == undefined) {
           var componentToDelete = localComponents[index].value;
-          await deleteLocalComponent(componentToDelete, category);
-          if (category  === CATEGORY_CUSTOM) {
-            await deleteLocalComponent(componentToDelete, CATEGORY_CONSTELLATION);
+
+          let customComponentKey = componentToDelete;
+
+          switch (framework) {
+            case "SDK-Angular":
+              // because of naming Pascal case vs Kebab case, given Pascal - use for associated
+              // Kebab case customComponentKey
+              
+              let arComp = componentToDelete.split("/");
+              arComp[1] = convertIntoKebabCase(convertIntoPascalCase(arComp[1]));
+              customComponentKey = arComp.join("/");
+
+              await deleteLocalComponent(customComponentKey, category);
+              if (category  === CATEGORY_CUSTOM) {
+                await deleteLocalComponent(componentToDelete, CATEGORY_CONSTELLATION);
+              }
+
+              break;
+            case "SDK-React":
+              await deleteLocalComponent(componentToDelete, category);
+              if (category  === CATEGORY_CUSTOM) {
+                await deleteLocalComponent(componentToDelete, CATEGORY_CONSTELLATION);
+              }
+              break;
+            case "SDK-WebComponents":
+              await deleteLocalComponent(componentToDelete, category);
+              if (category  === CATEGORY_CUSTOM) {
+                await deleteLocalComponent(componentToDelete, CATEGORY_CONSTELLATION);
+              }
+              break;
           }
 
+
+
           // need to remove the map as well
           if (componentToDelete != undefined) {
-            await deleteFromComponentMap(componentToDelete, category);
+            await deleteFromComponentMap(customComponentKey, category);
           }
           else {
-            console.log(chalk.bold.redBright(`No component in map: ` + componentToDelete));
+            console.log(chalk.bold.redBright(`No component in map: ` + customComponentKey));
           }
 
         }
@@ -116,6 +163,8 @@ export const deleteServerComponents = async (sourceOfComponents, answers) => {
   const defaultPegaConfig = await getPegaServerConfig();
   const componentObj = await getComponentsObj(false);
 
+  const framework = await getFramework();
+
   const serverComponents = JSON.parse(data);
   spinner.stop();
   if (serverComponents && serverComponents.pxResults?.length > 0) {
@@ -183,7 +232,21 @@ export const deleteServerComponents = async (sourceOfComponents, answers) => {
           await deleteServerComponent(componentToDelete);
 
           const componentName = componentToDelete.split("~")[0];
-          const componentKey = componentObj.find( theObj => theObj.name === componentName);
+          let componentKey;
+
+          switch (framework) {
+            case "SDK-Angular":
+              const tempComponentName = convertIntoKebabCase(convertIntoPascalCase(componentName));
+              componentKey = componentObj.find( theObj => theObj.name === tempComponentName);
+              break;
+            case "SDK-React":
+              componentKey = componentObj.find( theObj => theObj.name === componentName);
+              break;
+            case "SDK-WebComponents":
+              break;
+          }
+
+
 
           // check to see if component is an override component
           if (componentKey === undefined) {

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

@@ -9,14 +9,23 @@ import {
 
 import { showVersion, getOptionsCategory } from '../../util.js';
 
-const deleteComponentsFn = async (sourceOfComponents, answers) => {
+const deleteComponentsFn = async (sourceOfComponents, answers, options) => {
+
+  let category;
+  if (answers != null) {
+    category = answers.category;
+  }
+  else {
+    category = options.params[4];
+  }
+
   switch (sourceOfComponents) {
     case SOURCE_OF_COMPONENT_TYPES.LOCAL: {
-      await deleteLocalComponents(sourceOfComponents, answers.category);
+      await deleteLocalComponents(sourceOfComponents, category, options);
       break;
     }
     case SOURCE_OF_COMPONENT_TYPES.SERVER: {
-      await deleteServerComponents(sourceOfComponents, answers);
+      await deleteServerComponents(sourceOfComponents, answers, options);
       break;
     }
     default: {
@@ -32,12 +41,12 @@ export default async options => {
   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);
     let answers = await inquirer.prompt(questions);
@@ -49,6 +58,6 @@ export default async options => {
     if (categoryType != null) {
       answers.category = categoryType;
     }
-    await deleteComponentsFn(sourceOfComponents, answers);
+    await deleteComponentsFn(sourceOfComponents, answers, options);
   }
 };