@pega/custom-dx-components 0.24.16 → 0.242.1

package/src/tasks/delete/index.js

@@ -1,9 +1,11 @@
 import inquirer from 'inquirer';
 
-import { showVersion } from '../../util.js';
+import { showVersion, getLibraryBased } from '../../util.js';
 
 import { deleteLocalComponents, SOURCE_OF_COMPONENT_TYPES, deleteServerComponents, getDeleteComponentsQuestions } from './helper.js';
 
+const isLibraryBased = await getLibraryBased();
+
 const deleteComponentsFn = async (sourceOfComponents, answers, options) => {
   switch (sourceOfComponents) {
     case SOURCE_OF_COMPONENT_TYPES.LOCAL: {
@@ -25,7 +27,11 @@ export default async (options) => {
   showVersion();
 
   let sourceOfComponentsOption = SOURCE_OF_COMPONENT_TYPES.LOCAL;
-  if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.LOCAL) {
+  if (isLibraryBased) {
+    sourceOfComponentsOption = SOURCE_OF_COMPONENT_TYPES.LOCAL;
+    await deleteComponentsFn(sourceOfComponentsOption, null, options);
+  }
+  else if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.LOCAL) {
     sourceOfComponentsOption = options.params[3];
     await deleteComponentsFn(sourceOfComponentsOption, null, options);
   } else if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.SERVER) {

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

@@ -1,9 +1,11 @@
 import inquirer from 'inquirer';
 
-import { showVersion } from '../../util.js';
+import { showVersion, getLibraryBased } from '../../util.js';
 
 import { deleteLocalComponents, SOURCE_OF_COMPONENT_TYPES, deleteServerComponents, getDeleteComponentsQuestions } from './helper.js';
 
+const isLibraryBased = await getLibraryBased();
+
 const deleteComponentsFn = async (sourceOfComponents, answers, options) => {
   switch (sourceOfComponents) {
     case SOURCE_OF_COMPONENT_TYPES.LOCAL: {
@@ -25,7 +27,11 @@ export default async (options) => {
   showVersion();
 
   let sourceOfComponentsOption = SOURCE_OF_COMPONENT_TYPES.LOCAL;
-  if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.LOCAL) {
+  if (isLibraryBased) {
+    sourceOfComponentsOption = SOURCE_OF_COMPONENT_TYPES.LOCAL;
+    await deleteComponentsFn(sourceOfComponentsOption, null, options);
+  }
+  else if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.LOCAL) {
     sourceOfComponentsOption = options.params[3];
     await deleteComponentsFn(sourceOfComponentsOption, null, options);
   } else if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.SERVER) {

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

@@ -0,0 +1,75 @@
+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 { 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 () => {
+  const defaultPegaConfig = await getPegaServerConfig();
+
+  await checkPathAccess(pegaConfigJsonPath);
+
+  let data = fs.readFileSync(pegaConfigJsonPath, { encoding: 'utf8' });
+  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`);
+    process.exit(1);
+  }
+
+  const componentData = data[COMPONENTS_PATH];
+
+  let library;
+  ({ library } = componentData);
+  let { 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 ()  => {
+  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,
+    }
+  ];
+};
+
+
+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/delete-lib/index.js

@@ -0,0 +1,97 @@
+import inquirer from 'inquirer';
+
+import chalk from 'chalk';
+
+import { showVersion, getC11NB2STokenAndStaticServer, getLibraryVersions, getLibraryBased, deleteLocalLibrary, deleteLocalLibraryVersion } from '../../util.js';
+
+
+import { deleteLib } from '@pega/constellation-dx-components-build-utils/index.js';
+
+import { getDeleteLibraryQuestions, getLibraryVersionQuestion, getOrgLib, SOURCE_OF_COMPONENT_TYPES } from './helper.js';
+
+const isLibraryBased = await getLibraryBased();
+
+export default async (options) => {
+  if (!isLibraryBased) {
+    console.log(`Command only supported for ${chalk.bold.green('library based')} components.`)
+    process.exit();
+  }
+
+  showVersion();
+
+  let sourceOfLibrary;
+  let organization;
+  let library;
+  let version;
+  let devBuild;
+
+  const compDef = await getOrgLib();
+  organization = compDef.organization;
+  library = compDef.library;
+  const libraryName = organization.concat("_").concat(library);
+
+  if (options.params.length >= 5) {
+    sourceOfLibrary = options.param[3];
+    version = options.params[4];
+
+  }
+  else {
+
+    const questions = await getDeleteLibraryQuestions();
+    const answers = await inquirer.prompt(questions);
+    ({ sourceOfLibrary } = answers);
+
+    if (sourceOfLibrary === SOURCE_OF_COMPONENT_TYPES.LOCAL ) {
+      // local
+
+      let libVersions = await getLibraryVersions(libraryName);
+
+      if (libVersions.length > 0) {
+        // ALL option
+        libVersions.unshift('ALL');
+
+        const versionQuestions = await getLibraryVersionQuestion(libraryName, libVersions);
+        const versionAnswers = await inquirer.prompt(versionQuestions);
+
+        ({version} = versionAnswers);
+
+      }
+      else {
+        // No library with that name
+        console.log(chalk.redBright(`No local library named: ${libraryName} exists.`));
+        process.exit(1);
+
+      }
+
+    }
+
+  }
+
+
+  if (sourceOfLibrary === SOURCE_OF_COMPONENT_TYPES.LOCAL ) {
+    if (version === 'ALL') {
+      await deleteLocalLibrary(libraryName);
+    }
+    else {
+      await deleteLocalLibraryVersion(libraryName, version);
+    }
+
+  }
+  else {
+    // server
+    const tokenAndStaticServer = await getC11NB2STokenAndStaticServer();
+
+    if (tokenAndStaticServer.C11NB2S === undefined) {
+      console.log(chalk.redBright("Need to authenticate, missing services token.\nDeleting a library requires authentication to acquire a token to delete."));
+      process.exit(1);
+    }
+    await deleteLib(tokenAndStaticServer.C11NB2S, tokenAndStaticServer.appStaticContentServer);
+
+  }
+
+
+
+
+
+  return true;
+};

package/src/tasks/index.js

@@ -2,17 +2,22 @@ export { default as createComponent } from './create/index.js';
 export { default as createAllComponents } from './create-all/index.js';
 export { default as deleteComponent } from './delete/index.js';
 export { default as deleteAllComponents } from './delete-all/index.js';
+export { default as deleteLibrary } from './delete-lib/index.js';
 export { default as initProject } from './init/index.js';
 export { default as promoteWebPack } from './promote-webpack/index.js';
 export { default as publishComponent } from './publish/index.js';
 export { default as publishAllComponents } from './publish-all/index.js';
+export { default as publishLibrary } from './publish-lib/index.js';
 export { default as renameComponent } from './rename/index.js';
+export { default as renameLibrary } from './rename-lib/index.js';
 export { default as revertWebPack } from './revert-webpack/index.js';
 export { default as listComponents } from './list/index.js';
+export { default as listLibrary } from './list-lib/index.js';
 export { default as updateComponent } from './update/index.js';
 export { default as validate } from './validator/index.js';
 export { default as authenticate } from './authenticate/index.js';
 export { default as upgrade } from './upgrade/index.js';
 export { default as buildComponent } from './build-comp/index.js';
 export { default as buildAllComponents } from './build-all/index.js';
+export { default as buildLibrary } from './build-lib/index.js';
 export { default as buildJestAssets } from './build-jest-assets/index.js';

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

@@ -11,16 +11,21 @@
     "authenticate": "custom-dx-components authenticate",
     "buildComponent": "custom-dx-components buildComponent",
     "buildAllComponents": "custom-dx-components buildAllComponents",
+    "buildLibrary": "custom-dx-components buildLibrary",
     "create": "custom-dx-components create",
     "createAll": "custom-dx-components createAll",
     "publish": "custom-dx-components publish",
     "publishAll": "custom-dx-components publishAll",
+    "publishLibrary": "custom-dx-components publishLibrary",
     "rename": "custom-dx-components rename",
+    "renameLibrary": "custom-dx-components renameLibrary",
     "list": "custom-dx-components list",
+    "listLibrary": "custom-dx-components listLibrary",
     "validate-schema": "custom-dx-components validateSchema",
     "update": "custom-dx-components update",
     "delete": "custom-dx-components delete",
     "deleteAll": "custom-dx-components deleteAll",
+    "deleteLibrary": "custom-dx-components deleteLibrary",
     "promoteWebPack": "custom-dx-components promoteWebPack",
     "revertWebPack": "custom-dx-components revertWebPack",
     "_internal-test-coverage": "node --input-type=module  --experimental-vm-modules node_modules/jest/bin/jest.js --runInBand node_modules/@pega/custom-dx-component --ci --testResultsProcessor='jest-junit' --coverage",
@@ -49,30 +54,47 @@
   ],
   "author": "",
   "license": "Enter License",
-  "sideEffects": false,
- "dependencies": {
-    "@pega/cosmos-react-condition-builder": "^6.0.3",
-    "@pega/cosmos-react-core": "^6.0.3",
-    "@pega/cosmos-react-work": "^6.0.3",
+  "dependencies": {
+    "@babel/cli": "^7.23.0",
+    "@babel/core": "^7.23.3",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@material-ui/core": "^4.12.4",
+    "@pega/constellation-dx-components-build-utils": "^1.0.1-dev-0.10",
+    "@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",
+    "babel-loader": "^9.1.3",
     "dayjs": "^1.11.10",
+    "lodash": "^4.17.21",
     "lodash.get": "^4.4.2",
+    "npm": "^10.5.0",
     "polished": "^4.2.2",
     "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-autosuggest": "^10.1.0",
     "react-dom": "^17.0.2",
-    "react-is": "^17.0.2",
+    "react-is": "^18.2.0",
     "react-player": "^2.10.1",
     "react-redux": "^7.2.6",
+    "serve": "^14.2.1",
+    "shelljs": "^0.8.5",
     "styled-components": "^5.3.5",
-    "ts-loader": "^9.5.1"
+    "ts-loader": "^9.5.1",
+    "webpack": "5.74.0",
+    "webpack-cli": "^5.1.4"
   },
   "devDependencies": {
+    "@babel/cli": "^7.23.0",
+    "@babel/core": "^7.23.3",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
     "@pega/configs": "^0.6.0",
-    "@pega/custom-dx-components": "0.24.16",
-    "@pega/pcore-pconnect-typedefs": "~3.0.0",
+    "@pega/custom-dx-components": "0.242.1",
+    "@pega/pcore-pconnect-typedefs": "2.0.0",
     "@storybook/addon-actions": "^7.6.7",
     "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-knobs": "^7.0.2",
     "@storybook/addon-links": "^7.6.7",
     "@storybook/addon-storysource": "^7.6.7",
     "@storybook/react": "^7.6.7",
@@ -84,6 +106,7 @@
     "@types/react-dom": "^17.0.11",
     "@types/styled-components": "^5.1.34",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
+    "babel-loader": "^9.1.3",
     "eslint": "^8.56.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jest": "^27.6.1",

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

@@ -4,7 +4,7 @@
     "rulesetName": "CustomDXComponents",
     "rulesetVersion": "01-01-01",
     "sourceOfComponents": "Server",
-    "devBuild": false,
+    "devBuild": true,
     "serverType": "infinity",
     "server": "https://localhost:1080/prweb",
     "clientId": "10095186356008396159",
@@ -35,5 +35,6 @@
     "description": "",
     "icon": ""
   },
-  "usePromotedWebPack": false
+  "usePromotedWebPack": false,
+  "libraryBased": false
 }

package/src/tasks/list/index.js

@@ -2,7 +2,7 @@ import inquirer from 'inquirer';
 import ora from 'ora';
 import chalk from 'chalk';
 
-import { showVersion, getPegaServerConfig } from '../../util.js';
+import { showVersion, getPegaServerConfig, getLibraryBased } from '../../util.js';
 
 import {
   listLocalComponents,
@@ -13,6 +13,9 @@ import {
   getListComponentsQuestions
 } from './helper.js';
 
+const isLibraryBased = await getLibraryBased();
+
+
 const getList = async (sourceOfComponents, answers) => {
   const defaultPegaServerConfig = await getPegaServerConfig();
   const isLaunchpad = defaultPegaServerConfig.serverType === 'launchpad';
@@ -69,8 +72,11 @@ export default async (options) => {
   showVersion();
 
   let sourceOfComponentsOption = SOURCE_OF_COMPONENT_TYPES.LOCAL;
-
-  if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.LOCAL) {
+  if (isLibraryBased) {
+    sourceOfComponentsOption = SOURCE_OF_COMPONENT_TYPES.LOCAL;
+    await getList(sourceOfComponentsOption);
+  }
+  else if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.LOCAL) {
     sourceOfComponentsOption = options.params[3];
     await getList(sourceOfComponentsOption);
   } else if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.SERVER) {

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

@@ -0,0 +1,72 @@
+import fs from 'fs';
+import path from 'path';
+import chalk from 'chalk';
+
+import {
+  getPegaServerConfig,
+  checkPathAccess,
+  getComponentDefaults
+} from '../../util.js';
+import { 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 () => {
+  const defaultPegaConfig = await getPegaServerConfig();
+
+  await checkPathAccess(pegaConfigJsonPath);
+
+  let data = fs.readFileSync(pegaConfigJsonPath, { encoding: 'utf8' });
+  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`);
+    process.exit(1);
+  }
+
+  const componentData = data[COMPONENTS_PATH];
+
+  let library;
+  ({ library } = componentData);
+  let { organization } = JSON.parse(fs.readFileSync(path.resolve('package.json'), 'utf8'));
+
+  const componentDefaults = await getComponentDefaults();
+  componentDefaults.library = library;
+  componentDefaults.organization = organization;
+
+  return componentDefaults;
+}
+
+export const getListLibraryQuestions = async (libraryName)  => {
+  const defaultPegaConfig = await getPegaServerConfig();
+
+
+  return [
+    {
+      name: 'sourceOfLibrary',
+      type: 'rawlist',
+      message: `List library ${chalk.bold.green(`${libraryName}`)} from Server or Local ?`,
+      choices: Object.values(SOURCE_OF_COMPONENT_TYPES),
+      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
+      }
+    ];
+
+}

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

@@ -0,0 +1,75 @@
+import inquirer from 'inquirer';
+import chalk from 'chalk';
+
+import {showVersion, getC11NB2STokenAndStaticServer, getLibraryVersions, getLibraryBased } from '../../util.js';
+
+import { listLib } from '@pega/constellation-dx-components-build-utils/index.js';
+
+import { getListLibraryQuestions, getLibraryVersionQuestion, getOrgLib, SOURCE_OF_COMPONENT_TYPES } from './helper.js';
+
+const isLibraryBased = await getLibraryBased();
+
+export default async (options) => {
+  if (!isLibraryBased) {
+    console.log(`Command only supported for ${chalk.bold.green('library based')} components.`)
+    process.exit();
+  }
+
+  showVersion();
+
+  let sourceOfLibrary;
+  let organization;
+  let library;
+
+  const compDef = await getOrgLib();
+  organization = compDef.organization;
+  library = compDef.library;
+  const libraryName = organization.concat("_").concat(library);
+
+  if (options.params.length >= 4) {
+    sourceOfLibrary = options.param[3];
+
+  }
+  else {
+
+    const questions = await getListLibraryQuestions(libraryName);
+    const answers = await inquirer.prompt(questions);
+    ({ sourceOfLibrary } = answers);
+
+  }
+
+  if (sourceOfLibrary === SOURCE_OF_COMPONENT_TYPES.LOCAL ) {
+    // local
+
+    let libVersions = await getLibraryVersions(libraryName);
+
+    if (libVersions.length > 0) {
+      libVersions = libVersions.map((name) => ({ 'Version': name}));
+        console.log(chalk.bold.blueBright(`\nList of ${libraryName} library versions`));
+        console.table(libVersions, ['Version']);
+
+    }
+    else {
+      // No library with that name
+      console.log(chalk.redBright(`No local library named: ${libraryName} exists.`));
+      process.exit(1);
+
+    }
+
+  }
+  else {
+    // server
+    const tokenAndStaticServer = await getC11NB2STokenAndStaticServer();
+
+    if (tokenAndStaticServer.C11NB2S === undefined) {
+      console.log(chalk.redBright("Need to authenticate, missing services token.\nDeleting a library requires authentication to acquire a token to delete."));
+      process.e
+      exit(1);
+    }
+
+    await listLib(tokenAndStaticServer.C11NB2S, tokenAndStaticServer.appStaticContentServer);
+
+  }
+
+  return true;
+};

package/src/tasks/promote-webpack/index.js

@@ -10,7 +10,8 @@ import {
   convertIntoPascalCase,
   checkPathAccess,
   showVersion,
-  updateUseWebPackPromotion
+  updateUseWebPackPromotion,
+  getLibraryBased
 } from '../../util.js';
 
 import {
@@ -21,6 +22,7 @@ import {
   BUILDER_DIR_FILE_PATH
 } from '../../constants.js';
 
+const isLibraryBased = await getLibraryBased();
 
 
 export const copyWebPack = async () => {
@@ -92,6 +94,11 @@ export const copyWebPack = async () => {
 
 
 export default async options => {
+  if (isLibraryBased) {
+    console.log(`Command only supported for ${chalk.bold.green('non library based')} components.`)
+    process.exit();
+  }
+
   showVersion();
 
   await copyWebPack();

package/src/tasks/promote-webpack/webpack.config.js

@@ -345,6 +345,7 @@ module.exports = (
         resourceRegExp: /^\.\/locale$/,
         contextRegExp: /moment$/
       }),
+      /* cosmos 4.x and below */
       /* Ignore cosmos icons */
       new webpack.IgnorePlugin({
         resourceRegExp: /^\.\/icons$/,
@@ -357,6 +358,31 @@ module.exports = (
         contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
       }),
 
+      /* Ignore cosmos streamline-icons */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/streamline-icons$/,
+        contextRegExp: /@pega\/cosmos-react-core\/lib\/components\/Icon$/
+      }),
+
+      /* Ignore cosmos streamline-icons - windows */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/streamline-icons$/,
+        contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
+      }),
+
+      /* cosmos 6.x and above */
+      /* Ignore cosmos icons */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/.*\/.*\.icon$/,
+        contextRegExp: /@pega\/cosmos-react-core\/lib\/components\/Icon$/
+      }),
+
+      /* Ignore cosmos icons - windows */
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/.*\/.*\.icon$/,
+        contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
+      }),
+
       new webpack.optimize.LimitChunkCountPlugin({
         maxChunks: 1
       }),

package/src/tasks/publish/index.js

@@ -5,11 +5,18 @@ import chalk from 'chalk';
 import validate from '../validator/index.js';
 import bundleComponent from '../bundle/index.js';
 import { lintComponent } from '../linter/index.js';
-import { getComponentDirectoryPath, showVersion } from '../../util.js';
+import { getComponentDirectoryPath, showVersion, getLibraryBased } from '../../util.js';
 
 import { getPublishComponentQuestions, publishComponentToServer, zipComponent } from './helper.js';
 
+const isLibraryBased = await getLibraryBased();
+
 export default async options => {
+  if (isLibraryBased) {
+    console.log(`Command only supported for ${chalk.bold.green('non library based')} components.`)
+    process.exit();
+  }
+
   showVersion();
 
   let componentKey;

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

@@ -5,7 +5,7 @@ import chalk from 'chalk';
 import validate from '../validator/index.js';
 import bundleComponent from '../bundle/index.js';
 import { lintComponent } from '../linter/index.js';
-import { getComponents, getComponentDirectoryPath, showVersion } from '../../util.js';
+import { getComponents, getComponentDirectoryPath, showVersion, getLibraryBased } from '../../util.js';
 
 import {
   getPublishComponentQuestions,
@@ -14,6 +14,8 @@ import {
   cleanUp
 } from './helper.js';
 
+const isLibraryBased = await getLibraryBased();
+
 export function getCustomTasks(componentKey, sourceMap, devBuild, content, options) {
   const sDevBuild = devBuild ? '(dev build)' : '';
   // eslint-disable no-unneeded-ternary,no-nested-ternary
@@ -60,6 +62,11 @@ export function getCustomTasks(componentKey, sourceMap, devBuild, content, optio
 }
 
 export default async options => {
+  if (isLibraryBased) {
+    console.log(`Command only supported for ${chalk.bold.green('non library based')} components.`)
+    process.exit();
+  }
+
   showVersion();
 
   const components = await getComponents();