@pega/custom-dx-components 0.0.1 → 0.23.1

package/src/tasks/build/helper.js

@@ -0,0 +1,122 @@
+import fs from 'fs';
+import path from 'path';
+import https from 'https';
+
+import fetch from 'node-fetch';
+import AdmZip from 'adm-zip';
+import chalk from 'chalk';
+
+import {
+  constructCompleteUrl,
+  getComponentDirectoryPath,
+  getComponents,
+  getPegaServerConfig
+} from '../../util.js';
+import { PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT, TOKEN_PATH } from '../../constants.js';
+
+export const getPublishComponentQuestions = async () => {
+  const components = await getComponents();
+  const defaultPegaConfig = await getPegaServerConfig();
+
+  return [
+    {
+      name: 'componentKey',
+      type: 'rawlist',
+      message: 'Select component to build',
+      choices: components
+    },
+    {
+      name: 'sourceMap',
+      message: 'Generate source map ?',
+      default: defaultPegaConfig.sourceMap,
+      when: () => false && !process.env.SOURCE_MAP
+    },
+    {
+      name: 'devBuild',
+      message: 'Generate development build ?',
+      default: defaultPegaConfig.devBuild
+    }
+  ];
+};
+
+export const zipComponent = async componentKey => {
+  const srcDirectory = await getComponentDirectoryPath(componentKey);
+  const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
+  const configJson = `${srcDirectory}/config.json`;
+
+  const zip = new AdmZip();
+
+  zip.addLocalFolder(srcDirectory, 'src/');
+  zip.addLocalFile(configJson);
+  zip.addLocalFolder(buildDirectory);
+  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 };
+};
+
+export const publishComponentToServer = async data => {
+  const { configContent, zipContent, componentKey, rulesetName, rulesetVersion } = data;
+
+  const apiBody = {
+    configContent,
+    zipContent,
+    componentKey: JSON.parse(configContent).componentKey,
+    publishFor: 'constellation',
+    rulesetName,
+    rulesetVersion,
+    category: ''
+  };
+  const defaultPegaConfig = await getPegaServerConfig();
+  const url = constructCompleteUrl(
+    defaultPegaConfig.server,
+    PUBLISH_COMPONENT_SERVICE_REST_ENDPOINT
+  );
+  try {
+    const OauthData = fs.readFileSync(TOKEN_PATH, 'utf8');
+    if (OauthData) {
+      const {
+        access_token: accessToken,
+        token_type: tokenType,
+        refresh_token: refreshToken
+      } = JSON.parse(OauthData);
+      let status = 500;
+      fetch(url, {
+        method: 'POST',
+        agent: new https.Agent({ rejectUnauthorized: false }),
+        headers: {
+          Authorization: `${tokenType} ${accessToken}`
+        },
+        body: JSON.stringify(apiBody)
+      })
+        .then(response => {
+          status = response.status;
+          return response.text();
+        })
+        .then(resp => {
+          const respData = JSON.parse(resp);
+          if (status === 401) {
+            throw new Error(
+              'Error occurred in authentication. Please regenerate using authenticate'
+            );
+            // console.log(accessTokenUri, refreshToken);
+            /* TODO - Handle refresh_token */
+          } else if (status == 200) {
+            console.log(chalk.bold.green(`Success : ${respData.message}`));
+          } else {
+            throw new Error(`${respData.message}`);
+          }
+        })
+        .catch(e => Promise.reject(`${chalk.bold.red(e)}`));
+    } else {
+      throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
+    }
+  } catch (err) {
+    throw new Error(`Error occurred in authentication. Please regenerate using authenticate`);
+  }
+};

package/src/tasks/build/index.js

@@ -0,0 +1,54 @@
+import inquirer from 'inquirer';
+import Listr from 'listr';
+import chalk from 'chalk';
+
+import validate from '../validator/index.js';
+
+import bundleComponent from '../bundle/index.js';
+import lintComponent from '../linter/index.js';
+import { getPublishComponentQuestions } from './helper.js';
+import { getComponentDirectoryPath, showVersion } from '../../util.js';
+
+export default async options => {
+  showVersion();
+
+  const questions = await getPublishComponentQuestions();
+  const answers = await inquirer.prompt(questions);
+  const { componentKey, sourceMap, devBuild } = answers;
+
+  let content = {
+    ...answers
+  };
+
+  const tasks = new Listr(
+    [
+      {
+        title: 'Validate config schema',
+        task: async () => {
+          await validate(componentKey);
+        }
+      },
+      {
+        title: 'Lint component',
+        task: async () => {
+          const targetDirectory = await getComponentDirectoryPath(componentKey);
+          // console.log(`in buildComponent Lint component task: componentKey: ${componentKey} targetDirectory: ${targetDirectory}`);
+          await lintComponent(targetDirectory);
+        }
+      },
+      {
+        title: 'Bundle Component',
+        task: async () => await bundleComponent(componentKey, sourceMap, devBuild),
+        skip: () => (options.skipBundle ? 'Skipped bundling component' : undefined)
+      }
+    ],
+    {
+      exitOnError: true
+    }
+  );
+
+  await tasks.run().catch(err => {
+    console.log(chalk.bold.red(err.toString()));
+  });
+  return true;
+};

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

@@ -0,0 +1,70 @@
+import fs from 'fs';
+import path from 'path';
+
+import AdmZip from 'adm-zip';
+import chalk from 'chalk';
+
+import {
+  getComponentDirectoryPath,
+  getComponents,
+  getPegaServerConfig
+} from '../../util.js';
+import { COMPONENT_SCHEMA } from '../../constants.js';
+
+export const cleanUp = async () => {
+  fs.rm('dist/components', { recursive: true }, err => {
+    if (err) {
+      throw err;
+    }
+  });
+
+  fs.rm('lib', { recursive: true }, err => {
+    if (err) {
+      throw err;
+    }
+  });
+}
+
+
+
+export const getBuildComponentQuestions = async ()  => {
+  const components = await getComponents();
+  const defaultPegaConfig = await getPegaServerConfig();
+
+  if (components.length == 0) {
+    console.log(chalk.bold.yellow(`No components to build`));
+    process.exit(1);
+  }
+
+  return [
+    {
+      name: 'devBuild',
+      message: 'Generate development build ?',
+      default: defaultPegaConfig.devBuild
+    }
+  ];
+};
+
+
+
+export const zipComponent = async (componentKey) => {
+  const srcDirectory = await getComponentDirectoryPath(componentKey);
+  const buildDirectory = await path.join(path.resolve(), 'dist/components', componentKey);
+  const configJson = `${srcDirectory}/config.json`;
+
+  const zip = new AdmZip();
+
+  zip.addLocalFolder(srcDirectory, 'src/');
+  zip.addLocalFile(configJson);
+  zip.addLocalFolder(buildDirectory);
+  const zipContent = zip.toBuffer().toString('base64');
+
+  const configContent = Buffer.from(fs.readFileSync(`${srcDirectory}/config.json`)).toString();
+  // clean up now happens in function cleanUp
+  // fs.rmd('dist/components', { recursive: true }, err => {
+  //   if (err) {
+  //     throw err;
+  //   }
+  // });
+  return { zipContent, configContent };
+};

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

@@ -0,0 +1,79 @@
+import inquirer from 'inquirer';
+import Listr from 'listr';
+import chalk from 'chalk';
+
+import validate from '../validator/index.js';
+
+import bundleComponent from '../bundle/index.js';
+import lintComponent from '../linter/index.js';
+import { getBuildComponentQuestions, cleanUp } from './helper.js';
+import { getComponentDirectoryPath, showVersion, getComponentsObj } from '../../util.js';
+
+import { CATEGORY_CONSTELLATION } from '../../constants.js';
+
+
+export function getCustomTasks(componentKey, sourceMap, devBuild) {
+
+  const customTasks = new Listr(
+    [
+      {
+        title: 'Validate config schema',
+        task: async () => {
+          await validate(componentKey);
+        }
+      },
+      {
+        title: 'Lint component',
+        task: async () => {
+          const targetDirectory = await getComponentDirectoryPath(componentKey);
+          // console.log(`in buildComponent Lint component task: componentKey: ${componentKey} targetDirectory: ${targetDirectory}`);
+          await lintComponent(targetDirectory);
+        }
+      },
+      {
+        title: 'Bundle component',
+        task: async () => await bundleComponent(componentKey, sourceMap, devBuild),
+      }
+    ],
+    {
+      exitOnError: true
+    }
+  );
+
+  return customTasks;
+}
+
+
+
+
+export default async options => {
+  showVersion();
+
+  let category = CATEGORY_CONSTELLATION;
+
+  const components = await getComponentsObj();
+  const questions = await getBuildComponentQuestions();
+  const answers = await inquirer.prompt(questions);
+  const { sourceMap, devBuild } = answers;
+
+
+
+  var componentKey;
+
+
+  for (var index in components) {
+    componentKey = components[index].value;
+    console.log(chalk.bold.green("Building: " + components[index].name));
+
+    let myCustomTasks = getCustomTasks(componentKey, sourceMap, devBuild );
+
+    await myCustomTasks.run().catch(err => {
+        console.log(chalk.bold.red(err.toString()));
+    });
+  }
+
+
+  cleanUp();
+
+  return true;
+};

package/src/tasks/{publish/bundle → bundle}/builder/index.js

@@ -36,13 +36,40 @@ const printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
 const WARN_AFTER_BUNDLE_GZIP_SIZE = 512 * 1024;
 const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
 
+let compilationErrors = null;
+
 // Create the build and print the deployment instructions.
 function build(config, previousFileSizes) {
   console.log(`Creating a ${Env} build...`);
 
+
+
   const compiler = webpack(config);
   return new Promise((resolve, reject) => {
     compiler.run((err, stats) => {
+
+       if (err != null && typeof (err) == "object") {
+          if (err.error != undefined) {
+            //store and print elsewhere
+            compilationErrors = err.error;
+            //console.log("err:" + err);
+          }
+       }
+       if (stats != null & typeof(stats) == "object") {
+        if (stats.errors != undefined) {
+          console.log("stats:" + stats);
+        }
+        else if (stats.compilation != undefined && stats.compilation.errors != undefined) {
+
+          //store and print elsewhere
+          compilationErrors = stats.compilation.errors;
+
+          console.log("stats:" + stats);
+        }
+
+       }
+
+
       let messages;
       if (err) {
         if (!err.message) {
@@ -131,7 +158,11 @@ export default ({
       .then(
         ({ stats, previousFileSizes, warnings }) => {
           if (warnings.length) {
-            console.log(chalk.yellow('Compiled with warnings.\n'), warnings[0].message);
+            //console.log(chalk.yellow('Compiled with warnings.\n'), warnings[0].message);
+            console.log(chalk.yellow('Compiled with warnings.\n'));
+            for (let warning in warnings) {
+              console.log(chalk.yellow("Warning.."), warnings[warning].message);
+            }
           } else {
             console.log(chalk.green('Compiled successfully.\n'));
           }
@@ -146,7 +177,7 @@ export default ({
           );
           resolve('done emitting');
         },
-        err => {
+        err  => {
           reject();
           const tscCompileOnError = process.env.TSC_COMPILE_ON_ERROR === 'true';
           if (tscCompileOnError) {
@@ -156,11 +187,24 @@ export default ({
               )
             );
             printBuildError(err);
-          } else {
-            console.log(chalk.red('Failed to compile.\n'));
-            printBuildError(err);
+          }
+          else if (compilationErrors != null) {
+            if (compilationErrors.length == undefined) {
+              console.log(chalk.red("Error..."), compilationErrors.message);
+            }
+            else {
+              for (let error in compilationErrors) {
+                console.log(chalk.red("Error..."), compilationErrors[error].message);
+              }
+            }
+
             process.exit(1);
           }
+          else {
+            console.log(chalk.red('Failed to compile.\n'));
+            printBuildError(JSON.stringify(err));
+
+          }
         }
       )
       .catch(err => {

package/src/tasks/{publish/bundle → bundle}/builder/webpack.config.js

@@ -103,13 +103,13 @@ export default (
     return loaders;
   };
   return {
-    mode: isEnvDevelopment ? 'development' : 'production',
+    mode: devBuild ? 'development' : 'production',
     // Stop compilation early in production
     bail: isEnvProduction,
     // These are the "entry points" to our application.
     // This means they will be the "root" imports that are included in JS bundle.
     entry: inputFile,
-    devtool: shouldUseSourceMap ? 'source-map' : false,
+    devtool: devBuild ? 'eval-cheap-module-source-map' : false,
     output: {
       // The build folder.
       path: paths.appBuild,
@@ -310,18 +310,20 @@ export default (
         resourceRegExp: /^\.\/icons$/,
         contextRegExp: /@pega\/cosmos-react-core\/lib\/components\/Icon$/
       }),
+
       /* Ignore cosmos icons - windows */
       new webpack.IgnorePlugin({
         resourceRegExp: /^\.\/icons$/,
         contextRegExp: /@pega\\cosmos-react-core\\lib\\components\\Icon$/
       }),
+
       new webpack.optimize.LimitChunkCountPlugin({
         maxChunks: 5
       }),
       new webpack.optimize.MinChunkSizePlugin({
         minChunkSize: 100000 // Minimum number of characters
       }),
-      isEnvProduction && new CompressionPlugin(compressionBRConfObj)
+      !devBuild && new CompressionPlugin(compressionBRConfObj)
 
       /* Dont generate gzip file */
       /* isEnvProduction && new CompressionPlugin(compressionGZConfObj) */

package/src/tasks/{publish/bundle → bundle}/index.js

@@ -2,8 +2,8 @@ import path from 'path';
 import fs from 'fs';
 import { stat } from 'fs/promises';
 
-import { BUILD_CONFIG_JSON_FILENAME } from '../../../constants.js';
-import { getComponentDirectoryPath } from '../../../util.js';
+import { BUILD_CONFIG_JSON_FILENAME } from '../../constants.js';
+import { getComponentDirectoryPath } from '../../util.js';
 
 import buildComponent from './builder/index.js';