@elliemae/pui-cli 6.5.1 → 6.5.5

package/lib/cli-commands/lint.js

@@ -5,15 +5,13 @@ const { isTypeScriptEnabled } = require('../typescript/util');
 async function lintCSS(fix = false) {
   const fixIssues = fix ? '--fix' : '';
   await exec(
-    `stylelint ./{lib,app}/**/*.{js,jsx,ts,tsx} ${fixIssues} --color --allowEmptyInput --ignore-pattern /dist/**/*`,
+    `stylelint ./{lib,app}/**/*.{js,jsx,ts,tsx} ${fixIssues} --color --allowEmptyInput`,
   );
 }
 
 async function lintJS(fix = false) {
   const fixIssues = fix ? '--fix' : '';
-  await exec(
-    `eslint --color ${fixIssues} --ignore-pattern '/dist/**/*' --ignore-pattern '/build/**/*'  .`,
-  );
+  await exec(`eslint --color ${fixIssues}  .`);
 }
 
 async function handler(argv) {

package/lib/lint/eslint/common.js

@@ -147,4 +147,14 @@ exports.baseConfig = {
       },
     },
   },
+  ignorePatterns: [
+    '/build/**/*',
+    '/dist/**/*',
+    '/reports/**/*',
+    '/coverage/**/*',
+    '/demo/**/*',
+    '/docs/**/*',
+    '/temp/**/*',
+    '**/vendor/*.js',
+  ],
 };

package/lib/lint/stylelint.config.js

@@ -1,4 +1,15 @@
 module.exports = {
+  ignoreFiles: [
+    '/dist/**/*',
+    '/coverage/**/*',
+    '/build/**/*',
+    '/reports/**/*',
+    '/temp/**/*',
+    '/docs/**/*',
+    '/demo/**/*',
+    '/node_modules/**/*',
+    '/vendor/**/*',
+  ],
   customSyntax: '@stylelint/postcss-css-in-js',
   extends: [
     'stylelint-config-recommended',

package/lib/monorepo/utils.js

@@ -0,0 +1,15 @@
+const path = require('path');
+const { sync: findUp } = require('find-up');
+
+const WORKSPACE_DIR_ENV_VAR = 'NPM_CONFIG_WORKSPACE_DIR';
+const WORKSPACE_MANIFEST_FILENAME = 'pnpm-workspace.yaml';
+
+exports.findPnpmWorkspaceDir = (cwd) => {
+  const workspaceManifestDirEnvVar =
+    process.env[WORKSPACE_DIR_ENV_VAR] ??
+    process.env[WORKSPACE_DIR_ENV_VAR.toLowerCase()];
+  const workspaceManifestLocation = workspaceManifestDirEnvVar
+    ? path.join(workspaceManifestDirEnvVar, 'pnpm-workspace.yaml')
+    : findUp([WORKSPACE_MANIFEST_FILENAME, 'pnpm-workspace.yml'], { cwd });
+  return workspaceManifestLocation && path.dirname(workspaceManifestLocation);
+};

package/lib/testing/jest.config.js

@@ -1,9 +1,8 @@
 const path = require('path');
+const normalizePath = require('normalize-path');
 const { getAppConfig, getAssetPath } = require('../webpack/helpers');
 const swcrcConfig = require('../transpile/swcrc.config.js');
-
-const name = '@elliemae/pui-cli';
-const rootDir = path.join('<rootDir>', 'node_modules', name);
+const { findPnpmWorkspaceDir } = require('../monorepo/utils');
 
 let isReactModule = true;
 try {
@@ -15,19 +14,16 @@ try {
   isReactModule = false;
 }
 
-const getRootDir = () => {
-  try {
-    // eslint-disable-next-line global-require
-    const { name: consumerName } = require(path.join(
-      process.cwd(),
-      'package.json',
-    ));
-    return consumerName === name ? '<rootDir>' : rootDir;
-  } catch (ex) {
-    // eslint-disable-next-line no-console
-    console.log(ex);
-    return '<rootDir>';
-  }
+const getMockFilePath = (fileName) =>
+  normalizePath(path.resolve(__dirname, './mocks', fileName));
+
+const getNodeModulesPath = (fileName) => {
+  const monorepoRoot = findPnpmWorkspaceDir(process.cwd());
+  return normalizePath(
+    monorepoRoot
+      ? path.join(monorepoRoot, 'node_modules', fileName)
+      : `<rootDir>/node_modules/${fileName}`,
+  );
 };
 
 const jestConfig = {
@@ -59,23 +55,25 @@ const jestConfig = {
   coverageReporters: ['lcov', 'html', 'text-summary'],
   moduleDirectories: ['node_modules', 'app', 'lib'],
   moduleNameMapper: {
-    '.*\\webpack-hmr(.[t|j]s)?$': `${getRootDir()}/lib/testing/mocks/webpack-hmr.js`,
-    '.*\\.(css|scss)$': `${getRootDir()}/lib/testing/mocks/cssModule.js`,
-    '.*\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|ico)$': `${getRootDir()}/lib/testing/mocks/image.js`,
-    '.*\\.svg$': `${getRootDir()}/lib/testing/mocks/svg.js`,
-    '.*\\.(html)$': `${getRootDir()}/lib/testing/mocks/html.js`,
-    '^lodash-es$': 'lodash',
-    '@elliemae/pui-user-monitoring': `${getRootDir()}/lib/testing/mocks/pui-user-monitoring.js`,
-    '@elliemae/pui-app-loader': `${getRootDir()}/lib/testing/mocks/pui-app-loader.js`,
-    '@elliemae/pui-diagnostics': `${getRootDir()}/lib/testing/mocks/pui-diagnostics.js`,
-    'react-spring/web': '<rootDir>/node_modules/react-spring/web.cjs.js',
-    'react-spring/renderprops':
-      '<rootDir>/node_modules/react-spring/renderprops.cjs.js',
-    'styled-components':
-      '<rootDir>/node_modules/styled-components/dist/styled-components.cjs.js',
+    '.*\\webpack-hmr(.[t|j]s)?$': getMockFilePath('webpack-hmr.js'),
+    '.*\\.(css|scss)$': getMockFilePath('cssModule.js'),
+    '.*\\.(jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|ico)$':
+      getMockFilePath('image.js'),
+    '.*\\.svg$': getMockFilePath('svg.js'),
+    '.*\\.(html)$': getMockFilePath('html.js'),
+    '@elliemae/pui-user-monitoring': getMockFilePath('pui-user-monitoring.js'),
+    '@elliemae/pui-app-loader': getMockFilePath('webpack-hmr.js'),
+    '@elliemae/pui-diagnostics': getMockFilePath('pui-app-loader.js'),
+    'react-spring/web': getNodeModulesPath('react-spring/web.cjs.js'),
+    'react-spring/renderprops': getNodeModulesPath(
+      'react-spring/renderprops.cjs.js',
+    ),
+    'styled-components': getNodeModulesPath(
+      'styled-components/dist/styled-components.cjs.js',
+    ),
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
-  setupFilesAfterEnv: [`${getRootDir()}/lib/testing/setup-tests.js`],
+  setupFilesAfterEnv: [path.resolve(__dirname, './setup-tests.js')],
   setupFiles: ['raf/polyfill', 'whatwg-fetch'],
   testRegex: '(app|lib).*/tests/.*\\.test\\.[jt]sx?$',
   snapshotSerializers: [],
@@ -97,7 +95,7 @@ const jestConfig = {
 
 if (isReactModule && jestConfig.setupFilesAfterEnv)
   jestConfig.setupFilesAfterEnv.push(
-    `${getRootDir()}/lib/testing/setup-react-env.js`,
+    path.resolve(__dirname, './setup-react-env.js'),
   );
 
 exports.jestConfig = jestConfig;

package/lib/webpack/helpers.js

@@ -4,6 +4,7 @@ const fs = require('fs');
 const _ = require('lodash');
 const CompressionPlugin = require('compression-webpack-plugin');
 const zlib = require('zlib');
+const { findPnpmWorkspaceDir } = require('../monorepo/utils');
 
 let pathSep = path.sep;
 if (pathSep === '\\')
@@ -66,8 +67,9 @@ const mapToFolder = (dependencies, folder) =>
     {},
   );
 
-const getAlias = () =>
-  mapToFolder(
+const getAlias = () => {
+  const monorepoRoot = findPnpmWorkspaceDir(process.cwd()) || '';
+  return mapToFolder(
     [
       '@babel/runtime',
       'react',
@@ -85,8 +87,9 @@ const getAlias = () =>
       '@elliemae/pui-app-sdk$',
       '@elliemae/pui-theme$',
     ],
-    './node_modules',
+    path.join(monorepoRoot, './node_modules'),
   );
+};
 
 const modulesToTranspile = [
   '@elliemae/pui-*',

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

@@ -1,10 +1,6 @@
 /* eslint-disable max-lines */
 const path = require('path');
-const {
-  EnvironmentPlugin,
-  DefinePlugin,
-  NormalModuleReplacementPlugin,
-} = require('webpack');
+const { EnvironmentPlugin, DefinePlugin } = require('webpack');
 const {
   optimize: { LimitChunkCountPlugin },
   ProgressPlugin,
@@ -14,6 +10,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin');
 const PostcssPresetEnv = require('postcss-preset-env');
 const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
 const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
+const ResolveTypeScriptPlugin = require('resolve-typescript-plugin');
 const browserslistToEsbuild = require('browserslist-to-esbuild');
 
 const {
@@ -68,9 +65,6 @@ const plugins = [
     maxChunks: 1,
   }),
   new MomentLocalesPlugin({ localesToKeep: ['es-us'] }),
-  new NormalModuleReplacementPlugin(/\.js$/, function (resource) {
-    resource.request = resource.request.replace('.js', '');
-  }),
   new ProgressPlugin(),
 ];
 
@@ -192,6 +186,7 @@ module.exports = (options) => ({
       ...getAlias(),
       ...((options.resolve || {}).alias || {}),
     },
+    plugins: [new ResolveTypeScriptPlugin({})],
   },
   externals: {
     '@elliemae/pui-user-monitoring': 'emuiUserMonitoring',

package/lib/webpack/webpack.storybook.js

@@ -1,10 +1,7 @@
-const {
-  DefinePlugin,
-  EnvironmentPlugin,
-  NormalModuleReplacementPlugin,
-} = require('webpack');
+const { DefinePlugin, EnvironmentPlugin } = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
+const ResolveTypeScriptPlugin = require('resolve-typescript-plugin');
 const {
   getAppConfig,
   isApp,
@@ -45,9 +42,6 @@ const getAdditionalPlugins = () => [
       },
     ],
   }),
-  new NormalModuleReplacementPlugin(/\.js$/, function (resource) {
-    resource.request = resource.request.replace('.js', '');
-  }),
 ];
 
 const getModuleRules = () => [
@@ -78,6 +72,10 @@ exports.webpackFinal = async (config, { configType }) => {
   config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
   config.resolve.fallback = { ...config.resolve.fallback, crypto: false };
   config.resolve.extensions.push('.svg');
+  config.resolve.plugins = [
+    ...(config.resolve.plugins || []),
+    new ResolveTypeScriptPlugin({}),
+  ];
   config.externals = config.externals || {};
   config.externals['@elliemae/pui-user-monitoring'] = 'emuiUserMonitoring';
   config.externals['@elliemae/pui-app-loader'] = 'emuiAppLoader';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.5.1",
+  "version": "6.5.5",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -71,20 +71,20 @@
     "@semantic-release/changelog": "~6.0.1",
     "@semantic-release/exec": "~6.0.3",
     "@semantic-release/git": "~10.0.1",
-    "@storybook/addon-a11y": "~6.4.18",
-    "@storybook/addon-essentials": "~6.4.18",
+    "@storybook/addon-a11y": "~6.4.19",
+    "@storybook/addon-essentials": "~6.4.19",
     "@storybook/addon-events": "~6.2.9",
-    "@storybook/addon-interactions": "~6.4.18",
-    "@storybook/addon-links": "~6.4.18",
-    "@storybook/addon-storysource": "~6.4.18",
-    "@storybook/builder-webpack5": "~6.4.18",
-    "@storybook/manager-webpack5": "~6.4.18",
-    "@storybook/react": "~6.4.18",
-    "@storybook/theming": "~6.4.18",
+    "@storybook/addon-interactions": "~6.4.19",
+    "@storybook/addon-links": "~6.4.19",
+    "@storybook/addon-storysource": "~6.4.19",
+    "@storybook/builder-webpack5": "~6.4.19",
+    "@storybook/manager-webpack5": "~6.4.19",
+    "@storybook/react": "~6.4.19",
+    "@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.138",
+    "@swc/core": "~1.2.139",
     "@swc/jest": "~0.2.17",
     "@testing-library/jest-dom": "~5.16.2",
     "@testing-library/react": "~12.1.2",
@@ -132,7 +132,7 @@
     "esbuild": "~0.14.21",
     "esbuild-loader": "~2.18.0",
     "esbuild-plugin-svgr": "~1.0.0",
-    "eslint": "~8.8.0",
+    "eslint": "~8.9.0",
     "eslint-config-airbnb": "~19.0.4",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-airbnb-typescript": "~16.1.0",
@@ -145,7 +145,7 @@
     "eslint-plugin-eslint-comments": "~3.2.0",
     "eslint-plugin-import": "~2.25.4",
     "eslint-plugin-jest": "~26.1.0",
-    "eslint-plugin-jsdoc": "~37.8.2",
+    "eslint-plugin-jsdoc": "~37.9.1",
     "eslint-plugin-jsx-a11y": "~6.5.1",
     "eslint-plugin-mdx": "~1.16.0",
     "eslint-plugin-prettier": "~4.0.0",
@@ -161,6 +161,7 @@
     "express-static-gzip": "~2.1.4",
     "favicons": "~6.2.2",
     "favicons-webpack-plugin": "~5.0.2",
+    "find-up": "~5.0.0",
     "happy-dom": "~2.31.1",
     "helmet-csp": "~3.4.0",
     "html-webpack-plugin": "~5.5.0",
@@ -184,6 +185,7 @@
     "node-gyp": "~8.4.1",
     "node-plop": "~0.30.0",
     "nodemon": "~2.0.15",
+    "normalize-path": "~3.0.0",
     "npm-check-updates": "12.3.0",
     "null-loader": "~4.0.1",
     "pino": "~7.6.5",
@@ -195,7 +197,7 @@
     "postcss-jsx": "~0.36.4",
     "postcss-loader": "~6.2.1",
     "postcss-markdown": "~1.2.0",
-    "postcss-preset-env": "~7.3.1",
+    "postcss-preset-env": "~7.3.2",
     "postcss-syntax": "~0.36.2",
     "prettier": "~2.5.1",
     "pug": "~3.0.2",
@@ -227,7 +229,7 @@
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
     "vite": "~2.8.1",
-    "vitest": "~0.3.2",
+    "vitest": "~0.3.4",
     "webpack": "~5.65.0",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.2",