@elliemae/pui-cli 6.0.0-beta.21 → 6.0.0-beta.22

package/lib/cli-commands/pack.js

@@ -4,7 +4,7 @@ const path = require('path');
 const { writeFile, readFile } = require('fs/promises');
 const { exec, logInfo, logError, logSuccess } = require('./utils');
 const { isTypeScriptEnabled } = require('../typescript/util');
-const { esBuild } = require('../esbuild');
+const { esBuild } = require('../transpile/esbuild');
 
 const { name } = require('../../package.json');
 

package/lib/cli-commands/test.js

@@ -1,6 +1,6 @@
 const { exit } = require('yargs');
 const { exec, logError, logSuccess } = require('./utils');
-const { lintCSS, lintJS } = require('./lint');
+// const { lintCSS, lintJS } = require('./lint');
 
 const { CI = false } = process.env;
 
@@ -21,20 +21,18 @@ async function handler(argv) {
   if (argv.r) commandOptions += ' --bail --findRelatedTests';
   if (argv.s) commandOptions += ' --silent';
   try {
-    if (!CI) {
-      try {
-        await lintJS();
-        await lintCSS();
-        logSuccess('Linting completed');
-      } catch (err) {
-        logError('Linting failed');
-        exit(-1, err);
-        return -1;
-      }
-    } else {
-      await exec('rimraf ./reports');
-    }
-
+    // if (!CI) {
+    //   try {
+    //     await lintJS();
+    //     await lintCSS();
+    //     logSuccess('Linting completed');
+    //   } catch (err) {
+    //     logError('Linting failed');
+    //     exit(-1, err);
+    //     return -1;
+    //   }
+    // }
+    await exec('rimraf ./reports');
     // eslint-disable-next-line jest/valid-title, jest/no-disabled-tests, jest/expect-expect
     await test(commandOptions);
     logSuccess('Unit test execution completed');

package/lib/lint/eslint/common.js

@@ -37,7 +37,7 @@ const baseRules = {
   'import/prefer-default-export': 0,
   'import/extensions': [
     2,
-    'ignorePackages',
+    'never',
     {
       json: 'ignorePackages',
       js: 'ignorePackages',

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

@@ -17,7 +17,7 @@ const {
   getAlias,
   getPaths,
 } = require('./helpers');
-const { ESBUILD_TARGET } = require('../esbuild');
+const { ESBUILD_TARGET } = require('../transpile/esbuild');
 
 const minicssLoader = {
   loader: MiniCssExtractPlugin.loader,
@@ -240,6 +240,6 @@ module.exports = (options) => ({
     '@elliemae/pui-diagnostics': 'emuiDiagnostics',
   },
   devtool: options.devtool || 'eval-source-map',
-  target: 'web', // Make web variables accessible to webpack, e.g. window
+  target: 'web',
   performance: options.performance || {},
 });

package/lib/webpack/webpack.dev.babel.js

@@ -105,8 +105,6 @@ const devConfig = {
     }),
   ],
 
-  // Emit a source map for easier debugging
-  // See https://webpack.js.org/configuration/devtool/#devtool
   devtool: 'eval-source-map',
 
   performance: {

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

@@ -19,7 +19,7 @@ const {
   getAssetPath,
   getAlias,
 } = require('./helpers');
-const { ESBUILD_TARGET } = require('../esbuild');
+const { ESBUILD_TARGET } = require('../transpile/esbuild');
 
 const minicssLoader = {
   loader: MiniCssExtractPlugin.loader,
@@ -74,7 +74,7 @@ module.exports = (options) => ({
   module: {
     rules: [
       {
-        test: /^(?!.*\.exec\.js$).*\.(js|ts|jsx|tsx)$/,
+        test: /^(?!.*\.exec\.js$).*\.[jt]sx?$/,
         enforce: 'pre',
         exclude: /node_modules/,
         resolve: {
@@ -91,7 +91,7 @@ module.exports = (options) => ({
         ],
       },
       {
-        test: /^(?!.*\.exec\.js$).*\.(js|ts|jsx|tsx)$/, // Transform all .js and .jsx files with Babel
+        test: /^(?!.*\.exec\.js$).*\.jsx?$/, // Transform all .js and .jsx files with Babel
         exclude: excludeNodeModulesExcept(modulesToTranspile),
         resolve: {
           fullySpecified: false,
@@ -104,6 +104,20 @@ module.exports = (options) => ({
           },
         },
       },
+      {
+        test: /^(?!.*\.exec\.js$).*\.tsx?$/, // Transform all .js and .jsx files with Babel
+        exclude: excludeNodeModulesExcept(modulesToTranspile),
+        resolve: {
+          fullySpecified: false,
+        },
+        use: {
+          loader: 'esbuild-loader',
+          options: {
+            loader: 'tsx',
+            target: ESBUILD_TARGET,
+          },
+        },
+      },
       {
         test: /\.exec\.js$/,
         exclude: /node_modules/,
@@ -155,10 +169,6 @@ module.exports = (options) => ({
         exclude: excludeNodeModulesExcept(['@elliemae/*']),
         type: 'asset/resource',
       },
-      {
-        type: 'asset',
-        resourceQuery: /url/, // *.svg?react
-      },
       {
         test: /\.svg$/i,
         issuer: /\.[jt]sx?$/,
@@ -183,6 +193,10 @@ module.exports = (options) => ({
         resourceQuery: /resource/,
         type: 'asset/resource',
       },
+      {
+        type: 'asset',
+        resourceQuery: /url/,
+      },
     ],
   },
   plugins: plugins.concat(options.plugins || []),
@@ -191,7 +205,6 @@ module.exports = (options) => ({
     extensions: ['.wasm', '.mjs', '.ts', '.tsx', '.js', '.jsx', '.json'],
     mainFields: ['browser', 'module', 'main'],
     alias: {
-      'lodash-es': 'lodash',
       ...getAlias(),
       ...((options.resolve || {}).alias || {}),
     },

package/lib/webpack/webpack.lib.dev.babel.js

@@ -43,8 +43,6 @@ module.exports = require('./webpack.lib.base.babel')({
     }),
   ],
 
-  // Emit a source map for easier debugging
-  // See https://webpack.js.org/configuration/devtool/#devtool
   devtool: 'eval-source-map',
 
   performance: {

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

@@ -4,7 +4,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 const { ESBuildMinifyPlugin } = require('esbuild-loader');
 const { getLibraryName, getCompressionPlugins } = require('./helpers');
-const { ESBUILD_TARGET } = require('../esbuild');
+const { ESBUILD_TARGET } = require('../transpile/esbuild');
 
 const libraryName = getLibraryName();
 

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

@@ -16,7 +16,7 @@ const {
   isGoogleTagManagerEnabled,
   getCompressionPlugins,
 } = require('./helpers');
-const { ESBUILD_TARGET } = require('../esbuild');
+const { ESBUILD_TARGET } = require('../transpile/esbuild');
 
 const getProdConfig = ({ latestVersion = true } = {}) => {
   const { buildPath, publicPath } = getPaths(latestVersion);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.21",
+  "version": "6.0.0-beta.22",
   "private": false,
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
@@ -125,11 +125,11 @@
     "dotenv": "~10.0.0",
     "dotenv-webpack": "~7.0.3",
     "duplicate-package-checker-webpack-plugin": "~3.0.0",
-    "esbuild": "~0.14.1",
+    "esbuild": "~0.14.2",
     "esbuild-jest": "~0.5.0",
     "esbuild-loader": "~2.16.0",
     "esbuild-plugin-svgr": "~0.0.3",
-    "eslint": "~8.3.0",
+    "eslint": "~8.4.0",
     "eslint-config-airbnb": "~18.2.1",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-airbnb-typescript": "~15.0.0",
@@ -179,7 +179,7 @@
     "minimist": "~1.2.5",
     "moment": "~2.29.1",
     "moment-locales-webpack-plugin": "~1.2.0",
-    "msw": "~0.35.0",
+    "msw": "~0.36.0",
     "node-plop": "~0.30.0",
     "nodemon": "~2.0.15",
     "npm-check-updates": "12.0.2",
@@ -195,7 +195,7 @@
     "postcss-syntax": "~0.36.2",
     "postcss-loader": "~6.2.1",
     "postcss-preset-env": "~7.0.1",
-    "prettier": "~2.5.0",
+    "prettier": "~2.5.1",
     "pug": "~3.0.2",
     "pug-loader": "~2.4.0",
     "raf": "~3.4.1",