@elliemae/pui-cli 7.0.0-beta.6 → 7.0.0-beta.9

package/lib/cli-commands/lint.js

@@ -2,16 +2,20 @@ 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} --color --allowEmptyInput`,
+    `stylelint ./{lib,app}/**/*.{js,jsx,ts,tsx} ${fixIssues} ${
+      !CI ? '--color' : ''
+    } --allowEmptyInput`,
   );
 }
 
 async function lintJS(fix = false) {
   const fixIssues = fix ? '--fix' : '';
-  await exec(`eslint --color ${fixIssues}  .`);
+  await exec(`eslint ${!CI ? '--color' : ''} ${fixIssues}  .`);
 }
 
 async function handler(argv) {

package/lib/cli-commands/test.js

@@ -4,7 +4,7 @@ const { exec, logError, logSuccess } = require('./utils');
 const { CI = false } = process.env;
 
 async function test(commandOptions) {
-  await exec(`cross-env FORCE_COLOR=true NODE_ENV=test jest ${commandOptions}`);
+  await exec(`cross-env NODE_ENV=test jest ${commandOptions}`);
 }
 
 // eslint-disable-next-line max-statements
@@ -12,7 +12,7 @@ async function handler(argv) {
   let commandOptions = '--coverage';
   if (argv.fix) commandOptions = '-u';
   else if (argv.watch) commandOptions = '--watchAll';
-  if (CI) commandOptions += ' --ci --runInBand';
+  if (CI) commandOptions += ' --ci --runInBand --no-colors';
   else commandOptions += ' --maxWorkers=50%';
   if (argv.p) commandOptions += ' --passWithNoTests';
   if (argv.r) commandOptions += ' --bail --findRelatedTests';

package/lib/testing/jest.config.js

@@ -30,19 +30,21 @@ const getNodeModulesPath = (fileName) => {
 
 const jestConfig = {
   collectCoverageFrom: [
-    'app/**/*.{js, ts, jsx, tsx}',
-    'lib/**/*.{js, ts, jsx, tsx}',
-    '!app/**/*.test.{js, ts, jsx, tsx}',
-    '!lib/**/*.test.{js, ts, jsx, tsx}',
-    '!app/**/*.stories.{js, ts, jsx, tsx}',
-    '!lib/**/*.stories.{js, ts, jsx, tsx}',
-    '!app/**/*.endpoint.{js, ts, jsx, tsx}',
-    '!lib/**/*.endpoint.{js, ts, jsx, tsx}',
-    '!app/*/RbGenerated*/*.{js, ts, jsx, tsx}',
-    '!app/index.{js, ts, jsx, tsx}',
-    '!app/global-styles.{js, ts, jsx, tsx}',
-    '!app/**/loadable.{js, ts, jsx, tsx}',
-    '!lib/**/loadable.{js, ts, jsx, tsx}',
+    'app/**/*.{js,ts,jsx,tsx}',
+    'lib/**/*.{js,ts,jsx,tsx}',
+    '!app/**/*.d.ts',
+    '!lib/**/*.d.ts',
+    '!app/**/*.test.{js,ts,jsx,tsx}',
+    '!lib/**/*.test.{js,ts,jsx,tsx}',
+    '!app/**/*.stories.{js,ts,jsx,tsx}',
+    '!lib/**/*.stories.{js,ts,jsx,tsx}',
+    '!app/**/*.endpoint.{js,ts,jsx,tsx}',
+    '!lib/**/*.endpoint.{js,ts,jsx,tsx}',
+    '!app/*/RbGenerated*/*.{js,ts,jsx,tsx}',
+    '!app/index.{js,ts,jsx,tsx}',
+    '!app/global-styles.{js,ts,jsx,tsx}',
+    '!app/**/loadable.{js,ts,jsx,tsx}',
+    '!lib/**/loadable.{js,ts,jsx,tsx}',
   ],
   coverageThreshold: {
     // Todo: enable the coverage threshold later
@@ -63,16 +65,14 @@ const jestConfig = {
       getMockFilePath('image.js'),
     '.*\\.svg$': getMockFilePath('svg.js'),
     '.*\\.(html)$': getMockFilePath('html.js'),
+    '.*index.html\\?resource$': getMockFilePath('html.js'),
     '@elliemae/pui-user-monitoring': getMockFilePath('pui-user-monitoring.js'),
-    '@elliemae/pui-app-loader': getMockFilePath('webpack-hmr.js'),
-    '@elliemae/pui-diagnostics': getMockFilePath('pui-app-loader.js'),
+    '@elliemae/pui-app-loader': getMockFilePath('pui-app-loader.js'),
+    '@elliemae/pui-diagnostics': getMockFilePath('pui-diagnostics.js'),
     'react-spring/web': getNodeModulesPath('react-spring/web.cjs.js'),
     'react-spring/renderprops': getNodeModulesPath(
       'react-spring/renderprops.cjs.js',
     ),
-    'styled-components': getNodeModulesPath(
-      'styled-components/dist/styled-components.cjs.js',
-    ),
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   setupFilesAfterEnv: [path.resolve(__dirname, './setup-tests.js')],

package/lib/testing/vitest.config.ts

@@ -4,7 +4,7 @@ import path from 'path';
 
 export default defineConfig({
   test: {
-    global: true,
+    globals: true,
     root: process.cwd(),
     exclude: ['node_modules', 'dist', '.idea', '.git', '.cache', 'e2e'],
     setupFiles: [path.resolve(__dirname, './vitest.setup.ts')],

package/lib/webpack/webpack.base.babel.js

@@ -238,4 +238,5 @@ module.exports = (options) => ({
   },
   devtool: options.devtool || 'eval-source-map',
   performance: options.performance || {},
+  devServer: options.devServer || {},
 });

package/lib/webpack/webpack.dev.babel.js

@@ -1,9 +1,13 @@
+/* eslint-disable max-lines */
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
+const expressStaticGzip = require('express-static-gzip');
+const { setupDefaultMiddlewares } = require('../server/middlewares');
+const { loadRoutes } = require('../server/util');
 
 const smp = new SpeedMeasurePlugin({ disable: !process.env.MEASURE });
 
@@ -16,6 +20,7 @@ const baseConfigFactory = require('./webpack.base.babel');
 
 const {
   appVersion,
+  buildPath,
   userMonScriptPath,
   globalScriptPath,
   appLoaderScriptPath,
@@ -36,14 +41,13 @@ const devConfig = {
 
   // Add hot reloading in development
   entry: {
-    app: [
-      'webpack-hot-middleware/client',
-      path.join(process.cwd(), 'app/index'),
-    ],
+    app: path.join(process.cwd(), 'app/index'),
   },
 
   // Don't use hashes in dev mode for better performance
   output: {
+    path: buildPath,
+    publicPath: 'auto',
     filename: '[name].js',
     chunkFilename: '[name].chunk.js',
     assetModuleFilename: '[name][ext][query]',
@@ -103,7 +107,24 @@ const devConfig = {
     hints: false,
   },
 
-  devServer: {},
+  devServer: {
+    client: {
+      overlay: {
+        errors: true,
+        warnings: false,
+      },
+    },
+    historyApiFallback: true,
+    hot: true,
+    open: true,
+    port: 3000,
+    setupMiddlewares: (middlewares, devServer) => {
+      setupDefaultMiddlewares(devServer.app);
+      devServer.app.use(expressStaticGzip('cdn'));
+      loadRoutes(devServer.app);
+      return middlewares;
+    },
+  },
 };
 
 const config = smp.wrap(baseConfigFactory(devConfig));

package/lib/webpack/webpack.lib.dev.babel.js

@@ -26,7 +26,6 @@ module.exports = require('./webpack.lib.base.babel')({
 
   plugins: [
     new HtmlWebpackPlugin({
-      scriptLoading: 'module',
       inject: true, // Inject all files that are generated by webpack, e.g. bundle.js
       template: 'lib/index.pug',
       filename: 'index.html',

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

@@ -36,7 +36,6 @@ module.exports = require('./webpack.lib.base.babel')({
 
   plugins: [
     new HtmlWebpackPlugin({
-      scriptLoading: 'module',
       template: 'lib/index.pug',
       filename: 'index.html',
       libraryName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "7.0.0-beta.6",
+  "version": "7.0.0-beta.9",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -48,13 +48,13 @@
   },
   "dependencies": {
     "@babel/cli": "~7.17.6",
-    "@babel/core": "~7.17.8",
+    "@babel/core": "~7.17.9",
     "@babel/eslint-parser": "~7.17.0",
     "@babel/node": "~7.16.8",
     "@babel/plugin-proposal-class-properties": "~7.16.7",
     "@babel/plugin-proposal-export-default-from": "~7.16.7",
     "@babel/plugin-syntax-dynamic-import": "~7.8.3",
-    "@babel/plugin-transform-modules-commonjs": "~7.17.7",
+    "@babel/plugin-transform-modules-commonjs": "~7.17.9",
     "@babel/plugin-transform-react-constant-elements": "~7.17.6",
     "@babel/plugin-transform-react-inline-elements": "~7.16.7",
     "@babel/plugin-transform-react-jsx-source": "~7.16.7",
@@ -62,11 +62,11 @@
     "@babel/preset-env": "~7.16.11",
     "@babel/preset-react": "~7.16.7",
     "@babel/preset-typescript": "~7.16.7",
-    "@babel/runtime": "~7.17.8",
-    "@commitlint/cli": "~16.2.3",
-    "@commitlint/config-conventional": "~16.2.1",
-    "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.3.0",
-    "@faker-js/faker": "6.0.0",
+    "@babel/runtime": "~7.17.9",
+    "@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": "13.9.3",
     "@nrwl/tao": "13.9.3",
     "@nrwl/workspace": "13.9.3",
@@ -74,33 +74,34 @@
     "@semantic-release/changelog": "~6.0.1",
     "@semantic-release/exec": "~6.0.3",
     "@semantic-release/git": "~10.0.1",
-    "@storybook/addon-a11y": "~6.4.19",
-    "@storybook/addon-essentials": "~6.4.19",
+    "@storybook/addon-a11y": "~6.4.22",
+    "@storybook/addon-essentials": "~6.4.22",
     "@storybook/addon-events": "~6.2.9",
-    "@storybook/addon-interactions": "~6.4.19",
-    "@storybook/addon-links": "~6.4.19",
-    "@storybook/addon-storysource": "~6.4.19",
-    "@storybook/builder-webpack5": "~6.4.19",
-    "@storybook/manager-webpack5": "~6.4.19",
-    "@storybook/react": "~6.4.19",
-    "@storybook/theming": "~6.4.19",
+    "@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-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",
     "@svgr/webpack": "~6.2.1",
-    "@swc/cli": "~0.1.55",
-    "@swc/core": "~1.2.159",
+    "@swc/cli": "~0.1.57",
+    "@swc/core": "~1.2.173",
     "@swc/jest": "~0.2.20",
-    "@testing-library/jest-dom": "~5.16.2",
-    "@testing-library/react": "~12.1.4",
-    "@testing-library/react-hooks": "~7.0.2",
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.5",
+    "@testing-library/react-hooks": "~8.0.0",
     "@types/jest": "~27.4.1",
-    "@types/node": "~17.0.21",
+    "@types/node": "~17.0.30",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.3",
-    "@typescript-eslint/eslint-plugin": "~5.15.0",
-    "@typescript-eslint/parser": "~5.15.0",
-    "autoprefixer": "~10.4.4",
+    "@typescript-eslint/eslint-plugin": "~5.21.0",
+    "@typescript-eslint/parser": "~5.21.0",
+    "autoprefixer": "~10.4.5",
     "axe-core": "~4.4.1",
-    "babel-loader": "~8.2.3",
+    "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",
@@ -108,14 +109,14 @@
     "babel-plugin-lodash": "~3.3.4",
     "babel-plugin-module-resolver": "~4.1.0",
     "babel-plugin-source-map-support": "~2.1.3",
-    "babel-plugin-styled-components": "~2.0.6",
+    "babel-plugin-styled-components": "~2.0.7",
     "babel-plugin-transform-react-remove-prop-types": "~0.4.24",
     "babel-plugin-transform-remove-console": "~6.9.4",
     "babel-plugin-transform-strip-block": "~0.0.5",
-    "body-parser": "~1.19.2",
-    "browserslist": "~4.20.2",
+    "body-parser": "~1.20.0",
+    "browserslist": "~4.20.3",
     "browserslist-to-esbuild": "~1.1.1",
-    "canvas": "~2.9.0",
+    "canvas": "~2.9.1",
     "chalk": "~4.1.2",
     "circular-dependency-plugin": "~5.2.2",
     "compression": "~1.7.4",
@@ -130,42 +131,42 @@
     "dotenv": "~16.0.0",
     "dotenv-webpack": "~7.1.0",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
-    "enhanced-resolve": "~5.9.2",
-    "esbuild": "~0.14.27",
+    "enhanced-resolve": "5.9.3",
+    "esbuild": "~0.14.38",
     "esbuild-loader": "~2.18.0",
-    "esbuild-plugin-svgr": "~1.0.0",
-    "eslint": "~8.11.0",
+    "esbuild-plugin-svgr": "~1.0.1",
+    "eslint": "~8.14.0",
     "eslint-config-airbnb": "~19.0.4",
     "eslint-config-airbnb-base": "~15.0.0",
-    "eslint-config-airbnb-typescript": "~16.1.3",
+    "eslint-config-airbnb-typescript": "~17.0.0",
     "eslint-config-prettier": "~8.5.0",
-    "eslint-config-react-app": "~7.0.0",
+    "eslint-config-react-app": "~7.0.1",
     "eslint-import-resolver-babel-module": "~5.3.1",
-    "eslint-import-resolver-typescript": "~2.5.0",
+    "eslint-import-resolver-typescript": "~2.7.1",
     "eslint-import-resolver-webpack": "~0.13.2",
     "eslint-plugin-compat": "~4.0.2",
     "eslint-plugin-eslint-comments": "~3.2.0",
-    "eslint-plugin-import": "~2.25.4",
-    "eslint-plugin-jest": "~26.1.1",
-    "eslint-plugin-jsdoc": "~38.0.6",
+    "eslint-plugin-import": "~2.26.0",
+    "eslint-plugin-jest": "~26.1.5",
+    "eslint-plugin-jsdoc": "~39.2.9",
     "eslint-plugin-jsx-a11y": "~6.5.1",
-    "eslint-plugin-mdx": "~1.16.0",
+    "eslint-plugin-mdx": "~1.17.0",
     "eslint-plugin-prettier": "~4.0.0",
     "eslint-plugin-react": "~7.29.4",
-    "eslint-plugin-react-hooks": "~4.3.0",
+    "eslint-plugin-react-hooks": "~4.5.0",
     "eslint-plugin-redux-saga": "~1.3.2",
-    "eslint-plugin-storybook": "~0.5.7",
-    "eslint-plugin-testing-library": "~5.1.0",
-    "eslint-plugin-wdio": "~7.18.1",
+    "eslint-plugin-storybook": "~0.5.11",
+    "eslint-plugin-testing-library": "~5.3.1",
+    "eslint-plugin-wdio": "~7.19.4",
     "execa": "~5.1.1",
-    "express": "~4.17.3",
+    "express": "~4.18.0",
     "express-pino-logger": "~7.0.0",
     "express-static-gzip": "~2.1.5",
     "favicons": "~6.2.2",
     "favicons-webpack-plugin": "~5.0.2",
     "fast-glob": "~3.2.11",
     "find-up": "~5.0.0",
-    "happy-dom": "~2.49.0",
+    "happy-dom": "~3.1.0",
     "helmet-csp": "~3.4.0",
     "html-webpack-plugin": "~5.5.0",
     "http-server": "~14.1.0",
@@ -180,77 +181,77 @@
     "jscodeshift": "~0.13.1",
     "jsdoc": "~3.6.10",
     "lerna": "~4.0.0",
-    "lint-staged": "~12.3.7",
+    "lint-staged": "~12.4.1",
     "mini-css-extract-plugin": "~2.6.0",
-    "minimist": "~1.2.5",
-    "moment": "~2.29.1",
+    "minimist": "~1.2.6",
+    "moment": "~2.29.3",
     "moment-locales-webpack-plugin": "~1.2.0",
     "msw": "~0.39.2",
     "node-gyp": "~9.0.0",
-    "node-plop": "~0.30.0",
+    "node-plop": "~0.31.0",
     "nodemon": "~2.0.15",
     "normalize-path": "~3.0.0",
-    "npm-check-updates": "12.5.4",
+    "npm-check-updates": "12.5.10",
     "null-loader": "~4.0.1",
-    "pino": "~7.9.1",
-    "pino-pretty": "~7.5.4",
+    "pino": "~7.11.0",
+    "pino-pretty": "~7.6.1",
     "pinst": "~3.0.0",
-    "plop": "~3.0.5",
+    "plop": "~3.1.0",
     "postcss": "~8.4.12",
-    "postcss-html": "~1.3.0",
+    "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.2",
+    "postcss-preset-env": "~7.4.4",
     "postcss-syntax": "~0.36.2",
-    "prettier": "~2.6.0",
+    "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.11.0",
-    "react-test-renderer": "~17.0.2",
+    "react-test-renderer": "~18.1.0",
     "resize-observer-polyfill": "~1.5.1",
-    "resolve-typescript-plugin": "~1.1.5",
+    "resolve-typescript-plugin": "~1.2.0",
     "rimraf": "~3.0.2",
     "semantic-release": "~19.0.2",
     "slackify-markdown": "~4.3.1",
     "speed-measure-webpack-plugin": "~1.5.0",
     "storybook-addon-turbo-build": "~1.1.0",
-    "storybook-builder-vite": "~0.1.21",
+    "storybook-builder-vite": "~0.1.23",
     "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.1",
-    "stylelint": "~14.6.0",
+    "stylelint": "~14.8.0",
     "stylelint-config-recommended": "~7.0.0",
     "stylelint-config-styled-components": "~0.1.1",
-    "swc-loader": "~0.1.15",
+    "swc-loader": "~0.2.0",
     "terser-webpack-plugin": "~5.3.1",
     "ts-node": "~10.7.0",
-    "tsc-alias": "~1.6.4",
-    "typescript": "~4.6.2",
+    "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.8.6",
-    "vitest": "~0.7.6",
-    "webpack": "~5.70.0",
+    "vite": "~2.9.6",
+    "vitest": "~0.10.0",
+    "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.7.4",
+    "webpack-dev-server": "~4.8.1",
     "webpack-hot-middleware": "~2.25.1",
     "webpack-manifest-plugin": "~5.0.0",
     "webpack-merge": "~5.8.0",
     "whatwg-fetch": "~3.6.2",
-    "workbox-webpack-plugin": "~6.5.1",
-    "yargs": "~17.3.1"
+    "workbox-webpack-plugin": "~6.5.3",
+    "yargs": "~17.4.1"
   },
   "devDependencies": {
     "react": "~17.0.2",
     "react-dom": "~17.0.2",
-    "redux": "~4.1.2",
+    "redux": "~4.2.0",
     "redux-saga": "~1.1.3",
-    "styled-components": "~5.3.3"
+    "styled-components": "~5.3.5"
   }
 }