@elliemae/pui-cli 6.0.0-beta.29 → 6.0.0-beta.32

package/lib/cli-commands/test.js

@@ -4,9 +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_OPTIONS=--experimental-vm-modules NODE_ENV=test jest ${commandOptions}`,
-  );
+  await exec(`cross-env FORCE_COLOR=true NODE_ENV=test jest ${commandOptions}`);
 }
 
 // eslint-disable-next-line max-statements

package/lib/cli-commands/tsc.js

@@ -0,0 +1,103 @@
+const { exit } = require('yargs');
+const { dirname, join } = require('path');
+const { spawnSync } = require('child_process');
+const fs = require('fs');
+const { logInfo, logError } = require('./utils');
+
+const randomChars = () => Math.random().toString(36).slice(2);
+
+const resolveFromModule = (moduleName, ...paths) => {
+  const modulePath = dirname(require.resolve(`${moduleName}/package.json`));
+  return join(modulePath, ...paths);
+};
+
+const resolveFromRoot = (...paths) => join(process.cwd(), ...paths);
+
+const validateTypescript = async () => {
+  const args = process.argv.slice(2);
+  const argsProjectIndex = args.findIndex((arg) =>
+    ['-p', '--project'].includes(arg),
+  );
+  const argsProjectValue =
+    argsProjectIndex !== -1 ? args[argsProjectIndex + 1] : undefined;
+
+  const files = args.filter((file) => /\.(ts|tsx)$/.test(file));
+  if (files.length === 0) {
+    process.exit(0);
+  }
+
+  const remainingArgsToForward = args
+    .slice()
+    .filter((arg) => !files.includes(arg));
+
+  if (argsProjectIndex !== -1) {
+    remainingArgsToForward.splice(argsProjectIndex, 2);
+  }
+
+  // Load existing config
+  const tsconfigPath = argsProjectValue || resolveFromRoot('tsconfig.json');
+  const tsconfigContent = fs.readFileSync(tsconfigPath).toString();
+  // Use 'eval' to read the JSON as regular JavaScript syntax so that comments are allowed
+  // eslint-disable-next-line prefer-const
+  let tsconfig = {};
+  // eslint-disable-next-line no-eval
+  eval(`tsconfig = ${tsconfigContent}`);
+
+  // Write a temp config file
+  const tmpTsconfigPath = resolveFromRoot(`tsconfig.${randomChars()}.json`);
+  const tmpTsconfig = {
+    ...tsconfig,
+    compilerOptions: {
+      ...tsconfig.compilerOptions,
+      skipLibCheck: true,
+    },
+    files,
+    include: ['shared/typings'],
+  };
+  fs.writeFileSync(tmpTsconfigPath, JSON.stringify(tmpTsconfig, null, 2));
+
+  // Type-check our files
+  const { status } = spawnSync(
+    resolveFromModule(
+      'typescript',
+      `../.bin/tsc${process.platform === 'win32' ? '.cmd' : ''}`,
+    ),
+    ['-p', tmpTsconfigPath, ...remainingArgsToForward],
+    { stdio: 'inherit' },
+  );
+
+  // Delete temp config file
+  fs.unlinkSync(tmpTsconfigPath);
+
+  process.exit(status);
+};
+
+async function handler(argv) {
+  try {
+    await validateTypescript(argv.p);
+    logInfo('Typescript validation started');
+  } catch (err) {
+    logError('Typescript validation failed', err);
+    exit(-1, err);
+  }
+}
+
+exports.command = 'tsc [options]';
+
+exports.describe = 'validate typescript code';
+
+exports.builder = {
+  project: {
+    alias: 'p',
+    type: 'boolean',
+    default: false,
+  },
+  docs: {
+    type: 'boolean',
+    default: false,
+  },
+};
+
+exports.handler = handler;
+
+exports.validateTypescript = validateTypescript;

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

@@ -1,5 +1,7 @@
 module.exports = {
-  '*.{ts,tsx}': ['tsc-files --noEmit --emitDeclarationOnly false'],
+  '*.{ts,tsx}': [
+    'node @elliemae/pui-cli/lib/typescript/tsc-files --noEmit --emitDeclarationOnly false',
+  ],
   '*.{js,ts,jsx,tsx}': [
     'npm run lint:fix',
     'npm run test:staged',

package/lib/testing/jest.config.js

@@ -95,7 +95,7 @@ const jestConfig = {
   //   ],
   // },
   transformIgnorePatterns: [
-    'node_modules/(?!(@elliemae/pui-cli|lodash-es|react-select|react-dates)/)',
+    'node_modules/(?!(.*@elliemae/pui-cli|lodash-es|react-select|react-dates)/)',
   ],
   globals: {
     APP_CONFIG: getAppConfig(),

package/lib/typescript/tsc-files/index.js

@@ -0,0 +1,61 @@
+const { spawnSync } = require('child_process');
+const fs = require('fs');
+
+const { randomChars, resolveFromModule, resolveFromRoot } = require('./utils');
+
+const args = process.argv.slice(2);
+const argsProjectIndex = args.findIndex((arg) =>
+  ['-p', '--project'].includes(arg),
+);
+const argsProjectValue =
+  argsProjectIndex !== -1 ? args[argsProjectIndex + 1] : undefined;
+
+const files = args.filter((file) => /\.(ts|tsx)$/.test(file));
+if (files.length === 0) {
+  process.exit(0);
+}
+
+const remainingArgsToForward = args
+  .slice()
+  .filter((arg) => !files.includes(arg));
+
+if (argsProjectIndex !== -1) {
+  remainingArgsToForward.splice(argsProjectIndex, 2);
+}
+
+// Load existing config
+const tsconfigPath = argsProjectValue || resolveFromRoot('tsconfig.json');
+const tsconfigContent = fs.readFileSync(tsconfigPath).toString();
+// Use 'eval' to read the JSON as regular JavaScript syntax so that comments are allowed
+// eslint-disable-next-line prefer-const
+let tsconfig = {};
+// eslint-disable-next-line no-eval
+eval(`tsconfig = ${tsconfigContent}`);
+
+// Write a temp config file
+const tmpTsconfigPath = resolveFromRoot(`tsconfig.${randomChars()}.json`);
+const tmpTsconfig = {
+  ...tsconfig,
+  compilerOptions: {
+    ...tsconfig.compilerOptions,
+    skipLibCheck: true,
+  },
+  files,
+  include: ['app', 'lib'],
+};
+fs.writeFileSync(tmpTsconfigPath, JSON.stringify(tmpTsconfig, null, 2));
+
+// Type-check our files
+const { status } = spawnSync(
+  resolveFromModule(
+    'typescript',
+    `../.bin/tsc${process.platform === 'win32' ? '.cmd' : ''}`,
+  ),
+  ['-p', tmpTsconfigPath, ...remainingArgsToForward],
+  { stdio: 'inherit' },
+);
+
+// Delete temp config file
+fs.unlinkSync(tmpTsconfigPath);
+
+process.exit(status);

package/lib/typescript/tsc-files/utils.js

@@ -0,0 +1,16 @@
+const { dirname, join } = require('path');
+
+const randomChars = () => Math.random().toString(36).slice(2);
+
+const resolveFromModule = (moduleName, ...paths) => {
+  const modulePath = dirname(require.resolve(`${moduleName}/package.json`));
+  return join(modulePath, ...paths);
+};
+
+const resolveFromRoot = (...paths) => join(process.cwd(), ...paths);
+
+module.exports = {
+  randomChars,
+  resolveFromModule,
+  resolveFromRoot,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.29",
+  "version": "6.0.0-beta.32",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -47,24 +47,24 @@
     "indent": 4
   },
   "dependencies": {
-    "@babel/cli": "~7.16.0",
-    "@babel/core": "~7.16.5",
+    "@babel/cli": "~7.16.7",
+    "@babel/core": "~7.16.7",
     "@babel/eslint-parser": "~7.16.5",
-    "@babel/node": "~7.16.5",
-    "@babel/plugin-proposal-class-properties": "~7.16.5",
-    "@babel/plugin-proposal-export-default-from": "~7.16.5",
+    "@babel/node": "~7.16.7",
+    "@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.16.5",
-    "@babel/plugin-transform-react-constant-elements": "~7.16.5",
-    "@babel/plugin-transform-react-inline-elements": "~7.16.5",
-    "@babel/plugin-transform-react-jsx-source": "~7.16.5",
-    "@babel/plugin-transform-runtime": "~7.16.5",
-    "@babel/preset-env": "~7.16.5",
-    "@babel/preset-react": "~7.16.5",
-    "@babel/preset-typescript": "~7.16.5",
-    "@babel/runtime": "~7.16.5",
-    "@commitlint/cli": "~15.0.0",
-    "@commitlint/config-conventional": "~15.0.0",
+    "@babel/plugin-transform-modules-commonjs": "~7.16.7",
+    "@babel/plugin-transform-react-constant-elements": "~7.16.7",
+    "@babel/plugin-transform-react-inline-elements": "~7.16.7",
+    "@babel/plugin-transform-react-jsx-source": "~7.16.7",
+    "@babel/plugin-transform-runtime": "~7.16.7",
+    "@babel/preset-env": "~7.16.7",
+    "@babel/preset-react": "~7.16.7",
+    "@babel/preset-typescript": "~7.16.7",
+    "@babel/runtime": "~7.16.7",
+    "@commitlint/cli": "~16.0.1",
+    "@commitlint/config-conventional": "~16.0.0",
     "@elliemae/browserslist-config-elliemae": "~1.2.1",
     "@pmmmwh/react-refresh-webpack-plugin": "~0.5.4",
     "@semantic-release/changelog": "~6.0.1",
@@ -83,18 +83,18 @@
     "@stylelint/postcss-css-in-js": "~0.37.2",
     "@svgr/webpack": "~6.1.2",
     "@swc/cli": "~0.1.55",
-    "@swc/core": "~1.2.122",
+    "@swc/core": "~1.2.124",
     "@swc/jest": "~0.2.15",
     "@testing-library/jest-dom": "~5.16.1",
     "@testing-library/react": "~12.1.2",
     "@testing-library/react-hooks": "~7.0.2",
-    "@types/jest": "~27.0.3",
-    "@types/node": "~17.0.4",
+    "@types/jest": "~27.4.0",
+    "@types/node": "~17.0.6",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.2",
-    "@typescript-eslint/eslint-plugin": "~5.8.0",
-    "@typescript-eslint/parser": "~5.8.0",
-    "autoprefixer": "~10.4.0",
+    "@typescript-eslint/eslint-plugin": "~5.8.1",
+    "@typescript-eslint/parser": "~5.8.1",
+    "autoprefixer": "~10.4.1",
     "axe-core": "~4.3.5",
     "babel-loader": "~8.2.3",
     "babel-plugin-add-import-extension": "1.5.1",
@@ -129,11 +129,11 @@
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
     "enhanced-resolve": "~5.8.3",
-    "esbuild": "~0.14.8",
+    "esbuild": "~0.14.10",
     "esbuild-jest": "~0.5.0",
     "esbuild-loader": "~2.18.0",
     "esbuild-plugin-svgr": "~1.0.0",
-    "eslint": "~8.5.0",
+    "eslint": "~8.6.0",
     "eslint-config-airbnb": "~18.2.1",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-airbnb-typescript": "~15.0.0",
@@ -145,8 +145,8 @@
     "eslint-plugin-compat": "~3.13.0",
     "eslint-plugin-eslint-comments": "~3.2.0",
     "eslint-plugin-import": "~2.25.3",
-    "eslint-plugin-jest": "~25.3.0",
-    "eslint-plugin-jsdoc": "~37.4.0",
+    "eslint-plugin-jest": "~25.3.3",
+    "eslint-plugin-jsdoc": "~37.5.0",
     "eslint-plugin-jsx-a11y": "~6.5.1",
     "eslint-plugin-mdx": "~1.16.0",
     "eslint-plugin-prettier": "~4.0.0",
@@ -189,7 +189,7 @@
     "nodemon": "~2.0.15",
     "npm-check-updates": "12.0.5",
     "null-loader": "~4.0.1",
-    "pino": "~7.6.1",
+    "pino": "~7.6.2",
     "pino-pretty": "~7.3.0",
     "pinst": "~2.1.6",
     "plop": "~3.0.5",
@@ -216,7 +216,7 @@
     "semantic-release": "~18.0.1",
     "shelljs": "~0.8.4",
     "slackify-markdown": "~4.3.1",
-    "storybook-builder-vite": "~0.1.12",
+    "storybook-builder-vite": "~0.1.13",
     "storybook-addon-turbo-build": "~1.0.1",
     "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.1",
@@ -239,7 +239,7 @@
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "vite": "~2.7.6",
+    "vite": "~2.7.10",
     "webpack": "~5.65.0",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.1",