@pega/custom-dx-components 0.25.38 → 0.25.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.25.38",
+  "version": "0.25.40",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {
@@ -19,7 +19,7 @@
     "@babel/plugin-transform-class-properties": "^7.27.1",
     "@babel/preset-react": "^7.27.1",
     "@pega/auth": "^0.2.24",
-    "@pega/constellation-dx-components-build-utils": "^2.0.4",
+    "@pega/constellation-dx-components-build-utils": "^2.0.5",
     "@pega/inquirer-fuzzy-path": "^3.0.0",
     "ajv": "^8.17.1",
     "ajv-keywords": "^5.1.0",

package/src/cli.js

@@ -42,7 +42,8 @@ import {
   updateComponent,
   validate,
   upgrade,
-  buildJestAssets
+  buildJestAssets,
+  startDevServer
 } from './tasks/index.js';
 
 const TASKS = {
@@ -86,7 +87,8 @@ const TASKS = {
   IMPORT_COMP: 'importComponent',
   AUTHENTICATE: 'authenticate',
   UPGRADE: 'upgrade',
-  BUILD_JEST_ASSETS: 'buildJestAssets'
+  BUILD_JEST_ASSETS: 'buildJestAssets',
+  START_DEV_SERVER: 'startDevServer'
 };
 
 const parseArgumentsIntoOptions = rawArgs => {
@@ -276,6 +278,10 @@ export default async (args = []) => {
       buildJestAssets(options);
       break;
     }
+    case TASKS.START_DEV_SERVER: {
+      startDevServer(options);
+      break;
+    }
     default: {
       console.log(chalk.red(`No task matched with ${task}`));
       break;

package/src/tasks/dev-server/index.js

@@ -0,0 +1,31 @@
+import { join } from 'path';
+import chalk from 'chalk';
+
+import {
+  showVersion,
+  getConfigDefaults,
+  getConfigDevServerPort
+ } from '../../util.js';
+
+ import { devServerStart } from '@pega/constellation-dx-components-build-utils/index.js';
+
+
+
+ export default async options => {
+
+
+  await showVersion();
+  const devPort = await getConfigDevServerPort();
+  const confDef = getConfigDefaults();
+
+  console.log("");
+  console.log(`Debugging Library: ${chalk.bold.green(`${confDef.currentOrgLib}/${confDef.version}`)}`);
+  console.log(`Starting dev server: ${chalk.bold.green(`http://localhost:${confDef.devServerPort}`)}\n`);
+  console.log(chalk.yellow(`Be sure you have your PegaInfinity Operator using the above URL.`));
+  console.log("");
+
+
+  // call dev server start
+  devServerStart(confDef.currentOrgLib, confDef.version, confDef.devServerPort);
+
+};

package/src/tasks/index.js

@@ -39,3 +39,4 @@ export { default as buildLibrary } from './build-lib/index.js';
 export { default as buildJestAssets } from './build-jest-assets/index.js';
 export { default as restoreConfig } from './restore-config/index.js';
 export { default as restore } from './restore/index.js';
+export { default as startDevServer } from './dev-server/index.js';

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

@@ -42,6 +42,7 @@
     "move": "custom-dx-components moveComponent",
     "publishLibVersion": "custom-dx-components publish",
     "restoreLibVersion": "custom-dx-components restore",
+    "startDevServer": "custom-dx-components startDevServer",
     "storeLibVersion": "custom-dx-components storeComponents",
     "showStatus": "custom-dx-components showStatus",
     "setPermanent": "custom-dx-components setPermanent",
@@ -107,7 +108,7 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@pega/configs": "^0.16.3",
-    "@pega/custom-dx-components": "~0.25.38",
+    "@pega/custom-dx-components": "~0.25.40",
     "@pega/pcore-pconnect-typedefs": "^4.1.0-alpha.1",
     "@storybook/addon-actions": "^8.6.14",
     "@storybook/addon-essentials": "^8.6.14",

package/src/tasks/show-help/index.js

@@ -115,6 +115,10 @@ export const showHelpV2 = (isCL) => {
   console.log("");
   console.log(`${chalk.cyan('npm run startStorybook')}\t\tstorybook components for testing`);
   console.log(`${chalk.cyan('npm run test')}\t\t\trun component unit tests`);
+  if (isCL) {
+    console.log(`${chalk.cyan('npm run startDevServer')}\t\tdebug runtime with VS Code break points using a local component server`);
+  }
+
   console.log("");
 
   console.log(`\n${chalk.underline(`Notes`)}`);

package/src/util.js

@@ -36,8 +36,6 @@ import {
   LIBRARY_BASED_CL,
   USE_INPUT_CONFIG,
   SHARED_DIRECTORY,
-  SHOW_DEBUG,
-  COMPONENTS_PATH,
   COMPONENT_SCHEMA,
   ARCHIVES_PATH,
   BIN_ARCHIVES_PATH,
@@ -64,6 +62,7 @@ let defaultConfigs = {
   isLibraryBased: false,
   isLibraryBasedCL: false,
   devBuild: true,
+  devServerPort: "",
   library: "",
   organization: "",
   currentOrgLib: "",
@@ -121,6 +120,7 @@ export const setUpDefaults = async () => {
     isLibraryBased: false,
     isLibraryBasedCL: false,
     devBuild: true,
+    devServerPort: "",
     library: "",
     organization: "",
     currentOrgLib: "",
@@ -183,6 +183,7 @@ export const setUpDefaults = async () => {
 
     retrievedConfigData.serverType = data["server-config"].serverType;
     retrievedConfigData.devBuild = data["server-config"].devBuild;
+     retrievedConfigData.devServerPort = data["server-config"].devServerPort;
 
     retrievedConfigData.buildVersion = retrievedConfigData.devBuild ? `${retrievedConfigData.version}-dev` : retrievedConfigData.version;
     retrievedConfigData.currentOrgLib = `${retrievedConfigData.organization}_${retrievedConfigData.library}`;
@@ -1053,6 +1054,14 @@ if (showDebug) addDebugLog("setConfigDevBuild", `devBuild: ${devBuild}`, "");
   fs.writeFileSync(pegaConfigJsonPath, JSON.stringify(configData, null, 4), { encoding: 'utf8',flag:'w' });
 }
 
+export const getConfigDevServerPort = async() => {
+if (showDebug) addDebugLog("getConfigDevServerPort", "", "");
+  // const serverConfig = await getPegaServerConfig();
+
+  return defaultConfigs.devServerPort;
+
+}
+
 export const setConfigImportRelativePath = async (importRelativePath) => {
 if (showDebug) addDebugLog("setConfigImportRelativePath", `importRelativePath: ${importRelativePath}`, "");
   const currentDirectory = process.cwd();