@elliemae/pui-cli 7.0.0-alpha.1 → 7.0.0-alpha.12

package/package.json

@@ -1,16 +1,29 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "7.0.0-alpha.1",
-  "private": false,
+  "version": "7.0.0-alpha.12",
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
-  "main": "./lib/index.js",
-  "module": "./lib/index.js",
+  "type": "module",
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
   "bin": {
-    "pui-cli": "./lib/cli.js"
+    "pui-cli": "./dist/esm/cli.js"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.cjs"
+    },
+    "./releaseConfig": {
+      "require": "./dist/cjs/release.config.cjs"
+    },
+    "./storybook": {
+      "require": "./dist/cjs/webpack/webpack.storybook.js"
+    }
   },
   "files": [
-    "lib"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
@@ -26,27 +39,30 @@
   "author": "ICE MT",
   "license": "MIT",
   "scripts": {
-    "build": "exit 0",
-    "gendoc": "jsdoc -r -c lib/docgen/jsdoc.config.js -d docs lib",
+    "build": "ts-node -r tsconfig-paths/register ./lib/cli pack -p -t node",
+    "build:dev": "ts-node -r tsconfig-paths/register ./lib/cli pack -t node",
+    "gendoc": "ts-node -r tsconfig-paths/register ./lib/cli gendoc",
+    "lint": "node ./lib/cli lint",
     "lint:fix": "ts-node -r tsconfig-paths/register ./lib/cli lint --fix",
-    "lint": "ts-node -r tsconfig-paths/register ./lib/cli lint",
     "prettify": "prettier --write",
     "release": "semantic-release",
-    "test": "ts-node -r tsconfig-paths/register ./lib/cli test -p",
-    "test:staged": "jest --coverage --passWithNoTests --bail --findRelatedTests",
-    "setup": "rimraf -r node_modules && rimraf pnpm-lock.yaml && pnpm i",
     "storybook:build": "exit 0",
     "storybook:docs:build": "exit 0",
+    "test": "ts-node -r tsconfig-paths/register ./lib/cli test -p",
+    "test:staged": "jest --coverage --passWithNoTests --bail --findRelatedTests",
+    "tscheck": "ts-node -r tsconfig-paths/register ./lib/cli tscheck --files",
+    "setup": "rimraf node_modules && rimraf pnpm-lock.yaml && pnpm i",
     "upgrade": "ncu -u && npm run setup",
     "prepare": "[ -n \"$CI\" ] || husky install"
   },
   "jestSonar": {
-    "sonar56x": true,
     "reportPath": "reports",
     "reportFile": "tests.xml",
-    "indent": 4
+    "indent": 4,
+    "sonar56x": true
   },
   "dependencies": {
+    "@axe-core/react": "~4.4.2",
     "@babel/cli": "~7.17.10",
     "@babel/core": "~7.17.10",
     "@babel/eslint-parser": "~7.17.0",
@@ -66,10 +82,10 @@
     "@commitlint/cli": "~16.2.4",
     "@commitlint/config-conventional": "~16.2.4",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.4.2",
-    "@faker-js/faker": "6.2.0",
-    "@nrwl/cli": "14.0.5",
-    "@nrwl/tao": "14.0.5",
-    "@nrwl/workspace": "14.0.5",
+    "@faker-js/faker": "6.3.1",
+    "@nrwl/cli": "14.1.4",
+    "@nrwl/tao": "14.1.4",
+    "@nrwl/workspace": "14.1.4",
     "@pmmmwh/react-refresh-webpack-plugin": "~0.5.5",
     "@semantic-release/changelog": "~6.0.1",
     "@semantic-release/exec": "~6.0.3",
@@ -80,29 +96,27 @@
     "@storybook/addon-interactions": "~6.4.22",
     "@storybook/addon-links": "~6.4.22",
     "@storybook/addon-storysource": "~6.4.22",
-    "@storybook/builder-vite": "~0.1.32",
+    "@storybook/builder-vite": "~0.1.33",
     "@storybook/builder-webpack5": "~6.4.22",
     "@storybook/manager-webpack5": "~6.4.22",
     "@storybook/react": "~6.4.22",
     "@storybook/theming": "~6.4.22",
-    "@stylelint/postcss-css-in-js": "~0.37.2",
+    "@stylelint/postcss-css-in-js": "~0.38.0",
     "@svgr/webpack": "~6.2.1",
     "@swc/cli": "~0.1.57",
-    "@swc/core": "~1.2.174",
-    "@swc/jest": "~0.2.20",
+    "@swc/core": "~1.2.179",
+    "@swc/jest": "~0.2.21",
     "@testing-library/jest-dom": "~5.16.4",
-    "@testing-library/react": "~13.1.1",
+    "@testing-library/react": "~13.2.0",
     "@testing-library/react-hooks": "~8.0.0",
-    "@types/jest": "~27.4.1",
-    "@types/node": "~17.0.30",
+    "@types/jest": "~27.5.0",
+    "@types/node": "~17.0.31",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.3",
-    "@typescript-eslint/eslint-plugin": "~5.21.0",
-    "@typescript-eslint/parser": "~5.21.0",
-    "autoprefixer": "~10.4.5",
+    "@typescript-eslint/eslint-plugin": "~5.23.0",
+    "@typescript-eslint/parser": "~5.23.0",
+    "autoprefixer": "~10.4.7",
     "axe-core": "~4.4.1",
-    "babel-loader": "~8.2.5",
-    "babel-plugin-add-import-extension": "1.5.1",
     "babel-plugin-date-fns": "~2.0.0",
     "babel-plugin-dynamic-import-node": "~2.3.3",
     "babel-plugin-import-remove-resource-query": "~1.0.0",
@@ -117,7 +131,7 @@
     "browserslist": "~4.20.3",
     "browserslist-to-esbuild": "~1.1.1",
     "canvas": "~2.9.1",
-    "chalk": "~4.1.2",
+    "chalk": "~5.0.1",
     "circular-dependency-plugin": "~5.2.2",
     "compression": "~1.7.4",
     "compression-webpack-plugin": "~9.2.0",
@@ -135,7 +149,7 @@
     "esbuild": "~0.14.38",
     "esbuild-loader": "~2.18.0",
     "esbuild-plugin-svgr": "~1.0.1",
-    "eslint": "~8.14.0",
+    "eslint": "~8.15.0",
     "eslint-config-airbnb": "~19.0.4",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-airbnb-typescript": "~17.0.0",
@@ -156,27 +170,28 @@
     "eslint-plugin-react-hooks": "~4.5.0",
     "eslint-plugin-redux-saga": "~1.3.2",
     "eslint-plugin-storybook": "~0.5.11",
-    "eslint-plugin-testing-library": "~5.3.1",
+    "eslint-plugin-testing-library": "~5.4.0",
     "eslint-plugin-wdio": "~7.19.4",
-    "execa": "~5.1.1",
+    "execa": "~6.1.0",
     "express": "~4.18.1",
     "express-pino-logger": "~7.0.0",
-    "express-static-gzip": "~2.1.5",
+    "express-static-gzip": "~2.1.6",
     "favicons": "~6.2.2",
     "favicons-webpack-plugin": "~5.0.2",
     "fast-glob": "~3.2.11",
-    "find-up": "~5.0.0",
-    "happy-dom": "~3.1.0",
+    "find-up": "~6.3.0",
+    "find-up-cli": "~5.0.0",
+    "happy-dom": "~3.1.1",
     "helmet-csp": "~3.4.0",
     "html-webpack-plugin": "~5.5.0",
     "http-server": "~14.1.0",
-    "husky": "~7.0.4",
-    "husky-init": "~7.1.0",
+    "husky": "~8.0.1",
+    "husky-init": "~8.0.0",
     "imports-loader": "~3.1.1",
     "ip": "~1.1.5",
     "jest-axe": "~6.0.0",
-    "jest-cli": "~28.0.3",
-    "jest-environment-jsdom": "~28.0.2",
+    "jest-cli": "~28.1.0",
+    "jest-environment-jsdom": "~28.1.0",
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.0.8",
     "jscodeshift": "~0.13.1",
@@ -192,24 +207,21 @@
     "node-plop": "~0.31.0",
     "nodemon": "~2.0.16",
     "normalize-path": "~3.0.0",
-    "npm-check-updates": "12.5.10",
-    "null-loader": "~4.0.1",
+    "npm-check-updates": "12.5.11",
     "pino": "~7.11.0",
     "pino-pretty": "~7.6.1",
-    "pinst": "~3.0.0",
     "plop": "~3.1.0",
     "postcss": "~8.4.13",
     "postcss-html": "~1.4.1",
     "postcss-jsx": "~0.36.4",
     "postcss-loader": "~6.2.1",
     "postcss-markdown": "~1.2.0",
-    "postcss-preset-env": "~7.4.4",
+    "postcss-preset-env": "~7.5.0",
     "postcss-syntax": "~0.36.2",
     "prettier": "~2.6.2",
     "pug": "~3.0.2",
     "pug-loader": "~2.4.0",
     "raf": "~3.4.1",
-    "react-axe": "~3.5.4",
     "react-docgen": "~5.4.0",
     "react-refresh": "~0.13.0",
     "react-test-renderer": "~18.1.0",
@@ -223,25 +235,22 @@
     "storybook-builder-vite": "~0.1.23",
     "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.1",
-    "stylelint": "~14.8.1",
+    "stylelint": "~14.8.2",
     "stylelint-config-recommended": "~7.0.0",
     "stylelint-config-styled-components": "~0.1.1",
     "swc-loader": "~0.2.0",
-    "terser-webpack-plugin": "~5.3.1",
     "ts-node": "~10.7.0",
     "tsc-alias": "~1.6.7",
     "typescript": "~4.6.4",
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "vite": "~2.9.6",
-    "vitest": "~0.10.0",
+    "vite": "~2.9.8",
+    "vitest": "~0.12.2",
     "webpack": "~5.72.0",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.2",
-    "webpack-dev-middleware": "~5.3.1",
-    "webpack-dev-server": "~4.8.1",
-    "webpack-hot-middleware": "~2.25.1",
+    "webpack-dev-server": "~4.9.0",
     "webpack-manifest-plugin": "~5.0.0",
     "webpack-merge": "~5.8.0",
     "whatwg-fetch": "~3.6.2",

package/lib/cli-commands/build.js

@@ -1,60 +0,0 @@
-const { exit } = require('yargs');
-const path = require('path');
-const {
-  exec,
-  logInfo,
-  logError,
-  logSuccess,
-  writeAppInfo,
-  copyBuildAssetsToVersionedFolder,
-} = require('./utils');
-const { esBuild, TARGETS } = require('../transpile/esbuild');
-
-async function buildWebApp() {
-  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();
-}
-
-async function buildService() {
-  await exec('rimraf ./build');
-  await esBuild({
-    srcdir: './app',
-    outdir: 'build',
-    esmOnly: true,
-    target: TARGETS.node,
-    injectReactShim: false,
-    skipNestedPackageJSON: true,
-  });
-}
-
-async function handler({ service = false }) {
-  try {
-    logInfo('Build in progress...');
-    if (service) await buildService();
-    else await buildWebApp();
-    logSuccess('Build completed');
-  } catch (err) {
-    logError('Build failed', err);
-    exit(-1, err);
-  }
-}
-
-exports.command = 'build';
-
-exports.describe = 'builds front end application or NodeJS service';
-
-exports.builder = {
-  service: {
-    type: 'boolean',
-    default: false,
-  },
-};
-
-exports.handler = handler;

package/lib/cli-commands/codemod.js

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

package/lib/cli-commands/gendoc.js

@@ -1,36 +0,0 @@
-const { exit } = require('yargs');
-const fs = require('fs');
-const path = require('path');
-const { exec, logInfo, logSuccess, logError } = require('./utils');
-
-const { name } = require('../../package.json');
-
-function isApp() {
-  return fs.existsSync(path.join(process.cwd(), 'app'));
-}
-
-async function generateDocs() {
-  logInfo('Documentation Generation inprogress...');
-  const srcPath = isApp() ? 'app' : 'lib';
-  exec(
-    `jsdoc -r -c node_modules/${name}/lib/docgen/jsdoc.config.js -d docs ${srcPath}`,
-  );
-}
-
-async function handler() {
-  try {
-    await generateDocs();
-    logSuccess('Document generation completed. ');
-  } catch (err) {
-    logError('Document generation failed', err);
-    exit(-1, err);
-  }
-}
-
-exports.command = 'gendoc';
-
-exports.describe = 'Builds documentation from source files';
-
-exports.builder = {};
-
-exports.handler = handler;

package/lib/cli-commands/lint.js

@@ -1,75 +0,0 @@
-const { exit } = require('yargs');
-const { exec, logError, logSuccess } = require('./utils');
-const { isTypeScriptEnabled } = require('../typescript/util');
-
-const { CI = false } = process.env;
-
-async function lintCSS(fix = false) {
-  const fixIssues = fix ? '--fix' : '';
-  await exec(
-    `stylelint ./{lib,app}/**/*.{js,jsx,ts,tsx} ${fixIssues} ${
-      !CI ? '--color' : ''
-    } --allowEmptyInput`,
-  );
-}
-
-async function lintJS(fix = false) {
-  const fixIssues = fix ? '--fix' : '';
-  await exec(`eslint ${!CI ? '--color' : ''} ${fixIssues}  .`);
-}
-
-async function handler(argv) {
-  if (argv.js) {
-    // run typescript compilation
-    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');
-      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');
-      exit(-1, err);
-      return -1;
-    }
-  }
-  return 0;
-}
-
-exports.command = 'lint [options]';
-
-exports.describe = 'lints application code';
-
-exports.builder = {
-  css: {
-    alias: 'css',
-    type: 'boolean',
-    default: true,
-  },
-  js: {
-    alias: 'js',
-    type: 'boolean',
-    default: true,
-  },
-  fix: {
-    alias: 'fix',
-    type: 'boolean',
-    default: false,
-  },
-};
-
-exports.handler = handler;
-
-exports.lintCSS = lintCSS;
-exports.lintJS = lintJS;

package/lib/cli-commands/pack.js

@@ -1,67 +0,0 @@
-const { exit } = require('yargs');
-const { exec, logInfo, logError, logSuccess } = require('./utils');
-const { isTypeScriptEnabled } = require('../typescript/util');
-const { esBuild } = require('../transpile/esbuild');
-const { name } = require('../../package.json');
-
-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 = `node_modules/${name}/lib/webpack/webpack.lib.dev.babel.js --color`;
-  const prodCmd = `node_modules/${name}/lib/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 handler = async (argv) => {
-  try {
-    await pack(argv);
-    logSuccess('Build completed');
-  } catch (err) {
-    logError('Build failed', err);
-    exit(-1, err);
-  }
-};
-
-exports.command = 'pack';
-
-exports.describe = 'builds library';
-
-exports.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',
-  },
-};
-
-exports.handler = handler;

package/lib/cli-commands/start.js

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

package/lib/cli-commands/storybook.js

@@ -1,53 +0,0 @@
-const { exit } = require('yargs');
-const { exec, logInfo, logError, logSuccess } = require('./utils');
-
-async function buildStoryBook(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}`,
-  );
-}
-
-async function startStoryBook(isDoc = false) {
-  await exec(
-    `cross-env NODE_ENV=development STORYBOOK_BUILD=true FORCE_COLOR=true start-storybook ${
-      isDoc && '--docs'
-    } -p 11000 --quiet`,
-  );
-}
-
-async function handler(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);
-    exit(-1, err);
-  }
-}
-
-exports.command = 'storybook [options]';
-
-exports.describe = 'story book application code';
-
-exports.builder = {
-  build: {
-    alias: 'b',
-    type: 'boolean',
-    default: false,
-  },
-  docs: {
-    type: 'boolean',
-    default: false,
-  },
-};
-
-exports.handler = handler;
-
-exports.startStoryBook = startStoryBook;
-exports.buildStoryBook = buildStoryBook;

package/lib/cli-commands/test.js

@@ -1,63 +0,0 @@
-const { exit } = require('yargs');
-const { exec, logError, logSuccess } = require('./utils');
-
-const { CI = false } = process.env;
-
-async function test(commandOptions) {
-  await exec(`cross-env NODE_ENV=test jest ${commandOptions}`);
-}
-
-// eslint-disable-next-line max-statements
-async function handler(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');
-    }
-
-    // eslint-disable-next-line jest/valid-title, jest/no-disabled-tests, jest/expect-expect
-    await test(commandOptions);
-    logSuccess('Unit test execution completed');
-  } catch (err) {
-    logError('Unit test execution failed', err);
-    exit(-1, err);
-    return -1;
-  }
-  return 0;
-}
-
-exports.command = 'test [options]';
-
-exports.describe = 'unit tests application code';
-
-exports.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',
-  },
-};
-
-exports.handler = handler;