@elliemae/pui-cli 6.17.0 → 7.0.0-alpha.10

package/package.json

@@ -1,16 +1,29 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.17.0",
-  "private": false,
+  "version": "7.0.0-alpha.10",
   "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,25 +39,27 @@
   "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": {
     "@babel/cli": "~7.17.10",
@@ -67,10 +82,10 @@
     "@commitlint/config-conventional": "~16.2.4",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.4.2",
     "@faker-js/faker": "6.3.1",
-    "@nrwl/cli": "13.10.3",
-    "@nrwl/tao": "13.10.3",
-    "@nrwl/workspace": "13.10.3",
-    "@pmmmwh/react-refresh-webpack-plugin": "~0.5.4",
+    "@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",
     "@semantic-release/git": "~10.0.1",
@@ -91,7 +106,7 @@
     "@swc/core": "~1.2.177",
     "@swc/jest": "~0.2.20",
     "@testing-library/jest-dom": "~5.16.4",
-    "@testing-library/react": "~12.1.4",
+    "@testing-library/react": "~13.2.0",
     "@testing-library/react-hooks": "~8.0.0",
     "@types/jest": "~27.5.0",
     "@types/node": "~17.0.31",
@@ -102,7 +117,7 @@
     "autoprefixer": "~10.4.7",
     "axe-core": "~4.4.1",
     "babel-loader": "~8.2.5",
-    "babel-plugin-add-import-extension": "1.5.1",
+    "babel-plugin-add-import-extension": "1.6.0",
     "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 +132,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",
@@ -158,15 +173,16 @@
     "eslint-plugin-storybook": "~0.5.11",
     "eslint-plugin-testing-library": "~5.3.1",
     "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.6",
     "favicons": "~6.2.2",
     "favicons-webpack-plugin": "~5.0.2",
     "fast-glob": "~3.2.11",
-    "find-up": "~5.0.0",
-    "happy-dom": "~2.55.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",
@@ -175,7 +191,8 @@
     "imports-loader": "~3.1.1",
     "ip": "~1.1.5",
     "jest-axe": "~6.0.0",
-    "jest-cli": "~27.5.1",
+    "jest-cli": "~28.0.3",
+    "jest-environment-jsdom": "~28.0.2",
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.0.8",
     "jscodeshift": "~0.13.1",
@@ -210,8 +227,8 @@
     "raf": "~3.4.1",
     "react-axe": "~3.5.4",
     "react-docgen": "~5.4.0",
-    "react-refresh": "~0.11.0",
-    "react-test-renderer": "~17.0.2",
+    "react-refresh": "~0.13.0",
+    "react-test-renderer": "~18.1.0",
     "resize-observer-polyfill": "~1.5.1",
     "resolve-typescript-plugin": "~1.2.0",
     "rimraf": "~3.0.2",
@@ -219,6 +236,7 @@
     "slackify-markdown": "~4.3.1",
     "speed-measure-webpack-plugin": "~1.5.0",
     "storybook-addon-turbo-build": "~1.1.0",
+    "storybook-builder-vite": "~0.1.23",
     "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.1",
     "stylelint": "~14.8.2",
@@ -238,6 +256,7 @@
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.2",
     "webpack-dev-middleware": "~5.3.1",
+    "webpack-dev-server": "~4.9.0",
     "webpack-hot-middleware": "~2.25.1",
     "webpack-manifest-plugin": "~5.0.0",
     "webpack-merge": "~5.8.0",
@@ -246,8 +265,8 @@
     "yargs": "~17.4.1"
   },
   "devDependencies": {
-    "react": "~17.0.2",
-    "react-dom": "~17.0.2",
+    "react": "~18.1.0",
+    "react-dom": "~18.1.0",
     "redux": "~4.2.0",
     "redux-saga": "~1.1.3",
     "styled-components": "~5.3.5"

package/lib/cli-commands/build.js

@@ -1,56 +0,0 @@
-const { exit } = require('yargs');
-const {
-  exec,
-  logInfo,
-  logError,
-  logSuccess,
-  writeAppInfo,
-} = require('./utils');
-const { esBuild, TARGETS } = require('../transpile/esbuild');
-
-const { name } = require('../../package.json');
-
-async function buildWebApp() {
-  await exec(`rimraf ./build`);
-  await exec(
-    `cross-env NODE_ENV=production webpack --config node_modules/${name}/lib/webpack/webpack.prod.babel.js --color`,
-  );
-  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,44 +0,0 @@
-const { exit } = require('yargs');
-const { exec, logError, logSuccess } = require('./utils');
-
-const { name } = require('../../package.json');
-
-async function startProdServer() {
-  await exec(
-    `cross-env NODE_ENV=production ts-node node_modules/${name}/lib/server --color always`,
-  );
-}
-
-async function startDevServer() {
-  await exec(
-    `cross-env NODE_ENV=development ts-node node_modules/${name}/lib/server --color always`,
-  );
-}
-
-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;