@workleap/webpack-configs 0.0.2 → 1.0.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @workleap/webpack-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
+
+- [#98](https://github.com/gsoft-inc/wl-web-configs/pull/98) [`56ca32e`](https://github.com/gsoft-inc/wl-web-configs/commit/56ca32ee3194c51210aacc5189f3ebbec5a4a7b6) Thanks [@patricklafrance](https://github.com/patricklafrance)! - New start, every package has a major version bump
+
 ## 0.0.2
 
 ### Patch Changes

package/README.md

@@ -1,7 +1,22 @@
 # webpack-configs
 
-## Gotchas to remember
+[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](../../LICENSE)
+[![npm version](https://img.shields.io/npm/v/@workleap/webpack-configs)](https://www.npmjs.com/package/@workleap/webpack-configs)
 
-### Add the @swc/helpers packages to all monorepo imported projects having JSX code
+## Usage
+
+View the [user's documentation](https://gsoft-inc.github.io/wl-web-configs/).
+
+## 🤝 Contributing
+
+View the [contributor's documentation](../../CONTRIBUTING.md).
+
+### Notes
+
+#### Add the @swc/helpers packages to all monorepo imported projects having JSX code
 
 To work properly, all projects having React/JSX code that are referenced by the host project must also install `@swc/helpers` as a `devDependency`.
+
+## License
+
+Copyright © 2023, Workleap. This code is licensed under the Apache License, Version 2.0. You may obtain a copy of this license at https://github.com/gsoft-inc/workleap-license/blob/master/LICENSE.

package/dist/build.d.ts

@@ -1,7 +1,7 @@
 import { Config } from '@swc/core';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import webpack, { Configuration } from 'webpack';
+import { Configuration } from 'webpack';
 import { WebpackConfigTransformer } from './transformers/applyTransformers.js';
 
 type MiniCssExtractPluginOptions = NonNullable<ConstructorParameters<typeof MiniCssExtractPlugin>[number]>;
@@ -13,15 +13,13 @@ interface DefineBuildConfigOptions {
     publicPath?: string;
     moduleRules?: NonNullable<Configuration["module"]>["rules"];
     plugins?: Configuration["plugins"];
-    htmlWebpackPlugin?: HtmlWebpackPlugin.Options;
-    miniCssExtractPlugin?: MiniCssExtractPluginOptions;
+    htmlWebpackPluginOptions?: HtmlWebpackPlugin.Options;
+    miniCssExtractPluginOptions?: MiniCssExtractPluginOptions;
     minify?: boolean;
     cssModules?: boolean;
-    postcssConfigFilePath?: string;
-    swcConfig: Config;
     environmentVariables?: Record<string, string | undefined>;
     transformers?: WebpackConfigTransformer[];
 }
-declare function defineBuildConfig(options: DefineBuildConfigOptions): webpack.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-XOV4FKHU.js';
+export { defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig } from './chunk-Z4O6KPRR.js';
 import './chunk-URL2KA63.js';

package/dist/{chunk-YF3OAEUP.js → chunk-34O5ZLZ6.js}

@@ -107,7 +107,7 @@ function addBeforeModuleRule(config, matcher, newModuleRules) {
     match.parent.splice(match.index, 0, ...newModuleRules);
   } else {
     const matcherInfo = matcher.info;
-    console.log(`[webpack-configs] Couldn't add the new module rules because no match has been found.
+    throw new Error(`[webpack-configs] Couldn't add the new module rules because no match has been found.
 [webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
   }
 }
@@ -117,7 +117,7 @@ function addAfterModuleRule(config, matcher, newModuleRules) {
     match.parent.splice(match.index + 1, 0, ...newModuleRules);
   } else {
     const matcherInfo = matcher.info;
-    console.log(`[webpack-configs] Couldn't add the new module rules because no match has been found.
+    throw new Error(`[webpack-configs] Couldn't add the new module rules because no match has been found.
 [webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
   }
 }
@@ -127,7 +127,7 @@ function replaceModuleRule(config, matcher, newModuleRule) {
     match.parent[match.index] = newModuleRule;
   } else {
     const matcherInfo = matcher.info;
-    console.log(`[webpack-configs] Couldn't replace the module rule because no match has been found.
+    throw new Error(`[webpack-configs] Couldn't replace the module rule because no match has been found.
 [webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
   }
 }
@@ -146,7 +146,7 @@ function removeModuleRules(config, matcher) {
     });
   } else {
     const matcherInfo = matcher.info;
-    console.log(`[webpack-configs] Didn't remove any module rules because no match has been found.
+    throw new Error(`[webpack-configs] Didn't remove any module rules because no match has been found.
 [webpack-configs] Matcher: "${matcherInfo}"`);
   }
 }

package/dist/{chunk-ZKKR575Q.js → chunk-DSXM2GXS.js}

@@ -39,7 +39,7 @@ function tryEnableSwcReactRefresh(config) {
   }
   return config;
 }
-function defineDevConfig(options) {
+function defineDevConfig(swcConfig, options = {}) {
   preflight(options);
   const {
     entry = path.resolve("./src/index.tsx"),
@@ -53,8 +53,6 @@ function defineDevConfig(options) {
     htmlWebpackPluginOptions = defineDevHtmlWebpackPluginConfig(),
     fastRefresh = false,
     cssModules = false,
-    postcssConfigFilePath,
-    swcConfig,
     environmentVariables,
     transformers = []
   } = options;
@@ -63,7 +61,9 @@ function defineDevConfig(options) {
     target: "web",
     devtool: "eval-cheap-module-source-map",
     devServer: {
-      hot: !fastRefresh,
+      // According to the Fast Refresh plugin documentation, hot should be "true" to enable Fast Refresh:
+      // https://github.com/pmmmwh/react-refresh-webpack-plugin#usage.
+      hot: true,
       https,
       host,
       port,
@@ -117,14 +117,7 @@ function defineDevConfig(options) {
                 modules: true
               } : void 0
             },
-            {
-              loader: require2.resolve("postcss-loader"),
-              options: postcssConfigFilePath ? {
-                postcssOptions: {
-                  config: postcssConfigFilePath
-                }
-              } : void 0
-            }
+            { loader: require2.resolve("postcss-loader") }
           ]
         },
         {

package/dist/{chunk-GSID5BLX.js → chunk-JPURRV2F.js}

@@ -33,7 +33,7 @@ function replacePlugin(config, matcher, newPlugin) {
     config.plugins[match.index] = newPlugin;
   } else {
     const matcherInfo = matcher.info;
-    console.log(`[webpack-configs] Couldn't replace the plugin because no match has been found.
+    throw new Error(`[webpack-configs] Couldn't replace the plugin because no match has been found.
 [webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
   }
 }
@@ -43,7 +43,7 @@ function addBeforePlugin(config, matcher, newPlugins) {
     config.plugins?.splice(match.index, 0, ...newPlugins);
   } else {
     const matcherInfo = matcher.info;
-    console.log(`[webpack-configs] Couldn't add the new plugins because no match has been found.
+    throw new Error(`[webpack-configs] Couldn't add the new plugins because no match has been found.
 [webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
   }
 }
@@ -53,7 +53,7 @@ function addAfterPlugin(config, matcher, newPlugins) {
     config.plugins?.splice(match.index + 1, 0, ...newPlugins);
   } else {
     const matcherInfo = matcher.info;
-    console.log(`[webpack-configs] Couldn't add the new plugins because no match has been found.
+    throw new Error(`[webpack-configs] Couldn't add the new plugins because no match has been found.
 [webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
   }
 }
@@ -63,7 +63,7 @@ function removePlugin(config, matcher) {
   const countAfter = config.plugins?.length ?? 0;
   if (countBefore === countAfter) {
     const matcherInfo = matcher.info;
-    console.log(`[webpack-configs] Didn't remove any plugin because no match has been found.
+    throw new Error(`[webpack-configs] Didn't remove any plugin because no match has been found.
 [webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
   }
 }

package/dist/{chunk-XOV4FKHU.js → chunk-Z4O6KPRR.js}

@@ -28,7 +28,7 @@ function defineMiniCssExtractPluginConfig(options = {}) {
     filename
   };
 }
-function defineBuildConfig(options) {
+function defineBuildConfig(swcConfig, options = {}) {
   const {
     entry = path.resolve("./src/index.tsx"),
     outputPath = path.resolve("dist"),
@@ -36,12 +36,10 @@ function defineBuildConfig(options) {
     publicPath = "http://localhost:8080/",
     moduleRules = [],
     plugins = [],
-    htmlWebpackPlugin = defineBuildHtmlWebpackPluginConfig(),
-    miniCssExtractPlugin = defineMiniCssExtractPluginConfig(),
+    htmlWebpackPluginOptions = defineBuildHtmlWebpackPluginConfig(),
+    miniCssExtractPluginOptions = defineMiniCssExtractPluginConfig(),
     minify = true,
     cssModules = false,
-    postcssConfigFilePath,
-    swcConfig,
     environmentVariables,
     transformers = []
   } = options;
@@ -95,14 +93,7 @@ function defineBuildConfig(options) {
                 modules: true
               } : void 0
             },
-            {
-              loader: require2.resolve("postcss-loader"),
-              options: postcssConfigFilePath ? {
-                postcssOptions: {
-                  config: postcssConfigFilePath
-                }
-              } : void 0
-            }
+            { loader: require2.resolve("postcss-loader") }
           ]
         },
         {
@@ -120,8 +111,8 @@ function defineBuildConfig(options) {
       extensions: [".js", ".jsx", ".ts", ".tsx", ".css"]
     },
     plugins: [
-      new HtmlWebpackPlugin(htmlWebpackPlugin),
-      new MiniCssExtractPlugin(miniCssExtractPlugin),
+      new HtmlWebpackPlugin(htmlWebpackPluginOptions),
+      new MiniCssExtractPlugin(miniCssExtractPluginOptions),
       new DefinePlugin({
         // Parenthesis around the stringified object are mandatory otherwise it breaks
         // at build time.

package/dist/dev.d.ts

@@ -1,7 +1,7 @@
 import { ReactRefreshPluginOptions } from '@pmmmwh/react-refresh-webpack-plugin/types/lib/types.d.ts';
 import { Config } from '@swc/core';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
-import webpack, { Configuration } from 'webpack';
+import { Configuration } from 'webpack';
 import { WebpackConfigTransformer } from './transformers/applyTransformers.js';
 
 declare function defineDevHtmlWebpackPluginConfig(options?: HtmlWebpackPlugin.Options): HtmlWebpackPlugin.Options;
@@ -18,11 +18,9 @@ interface DefineDevConfigOptions {
     htmlWebpackPluginOptions?: HtmlWebpackPlugin.Options;
     fastRefresh?: boolean | ReactRefreshPluginOptions;
     cssModules?: boolean;
-    postcssConfigFilePath?: string;
-    swcConfig: Config;
     environmentVariables?: Record<string, string | undefined>;
     transformers?: WebpackConfigTransformer[];
 }
-declare function defineDevConfig(options: DefineDevConfigOptions): webpack.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-ZKKR575Q.js';
+export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-DSXM2GXS.js';
 import './chunk-P2Z3EEVF.js';
 import './chunk-URL2KA63.js';

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { Configuration as WebpackConfig } from 'webpack';
 export { DefineBuildConfigOptions, defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig } from './build.js';
 export { DefineDevConfigOptions, defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './dev.js';
 export { WebpackConfigTransformer, WebpackConfigTransformerContext } from './transformers/applyTransformers.js';
@@ -6,5 +7,4 @@ export { PluginMatch, PluginMatcher, WebpackPlugin, WithPluginMatcherInfo, addAf
 import '@swc/core';
 import 'html-webpack-plugin';
 import 'mini-css-extract-plugin';
-import 'webpack';
 import '@pmmmwh/react-refresh-webpack-plugin/types/lib/types.d.ts';

package/dist/index.js

@@ -1,6 +1,6 @@
-export { defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig } from './chunk-XOV4FKHU.js';
-export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-ZKKR575Q.js';
+export { defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig } from './chunk-Z4O6KPRR.js';
+export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-DSXM2GXS.js';
 import './chunk-P2Z3EEVF.js';
 import './chunk-URL2KA63.js';
-export { addAfterModuleRule, addBeforeModuleRule, findModuleRule, findModuleRules, matchAssetModuleType, matchLoaderName, matchTest, removeModuleRules, replaceModuleRule } from './chunk-YF3OAEUP.js';
-export { addAfterPlugin, addBeforePlugin, findPlugin, matchConstructorName, removePlugin, replacePlugin } from './chunk-GSID5BLX.js';
+export { addAfterModuleRule, addBeforeModuleRule, findModuleRule, findModuleRules, matchAssetModuleType, matchLoaderName, matchTest, removeModuleRules, replaceModuleRule } from './chunk-34O5ZLZ6.js';
+export { addAfterPlugin, addBeforePlugin, findPlugin, matchConstructorName, removePlugin, replacePlugin } from './chunk-JPURRV2F.js';

package/dist/transformers/moduleRules.js

@@ -1 +1 @@
-export { addAfterModuleRule, addBeforeModuleRule, findModuleRule, findModuleRules, matchAssetModuleType, matchLoaderName, matchTest, removeModuleRules, replaceModuleRule } from '../chunk-YF3OAEUP.js';
+export { addAfterModuleRule, addBeforeModuleRule, findModuleRule, findModuleRules, matchAssetModuleType, matchLoaderName, matchTest, removeModuleRules, replaceModuleRule } from '../chunk-34O5ZLZ6.js';

package/dist/transformers/plugins.js

@@ -1 +1 @@
-export { addAfterPlugin, addBeforePlugin, findPlugin, matchConstructorName, removePlugin, replacePlugin } from '../chunk-GSID5BLX.js';
+export { addAfterPlugin, addBeforePlugin, findPlugin, matchConstructorName, removePlugin, replacePlugin } from '../chunk-JPURRV2F.js';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@workleap/webpack-configs",
   "author": "Workleap",
   "description": "Workleap recommended webpack config.",
-  "version": "0.0.2",
+  "version": "1.0.1",
   "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": "1.8.3",
-    "@workleap/swc-configs": "1.0.1",
-    "@workleap/tsup-configs": "2.0.1",
-    "@workleap/typescript-configs": "2.3.3"
+    "tsup": "7.2.0",
+    "typescript": "5.2.2",
+    "webpack": "5.88.2",
+    "webpack-dev-server": "4.15.1",
+    "@workleap/swc-configs": "2.1.0",
+    "@workleap/eslint-plugin": "2.1.0",
+    "@workleap/tsup-configs": "3.0.0",
+    "@workleap/typescript-configs": "3.0.2"
   },
   "publishConfig": {
     "access": "public",