@redhat-cloud-services/frontend-components-config 4.6.22 → 4.6.23

package/bin/fec.js

@@ -5,7 +5,7 @@ const yargs = require('yargs');
 
 const devScript = require('../src/scripts/dev-script');
 const buildScript = require('../src/scripts/build-script');
-const { logError } = require('../src/scripts/common');
+const { logError, validateFECConfig } = require('../src/scripts/common');
 
 function patchHosts() {
     const command = `
@@ -59,7 +59,11 @@ const argv = yargs
 .argv;
 
 const scripts = {
-    static,
+    static: (argv, cwd) => {
+        // set fec config
+        validateFECConfig(cwd)
+        static(argv, cwd)
+    },
     'patch-etc-hosts': patchHosts,
     dev: devScript,
     build: buildScript

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@redhat-cloud-services/frontend-components-config",
-    "version": "4.6.22",
+    "version": "4.6.23",
     "description": "Config plugins and settings for RedHat Cloud Services project.",
     "main": "index.js",
     "bin": {
@@ -28,9 +28,10 @@
         "buffer": "^6.0.3",
         "clean-webpack-plugin": "^3.0.0",
         "css-loader": "^5.2.7",
-        "concurrently": "^6.5.1",
+        "concurrently": "^7.4.0",
         "chalk": "^4.1.2",
         "express": "^4.18.1",
+        "fork-ts-checker-webpack-plugin": "^7.2.13",
         "git-revision-webpack-plugin": "^3.0.6",
         "glob": "^7.2.3",
         "html-replace-webpack-plugin": "^2.6.0",

package/src/config.js

@@ -39,6 +39,8 @@ module.exports = ({
   bounceProd,
   useAgent,
   useDevBuild = true,
+  useCache = false,
+  cacheConfig = {},
 } = {}) => {
   const filenameMask = `js/[name]${useFileHash ? `.${Date.now()}.[fullhash]` : ''}.js`;
   if (betaEnv) {
@@ -61,6 +63,18 @@ module.exports = ({
   return {
     mode: mode || (isProd ? 'production' : 'development'),
     devtool: false,
+    ...(useCache
+      ? {
+          cache: {
+            type: 'filesystem',
+            buildDependencies: {
+              config: [__filename],
+            },
+            cacheDirectory: path.resolve(rootFolder, '.cache'),
+            ...cacheConfig,
+          },
+        }
+      : {}),
     entry: {
       App: appEntry,
     },
@@ -89,6 +103,13 @@ module.exports = ({
           test: /src\/.*\.tsx?$/,
           loader: 'ts-loader',
           exclude: /(node_modules)/i,
+          /**
+           * Do not run type checking on main thread
+           * Type checking is offloaded to separate thread via ForkTsCheckerWebpackPlugin
+           */
+          options: {
+            transpileOnly: true,
+          },
         },
         {
           test: /\.s?[ac]ss$/,

package/src/plugins.js

@@ -6,6 +6,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const HtmlReplaceWebpackPlugin = require('html-replace-webpack-plugin');
 const ChunkMapperPlugin = require('@redhat-cloud-services/frontend-components-config-utilities/chunk-mapper');
 const jsVarName = require('@redhat-cloud-services/frontend-components-config-utilities/jsVarName');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 
 module.exports = ({
   rootFolder,
@@ -65,5 +66,6 @@ module.exports = ({
     Buffer: ['buffer', 'Buffer'],
   }),
   new ChunkMapperPlugin({ modules: [...(insights ? [jsVarName(insights.appname)] : []), ...(modules || [])] }),
+  new ForkTsCheckerWebpackPlugin(),
   ...(plugins || []),
 ];

package/src/plugins.test.js

@@ -8,12 +8,12 @@ describe('plugins generations, no option', () => {
   const enabledPlugins = plugins({ useChromeTemplate: false });
 
   it('should generate plugins', () => {
-    expect(enabledPlugins.length).toBe(7);
+    expect(enabledPlugins.length).toBe(8);
   });
 
   it('should generate plugins with sourceMaps', () => {
     const enabledPlugins = plugins({ generateSourceMaps: true, useChromeTemplate: false });
-    expect(enabledPlugins.length).toBe(8);
+    expect(enabledPlugins.length).toBe(9);
   });
 
   it('should generate correct template path for HtmlWebpackPlugin', () => {