@pega/custom-dx-components 0.25.25 → 0.25.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/custom-dx-components",
-  "version": "0.25.25",
+  "version": "0.25.26",
   "description": "Utility for building custom UI components",
   "bin": "./bin/index.js",
   "scripts": {

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

@@ -49,10 +49,6 @@
     "exportLibVersion": "custom-dx-components exportArchive",
     "validate": "custom-dx-components buildComponent",
     "validateAll": "custom-dx-components buildAllComponents",
-    "_***Local component server***": "Commands to lauch local component server for debugging of run time",
-    "localDev": "node scripts/esbuild.dev.js",
-    "localGenerate": "node scripts/main.js",
-    "localStart": "npm run localGenerate && npm run localDev",
     "_***Internal_only***": "Internal usage only",
     "_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",
     "_internal-test": "echo 'Running functional and unit tests will DELETE existing local components, proceed (y/n)?' && read proceed && if test \"$proceed\" = \"y\"; then npm run _internal-test-full; fi ",
@@ -111,7 +107,7 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@pega/configs": "^0.16.2",
-    "@pega/custom-dx-components": "~0.25.25",
+    "@pega/custom-dx-components": "~0.25.26",
     "@pega/pcore-pconnect-typedefs": "^4.1.0-alpha.1",
     "@storybook/addon-actions": "^7.6.19",
     "@storybook/addon-essentials": "^7.6.19",
@@ -157,7 +153,6 @@
     "storybook": "^7.6.19",
     "stylelint": "^16.10.0",
     "ts-jest": "^29.2.5",
-    "typescript": "~5.5.4",
-    "esbuild": "^0.25.0"
+    "typescript": "~5.5.4"
   }
 }

package/src/util.js

@@ -1572,7 +1572,8 @@ if (showDebug) addDebugLog("updateC11NB2SForInfinity", "", "");
 
       const objOauthData = JSON.parse(OAuthData);
       objOauthData["C11NB2S"] = bootstrap.tokens.C11NB2S;
-      objOauthData["appStaticContentServer"] = bootstrap.serviceConfig.appStaticContentServer;
+      // objOauthData["appStaticContentServer"] = bootstrap.serviceConfig.appStaticContentServer;
+      objOauthData["appStaticContentServer"] = (bootstrap.serviceConfig.appStaticContentServer != "no-cdn" && bootstrap.serviceConfig.appStaticContentServer != "") ? bootstrap.serviceConfig.appStaticContentServer : bootstrap.serviceConfig.staticContentServer;
 
       // write out file
       fs.writeFileSync(TOKEN_PATH, JSON.stringify(objOauthData), { encoding: 'utf8',flag:'w' });

package/src/tasks/init/template/scripts/components.json

@@ -1,3 +0,0 @@
-{
-  "components": []
-}

package/src/tasks/init/template/scripts/esbuild.dev.js

@@ -1,34 +0,0 @@
-import esbuild from 'esbuild';
-
-async function startDevServer() {
-  const ctx = await esbuild.context({
-    entryPoints: ['scripts/index.ts'],
-    bundle: true,
-    outdir: 'dist',
-    sourcemap: true,
-    loader: { '.js': 'jsx' },
-    platform: 'browser',
-    logLevel: 'info',
-  });
-
-  // Initial build
-  await ctx.rebuild();
-  console.log('✨ Initial build complete');
-
-  // Watch for changes
-  await ctx.watch();
-  console.log('👀 Watching for changes...');
-
-  let { host, port } = await ctx.serve({
-    servedir: 'dist',
-    port: 3030,
-    host: 'localhost'
-  });
-
-  console.log(`🚀 Development server running at http://${host}:${port}`);
-}
-
-startDevServer().catch((err) => {
-  console.error('Error:', err);
-  process.exit(1);
-});

package/src/tasks/init/template/scripts/index.mustache

@@ -1,26 +0,0 @@
-export const loadable = (importFn: () => Promise<any>, componentName: string) => {
-  return async () => {
-    if (!PCore.getComponentsRegistry().lazyMap[componentName]) {
-      const component = await importFn();
-      PCore.getComponentsRegistry().lazyMap[componentName] = component.default;
-    }
-  };
-};
-
-const reactComponentsMap = {
-  {{#components}}
-  {{name}}: {
-    modules: [
-      loadable(
-        () =>
-          import(
-            /* webpackChunkName: "{{name}}" */ "../src/components/{{name}}/index"
-          ),
-        "{{name}}"
-      ),
-    ],
-    scripts: [],
-  },
-  {{/components}}
-};
-PCore.getComponentsRegistry().mergeComponentsMap(reactComponentsMap);

package/src/tasks/init/template/scripts/index.ts

@@ -1 +0,0 @@
-/* entry point for component map */

package/src/tasks/init/template/scripts/main.js

@@ -1,75 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-import Mustache from 'mustache';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const componentsDir = path.join(__dirname, '../src/components');
-const componentsJsonPath = path.join(__dirname, './components.json');
-
-async function populateComponents() {
-  try {
-    if (!fs.existsSync(componentsDir)) {
-      throw new Error(`Components directory not found: ${componentsDir}`);
-    }
-
-    const componentNames = fs.readdirSync(componentsDir)
-      .filter(file => {
-        const componentPath = path.join(componentsDir, file);
-        const configPath = path.join(componentPath, 'config.json');
-        return fs.statSync(componentPath).isDirectory() && fs.existsSync(configPath);
-      })
-      .map(dir => {
-        const configPath = path.join(componentsDir, dir, 'config.json');
-        const config = JSON.parse(fs.readFileSync(configPath, 'utf8'));
-        return config.componentKey || dir;
-      });
-
-    const data = { components: componentNames };
-    fs.writeFileSync(componentsJsonPath, JSON.stringify(data, null, 2));
-    console.log('Components list updated:', componentNames);
-    return componentNames;
-  } catch (err) {
-    console.error('Error populating components:', err.message);
-    process.exit(1);
-  }
-}
-
-async function generateIndex(components) {
-  try {
-    const templatePath = path.join(__dirname, './index.mustache');
-    const outputPath = path.join(__dirname, './index.ts');
-
-    if (!fs.existsSync(templatePath)) {
-      throw new Error('Template file missing: index.mustache');
-    }
-
-    const template = fs.readFileSync(templatePath, 'utf-8');
-    const templateData = {
-      components: components.map(name => ({ name }))
-    };
-
-    const output = Mustache.render(template, templateData);
-
-    // Ensure src directory exists
-    const srcDir = path.dirname(outputPath);
-    if (!fs.existsSync(srcDir)) {
-      fs.mkdirSync(srcDir, { recursive: true });
-    }
-
-    fs.writeFileSync(outputPath, output, 'utf-8');
-    console.log('Generated exports for components:', components);
-  } catch (err) {
-    console.error('Error generating index:', err.message);
-    process.exit(1);
-  }
-}
-
-async function main() {
-  const components = await populateComponents();
-  await generateIndex(components);
-}
-
-main();