@elliemae/pui-cli 6.13.0-beta.3 → 6.13.2

package/lib/cli-commands/start.js

@@ -1,22 +1,17 @@
-const path = require('path');
 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 ${path.resolve(
-      __dirname,
-      '../server',
-    )} --color always`,
+    `cross-env NODE_ENV=production ts-node node_modules/${name}/lib/server --color always`,
   );
 }
 
 async function startDevServer() {
   await exec(
-    `cross-env NODE_ENV=development webpack serve --config ${path.resolve(
-      __dirname,
-      '../webpack/webpack.dev.babel.js',
-    )}`,
+    `cross-env NODE_ENV=development ts-node node_modules/${name}/lib/server --color always`,
   );
 }
 

package/lib/testing/jest.config.js

@@ -28,19 +28,19 @@ 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/**/*.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

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/helpers.js

@@ -150,6 +150,7 @@ const getENCWLoaderFileName = () => {
   )[0];
 };
 
+// base path for index page
 const getAssetPath = () => (process.env.ASSET_PATH || '/').replace(/\/?$/, '/');
 
 const getAppVersion = () => {
@@ -160,19 +161,19 @@ const getAppVersion = () => {
 
 const getPaths = (latestVersion = true) => {
   const version = latestVersion ? LATEST_VERSION : getAppVersion();
-  const publicPath = `${version}/`;
+  const publicPath = `${getAssetPath()}${version}/`;
   const timeStampQuery =
     process.env.PUI_PIPELINE !== 'true' ? `?timeStamp=${Date.now()}` : '';
   return {
     appVersion: version,
-    buildPath: path.resolve(process.cwd(), `build/public/`),
+    buildPath: path.resolve(process.cwd(), `build/public/${version}`),
     // base path for all assets
     publicPath,
-    userMonScriptPath: `latest/js/${getUserMonitoringFileName()}`,
-    appLoaderScriptPath: `latest/js/${getAppLoaderFileName()}`,
-    diagnosticsScriptPath: `latest/js/${getDiagnosticsFileName()}`,
-    globalScriptPath: `latest/js/global.js${timeStampQuery}`,
-    encwLoaderScriptPath: `latest/js/${getENCWLoaderFileName()}`,
+    userMonScriptPath: `${publicPath}js/${getUserMonitoringFileName()}`,
+    appLoaderScriptPath: `${publicPath}js/${getAppLoaderFileName()}`,
+    diagnosticsScriptPath: `${publicPath}js/${getDiagnosticsFileName()}`,
+    globalScriptPath: `${publicPath}js/global.js${timeStampQuery}`,
+    encwLoaderScriptPath: `${publicPath}js/${getENCWLoaderFileName()}`,
   };
 };
 

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

@@ -29,13 +29,13 @@ const finalCSSLoader = (mode) =>
   mode !== 'production' ? { loader: 'style-loader' } : minicssLoader;
 
 const postcssPlugins = [PostcssPresetEnv({ autoprefixer: { grid: true } })];
-const { buildPath } = getPaths();
+const { buildPath, publicPath } = getPaths();
 
 const plugins = [
   new webpack.EnvironmentPlugin({
     NODE_ENV: 'development',
     ASSET_PATH: '/',
-    // PUBLIC_PATH: publicPath,
+    PUBLIC_PATH: publicPath,
     CI: 'false',
   }),
   new webpack.DefinePlugin({
@@ -48,47 +48,46 @@ const plugins = [
     patterns: filterByFilePresence([
       {
         from: 'app/app.config.json',
-        to: './latest/app.config.json',
+        to: 'app.config.json',
       },
       {
         from: 'app/robots.txt',
-        to: 'robots.txt',
+        to: '../robots.txt',
         noErrorOnMissing: true,
       },
       {
         from: 'app/global*.js',
-        to: './latest/js/[name][ext]',
+        to: 'js/[name][ext]',
       },
       {
         from: 'node_modules/@elliemae/pui-user-monitoring/dist/public/js',
-        to: './latest/js',
+        to: 'js',
         toType: 'dir',
         info: { minimized: true },
       },
       {
         from: 'node_modules/@elliemae/pui-app-loader/dist/public/js',
-        to: './latest/js',
+        to: 'js',
         toType: 'dir',
         noErrorOnMissing: true,
         info: { minimized: true },
       },
       {
         from: 'node_modules/@elliemae/encw-loader/dist/public/js',
-        to: './latest/js',
+        to: 'js',
         toType: 'dir',
         noErrorOnMissing: true,
         info: { minimized: true },
       },
       {
         from: 'node_modules/@elliemae/pui-diagnostics/dist/public/js',
-        to: './latest/js',
+        to: 'js',
         toType: 'dir',
         noErrorOnMissing: true,
         info: { minimized: true },
       },
       {
         from: 'public',
-        to: './latest',
         noErrorOnMissing: true,
         globOptions: {
           ignore: ['readme.md'],
@@ -96,6 +95,7 @@ const plugins = [
       },
       {
         from: 'webroot',
+        to: '../',
         noErrorOnMissing: true,
         globOptions: {
           ignore: ['readme.md'],
@@ -105,16 +105,8 @@ const plugins = [
   }),
   new DuplicatePackageCheckerPlugin(),
   new MomentLocalesPlugin({ localesToKeep: ['es-us'] }),
-  new WebpackManifestPlugin({
-    fileName: './latest/manifest.json',
-    publicPath: '',
-    map: (file) => {
-      file.name = file.name.replace(/^latest\//, '');
-      return file;
-    },
-  }),
+  new WebpackManifestPlugin(),
   new FaviconsWebpackPlugin({
-    outputPath: './latest/assets',
     logo: './app/view/images/favicon.png',
     favicons: {
       developerName: 'ICE MT',
@@ -134,7 +126,7 @@ module.exports = (options) => ({
   output: {
     clean: true,
     path: buildPath,
-    publicPath: 'auto',
+    publicPath,
     ...options.output,
   }, // Merge with env dependent settings
   optimization: options.optimization,

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

@@ -1,4 +1,5 @@
 const path = require('path');
+const { HotModuleReplacementPlugin } = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
@@ -8,6 +9,7 @@ const SpeedMeasurePlugin = require('speed-measure-webpack-plugin');
 const smp = new SpeedMeasurePlugin({ disable: !process.env.MEASURE });
 
 const {
+  getAssetPath,
   isAppLoaderEnabled,
   getPaths,
   isGoogleTagManagerEnabled,
@@ -16,6 +18,7 @@ const baseConfigFactory = require('./webpack.base.babel');
 
 const {
   appVersion,
+  publicPath,
   userMonScriptPath,
   globalScriptPath,
   appLoaderScriptPath,
@@ -79,6 +82,8 @@ const devConfig = {
         : 'app/index-app-loader.html',
       emui: {
         appVersion,
+        assetPath: publicPath,
+        basePath: getAssetPath(),
         globalScriptPath,
         userMonScriptPath,
         appLoaderScriptPath,
@@ -102,12 +107,11 @@ const devConfig = {
   performance: {
     hints: false,
   },
-
-  devServer: {},
 };
 
 const config = smp.wrap(baseConfigFactory(devConfig));
 config.plugins = config.plugins.concat([
+  new HotModuleReplacementPlugin(),
   new ReactRefreshWebpackPlugin({
     overlay: {
       sockIntegration: 'whm',

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/lib/webpack/webpack.prod.babel.js

@@ -10,6 +10,7 @@ const browserslistToEsbuild = require('browserslist-to-esbuild');
 
 const baseConfigFactory = require('./webpack.base.babel');
 const {
+  getAssetPath,
   isAppLoaderEnabled,
   LATEST_VERSION,
   getPaths,
@@ -19,7 +20,7 @@ const {
 } = require('./helpers');
 
 const getProdConfig = ({ latestVersion = true } = {}) => {
-  const { buildPath } = getPaths(latestVersion);
+  const { buildPath, publicPath } = getPaths(latestVersion);
 
   return {
     mode: 'production',
@@ -31,10 +32,10 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
     // Utilize long-term caching by adding content hashes (not compilation hashes) to compiled assets
     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]',
+      publicPath,
+      filename: 'js/[name].[contenthash].js',
+      chunkFilename: 'js/[name].[contenthash].chunk.js',
+      assetModuleFilename: 'assets/[name].[hash][ext][query]',
     },
 
     optimization: {
@@ -63,6 +64,11 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
     },
 
     plugins: [
+      // new MiniCssExtractPlugin({
+      //   filename: 'css/[name].[contenthash].css',
+      //   chunkFilename: 'css/[name].[contenthash].chunk.css',
+      // }),
+
       ...getCompressionPlugins(),
 
       new BundleAnalyzerPlugin({
@@ -72,7 +78,7 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
       }),
 
       new GenerateSW({
-        swDest: 'sw.js',
+        swDest: '../sw.js',
         clientsClaim: true,
         skipWaiting: true,
       }),
@@ -88,6 +94,7 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
 };
 
 const {
+  publicPath,
   userMonScriptPath,
   globalScriptPath,
   appLoaderScriptPath,
@@ -95,6 +102,7 @@ const {
   encwLoaderScriptPath,
 } = getPaths();
 const htmlWebpackPlugin = new HtmlWebpackPlugin({
+  filename: '../index.html',
   inject: !isAppLoaderEnabled(),
   template: !isAppLoaderEnabled()
     ? 'app/index.html'
@@ -113,6 +121,8 @@ const htmlWebpackPlugin = new HtmlWebpackPlugin({
   },
   emui: {
     appVersion: 'latest',
+    assetPath: publicPath,
+    basePath: getAssetPath(),
     globalScriptPath,
     userMonScriptPath,
     appLoaderScriptPath,
@@ -140,8 +150,8 @@ const addSMPPlugin = (config) => {
   // mini css extract plugin is not working fine with smp
   smpConfig.plugins.push(
     new MiniCssExtractPlugin({
-      filename: 'latest/css/[name].[contenthash].css',
-      chunkFilename: 'latest/css/[name].[contenthash].chunk.css',
+      filename: 'css/[name].[contenthash].css',
+      chunkFilename: 'css/[name].[contenthash].chunk.css',
     }),
   );
   return smpConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.13.0-beta.3",
+  "version": "6.13.2",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -48,7 +48,7 @@
   },
   "dependencies": {
     "@babel/cli": "~7.17.6",
-    "@babel/core": "~7.17.7",
+    "@babel/core": "~7.17.8",
     "@babel/eslint-parser": "~7.17.0",
     "@babel/node": "~7.16.8",
     "@babel/plugin-proposal-class-properties": "~7.16.7",
@@ -62,14 +62,14 @@
     "@babel/preset-env": "~7.16.11",
     "@babel/preset-react": "~7.16.7",
     "@babel/preset-typescript": "~7.16.7",
-    "@babel/runtime": "~7.17.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",
-    "@nrwl/cli": "13.9.3",
-    "@nrwl/tao": "13.9.3",
-    "@nrwl/workspace": "13.9.3",
+    "@faker-js/faker": "6.1.1",
+    "@nrwl/cli": "13.9.5",
+    "@nrwl/tao": "13.9.5",
+    "@nrwl/workspace": "13.9.5",
     "@pmmmwh/react-refresh-webpack-plugin": "~0.5.4",
     "@semantic-release/changelog": "~6.0.1",
     "@semantic-release/exec": "~6.0.3",
@@ -86,21 +86,21 @@
     "@storybook/theming": "~6.4.19",
     "@stylelint/postcss-css-in-js": "~0.37.2",
     "@svgr/webpack": "~6.2.1",
-    "@swc/cli": "~0.1.55",
-    "@swc/core": "~1.2.158",
+    "@swc/cli": "~0.1.57",
+    "@swc/core": "~1.2.161",
     "@swc/jest": "~0.2.20",
-    "@testing-library/jest-dom": "~5.16.2",
+    "@testing-library/jest-dom": "~5.16.3",
     "@testing-library/react": "~12.1.4",
     "@testing-library/react-hooks": "~7.0.2",
     "@types/jest": "~27.4.1",
-    "@types/node": "~17.0.21",
+    "@types/node": "~17.0.23",
     "@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",
+    "@typescript-eslint/eslint-plugin": "~5.17.0",
+    "@typescript-eslint/parser": "~5.17.0",
     "autoprefixer": "~10.4.4",
     "axe-core": "~4.4.1",
-    "babel-loader": "~8.2.3",
+    "babel-loader": "~8.2.4",
     "babel-plugin-add-import-extension": "1.5.1",
     "babel-plugin-date-fns": "~2.0.0",
     "babel-plugin-dynamic-import-node": "~2.3.3",
@@ -115,7 +115,7 @@
     "body-parser": "~1.19.2",
     "browserslist": "~4.20.2",
     "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",
@@ -131,32 +131,32 @@
     "dotenv-webpack": "~7.1.0",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
     "enhanced-resolve": "~5.9.2",
-    "esbuild": "~0.14.27",
+    "esbuild": "~0.14.29",
     "esbuild-loader": "~2.18.0",
     "esbuild-plugin-svgr": "~1.0.0",
-    "eslint": "~8.11.0",
+    "eslint": "~8.12.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": "~16.1.4",
     "eslint-config-prettier": "~8.5.0",
     "eslint-config-react-app": "~7.0.0",
     "eslint-import-resolver-babel-module": "~5.3.1",
-    "eslint-import-resolver-typescript": "~2.5.0",
+    "eslint-import-resolver-typescript": "~2.7.0",
     "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.4",
+    "eslint-plugin-jest": "~26.1.3",
+    "eslint-plugin-jsdoc": "~38.1.4",
     "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.4.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.4.2",
+    "eslint-plugin-testing-library": "~5.2.0",
+    "eslint-plugin-wdio": "~7.19.0",
     "execa": "~5.1.1",
     "express": "~4.17.3",
     "express-pino-logger": "~7.0.0",
@@ -165,7 +165,7 @@
     "favicons-webpack-plugin": "~5.0.2",
     "fast-glob": "~3.2.11",
     "find-up": "~5.0.0",
-    "happy-dom": "~2.49.0",
+    "happy-dom": "~2.53.0",
     "helmet-csp": "~3.4.0",
     "html-webpack-plugin": "~5.5.0",
     "http-server": "~14.1.0",
@@ -182,7 +182,7 @@
     "lerna": "~4.0.0",
     "lint-staged": "~12.3.7",
     "mini-css-extract-plugin": "~2.6.0",
-    "minimist": "~1.2.5",
+    "minimist": "~1.2.6",
     "moment": "~2.29.1",
     "moment-locales-webpack-plugin": "~1.2.0",
     "msw": "~0.39.2",
@@ -192,8 +192,8 @@
     "normalize-path": "~3.0.0",
     "npm-check-updates": "12.5.4",
     "null-loader": "~4.0.1",
-    "pino": "~7.9.1",
-    "pino-pretty": "~7.5.4",
+    "pino": "~7.9.2",
+    "pino-pretty": "~7.6.0",
     "pinst": "~3.0.0",
     "plop": "~3.0.5",
     "postcss": "~8.4.12",
@@ -201,16 +201,16 @@
     "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.3",
     "postcss-syntax": "~0.36.2",
-    "prettier": "~2.6.0",
+    "prettier": "~2.6.1",
     "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.0.0",
     "resize-observer-polyfill": "~1.5.1",
     "resolve-typescript-plugin": "~1.1.5",
     "rimraf": "~3.0.2",
@@ -218,39 +218,38 @@
     "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.22",
     "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.1",
-    "stylelint": "~14.6.0",
+    "stylelint": "~14.6.1",
     "stylelint-config-recommended": "~7.0.0",
     "stylelint-config-styled-components": "~0.1.1",
     "swc-loader": "~0.1.15",
     "terser-webpack-plugin": "~5.3.1",
     "ts-node": "~10.7.0",
-    "tsc-alias": "~1.6.4",
-    "typescript": "~4.6.2",
+    "tsc-alias": "~1.6.5",
+    "typescript": "~4.6.3",
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "vite": "~2.8.6",
-    "vitest": "~0.7.4",
-    "webpack": "~5.70.0",
+    "vite": "~2.9.1",
+    "vitest": "~0.8.1",
+    "webpack": "~5.65.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-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.2",
+    "yargs": "~17.4.0"
   },
   "devDependencies": {
     "react": "~17.0.2",
     "react-dom": "~17.0.2",
     "redux": "~4.1.2",
     "redux-saga": "~1.1.3",
-    "styled-components": "~5.3.3"
+    "styled-components": "~5.3.5"
   }
 }