@pega/custom-dx-components 0.0.1 → 0.23.1

package/src/tasks/init/template/README.md

@@ -8,23 +8,26 @@ This project provides you with an environment to extend Constellation by giving
 
 Ensure you have access to the following in your system:
 
-- Pega Infinity Server version 8.7 and above
+- Pega Infinity Server version 8.7 or later
 
-- Git version 2.30 and above
+- Git version 2.30 or later
 
-- System node version 14 and above
+- System node version 18
 
-- System npm version 6 and above
+- System npm version 8
 
 ## Initialize a project
 
 Initialize the project by performing the following procedure in a terminal:
 
 1. Enter the following command to initialize the project.
-`npx @pega/custom-dx-components init`
+
+   Pega 8.7 - `npx @pega/custom-dx-components@1 init`
+
+   Pega 8.8 - `npx @pega/custom-dx-components@2 init`
 
 2. If prompted, enter `y` to install the Custom UI Components package.
-You will then be asked to set up the project by entering the required details.
+   You will then be asked to set up the project by entering the required details.
 
 3. Enter the following details:
     - Name of the project (required)
@@ -38,7 +41,7 @@ Example - `This project is intended to create and publish a custom component.`
     - Git repository URL (optional)
 Example - `https://git.custom-components.io/custom-cc.git`
     - Author (optional)
-Example - `Michelle`
+   Example - `Michelle`
 
 The workspace is now set up to create custom components and publish them to the server.
 
@@ -47,7 +50,7 @@ The workspace is now set up to create custom components and publish them to the
 Create custom components using the following procedure:
 
 1. Enter the following command to create a component:
-`npm run create`
+    `npm run create`
 You will then be asked to enter or review the following details of the component:
     - Name of the component (required)
 Example - `customcomp0`
@@ -62,21 +65,22 @@ Example - `Field`
     - Sub-type of component (required)
 Example - `Text`
     - Description of the component (optional)
-Example - `This is a customized searchbox that filters data.`
+    Example - `This is a customized searchbox that filters data.`
 The component is created in the following path:  _/Users/your_user_name/project_name/src/components/component_name_
-You can also pre-configure the values for the above options in a tasks.config.json file as shown below.
-
-    ```json
-    {
-        "component": {
-            "library": "basic",
-            "type": "field",
-            "subtype": "text",
-            "description": "basic field for capturing textual data",
-            "icon": "basic-field-text.svg"
+    You can also pre-configure the values for the above options in a tasks.config.json file as shown below.
+
+        ```json
+        {
+            "component": {
+                "library": "basic",
+                "version": "0.0.1",
+                "type": "field",
+                "subtype": "text",
+                "description": "basic field for capturing textual data",
+                "icon": "basic-field-text.svg"
+            }
         }
-    }
-    ```
+        ```
 >**Note**:
 Alternatively, you can enter the following command to skip entering the details of the component now and can manually enter the details in the config.json file after the component is created:
 `npm run create <enter_component_name>`
@@ -85,7 +89,7 @@ A _src/components_ folder is created and the necessary files required to build t
 
     ```sh
     ├── src
-       ├── components
+       ├── components
             ├── <component_name>
                 ├── index.js
                 ├── demo.stories.js
@@ -99,13 +103,19 @@ The *config.json* file contains the mapping of properties for configuring the au
 
 
 2. Enter the following command to start the storybook to view the demo.
-`npm start`
+   `npm start`
 
 3. Modify the source files to build your own component. You can also install and import third-party libraries if required for your component.
 
 The custom component is now created. We use the information provided to create uniquely namespaced components in this convention - `<organization>_<library>_<component name>`.
 
+4. local build, you can build the component locally to check for config validation and component validation. Enter
+   `npm buildComponent`
+
+   buildComponent will do the same first 2 steps as publish, but will not publish to the server. This allows you to compile your component locally and fix errors before publish.
+
 ## Authenticate the user
+
 Before we publish the custom component to the Pega Infinity Server, authenticate the user to access the resources in the Pega Infinity Server.
 
 >**Note**:
@@ -113,53 +123,57 @@ It is required that you configure a value for clientId, clientSecret, and access
 1. Login to Pega Infinity Server, navigate to Records / Security / OAuth 2.0 Client Registration landing page and open the *DX-CustomComponents* record.
 2. Click **Regenerate Client Secret**, download the Client Credentials (as the Client ID, Client Secret, and Access token endpoint will be needed), and save the record.
 3. Update the the task.config.json file with these downloaded values:
-    ```json
-    "server-config": {
-        "server": "https://127.0.0.1:8080/prweb",
-        "user": "customcomponentoperator",
-        "password": "pwd",
-        "clientId": "<mention client ID here>",
-        "clientSecret": "<mention client secret here>",
-        "accessTokenUri": "https://127.0.0.1:8080/prweb/PRRestService/oauth2/v1/token"
-    },
-    ```
+   ```json
+   "server-config": {
+       "server": "https://127.0.0.1:8080/prweb",
+       "user": "customcomponentoperator",
+       "password": "pwd",
+       "clientId": "<mention client ID here>",
+       "clientSecret": "<mention client secret here>",
+       "accessTokenUri": "https://127.0.0.1:8080/prweb/PRRestService/oauth2/v1/token"
+   },
+   ```
 4. Enter the following command to initiate authentication.
-`npm run authenticate`
+   `npm run authenticate`
 
 The user is now authenticated and can proceed to either publish or list the components.
 
 ## Publish custom components
 Enter the following command to publish custom components to Pega Infinity Server:
 `npm run publish`
+`npm run publishAll`
 Publish the finalized custom components changes to Pega Infinity Server so that it can be discoverable in authoring (design palette).
 You will then be asked to enter the following details:
 
 - The component to be published to Pega Infinity Server. It will be updated if the component exists.
+  - If publishAll, then you won't get a list
 - The name of the ruleset where the component must be published.
 - The version of the ruleset where the component must be published.
 - Specify if the development build should be generated for debugging.
-You can also pre-configure the values for the above options in a tasks.config.json file as shown below. The server, user name, and password must be pre-configured.
-
-    ```json
-    {
-        "components-server-config": {
-            "server": "http://127.0.0.1:8080/prweb",
-            "user": "customcomponentoperator",
-            "password": "pwd"
-            "rulesetName": "TestPega-C11nGall",
-            "rulesetVersion": "01-01-03",
-            "sourceOfComponents": "Server",
-            "devBuild": false,
-        }
-    }
-    ```
-    When the component is successfully published, you can use the newly published component in App Studio's view authoring.
 
+  - If publishAll, will sequentiall go through the list of local components and publish them
+    You can also pre-configure the values for the above options in a tasks.config.json file as shown below. The server, user name, and password must be pre-configured.
+
+        ```json
+        {
+            "components-server-config": {
+                "server": "http://127.0.0.1:8080/prweb",
+                "user": "customcomponentoperator",
+                "password": "pwd"
+                "rulesetName": "TestPega-C11nGall",
+                "rulesetVersion": "01-01-03",
+                "sourceOfComponents": "Server",
+                "devBuild": false,
+            }
+        }
+        ```
+        When the component is successfully published, you can use the newly published component in App Studio's view authoring.
 
->**Note**:
-The Rule-UI-Component instance (with component name) is created on the Pega Infinity Server after publishing the component.
+> **Note**:
+> The Rule-UI-Component instance (with component name) is created on the Pega Infinity Server after publishing the component.
 
 ## List custom components
+
 View the available components in the local machine or the server.
 
 Enter the following command to list custom components:
@@ -168,37 +182,42 @@ Enter the following command to list custom components:
 You will then be asked to enter the following details:
 
 - List components from Server or Local?
-Example - `Server`
+  Example - `Server`
 
 The custom components will now be listed in the terminal.
 
 ## Delete custom components
+
 Delete the available or published components in the local machine or the server.
 
 Enter the following command to delete custom components:
 `npm run delete`
+`npm run deleteAll`
 
 You will then be asked to enter the following details:
 
 - Delete components from Server or Local?
-Example - `Local`
+  Example - `Local`
 
 - Select component to delete
-The list of available components in the following path will be displayed:  _/Users/your_user_name/project_name/src/components
-Select the component to be deleted from this list.
+  The list of available components in the following path will be displayed: \_/Users/your_user_name/project_name/src/components
+  Select the component to be deleted from this list.
+- For deleteAll you will see the full list and asked if you want to delete them all.
 
 - Are you sure?
-Example - `yes`
+  Example - `yes`
 
->**Note**:
-If you choose to delete components from the server, the successfully published components along with their ruleset name and ruleset version from the Pega Infinity Server will be displayed. Select the component to be deleted from this list.
+> **Note**:
+> If you choose to delete components from the server, the successfully published components along with their ruleset name and ruleset version from the Pega Infinity Server will be displayed. Select the component to be deleted from this list.
 
 ## View existing custom components in storybook
+
 View custom components in a storybook by performing the following procedure:
+
 1. Enter the following command to open the project.
-`cd <enter your project's name>`
+   `cd <enter your project's name>`
 
 2. Enter the following command to start the storybook in development mode.
-`npm start`
+   `npm start`
 
 The storybook is launched in a browser where you can view the components working in isolation.

package/src/tasks/init/template/keys/dxcb.crt

@@ -0,0 +1,32 @@
+-----BEGIN CERTIFICATE-----
+MIIFezCCA2OgAwIBAgIJAKvPeOFKh/IbMA0GCSqGSIb3DQEBCwUAMHAxCzAJBgNV
+BAYTAlVTMRYwFAYDVQQIDA1NYXNzYWNodXNldHRzMRAwDgYDVQQHDAdXYWx0aGFt
+MRQwEgYDVQQKDAtQZWdhc3lzdGVtczENMAsGA1UECwwERFhJTDESMBAGA1UEAwwJ
+bG9jYWxob3N0MB4XDTIzMDQyMTE4NTMxMVoXDTMzMDQxODE4NTMxMVowcDELMAkG
+A1UEBhMCVVMxFjAUBgNVBAgMDU1hc3NhY2h1c2V0dHMxEDAOBgNVBAcMB1dhbHRo
+YW0xFDASBgNVBAoMC1BlZ2FzeXN0ZW1zMQ0wCwYDVQQLDAREWElMMRIwEAYDVQQD
+DAlsb2NhbGhvc3QwggIiMA0GCSqGSIb3DQEBAQUAA4ICDwAwggIKAoICAQDKbZth
+6JcD8kP81Nib1z8kzCAAxQHFOArWmEpJA5jXgLoSmxCFDrcSNx9oEGvQc81dFlfD
+S9kjMZAFkrLi/ECG2gVfdaE8DXX7Qt45zG8fqXYqi60+Iqe0n3Lc4tujgXaJ1J2c
+AWRNImFFyvkl7OxZQE2hHrkz/6DMSKkah9na+Q3lpSEVTjJ2SKrJ+7mkLsGkRLcK
+52dA5J5Lz+8sBCP3m7xz9f01zgvryTo8cM5JPFafJwyZ20Bca+DVc3atdYyMgeYr
+1VQFusfRLTFSYad86S7bowWxi9tXXK9eDYxtUlnP2nE6co6LS9JJISGagCQ1qjeM
+Xvid1NwtOctzrGfY6oAmGcKVee8nSYML6giJsD3ElJ9R9MUMXnzrxd3hTyLj3cpO
+t5RPJSBfau+rFsPRPNg06YBkTK4IxNR05bJwLhi7ZA29AX02Jq8ZozgilhVCK97V
+nsTHe7PqyRrmipm3bgxLmH82euNiZe6R5hPxoFYaNP8PCLsGtokL35R2nsVBXXjB
+uKYzsNMulkF31U/ViL2D8wVikKCcoHarid4c4Bf0Ghb7zlXUk+xfqoBdPfwXms/B
+gTQMupQe75BwuT6Maowd3jXrGER4KFJ/bNOiMsDPzyFtiCk+S3014woe8eYiUm/W
+5dwFsFOAPoSA1K+dZjVgTG+zhQgvn8TygLPKIQIDAQABoxgwFjAUBgNVHREEDTAL
+gglsb2NhbGhvc3QwDQYJKoZIhvcNAQELBQADggIBAKYjlsRqzet4pO9tYwCV9GxQ
+bECrjWopxTBIFK13YAK+RzwxMJlwwBRDWliCrn/UUuO4zD9rw2XqsoSq+RzOqQkK
+5e+Pp79uRm1xIJ3oy+6dIGRP9hbCWfbEdGtjh/8AKz2xPDhrqtBgwSiaGQ1oWXso
+x4lJZnCR0pPRoFyqi79og59S8/odyHq5SEgQW8vPh+pIH4czhd+5cb2FMZxE1Plu
+QG11FwYg8lsyNUHHSCg8Vnn46OxKZ6F09tGRHiJlCB2L5o+a4xyOIv+czl9HuMFv
+MR1qcXosWmqH3emMus0C4VveY55Q+lFmv/PIMLsmPlqyvSK9zZXE506h0oq4CBxF
+32T/YaqUWgC/PmsXAyiYEiuAuZhcv80faRINiTspFo2cB34L8Wm+xvHIXWrli4aS
+DiF6sCXlOkgnj1go9s8hmUelsLP3HSnCQUTFp8Vi8RIdgdNCL/9CnFskPnkFFi9L
+BNeNYKmkH5b67LO7fuikuft1JVADdwDmoUdqg+XjtRgeaF6Yq4MhKc1W/692Nqdc
+as22sYgwQY+XyYKBlupvTt5ecE+u1VR9EEOYaYNH4yS9Ce4XqXGZ76m1iEtD9dkw
+8gr35XcCvdqpBfyR5aPeJ7upQOhCAD9oPCd1tI9yWXkR33rWNXp99EAHqneh1g3Q
+TLbK+ysRRoMakF3lLhaZ
+-----END CERTIFICATE-----

package/src/tasks/init/template/keys/dxcb.key

@@ -0,0 +1,51 @@
+-----BEGIN RSA PRIVATE KEY-----
+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
+-----END RSA PRIVATE KEY-----

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

@@ -5,17 +5,24 @@
   "organization": "{{organization}}",
   "main": "src/index.js",
   "scripts": {
-    "start": "start-storybook --port 6040 --quiet",
+    "startStorybook": "start-storybook --port 6040 --quiet",
     "build": "tsc -b tsconfig.build.json",
     "lint": "run-p -cl lint:*",
     "fix": "run-p -cl fix:*",
     "authenticate": "custom-dx-components authenticate",
+    "buildComponent": "custom-dx-components buildComponent",
+    "buildAllComponents": "custom-dx-components buildAllComponents",
     "create": "custom-dx-components create",
+    "createAll": "custom-dx-components createAll",
+    "generateWithAI": "custom-dx-components generateWithAI",
     "publish": "custom-dx-components publish",
+    "publishAll": "custom-dx-components publishAll",
+    "rename": "custom-dx-components rename",
     "list": "custom-dx-components list",
     "validate-schema": "custom-dx-components validateSchema",
     "update": "custom-dx-components update",
     "delete": "custom-dx-components delete",
+    "deleteAll": "custom-dx-components deleteAll",
     "lint:types": "tsc --noEmit",
     "lint:es": "eslint .",
     "lint:styles": "stylelint \"./**/*.@(js|jsx|ts|tsx)\"",
@@ -35,35 +42,51 @@
   "license": "Enter License",
   "sideEffects": false,
   "dependencies": {
-    "@pega/cosmos-react-core": "^3.0.0-dev.3.0",
-    "polished": "^4.1.4",
+    "@pega/cosmos-react-core": "^3.0.1",
+    "@pega/cosmos-react-work": "3.0.1",
+    "dayjs": "^1.11.5",
+    "polished": "^4.2.2",
+    "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-autosuggest": "^10.1.0",
     "react-dom": "^17.0.2",
-    "react-player": "^2.9.0",
-    "styled-components": "^5.3.3",
-    "prop-types": "^15.8.1",
-    "@storybook/addon-knobs": "^6.3.1"
+    "react-is": "^18.2.0",
+    "react-player": "^2.10.1",
+    "react-redux": "^7.2.6",
+    "styled-components": "^5.3.5"
   },
   "devDependencies": {
-    "@pega/configs": "^0.3.2",
-    "@pega/custom-dx-components": "^0.0.1",
-    "@storybook/addon-actions": "^6.4.19",
-    "@storybook/addon-essentials": "^6.4.19",
-    "@storybook/addon-links": "^6.4.19",
-    "@storybook/addon-storysource": "^6.4.19",
-    "@storybook/builder-webpack5": "^6.4.19",
-    "@storybook/manager-webpack5": "^6.4.19",
-    "@storybook/react": "^6.4.19",
+    "@pega/configs": "^0.5.3",
+    "@pega/custom-dx-components": "^0.23.1",
+    "@pega/eslint-config": "^0.3.2",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/addon-knobs": "^6.3.1",
+    "@storybook/addon-storysource": "^6.5.12",
+    "@storybook/builder-webpack5": "^6.5.12",
+    "@storybook/manager-webpack5": "^6.5.12",
+    "@storybook/react": "^6.5.12",
     "@types/emoji-mart": "^3.0.9",
     "@types/react": "^17.0.39",
     "@types/react-color": "^3.0.6",
     "@types/react-dom": "^17.0.11",
-    "@types/styled-components": "^5.1.22",
-    "eslint": "^8.9.0",
+    "@types/styled-components": "^5.1.26",
+    "@typescript-eslint/eslint-plugin": "^5.6.0",
+    "eslint": "^8.4.1",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-jest": "^25.3.0",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-mdx": "^2.0.5",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-sonarjs": "^0.11.0",
+    "jest": "^29.3.1",
+    "jest-environment-jsdom": "^29.3.1",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.5.1",
-    "stylelint": "^14.5.1",
-    "typescript": "~4.5.5"
+    "prettier": "2.7.1",
+    "stylelint": "^14.11.0",
+    "typescript": "~4.8.3"
   }
 }

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

@@ -1,19 +1,33 @@
 {
   "components-directory-path": "src/components",
   "server-config": {
-    "server": "https://localhost:38764/prweb",
-    "user": "user",
-    "password": "password",
     "rulesetName": "rulesetName",
     "rulesetVersion": "rulesetVersion",
     "sourceOfComponents": "Server",
     "devBuild": false,
-    "clientId": "",
-    "clientSecret": ""
+    "serverType": "infinity",
+    "server": "https://localhost:38764/prweb",
+    "servicesServer": "https://staging.constellation.pega.io/c11n-appstatic/8.9.0-dev-13180",
+    "clientId": "10095186356008396159",
+    "clientSecret_comment": "Needed only when using 'passwordCreds' or 'clientCreds' grantType",
+    "clientSecret": "",
+    "grantType": "authCode",
+    "redirectUri": "https://localhost:4010/",
+    "cert_and_key_comment": "Path to SSL certificate file and SSL key file to use when starting local HTTPS server",
+    "cert_and_key_comment2": "Needed only when using 'authCode' grantType and redirectUri begins with 'https://localhost'",
+    "cert": "./keys/dxcb.crt",
+    "key": "./keys/dxcb.key",
+    "user_and_password_comment": "useful primarily when grantType is set to 'passwordCreds'",
+    "user": "",
+    "password": "",
+    "questions_comment": "useful for designating certain questions should always or never be asked during npm run authenticate",
+    "questions_askAlways": "",
+    "questions_askNever": ""
   },
   "component": {
     "library": "",
     "type": "",
+    "version": "",
     "subtype": "",
     "description": "",
     "icon": ""

package/src/tasks/init/template/templateNPMRC.txt

@@ -0,0 +1,8 @@
+# Use default npmjs registry for the SDKs
+registry = https://registry.npmjs.org/
+# For now, turn off npm auto-install of peer dependencies to get rid of warnings
+legacy-peer-deps=true
+# Turn off messages such as > react-sdk@0.1.0 list and > dx-component-builder-sdk list
+loglevel=silent
+#
+#

package/src/tasks/linter/index.js

@@ -0,0 +1,46 @@
+import { ESLint } from 'eslint';
+import chalk from 'chalk';
+
+export const lintComponent = async (dirToLint) => {
+  // console.log("in dx-component-builder-sdk: lintComponent - dirToLint: " + dirToLint);
+  console.log(chalk.green(` linting ${dirToLint}`));
+
+  // 1. Create an instance.
+  const eslint = new ESLint();
+
+  // 2. Lint files.
+  const results = await eslint.lintFiles([dirToLint]);
+
+  // 3. Format the results.
+  const formatter = await eslint.loadFormatter("stylish");
+  const resultText = formatter.format(results);
+
+  // 4. Output it.
+  // console.log(`lint resultText: ${resultText}`);
+  console.log(resultText);
+
+  // Indicate linting is complete
+  console.log(chalk.green(` linting complete...`));
+};
+
+// inpsired by https://eslint.org/docs/latest/developer-guide/nodejs-api
+
+// (async function main() {
+//   // 1. Create an instance.
+//   const eslint = new ESLint();
+
+//   // 2. Lint files.
+//   const results = await eslint.lintFiles(["lib/**/*.js"]);
+
+//   // 3. Format the results.
+//   const formatter = await eslint.loadFormatter("stylish");
+//   const resultText = formatter.format(results);
+
+//   // 4. Output it.
+//   console.log(resultText);
+// })().catch((error) => {
+//   process.exitCode = 1;
+//   console.error(error);
+// });
+
+export default lintComponent;

package/src/tasks/list/helper.js

@@ -4,7 +4,7 @@ import https from 'https';
 import chalk from 'chalk';
 import fetch from 'node-fetch';
 
-import { LIST_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
+import { LIST_COMPONENT_SERVICE_REST_ENDPOINT, LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
 import { constructCompleteUrl, getComponents, getPegaServerConfig } from '../../util.js';
 
 export const SOURCE_OF_COMPONENT_TYPES = {
@@ -42,9 +42,10 @@ export const listLocalComponents = async sourceOfComponents => {
 
 export const getComponentsFromServer = async data => {
   const defaultPegaServerConfig = await getPegaServerConfig();
+  const isLaunchpad = defaultPegaServerConfig.serverType === 'launchpad';
   const url = constructCompleteUrl(
     defaultPegaServerConfig.server,
-    LIST_COMPONENT_SERVICE_REST_ENDPOINT
+    isLaunchpad ? LP_LIST_COMPONENT_SERVICE_REST_ENDPOINT :  LIST_COMPONENT_SERVICE_REST_ENDPOINT
   );
   return new Promise((resolve, reject) => {
     try {
@@ -63,12 +64,19 @@ export const getComponentsFromServer = async data => {
             refresh_token: refreshToken
           } = JSON.parse(data);
           let status = 500;
+
+          const headers = {
+            Authorization: `${tokenType} ${accessToken}`
+          }
+
+          if(isLaunchpad) {
+            headers.cookie = `Pega-AAT=${accessToken}`;
+          }
+
           fetch(url, {
             method: 'GET',
             agent: new https.Agent({ rejectUnauthorized: false }),
-            headers: {
-              Authorization: `${tokenType} ${accessToken}`
-            }
+            headers
           })
             .then(response => {
               status = response.status;
@@ -100,8 +108,13 @@ export const getComponentsFromServer = async data => {
 
 export const displayServerComponents = async data => {
   const defaultPegaServerConfig = await getPegaServerConfig();
+  const isLaunchpad = defaultPegaServerConfig.serverType === 'launchpad';
   const parsedData = JSON.parse(data);
-  const componentList = parsedData.pxResults?.map(({ label, pyRuleSet, pyRuleSetVersion }) => ({
+  const list = isLaunchpad ? parsedData.components : parsedData.pxResults;
+  /**
+   * TODO: Need to modify the components list mapping code to support Launchpad components
+   */
+  const componentList = list?.map(({ label, pyRuleSet, pyRuleSetVersion }) => ({
     'Rule name': label,
     'Ruleset name': pyRuleSet,
     'Ruleset version': pyRuleSetVersion

package/src/tasks/list/index.js

@@ -10,6 +10,8 @@ import {
   getListComponentsQuestions
 } from './helper.js';
 
+import { showVersion } from '../../util.js';
+
 const getList = async (sourceOfComponents, answers) => {
   switch (sourceOfComponents) {
     case SOURCE_OF_COMPONENT_TYPES.LOCAL: {
@@ -32,6 +34,8 @@ const getList = async (sourceOfComponents, answers) => {
 };
 
 export default async options => {
+  showVersion();
+
   let sourceOfComponentsOption = SOURCE_OF_COMPONENT_TYPES.LOCAL;
 
   if (options.params[3] === SOURCE_OF_COMPONENT_TYPES.LOCAL) {

package/src/tasks/publish/helper.js

@@ -75,11 +75,13 @@ export const zipComponent = async componentKey => {
   const zipContent = zip.toBuffer().toString('base64');
 
   const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
+
   fs.rmdir('dist', { recursive: true }, err => {
     if (err) {
       throw err;
     }
   });
+
   return { zipContent, configContent };
 };
 
@@ -125,7 +127,7 @@ export const publishComponentToServer = async data => {
           const respData = JSON.parse(resp);
           if (status === 401) {
             throw new Error(
-              'Error occured in authentication. Please regenerate using authenticate'
+              'Error occurred in authentication. Please regenerate using authenticate'
             );
             // console.log(accessTokenUri, refreshToken);
             /* TODO - Handle refresh_token */
@@ -135,11 +137,18 @@ export const publishComponentToServer = async data => {
             throw new Error(`${respData.message}`);
           }
         })
-        .catch(e => Promise.reject(`${chalk.bold.red(e)}`));
+        .catch( e => {
+          if (e.code == 'ECONNREFUSED') {
+            Promise.reject(`${chalk.bold.red('Error occurred in authentication. Please regenerate using authenticate')}`);
+          }
+          else {
+            Promise.reject(`${chalk.bold.red(e)}`);
+          }
+        })
     } else {
-      throw new Error(`Error occured in authentication. Please regenerate using authenticate`);
+      throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
     }
   } catch (err) {
-    throw new Error(`Error occured in authentication. Please regenerate using authenticate`);
+    throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
   }
 };