@workleap/webpack-configs 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @workleap/webpack-configs
 
+## 1.0.2
+
+### Patch Changes
+
+- [#120](https://github.com/gsoft-inc/wl-web-configs/pull/120) [`0e66000`](https://github.com/gsoft-inc/wl-web-configs/commit/0e66000b2028cad9c606d3523e3bcf540e6350e2) Thanks [@patricklafrance](https://github.com/patricklafrance)! - Updated configs
+
+## 1.0.1
+
+### Patch Changes
+
+- [#116](https://github.com/gsoft-inc/wl-web-configs/pull/116) [`5d7f448`](https://github.com/gsoft-inc/wl-web-configs/commit/5d7f4486b80f397efb59361935c8e944fcd00d97) Thanks [@patricklafrance](https://github.com/patricklafrance)! - Move fast-refresh package to a dependency rather than an optional peerDependency and move webpack config swcConfig as the first param
+
 ## 1.0.0
 
 ### Major Changes

package/dist/build.d.ts

@@ -11,16 +11,18 @@ interface DefineBuildConfigOptions {
     entry?: string;
     outputPath?: string;
     publicPath?: string;
+    cache?: boolean;
+    cacheDirectory?: string;
     moduleRules?: NonNullable<Configuration["module"]>["rules"];
     plugins?: Configuration["plugins"];
-    htmlWebpackPluginOptions?: HtmlWebpackPlugin.Options;
+    htmlWebpackPlugin?: false | HtmlWebpackPlugin.Options;
     miniCssExtractPluginOptions?: MiniCssExtractPluginOptions;
     minify?: boolean;
     cssModules?: boolean;
-    swcConfig: Config;
     environmentVariables?: Record<string, string | undefined>;
     transformers?: WebpackConfigTransformer[];
+    profile?: boolean;
 }
-declare function defineBuildConfig(options: DefineBuildConfigOptions): Configuration;
+declare function defineBuildConfig(swcConfig: Config, options?: DefineBuildConfigOptions): Configuration;
 
 export { DefineBuildConfigOptions, defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig };

package/dist/build.js

@@ -1,2 +1,2 @@
-export { defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig } from './chunk-QSPIAXE3.js';
+export { defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig } from './chunk-IGATFK3O.js';
 import './chunk-URL2KA63.js';

package/dist/{chunk-QSPIAXE3.js → chunk-IGATFK3O.js}

@@ -2,7 +2,8 @@ import { applyTransformers } from './chunk-URL2KA63.js';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import { createRequire } from 'node:module';
-import path from 'path';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 import TerserPlugin from 'terser-webpack-plugin';
 import webpack from 'webpack';
 
@@ -28,21 +29,23 @@ function defineMiniCssExtractPluginConfig(options = {}) {
     filename
   };
 }
-function defineBuildConfig(options) {
+function defineBuildConfig(swcConfig, options = {}) {
   const {
     entry = path.resolve("./src/index.tsx"),
     outputPath = path.resolve("dist"),
     // The trailing / is very important, otherwise paths will not be resolved correctly.
     publicPath = "http://localhost:8080/",
+    cache = true,
+    cacheDirectory = path.resolve("node_modules/.cache/webpack"),
     moduleRules = [],
     plugins = [],
-    htmlWebpackPluginOptions = defineBuildHtmlWebpackPluginConfig(),
+    htmlWebpackPlugin = defineBuildHtmlWebpackPluginConfig(),
     miniCssExtractPluginOptions = defineMiniCssExtractPluginConfig(),
     minify = true,
     cssModules = false,
-    swcConfig,
     environmentVariables,
-    transformers = []
+    transformers = [],
+    profile = false
   } = options;
   const config = {
     mode: "production",
@@ -54,6 +57,34 @@ function defineBuildConfig(options) {
       publicPath,
       clean: true
     },
+    cache: cache && {
+      type: "filesystem",
+      allowCollectingMemory: false,
+      buildDependencies: {
+        config: [fileURLToPath(import.meta.url)]
+      },
+      cacheDirectory
+    },
+    // Fixes caching for environmental variables using the DefinePlugin by forcing
+    // webpack caching to prioritize hashes over timestamps.
+    snapshot: {
+      buildDependencies: {
+        hash: true,
+        timestamp: true
+      },
+      module: {
+        hash: true,
+        timestamp: true
+      },
+      resolve: {
+        hash: true,
+        timestamp: true
+      },
+      resolveBuildDependencies: {
+        hash: true,
+        timestamp: true
+      }
+    },
     optimization: minify ? {
       minimize: true,
       minimizer: [
@@ -66,6 +97,11 @@ function defineBuildConfig(options) {
         })
       ]
     } : void 0,
+    infrastructureLogging: profile ? {
+      appendOnly: true,
+      level: "verbose",
+      debug: /PackFileCache/
+    } : void 0,
     module: {
       rules: [
         {
@@ -109,15 +145,19 @@ function defineBuildConfig(options) {
       ]
     },
     resolve: {
-      extensions: [".js", ".jsx", ".ts", ".tsx", ".css"]
+      extensions: [".js", ".jsx", ".ts", ".tsx", ".css"],
+      alias: {
+        // Fixes Module not found: Error: Can't resolve '@swc/helpers/_/_class_private_field_init'.
+        // View https://github.com/vercel/next.js/pull/38174 for more information and https://github.com/vercel/next.js/issues/48593.
+        "@swc/helpers": path.dirname(require2.resolve("@swc/helpers/package.json"))
+      }
     },
     plugins: [
-      new HtmlWebpackPlugin(htmlWebpackPluginOptions),
+      htmlWebpackPlugin && new HtmlWebpackPlugin(htmlWebpackPlugin),
       new MiniCssExtractPlugin(miniCssExtractPluginOptions),
       new DefinePlugin({
-        // Parenthesis around the stringified object are mandatory otherwise it breaks
-        // at build time.
-        "process.env": `(${JSON.stringify(environmentVariables)})`
+        // Webpack automatically stringify object literals.
+        "process.env": environmentVariables
       }),
       ...plugins
     ].filter(Boolean)

package/dist/{chunk-OVSH7SYO.js → chunk-SBBLJ5AL.js}

@@ -3,8 +3,8 @@ import { applyTransformers } from './chunk-URL2KA63.js';
 import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import { createRequire } from 'node:module';
-import path from 'path';
-import { fileURLToPath } from 'url';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 import webpack from 'webpack';
 import 'webpack-dev-server';
 
@@ -33,13 +33,13 @@ function preflight(options) {
     }
   }
 }
-function tryEnableSwcReactRefresh(config) {
+function trySetSwcFastRefresh(config, enabled) {
   if (config?.jsc?.transform?.react) {
-    config.jsc.transform.react.refresh = true;
+    config.jsc.transform.react.refresh = enabled;
   }
   return config;
 }
-function defineDevConfig(options) {
+function defineDevConfig(swcConfig, options = {}) {
   preflight(options);
   const {
     entry = path.resolve("./src/index.tsx"),
@@ -50,12 +50,12 @@ function defineDevConfig(options) {
     cacheDirectory = path.resolve("node_modules/.cache/webpack"),
     moduleRules = [],
     plugins = [],
-    htmlWebpackPluginOptions = defineDevHtmlWebpackPluginConfig(),
-    fastRefresh = false,
+    htmlWebpackPlugin = defineDevHtmlWebpackPluginConfig(),
+    fastRefresh = true,
     cssModules = false,
-    swcConfig,
     environmentVariables,
-    transformers = []
+    transformers = [],
+    profile = false
   } = options;
   const config = {
     mode: "development",
@@ -75,14 +75,35 @@ function defineDevConfig(options) {
       // The trailing / is very important, otherwise paths will not be resolved correctly.
       publicPath: `${https ? "https" : "http"}://${host}:${port}/`
     },
-    cache: cache !== false && {
+    cache: cache && {
       type: "filesystem",
       allowCollectingMemory: true,
+      maxMemoryGenerations: 1,
       buildDependencies: {
         config: [fileURLToPath(import.meta.url)]
       },
       cacheDirectory
     },
+    // Fixes caching for environmental variables using the DefinePlugin by forcing
+    // webpack caching to prioritize hashes over timestamps.
+    snapshot: {
+      buildDependencies: {
+        hash: true,
+        timestamp: true
+      },
+      module: {
+        hash: true,
+        timestamp: true
+      },
+      resolve: {
+        hash: true,
+        timestamp: true
+      },
+      resolveBuildDependencies: {
+        hash: true,
+        timestamp: true
+      }
+    },
     optimization: {
       // See: https://webpack.js.org/guides/build-performance/#avoid-extra-optimization-steps
       runtimeChunk: true,
@@ -90,13 +111,18 @@ function defineDevConfig(options) {
       removeEmptyChunks: false,
       splitChunks: false
     },
+    infrastructureLogging: profile ? {
+      appendOnly: true,
+      level: "verbose",
+      debug: /PackFileCache/
+    } : void 0,
     module: {
       rules: [
         {
           test: /\.(js|jsx|ts|tsx)/i,
           exclude: /node_modules/,
           loader: require2.resolve("swc-loader"),
-          options: fastRefresh ? tryEnableSwcReactRefresh(swcConfig) : swcConfig
+          options: trySetSwcFastRefresh(swcConfig, fastRefresh !== false)
         },
         {
           // https://stackoverflow.com/questions/69427025/programmatic-webpack-jest-esm-cant-resolve-module-without-js-file-exten
@@ -133,12 +159,18 @@ function defineDevConfig(options) {
       ]
     },
     resolve: {
-      extensions: [".js", ".jsx", ".ts", ".tsx", ".css"]
+      extensions: [".js", ".jsx", ".ts", ".tsx", ".css"],
+      alias: {
+        // Fixes Module not found: Error: Can't resolve '@swc/helpers/_/_class_private_field_init'.
+        // View https://github.com/vercel/next.js/pull/38174 for more information and https://github.com/vercel/next.js/issues/48593.
+        "@swc/helpers": path.dirname(require2.resolve("@swc/helpers/package.json"))
+      }
     },
     plugins: [
-      new HtmlWebpackPlugin(htmlWebpackPluginOptions),
+      htmlWebpackPlugin && new HtmlWebpackPlugin(htmlWebpackPlugin),
       new DefinePlugin({
-        "process.env": JSON.stringify(environmentVariables)
+        // Webpack automatically stringify object literals.
+        "process.env": environmentVariables
       }),
       fastRefresh && new ReactRefreshWebpackPlugin(isObject(fastRefresh) ? fastRefresh : defineFastRefreshPluginConfig()),
       ...plugins

package/dist/dev.d.ts

@@ -15,13 +15,13 @@ interface DefineDevConfigOptions {
     cacheDirectory?: string;
     moduleRules?: NonNullable<Configuration["module"]>["rules"];
     plugins?: Configuration["plugins"];
-    htmlWebpackPluginOptions?: HtmlWebpackPlugin.Options;
+    htmlWebpackPlugin?: false | HtmlWebpackPlugin.Options;
     fastRefresh?: boolean | ReactRefreshPluginOptions;
     cssModules?: boolean;
-    swcConfig: Config;
     environmentVariables?: Record<string, string | undefined>;
     transformers?: WebpackConfigTransformer[];
+    profile?: boolean;
 }
-declare function defineDevConfig(options: DefineDevConfigOptions): Configuration;
+declare function defineDevConfig(swcConfig: Config, options?: DefineDevConfigOptions): Configuration;
 
 export { DefineDevConfigOptions, defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig };

package/dist/dev.js

@@ -1,3 +1,3 @@
-export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-OVSH7SYO.js';
+export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-SBBLJ5AL.js';
 import './chunk-P2Z3EEVF.js';
 import './chunk-URL2KA63.js';

package/dist/index.js

@@ -1,5 +1,5 @@
-export { defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig } from './chunk-QSPIAXE3.js';
-export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-OVSH7SYO.js';
+export { defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig } from './chunk-IGATFK3O.js';
+export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-SBBLJ5AL.js';
 import './chunk-P2Z3EEVF.js';
 import './chunk-URL2KA63.js';
 export { addAfterModuleRule, addBeforeModuleRule, findModuleRule, findModuleRules, matchAssetModuleType, matchLoaderName, matchTest, removeModuleRules, replaceModuleRule } from './chunk-34O5ZLZ6.js';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@workleap/webpack-configs",
   "author": "Workleap",
   "description": "Workleap recommended webpack config.",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "license": "Apache-2.0",
   "keywords": [
     "workleap",
@@ -13,8 +13,7 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "types": "./dist/index.d.ts"
     }
   },
   "files": [
@@ -28,8 +27,9 @@
     "directory": "packages/webpack-configs"
   },
   "dependencies": {
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
     "css-loader": "6.8.1",
-    "html-webpack-plugin": "5.5.1",
+    "html-webpack-plugin": "5.5.3",
     "mini-css-extract-plugin": "2.7.6",
     "postcss-loader": "7.3.3",
     "style-loader": "3.3.3",
@@ -37,7 +37,6 @@
     "terser-webpack-plugin": "5.3.9"
   },
   "peerDependencies": {
-    "@pmmmwh/react-refresh-webpack-plugin": "*",
     "@svgr/webpack": "*",
     "@swc/core": "*",
     "@swc/helpers": "*",
@@ -47,34 +46,29 @@
     "webpack-dev-server": "*"
   },
   "peerDependenciesMeta": {
-    "@pmmmwh/react-refresh-webpack-plugin": {
-      "optional": true
-    },
     "webpack-dev-server": {
       "optional": true
     }
   },
   "devDependencies": {
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
-    "@svgr/webpack": "8.0.1",
-    "@swc/core": "1.3.66",
+    "@svgr/webpack": "8.1.0",
+    "@swc/core": "1.3.82",
     "@swc/helpers": "0.5.1",
-    "@swc/jest": "0.2.26",
-    "@types/jest": "29.5.2",
-    "@types/webpack": "5.28.1",
-    "browserslist": "4.21.7",
-    "jest": "29.5.0",
-    "postcss": "8.4.24",
+    "@swc/jest": "0.2.29",
+    "@types/jest": "29.5.4",
+    "browserslist": "4.21.10",
+    "jest": "29.6.4",
+    "postcss": "8.4.29",
     "postcss-load-config": "4.0.1",
     "ts-node": "10.9.1",
-    "tsup": "6.7.0",
-    "typescript": "5.0.4",
-    "webpack": "5.86.0",
-    "webpack-dev-server": "4.15.0",
-    "@workleap/eslint-plugin": "2.0.0",
-    "@workleap/swc-configs": "2.0.0",
+    "tsup": "7.2.0",
+    "typescript": "5.2.2",
+    "webpack": "5.88.2",
+    "webpack-dev-server": "4.15.1",
+    "@workleap/eslint-plugin": "2.1.0",
+    "@workleap/swc-configs": "2.1.1",
     "@workleap/tsup-configs": "3.0.0",
-    "@workleap/typescript-configs": "3.0.0"
+    "@workleap/typescript-configs": "3.0.2"
   },
   "publishConfig": {
     "access": "public",