@elliemae/pui-cli 6.16.0 → 7.0.0-alpha.2

package/dist/cjs/webpack/webpack.lib.prod.babel.js

@@ -0,0 +1,92 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var webpack_lib_prod_babel_exports = {};
+__export(webpack_lib_prod_babel_exports, {
+  default: () => webpack_lib_prod_babel_default
+});
+module.exports = __toCommonJS(webpack_lib_prod_babel_exports);
+var import_node_path = __toESM(require("node:path"), 1);
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"), 1);
+var import_webpack_bundle_analyzer = require("webpack-bundle-analyzer");
+var import_esbuild_loader = require("esbuild-loader");
+var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
+var import_helpers = require("./helpers.js");
+var import_webpack_base_babel = require("./webpack.base.babel.js");
+const libraryName = (0, import_helpers.getLibraryName)();
+var webpack_lib_prod_babel_default = (0, import_webpack_base_babel.baseConfig)({
+  mode: "production",
+  output: {
+    filename: `js/${libraryName}.[chunkhash].js`,
+    chunkFilename: `js/${libraryName}.[chunkhash].chunk.js`,
+    assetModuleFilename: "assets/[name].[hash][ext][query]"
+  },
+  optimization: {
+    moduleIds: "deterministic",
+    minimize: true,
+    minimizer: [
+      new import_esbuild_loader.ESBuildMinifyPlugin({
+        target: (0, import_browserslist_to_esbuild.default)(),
+        css: true
+      })
+    ],
+    nodeEnv: "production",
+    sideEffects: true,
+    concatenateModules: true,
+    splitChunks: {
+      chunks: "all"
+    }
+  },
+  plugins: [
+    new import_html_webpack_plugin.default({
+      template: "lib/index.pug",
+      filename: "index.html",
+      libraryName,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeRedundantAttributes: true,
+        useShortDoctype: true,
+        removeEmptyAttributes: true,
+        removeStyleLinkTypeAttributes: true,
+        keepClosingSlash: true,
+        minifyJS: true,
+        minifyCSS: true,
+        minifyURLs: true
+      },
+      inject: true
+    }),
+    new import_mini_css_extract_plugin.default({
+      filename: `css/${libraryName}.[contenthash].css`,
+      chunkFilename: `css/${libraryName}.[contenthash].chunk.css`
+    }),
+    ...(0, import_helpers.getCompressionPlugins)(true),
+    new import_webpack_bundle_analyzer.BundleAnalyzerPlugin({
+      analyzerMode: "static",
+      reportFilename: import_node_path.default.join(process.cwd(), "reports/bundle-stats.html"),
+      openAnalyzer: false
+    })
+  ],
+  devtool: "source-map",
+  performance: {
+    assetFilter: (assetFilename) => !/(\.map$)|(^(main\.|favicon\.))/.test(assetFilename)
+  }
+});

package/dist/cjs/webpack/webpack.prod.babel.js

@@ -0,0 +1,139 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var webpack_prod_babel_exports = {};
+__export(webpack_prod_babel_exports, {
+  default: () => webpack_prod_babel_default
+});
+module.exports = __toCommonJS(webpack_prod_babel_exports);
+var import_node_path = __toESM(require("node:path"), 1);
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"), 1);
+var import_workbox_webpack_plugin = require("workbox-webpack-plugin");
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"), 1);
+var import_webpack_bundle_analyzer = require("webpack-bundle-analyzer");
+var import_esbuild_loader = require("esbuild-loader");
+var import_speed_measure_webpack_plugin = __toESM(require("speed-measure-webpack-plugin"), 1);
+var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
+var import_webpack_base_babel = __toESM(require("./webpack.base.babel.js"), 1);
+var import_helpers = require("./helpers.js");
+const getProdConfig = ({ latestVersion = true } = {}) => {
+  const { buildPath } = (0, import_helpers.getPaths)(latestVersion);
+  return {
+    mode: "production",
+    entry: {
+      app: import_node_path.default.join(process.cwd(), "app/index")
+    },
+    output: {
+      path: buildPath,
+      publicPath: "auto",
+      filename: "latest/js/[name].[contenthash].js",
+      chunkFilename: "latest/js/[name].[contenthash].chunk.js",
+      assetModuleFilename: "latest/assets/[name].[hash][ext][query]"
+    },
+    optimization: {
+      moduleIds: "deterministic",
+      minimizer: [
+        new import_esbuild_loader.ESBuildMinifyPlugin({
+          target: (0, import_browserslist_to_esbuild.default)(),
+          css: true
+        })
+      ],
+      runtimeChunk: true,
+      splitChunks: {
+        chunks: "all",
+        cacheGroups: {
+          emui: {
+            name: "emui",
+            test: /[\\/]node_modules[\\/](@elliemae)[\\/]/,
+            priority: 1
+          },
+          vendors: {
+            name: "vendors",
+            test: /[\\/]node_modules[\\/]/
+          }
+        }
+      }
+    },
+    plugins: [
+      ...(0, import_helpers.getCompressionPlugins)(),
+      new import_webpack_bundle_analyzer.BundleAnalyzerPlugin({
+        analyzerMode: "static",
+        reportFilename: import_node_path.default.join(process.cwd(), "reports/bundle-stats.html"),
+        openAnalyzer: false
+      }),
+      new import_workbox_webpack_plugin.GenerateSW({
+        swDest: "sw.js",
+        clientsClaim: true,
+        skipWaiting: true
+      })
+    ],
+    devtool: "source-map",
+    performance: {
+      assetFilter: (assetFilename) => !/(\.map$)|(^(main\.|favicon\.))/.test(assetFilename)
+    }
+  };
+};
+const {
+  userMonScriptPath,
+  globalScriptPath,
+  appLoaderScriptPath,
+  diagnosticsScriptPath,
+  encwLoaderScriptPath,
+  basePath
+} = (0, import_helpers.getPaths)();
+const htmlWebpackPlugin = new import_html_webpack_plugin.default({
+  inject: !(0, import_helpers.isAppLoaderEnabled)(),
+  template: !(0, import_helpers.isAppLoaderEnabled)() ? "app/index.html" : "app/index-app-loader.html",
+  minify: {
+    removeComments: true,
+    collapseWhitespace: true,
+    removeRedundantAttributes: true,
+    useShortDoctype: true,
+    removeEmptyAttributes: true,
+    removeStyleLinkTypeAttributes: true,
+    keepClosingSlash: true,
+    minifyJS: true,
+    minifyCSS: true,
+    minifyURLs: true
+  },
+  emui: {
+    appVersion: "latest",
+    basePath,
+    globalScriptPath,
+    userMonScriptPath,
+    appLoaderScriptPath,
+    diagnosticsScriptPath,
+    encwLoaderScriptPath,
+    googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
+  }
+});
+const config = (0, import_webpack_base_babel.default)(getProdConfig());
+config.plugins.push(htmlWebpackPlugin);
+const addSMPPlugin = (webpackConfig) => {
+  const smpConfig = new import_speed_measure_webpack_plugin.default({
+    disable: !process.env.MEASURE
+  }).wrap(webpackConfig);
+  smpConfig.plugins.push(new import_mini_css_extract_plugin.default({
+    filename: "latest/css/[name].[contenthash].css",
+    chunkFilename: "latest/css/[name].[contenthash].chunk.css"
+  }));
+  return smpConfig;
+};
+var webpack_prod_babel_default = addSMPPlugin(config);

package/dist/esm/cli-commands/build.js

@@ -0,0 +1,56 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import yargs from "yargs";
+import {
+  exec,
+  logInfo,
+  logError,
+  logSuccess,
+  writeAppInfo,
+  copyBuildAssetsToVersionedFolder
+} from "./utils.js";
+import { esBuild, TARGETS } from "../transpile/esbuild.js";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const buildWebApp = async () => {
+  await exec(`rimraf ./build`);
+  await exec(`cross-env NODE_ENV=production webpack --config ${path.resolve(__dirname, "../webpack/webpack.prod.babel.js")} --color`);
+  await copyBuildAssetsToVersionedFolder();
+  await writeAppInfo();
+};
+const buildService = async () => {
+  await exec("rimraf ./build");
+  await esBuild({
+    srcdir: "./app",
+    outdir: "build",
+    esmOnly: true,
+    target: TARGETS.node,
+    injectReactShim: false,
+    skipNestedPackageJSON: true
+  });
+};
+const buildCmd = {
+  handler: async ({ service = false }) => {
+    try {
+      logInfo("Build in progress...");
+      if (service)
+        await buildService();
+      else
+        await buildWebApp();
+      logSuccess("Build completed");
+    } catch (err) {
+      logError("Build failed", err);
+      yargs().exit(-1, err);
+    }
+  },
+  command: "build",
+  describe: "builds front end application or NodeJS service",
+  builder: {
+    service: {
+      type: "boolean",
+      default: false
+    }
+  }
+};
+export {
+  buildCmd
+};

package/dist/esm/cli-commands/codemod.js

@@ -0,0 +1,29 @@
+import yargs from "yargs";
+import { exec, logInfo, logError, logSuccess } from "./utils.js";
+const transform = async (argv) => {
+  logInfo("Code modification in-progress...");
+  exec(`jscodeshift --ignore-file=.gitignore -t ${argv.transform} .`);
+};
+const codemodCmd = {
+  handler: async (argv) => {
+    try {
+      await transform(argv);
+      logSuccess("Code modifications completed. ");
+    } catch (err) {
+      logError("Code modifications failed", err);
+      yargs().exit(-1, err);
+    }
+  },
+  command: "codemod <transform>",
+  describe: "Transforms code",
+  builder: (yargsRef) => {
+    yargsRef.positional("transform", {
+      describe: "path to the transform file. Can be either a local path or url",
+      type: "string",
+      default: "./transform.js"
+    });
+  }
+};
+export {
+  codemodCmd
+};

package/dist/esm/cli-commands/gendoc.js

@@ -0,0 +1,29 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import fs from "node:fs";
+import yargs from "yargs";
+import { exec, logInfo, logSuccess, logError } from "./utils.js";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const isApp = () => fs.existsSync(path.join(process.cwd(), "app"));
+const generateDocs = async () => {
+  logInfo("Documentation Generation inprogress...");
+  const srcPath = path.join(process.cwd(), isApp() ? "app" : "lib");
+  await exec(`jsdoc ${srcPath} -r -c ${path.resolve(__dirname, "../docgen/jsdoc.conf.json")} -d docs`);
+};
+const gendocCmd = {
+  handler: async () => {
+    try {
+      await generateDocs();
+      logSuccess("Document generation completed. ");
+    } catch (err) {
+      logError("Document generation failed", err);
+      yargs().exit(-1, err);
+    }
+  },
+  command: "gendoc",
+  describe: "Builds documentation from source files",
+  builder: {}
+};
+export {
+  gendocCmd
+};

package/dist/esm/cli-commands/lint.js

@@ -0,0 +1,64 @@
+import path from "node:path";
+import yargs from "yargs";
+import { exec, logError, logSuccess } from "./utils.js";
+import { isTypeScriptEnabled } from "../typescript/util.js";
+const { CI = false } = process.env;
+const lintCSS = async (fix = false) => {
+  const fixIssues = fix ? "--fix" : "";
+  await exec(`stylelint ./{lib,app}/**/*.{js,jsx,ts,tsx} ${fixIssues} ${!CI ? "--color" : ""} --allow-empty-input --config ${path.join(process.cwd(), "stylelint.config.cjs")}`);
+};
+const lintJS = async (fix = false) => {
+  const fixIssues = fix ? "--fix" : "";
+  await exec(`eslint ${!CI ? "--color" : ""} ${fixIssues}  .`);
+};
+const lintCmd = {
+  handler: async (argv) => {
+    if (argv.js) {
+      if (isTypeScriptEnabled())
+        await exec("tsc --noEmit --emitDeclarationOnly false");
+      try {
+        await exec("rimraf ./reports/eslint.json");
+        await lintJS(argv.fix);
+        logSuccess("JS linting completed");
+      } catch (err) {
+        logError("JS linting failed");
+        yargs().exit(-1, err);
+        return -1;
+      }
+    }
+    if (argv.css) {
+      try {
+        await exec("rimraf ./reports/stylelint.json");
+        await lintCSS(argv.fix);
+        logSuccess("CSS linting completed");
+      } catch (err) {
+        logError("CSS linting failed");
+        yargs().exit(-1, err);
+        return -1;
+      }
+    }
+    return 0;
+  },
+  command: "lint [options]",
+  describe: "lints application code",
+  builder: {
+    css: {
+      alias: "css",
+      type: "boolean",
+      default: true
+    },
+    js: {
+      alias: "js",
+      type: "boolean",
+      default: true
+    },
+    fix: {
+      alias: "fix",
+      type: "boolean",
+      default: false
+    }
+  }
+};
+export {
+  lintCmd
+};

package/dist/esm/cli-commands/pack.js

@@ -0,0 +1,65 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import yargs from "yargs";
+import { exec, logInfo, logError, logSuccess } from "./utils.js";
+import { isTypeScriptEnabled } from "../typescript/util.js";
+import { esBuild } from "../transpile/esbuild.js";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const compileTypeScript = async () => {
+  logInfo("Generating types...");
+  await exec("tsc --emitDeclarationOnly");
+  logInfo("Types generation completed...");
+};
+const webBuild = async (productionBuild) => {
+  logInfo("Building source files for browser environment...");
+  const devCmd = `${path.resolve(__dirname, "../webpack/webpack.lib.dev.babel.js")} --color`;
+  const prodCmd = `${path.resolve(__dirname, "../webpack/webpack.lib.prod.babel.js")} --color`;
+  await exec(`webpack --config ${productionBuild ? prodCmd : devCmd}`);
+  logInfo("Building source files for browser environment completed...");
+};
+const pack = async ({ production, target, srcPath }) => {
+  logInfo("Build in-progress...");
+  await exec("rimraf ./dist");
+  if (isTypeScriptEnabled()) {
+    await compileTypeScript();
+  }
+  if (target !== "node")
+    await webBuild(production);
+  if (target !== "web") {
+    logInfo("Building source files for nodejs environment...");
+    await esBuild({ srcdir: srcPath });
+    logInfo("Building source files for nodejs environment completed.");
+  }
+};
+const packCmd = {
+  handler: async (argv) => {
+    try {
+      await pack(argv);
+      logSuccess("Build completed");
+    } catch (err) {
+      logError("Build failed", err);
+      yargs().exit(-1, err);
+    }
+  },
+  command: "pack",
+  describe: "builds library",
+  builder: {
+    production: {
+      alias: "p",
+      type: "boolean",
+      default: false
+    },
+    target: {
+      alias: "t",
+      type: "string",
+      description: "target environment where this library will be used. allowed values are web, node. by default libraries will be compiled for both web and nodejs environments"
+    },
+    srcPath: {
+      type: "string",
+      default: "./lib"
+    }
+  }
+};
+export {
+  packCmd
+};

package/dist/esm/cli-commands/start.js

@@ -0,0 +1,38 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import yargs from "yargs";
+import { exec, logError, logSuccess } from "./utils.js";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const startProdServer = async () => {
+  await exec(`cross-env NODE_ENV=production ts-node ${path.resolve(__dirname, "../server")} --color always`);
+};
+const startDevServer = async () => {
+  await exec(`cross-env NODE_ENV=development webpack serve --config ${path.resolve(__dirname, "../webpack/webpack.dev.babel.js")}`);
+};
+const startCmd = {
+  handler: async (argv) => {
+    try {
+      if (argv.prod) {
+        await startProdServer();
+      } else {
+        await startDevServer();
+      }
+      logSuccess("Server started");
+    } catch (err) {
+      logError("Server start failed", err);
+      yargs().exit(-1, err);
+    }
+  },
+  command: "start [options]",
+  describe: "starts local web server to test the application",
+  builder: {
+    prod: {
+      alias: "p",
+      default: false,
+      type: "boolean"
+    }
+  }
+};
+export {
+  startCmd
+};

package/dist/esm/cli-commands/storybook.js

@@ -0,0 +1,41 @@
+import yargs from "yargs";
+import { exec, logInfo, logError, logSuccess } from "./utils.js";
+const buildStoryBook = async (isDoc = false) => {
+  const additionalParams = isDoc ? "--docs -o demo/docs" : "-o demo";
+  await exec(`cross-env NODE_ENV=production FORCE_COLOR=true build-storybook --quiet ${additionalParams}`);
+};
+const startStoryBook = async (isDoc = false) => {
+  await exec(`cross-env NODE_ENV=development STORYBOOK_BUILD=true FORCE_COLOR=true start-storybook ${isDoc && "--docs"} -p 11000 --quiet`);
+};
+const storybookCmd = {
+  handler: async (argv) => {
+    try {
+      if (!argv.build) {
+        await startStoryBook(argv.docs);
+        logInfo("Storybook started");
+      } else {
+        await buildStoryBook(argv.docs);
+        logSuccess("Storybook build completed");
+      }
+    } catch (err) {
+      logError("Storybook execution failed", err);
+      yargs().exit(-1, err);
+    }
+  },
+  command: "storybook [options]",
+  describe: "story book application code",
+  builder: {
+    build: {
+      alias: "b",
+      type: "boolean",
+      default: false
+    },
+    docs: {
+      type: "boolean",
+      default: false
+    }
+  }
+};
+export {
+  storybookCmd
+};

package/dist/esm/cli-commands/test.js

@@ -0,0 +1,64 @@
+import yargs from "yargs";
+import { exec, logError, logSuccess } from "./utils.js";
+const { CI = false } = process.env;
+const test = async (commandOptions) => {
+  await exec(`cross-env NODE_ENV=test jest ${commandOptions}`);
+};
+const testCmd = {
+  handler: async (argv) => {
+    let commandOptions = "--coverage";
+    if (argv.fix)
+      commandOptions = "-u";
+    else if (argv.watch)
+      commandOptions = "--watchAll";
+    if (CI)
+      commandOptions += " --ci --runInBand --no-colors";
+    else
+      commandOptions += " --maxWorkers=50%";
+    if (argv.p)
+      commandOptions += " --passWithNoTests";
+    if (argv.r)
+      commandOptions += " --bail --findRelatedTests";
+    if (argv.s)
+      commandOptions += " --silent";
+    try {
+      if (CI) {
+        await exec("rimraf ./reports");
+      }
+      await test(commandOptions);
+      logSuccess("Unit test execution completed");
+    } catch (err) {
+      logError("Unit test execution failed", err);
+      yargs().exit(-1, err);
+      return -1;
+    }
+    return 0;
+  },
+  command: "test [options]",
+  describe: "unit tests application code",
+  builder: {
+    fix: {
+      alias: "f",
+      type: "boolean"
+    },
+    watch: {
+      alias: "w",
+      type: "boolean"
+    },
+    passWithNoTests: {
+      alias: "p",
+      type: "boolean"
+    },
+    findReleatedTests: {
+      alias: "r",
+      type: "boolean"
+    },
+    silent: {
+      alias: "s",
+      type: "boolean"
+    }
+  }
+};
+export {
+  testCmd
+};