@elliemae/pui-cli 6.0.0-beta.4 → 6.0.0-beta.8

package/lib/esbuild.js

@@ -13,12 +13,14 @@ const commonConfig = {
 const outDir = 'dist';
 
 const build = async ({ srcPath, commonJS }) => {
-  const entryPoints = await fg([
+  const inputFiles = [
     `${srcPath}/**/*.{js,jsx,ts,tsx}`,
     `!${srcPath}/**/*.test.{js,jsx,ts,tsx}`,
     `!${srcPath}/**/*.stories.{js,jsx,ts,tsx}`,
-  ]);
+    `!${srcPath}/**/*.endpoint.{js,jsx,ts,tsx}`,
+  ];
   if (!commonJS) {
+    const entryPoints = await fg(inputFiles);
     await esbuild.build({
       entryPoints,
       ...commonConfig,
@@ -26,8 +28,11 @@ const build = async ({ srcPath, commonJS }) => {
       format: 'esm',
     });
   } else {
+    const commonJSEntryPoints = await fg(
+      inputFiles.concat([`${srcPath}/**/*.cjs`]),
+    );
     await esbuild.build({
-      entryPoints,
+      entryPoints: commonJSEntryPoints,
       ...commonConfig,
       outdir: `${outDir}/cjs`,
       format: 'cjs',

package/lib/server/index.js

@@ -13,8 +13,11 @@ const { loadRoutes } = require('./util');
 const { getAssetPath } = require('../webpack/helpers');
 
 const pino = expressPinoLogger({
-  prettyPrint: {
-    levelFirst: true,
+  transport: {
+    target: 'pino-pretty',
+    options: {
+      colorize: true,
+    },
   },
 });
 pino.logger.level = 'warn';

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

@@ -7,7 +7,6 @@ const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
 const { WebpackManifestPlugin } = require('webpack-manifest-plugin');
-const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 const { ProvidePlugin } = require('webpack');
 
 const {
@@ -19,10 +18,8 @@ const {
   getMediaPath,
 } = require('./helpers');
 const { ESBUILD_TARGET } = require('../esbuild');
-const { isTypeScriptEnabled } = require('../typescript/util');
 
 // get the application configuration
-const devMode = process.env.NODE_ENV !== 'production';
 const minicssLoader = {
   loader: MiniCssExtractPlugin.loader,
   options: {},
@@ -70,21 +67,29 @@ const plugins = [
       {
         from: 'node_modules/@elliemae/pui-user-monitoring/dist/public/js',
         to: 'js',
+        toType: 'dir',
+        info: { minimized: true },
       },
       {
-        from: 'node_modules/@elliemae/pui-app-loader/dist/public/js/emuiAppLoader*.js',
-        to: 'js/[name][ext]',
+        from: 'node_modules/@elliemae/pui-app-loader/dist/public/js',
+        to: 'js',
+        toType: 'dir',
         noErrorOnMissing: true,
+        info: { minimized: true },
       },
       {
-        from: 'node_modules/@elliemae/encw-loader/dist/public/js/emuiEncwLoader*.js',
-        to: 'js/[name][ext]',
+        from: 'node_modules/@elliemae/encw-loader/dist/public/js',
+        to: 'js',
+        toType: 'dir',
         noErrorOnMissing: true,
+        info: { minimized: true },
       },
       {
-        from: 'node_modules/@elliemae/pui-diagnostics/dist/public/js/emuiDiagnostics*.js',
-        to: 'js/[name][ext]',
+        from: 'node_modules/@elliemae/pui-diagnostics/dist/public/js',
+        to: 'js',
+        toType: 'dir',
         noErrorOnMissing: true,
+        info: { minimized: true },
       },
       {
         from: 'public',
@@ -102,17 +107,6 @@ const plugins = [
   new WebpackManifestPlugin(),
 ];
 
-if (isTypeScriptEnabled()) {
-  plugins.push(
-    new ForkTsCheckerWebpackPlugin({
-      async: devMode,
-      eslint: {
-        files: './app/**/*.{ts,js,tsx,jsx}',
-      },
-    }),
-  );
-}
-
 module.exports = (options) => ({
   mode: options.mode,
   entry: options.entry,

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

@@ -10,7 +10,6 @@ const PostcssPresetEnv = require('postcss-preset-env');
 const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const MomentLocalesPlugin = require('moment-locales-webpack-plugin');
-const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 
 const {
   excludeNodeModulesExcept,
@@ -22,9 +21,7 @@ const {
   getMediaPath,
 } = require('./helpers');
 const { ESBUILD_TARGET } = require('../esbuild');
-const { isTypeScriptEnabled } = require('../typescript/util');
 
-const devMode = process.env.NODE_ENV !== 'production';
 const minicssLoader = {
   loader: MiniCssExtractPlugin.loader,
   options: {},
@@ -63,17 +60,6 @@ const plugins = [
   new MomentLocalesPlugin(),
 ];
 
-if (isTypeScriptEnabled()) {
-  plugins.push(
-    new ForkTsCheckerWebpackPlugin({
-      async: devMode,
-      eslint: {
-        files: './lib/**/*.{ts,js,tsx,jsx}',
-      },
-    }),
-  );
-}
-
 module.exports = (options) => ({
   mode: options.mode,
   entry: [path.join(process.cwd(), 'lib/index')],

package/lib/webpack/webpack.prod.babel.js

@@ -72,7 +72,13 @@ const getProdConfig = ({ latestVersion = true } = {}) => {
         filename: '[path][base].gz',
         algorithm: 'gzip',
         test: /\.js$|\.css$$/,
-        exclude: [/\/adrum-ext/, /\/emuiUserMonitoring/],
+        exclude: [
+          /\/adrum-ext/,
+          /\/emuiUserMonitoring/,
+          /\/emuiDiagnostics/,
+          /\/emuiAppLoader/,
+          /\/encwLoader/,
+        ],
         // we are compressing all files since in aws cloudfront edge lambda, we don't want to whitelist files that are not compressed due to below limits
         minRatio: Number.MAX_SAFE_INTEGER,
       }),

package/lib/webpack/webpack.storybook.js

@@ -3,15 +3,12 @@ const webpack = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const CompressionPlugin = require('compression-webpack-plugin');
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
 const {
   getAppConfig,
   isApp,
   getAlias,
   excludeNodeModulesExcept,
   modulesToTranspile,
-  resolveExtensions,
-  mainFields,
   getMediaPath,
 } = require('./helpers');
 const { ESBUILD_TARGET } = require('../esbuild');
@@ -157,9 +154,6 @@ exports.webpackFinal = async (config, { configType }) => {
 
   config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
   config.resolve.fallback = { ...config.resolve.fallback, crypto: false };
-  config.resolve.plugins = (config.resolve.plugins || []).concat([
-    new TsconfigPathsPlugin({ extensions: resolveExtensions, mainFields }),
-  ]);
 
   config.externals = config.externals || {};
   config.externals['@elliemae/pui-user-monitoring'] = 'emuiUserMonitoring';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.4",
+  "version": "6.0.0-beta.8",
   "private": false,
   "description": "EllieMae Platform UI CLI",
   "sideEffects": false,
@@ -73,11 +73,9 @@
     "@storybook/addon-a11y": "~6.3.12",
     "@storybook/addon-actions": "~6.3.12",
     "@storybook/addon-backgrounds": "~6.3.12",
-    "@storybook/addon-console": "~1.2.3",
     "@storybook/addon-controls": "~6.3.12",
     "@storybook/addon-docs": "~6.3.12",
     "@storybook/addon-events": "~6.2.9",
-    "@storybook/addon-knobs": "~6.3.1",
     "@storybook/addon-links": "~6.3.12",
     "@storybook/addon-storysource": "~6.3.12",
     "@storybook/addon-toolbars": "~6.3.12",
@@ -98,6 +96,7 @@
     "@types/testing-library__jest-dom": "~5.14.1",
     "@typescript-eslint/eslint-plugin": "~5.4.0",
     "@typescript-eslint/parser": "~5.4.0",
+    "@vitejs/plugin-react": "~1.1.0",
     "autoprefixer": "~10.4.0",
     "axe-core": "~4.3.5",
     "babel-loader": "~8.2.3",
@@ -132,7 +131,8 @@
     "dotenv": "~10.0.0",
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
-    "esbuild": "~0.13.15",
+    "esbuild": "~0.14.0",
+    "esbuild-jest": "~0.5.0",
     "esbuild-loader": "~2.16.0",
     "eslint": "~8.3.0",
     "eslint-config-airbnb": "~18.2.1",
@@ -190,14 +190,14 @@
     "pino-pretty": "~7.2.0",
     "pinst": "~2.1.6",
     "plop": "~2.7.6",
-    "postcss": "~8.4.1",
+    "postcss": "~8.4.3",
     "postcss-jsx": "~0.36.4",
     "postcss-html": "~1.3.0",
     "postcss-markdown": "~1.2.0",
     "postcss-syntax": "~0.36.2",
-    "postcss-loader": "~6.2.0",
+    "postcss-loader": "~6.2.1",
     "postcss-preset-env": "~7.0.1",
-    "prettier": "~2.4.1",
+    "prettier": "~2.5.0",
     "pug": "~3.0.2",
     "pug-loader": "~2.4.0",
     "raf": "~3.4.1",
@@ -212,6 +212,7 @@
     "semantic-release": "~18.0.1",
     "shelljs": "~0.8.4",
     "slackify-markdown": "~4.3.0",
+    "storybook-builder-vite": "~0.1.10",
     "storybook-react-router": "~1.0.8",
     "storybook-addon-turbo-build": "~1.0.1",
     "style-loader": "~3.3.1",
@@ -233,7 +234,8 @@
     "update-notifier": "~5.1.0",
     "url-loader": "~4.1.1",
     "uuid": "~8.3.2",
-    "webpack": "~5.64.3",
+    "vite": "~2.6.14",
+    "webpack": "~5.64.4",
     "webpack-bundle-analyzer": "~4.5.0",
     "webpack-cli": "~4.9.1",
     "webpack-dev-middleware": "~5.2.2",