@elliemae/pui-cli 5.3.0 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "5.3.0",
+  "version": "5.4.0",
   "private": false,
   "description": "EllieMae Platform UI CLI",
   "sideEffects": false,
@@ -183,7 +183,7 @@
     "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",
@@ -218,7 +218,7 @@
     "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",
@@ -232,7 +232,7 @@
     "webpack": "~5.53.0",
     "webpack-bundle-analyzer": "~4.4.2",
     "webpack-cli": "~4.8.0",
-    "webpack-dev-middleware": "~5.1.0",
+    "webpack-dev-middleware": "~5.2.0",
     "webpack-hot-middleware": "~2.25.1",
     "webpack-manifest-plugin": "~4.0.2",
     "webpack-merge": "~5.8.0",