@elliemae/pui-cli 5.3.0 → 5.4.3

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,84 @@
 /* eslint-disable no-console */
 const execa = require('execa');
 const chalk = require('chalk');
+const path = require('path');
+const { readFile, writeFile } = require('fs/promises');
+const { getPaths } = require('../webpack/helpers');
 
-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',
+    ],
+  };
+  const infoJSON = JSON.stringify(appInfo, null, 2);
+  const { buildPath: versionedPath } = getPaths();
+  [
+    path.join(versionedPath, 'info.json'),
+    path.join(process.cwd(), 'build', 'public', 'info.json'),
+  ].forEach(async (infoPath) => writeFile(infoPath, infoJSON));
+};

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

@@ -1,5 +1,5 @@
 module.exports = {
-  '*.{ts,tsx}': ['tsc'],
+  '*.{ts,tsx}': ['tsc-files --noEmit'],
   '*.{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.3.0",
+  "version": "5.4.3",
   "private": false,
   "description": "EllieMae Platform UI CLI",
   "sideEffects": false,
@@ -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.1.0",
+    "@testing-library/react": "~12.1.1",
     "@testing-library/react-hooks": "~7.0.2",
     "@types/jest": "~27.0.2",
-    "@types/node": "~16.9.6",
+    "@types/node": "~16.10.1",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.1",
-    "@typescript-eslint/eslint-plugin": "~4.31.2",
-    "@typescript-eslint/parser": "~4.31.2",
-    "autoprefixer": "~10.3.5",
+    "@typescript-eslint/eslint-plugin": "~4.32.0",
+    "@typescript-eslint/parser": "~4.32.0",
+    "autoprefixer": "~10.3.6",
     "axe-core": "~4.3.3",
     "babel-eslint": "~10.1.0",
     "babel-loader": "~8.2.2",
@@ -171,7 +171,7 @@
     "imports-loader": "~3.0.0",
     "ip": "~1.1.5",
     "jest-axe": "~5.0.1",
-    "jest-cli": "~27.2.1",
+    "jest-cli": "~27.2.2",
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.0.5",
     "jscodeshift": "~0.13.0",
@@ -183,14 +183,14 @@
     "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.3",
     "pino-pretty": "~7.0.1",
     "pinst": "~2.1.6",
     "plop": "~2.7.4",
-    "postcss": "~8.3.7",
+    "postcss": "~8.3.8",
     "postcss-loader": "~6.1.1",
     "postcss-preset-env": "~6.7.0",
     "prettier": "~2.4.1",
@@ -218,10 +218,11 @@
     "stylelint-processor-styled-components": "~1.10.0",
     "stylelint-webpack-plugin": "~3.0.1",
     "svg-url-loader": "~7.1.1",
-    "svgo": "~2.6.1",
+    "svgo": "~2.7.0",
     "terser-webpack-plugin": "~5.2.4",
     "ts-node": "~10.2.1",
     "tsc-alias": "~1.3.9",
+    "tsc-files": "~1.1.2",
     "tsconfig-paths": "~3.11.0",
     "tsconfig-paths-webpack-plugin": "~3.5.1",
     "type-fest": "~2.3.4",
@@ -229,10 +230,10 @@
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "webpack": "~5.53.0",
+    "webpack": "~5.54.0",
     "webpack-bundle-analyzer": "~4.4.2",
     "webpack-cli": "~4.8.0",
-    "webpack-dev-middleware": "~5.1.0",
+    "webpack-dev-middleware": "~5.2.1",
     "webpack-hot-middleware": "~2.25.1",
     "webpack-manifest-plugin": "~4.0.2",
     "webpack-merge": "~5.8.0",
@@ -240,7 +241,7 @@
     "webpack-strip-block": "~0.3.0",
     "whatwg-fetch": "~3.6.2",
     "workbox-webpack-plugin": "~6.3.0",
-    "yargs": "~17.2.0"
+    "yargs": "~17.2.1"
   },
   "devDependencies": {
     "redux": "~4.1.1",