@elliemae/pui-cli 5.1.2 → 5.4.0

package/lib/babel/babel.config.js

@@ -10,7 +10,7 @@ const nodeEnvPreset = {
 const webEnvPreset = {
   modules: process.env.ES_MODULES === 'false' ? 'commonjs' : false,
   useBuiltIns: 'usage',
-  corejs: { version: '3.17', proposals: true },
+  corejs: { version: '3.18', proposals: true },
 };
 
 const presetEnvOptions =

package/lib/cli-commands/build.js

@@ -1,5 +1,11 @@
 const { exit } = require('yargs');
-const { exec, logInfo, logError, logSuccess } = require('./utils');
+const {
+  exec,
+  logInfo,
+  logError,
+  logSuccess,
+  writeAppInfo,
+} = require('./utils');
 
 const { name } = require('../../package.json');
 
@@ -9,6 +15,7 @@ async function buildWebApp() {
   await exec(
     `cross-env NODE_ENV=production webpack --config node_modules/${name}/lib/webpack/webpack.prod.babel.js --color`,
   );
+  await writeAppInfo();
 }
 
 async function buildService() {

package/lib/cli-commands/utils.js

@@ -1,11 +1,81 @@
 /* eslint-disable no-console */
 const execa = require('execa');
 const chalk = require('chalk');
+const path = require('path');
+const { readFile, writeFile } = require('fs/promises');
 
-exports.exec = async (command, options = { stdio: 'inherit' }) => {
-  await execa.command(command, options);
+const browsersMapping = {
+  and_chr: 'Chrome for Android',
+  chrome: 'Google Chrome',
+  edge: 'Microsoft Edge',
+  firefox: 'Mozilla Firefox',
+  ios_saf: 'iOS Safari',
+  safari: 'Safari',
+  samsung: 'Samsung Internet',
 };
 
+const exec = async (command, options = { stdio: 'inherit' }) =>
+  execa.command(command, options);
+exports.exec = exec;
+
 exports.logInfo = console.log;
 exports.logSuccess = (...args) => console.log(chalk.green(...args));
 exports.logError = console.error;
+
+const readPackageLock = async () => {
+  const appPkgLockFile = path.join(process.cwd(), 'package-lock.json');
+  const pkgLockJSON = await readFile(appPkgLockFile, 'utf8');
+  const { dependencies } = JSON.parse(pkgLockJSON);
+  return (moduleName) => dependencies[moduleName]?.version || '';
+};
+
+const getSupportedBrowsers = async () => {
+  const { stdout } = await exec('npx --no-install browserslist', {
+    stdout: 'pipe',
+  });
+  const browserVersions = (stdout && stdout.split('\n')) || [];
+  return browserVersions.reduce((acc, nameVersion) => {
+    const [name, version] = nameVersion.split(' ');
+    const versionRange = version.split('-');
+    acc[browsersMapping[name]] = (versionRange && versionRange[0]) || version;
+    return acc;
+  }, {});
+};
+
+const getModulesInfo = async () => {
+  try {
+    const getModuleVersion = await readPackageLock();
+    return {
+      react: getModuleVersion('react'),
+      'react-dom': getModuleVersion('react-dom'),
+      'app-react-dependencies': getModuleVersion(
+        '@elliemae/app-react-dependencies',
+      ),
+      'app-sdk': getModuleVersion('@elliemae/pui-app-sdk'),
+      cli: getModuleVersion('@elliemae/pui-cli'),
+      dimsum: getModuleVersion('@elliemae/ds-system'),
+    };
+  } catch (err) {
+    console.warn(err);
+    return {};
+  }
+};
+
+exports.writeAppInfo = async () => {
+  const appInfo = {
+    timestamp: new Date().toISOString(),
+    modules: await getModulesInfo(),
+    browserSupport: await getSupportedBrowsers(),
+    screenReaderSupport: [
+      'JAWS with Chrome',
+      'NVDA with Chrome',
+      'VoiceOver with Safari',
+      'iOS VoiceOver',
+      'Android Talkback',
+    ],
+  };
+  await writeFile(
+    path.join(process.cwd(), 'build', 'info.json'),
+    JSON.stringify(appInfo, null, 2),
+  );
+};

package/lib/lint/lint-staged.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  '*.{ts|tsx}': ['tsc -p tsconfig.json'],
+  '*.{ts,tsx}': ['tsc'],
   '*.{js,ts,jsx,tsx}': [
     'npm run lint:fix',
     'npm run test:staged',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "5.1.2",
+  "version": "5.4.0",
   "private": false,
   "description": "EllieMae Platform UI CLI",
   "sideEffects": false,
@@ -47,7 +47,7 @@
     "indent": 4
   },
   "dependencies": {
-    "@babel/cli": "~7.15.4",
+    "@babel/cli": "~7.15.7",
     "@babel/core": "~7.15.5",
     "@babel/node": "~7.15.4",
     "@babel/plugin-proposal-class-properties": "~7.14.5",
@@ -58,17 +58,17 @@
     "@babel/plugin-transform-react-inline-elements": "~7.14.5",
     "@babel/plugin-transform-react-jsx-source": "~7.14.5",
     "@babel/plugin-transform-runtime": "~7.15.0",
-    "@babel/preset-env": "~7.15.4",
+    "@babel/preset-env": "~7.15.6",
     "@babel/preset-react": "~7.14.5",
     "@babel/preset-typescript": "~7.15.0",
     "@babel/runtime": "~7.15.4",
     "@commitlint/cli": "~13.1.0",
     "@commitlint/config-conventional": "~13.1.0",
     "@elliemae/browserslist-config-elliemae": "~1.2.1",
-    "@pmmmwh/react-refresh-webpack-plugin": "~0.4.3",
-    "@semantic-release/changelog": "~5.0.1",
-    "@semantic-release/exec": "~5.0.0",
-    "@semantic-release/git": "~9.0.1",
+    "@pmmmwh/react-refresh-webpack-plugin": "~0.5.1",
+    "@semantic-release/changelog": "~6.0.0",
+    "@semantic-release/exec": "~6.0.1",
+    "@semantic-release/git": "~10.0.0",
     "@storybook/addon-a11y": "~6.3.8",
     "@storybook/addon-actions": "~6.3.8",
     "@storybook/addon-backgrounds": "~6.3.8",
@@ -88,15 +88,15 @@
     "@storybook/theming": "~6.3.8",
     "@svgr/webpack": "~5.5.0",
     "@testing-library/jest-dom": "~5.14.1",
-    "@testing-library/react": "~12.0.0",
+    "@testing-library/react": "~12.1.0",
     "@testing-library/react-hooks": "~7.0.2",
-    "@types/jest": "~27.0.1",
-    "@types/node": "~16.9.0",
+    "@types/jest": "~27.0.2",
+    "@types/node": "~16.9.6",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.1",
-    "@typescript-eslint/eslint-plugin": "~4.31.0",
-    "@typescript-eslint/parser": "~4.31.0",
-    "autoprefixer": "~10.3.4",
+    "@typescript-eslint/eslint-plugin": "~4.31.2",
+    "@typescript-eslint/parser": "~4.31.2",
+    "autoprefixer": "~10.3.5",
     "axe-core": "~4.3.3",
     "babel-eslint": "~10.1.0",
     "babel-loader": "~8.2.2",
@@ -109,6 +109,7 @@
     "babel-plugin-transform-remove-console": "~6.9.4",
     "babel-plugin-transform-strip-block": "~0.0.4",
     "body-parser": "~1.19.0",
+    "browserslist": "~4.17.1",
     "bundlesize": "~0.18.1",
     "case-sensitive-paths-webpack-plugin": "~2.4.0",
     "chalk": "~4.1.2",
@@ -116,11 +117,11 @@
     "classnames": "~2.3.1",
     "compare-versions": "~3.6.0",
     "compression": "~1.7.4",
-    "compression-webpack-plugin": "~8.0.1",
+    "compression-webpack-plugin": "~9.0.0",
     "copy-webpack-plugin": "~9.0.1",
     "cors": "~2.8.5",
     "cross-env": "~7.0.3",
-    "css-loader": "~6.2.0",
+    "css-loader": "~6.3.0",
     "css-minimizer-webpack-plugin": "~3.0.2",
     "depcheck": "~1.4.2",
     "docdash": "~1.2.0",
@@ -134,21 +135,21 @@
     "eslint-config-prettier": "~8.3.0",
     "eslint-config-react-app": "~6.0.0",
     "eslint-import-resolver-babel-module": "~5.3.1",
-    "eslint-import-resolver-typescript": "~2.4.0",
+    "eslint-import-resolver-typescript": "~2.5.0",
     "eslint-import-resolver-webpack": "~0.13.1",
     "eslint-loader": "~4.0.2",
     "eslint-plugin-compat": "~3.13.0",
     "eslint-plugin-eslint-comments": "~3.2.0",
     "eslint-plugin-import": "~2.24.2",
-    "eslint-plugin-jest": "~24.4.0",
+    "eslint-plugin-jest": "~24.4.2",
     "eslint-plugin-jsdoc": "~36.1.0",
     "eslint-plugin-jsx-a11y": "~6.4.1",
-    "eslint-plugin-mdx": "~1.15.0",
+    "eslint-plugin-mdx": "~1.15.1",
     "eslint-plugin-prettier": "~4.0.0",
-    "eslint-plugin-react": "~7.25.1",
+    "eslint-plugin-react": "~7.26.0",
     "eslint-plugin-react-hooks": "~4.2.0",
     "eslint-plugin-redux-saga": "~1.2.1",
-    "eslint-plugin-testing-library": "~4.12.2",
+    "eslint-plugin-testing-library": "~4.12.4",
     "eslint-plugin-wdio": "~7.4.2",
     "eslint-webpack-plugin": "~3.0.1",
     "execa": "~5.1.1",
@@ -159,40 +160,40 @@
     "helmet-csp": "~3.4.0",
     "html-loader": "~2.1.2",
     "html-webpack-plugin": "~5.3.2",
-    "http-server": "~13.0.1",
+    "http-server": "~13.0.2",
     "husky": "~7.0.2",
     "husky-init": "~7.0.0",
     "image-minimizer-webpack-plugin": "~2.2.0",
     "imagemin-gifsicle": "~7.0.0",
     "imagemin-jpegtran": "~7.0.0",
     "imagemin-optipng": "~8.0.0",
-    "imagemin-svgo": "~9.0.0",
+    "imagemin-svgo": "~10.0.0",
     "imports-loader": "~3.0.0",
     "ip": "~1.1.5",
     "jest-axe": "~5.0.1",
-    "jest-cli": "~27.1.1",
+    "jest-cli": "~27.2.1",
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.0.5",
     "jscodeshift": "~0.13.0",
     "jsdoc": "~3.6.7",
     "lint-staged": "~11.1.2",
-    "mini-css-extract-plugin": "~2.2.2",
+    "mini-css-extract-plugin": "~2.3.0",
     "minimist": "~1.2.5",
     "moment": "~2.29.1",
     "moment-locales-webpack-plugin": "~1.2.0",
     "msw": "~0.35.0",
     "node-plop": "~0.26.2",
-    "nodemon": "~2.0.12",
+    "nodemon": "~2.0.13",
     "npm-check-updates": "~11.8.5",
     "null-loader": "~4.0.1",
-    "pino": "~6.13.2",
-    "pino-pretty": "~7.0.0",
+    "pino": "~6.13.3",
+    "pino-pretty": "~7.0.1",
     "pinst": "~2.1.6",
     "plop": "~2.7.4",
-    "postcss": "~8.3.6",
+    "postcss": "~8.3.7",
     "postcss-loader": "~6.1.1",
     "postcss-preset-env": "~6.7.0",
-    "prettier": "~2.4.0",
+    "prettier": "~2.4.1",
     "pug": "~3.0.2",
     "pug-loader": "~2.4.0",
     "raf": "~3.4.1",
@@ -204,11 +205,11 @@
     "resize-observer-polyfill": "~1.5.1",
     "rimraf": "~3.0.2",
     "script-loader": "~0.7.2",
-    "semantic-release": "~17.4.7",
+    "semantic-release": "~18.0.0",
     "shelljs": "~0.8.4",
     "slackify-markdown": "~4.3.0",
     "storybook-react-router": "~1.0.8",
-    "style-loader": "~3.2.1",
+    "style-loader": "~3.3.0",
     "stylelint": "~13.13.1",
     "stylelint-config-recommended": "~5.0.0",
     "stylelint-config-styled-components": "~0.1.1",
@@ -217,29 +218,29 @@
     "stylelint-processor-styled-components": "~1.10.0",
     "stylelint-webpack-plugin": "~3.0.1",
     "svg-url-loader": "~7.1.1",
-    "svgo": "~2.5.0",
-    "terser-webpack-plugin": "~5.2.3",
+    "svgo": "~2.7.0",
+    "terser-webpack-plugin": "~5.2.4",
     "ts-node": "~10.2.1",
     "tsc-alias": "~1.3.9",
     "tsconfig-paths": "~3.11.0",
     "tsconfig-paths-webpack-plugin": "~3.5.1",
-    "type-fest": "~2.2.0",
-    "typescript": "~4.4.2",
+    "type-fest": "~2.3.4",
+    "typescript": "~4.4.3",
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "webpack": "~5.52.0",
+    "webpack": "~5.53.0",
     "webpack-bundle-analyzer": "~4.4.2",
     "webpack-cli": "~4.8.0",
-    "webpack-dev-middleware": "~5.0.0",
-    "webpack-hot-middleware": "~2.25.0",
+    "webpack-dev-middleware": "~5.2.0",
+    "webpack-hot-middleware": "~2.25.1",
     "webpack-manifest-plugin": "~4.0.2",
     "webpack-merge": "~5.8.0",
     "webpack-pwa-manifest": "~4.3.0",
     "webpack-strip-block": "~0.3.0",
     "whatwg-fetch": "~3.6.2",
-    "workbox-webpack-plugin": "~6.2.4",
-    "yargs": "~17.1.1"
+    "workbox-webpack-plugin": "~6.3.0",
+    "yargs": "~17.2.0"
   },
   "devDependencies": {
     "redux": "~4.1.1",