@workleap/webpack-configs 0.0.1 → 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @workleap/webpack-configs
+
+## 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
+
+- [#92](https://github.com/gsoft-inc/wl-web-configs/pull/92) [`66e8f10`](https://github.com/gsoft-inc/wl-web-configs/commit/66e8f1033a987523c65fe9e61f53dac6d2e38777) Thanks [@ofrogon](https://github.com/ofrogon)! - Migrate project from GitHub organization

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 importer 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

@@ -13,12 +13,12 @@ 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): Configuration;

package/dist/build.js

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

package/dist/{chunk-RZJNTAWK.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(`[web-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(`[web-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(`[web-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(`[web-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-ZOH3SP3K.js → chunk-JPURRV2F.js}

@@ -22,7 +22,7 @@ function findPlugin(config, matcher) {
   if (matches.length > 1) {
     const matcherInfo = matcher.info;
     throw new Error(`[webpack-configs] Found more than 1 matching plugin.
-[webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"
+[webp-configs] Matcher: "${JSON.stringify(matcherInfo)}"
 [webpack-configs] Matches: "${JSON.stringify(matches.map((x) => x.plugin))}"`);
   }
   return matches[0];
@@ -33,7 +33,7 @@ function replacePlugin(config, matcher, newPlugin) {
     config.plugins[match.index] = newPlugin;
   } else {
     const matcherInfo = matcher.info;
-    console.log(`[web-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(`[web-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(`[web-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(`[web-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-LUBW6XFE.js → chunk-OVSH7SYO.js}

@@ -5,8 +5,10 @@ import HtmlWebpackPlugin from 'html-webpack-plugin';
 import { createRequire } from 'node:module';
 import path from 'path';
 import { fileURLToPath } from 'url';
+import webpack from 'webpack';
 import 'webpack-dev-server';
 
+var DefinePlugin = webpack.DefinePlugin;
 var require2 = createRequire(import.meta.url);
 function defineDevHtmlWebpackPluginConfig(options = {}) {
   const {
@@ -23,11 +25,11 @@ function defineFastRefreshPluginConfig(options = {}) {
 }
 function preflight(options) {
   if (!require2.resolve("webpack-dev-server")) {
-    throw new Error('To use the "dev" config, install https://www.npmjs.com/package/webpack-dev-server as a "devDependency".');
+    throw new Error('[webpack-configs] To use the "dev" config, install https://www.npmjs.com/package/webpack-dev-server as a "devDependency".');
   }
   if (options.fastRefresh) {
     if (!require2.resolve("@pmmmwh/react-refresh-webpack-plugin")) {
-      throw new Error('To use Webpack Fast Refresh, install https://www.npmjs.com/package/@pmmmwh/react-refresh-webpack-plugin as a "devDependency".');
+      throw new Error('[webpack-configs] To use Webpack Fast Refresh, install https://www.npmjs.com/package/@pmmmwh/react-refresh-webpack-plugin as a "devDependency".');
     }
   }
 }
@@ -51,8 +53,8 @@ function defineDevConfig(options) {
     htmlWebpackPluginOptions = defineDevHtmlWebpackPluginConfig(),
     fastRefresh = false,
     cssModules = false,
-    postcssConfigFilePath,
     swcConfig,
+    environmentVariables,
     transformers = []
   } = options;
   const config = {
@@ -60,7 +62,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,
@@ -114,14 +118,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") }
           ]
         },
         {
@@ -140,12 +137,15 @@ function defineDevConfig(options) {
     },
     plugins: [
       new HtmlWebpackPlugin(htmlWebpackPluginOptions),
+      new DefinePlugin({
+        "process.env": JSON.stringify(environmentVariables)
+      }),
       fastRefresh && new ReactRefreshWebpackPlugin(isObject(fastRefresh) ? fastRefresh : defineFastRefreshPluginConfig()),
       ...plugins
     ].filter(Boolean)
   };
   const transformedConfig = applyTransformers(config, transformers, {
-    env: "dev"
+    environment: "dev"
   });
   return transformedConfig;
 }

package/dist/{chunk-6VLNR4XR.js → chunk-QSPIAXE3.js}

@@ -4,7 +4,9 @@ import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import { createRequire } from 'node:module';
 import path from 'path';
 import TerserPlugin from 'terser-webpack-plugin';
+import webpack from 'webpack';
 
+var DefinePlugin = webpack.DefinePlugin;
 var require2 = createRequire(import.meta.url);
 function defineBuildHtmlWebpackPluginConfig(options = {}) {
   const {
@@ -34,12 +36,12 @@ 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;
   const config = {
@@ -92,14 +94,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") }
           ]
         },
         {
@@ -117,13 +112,18 @@ 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.
+        "process.env": `(${JSON.stringify(environmentVariables)})`
+      }),
       ...plugins
-    ]
+    ].filter(Boolean)
   };
   const transformedConfig = applyTransformers(config, transformers, {
-    env: "build"
+    environment: "build"
   });
   return transformedConfig;
 }

package/dist/dev.d.ts

@@ -18,8 +18,8 @@ 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): Configuration;

package/dist/dev.js

@@ -1,3 +1,3 @@
-export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-LUBW6XFE.js';
+export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-OVSH7SYO.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-6VLNR4XR.js';
-export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-LUBW6XFE.js';
+export { defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig } from './chunk-QSPIAXE3.js';
+export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-OVSH7SYO.js';
 import './chunk-P2Z3EEVF.js';
 import './chunk-URL2KA63.js';
-export { addAfterModuleRule, addBeforeModuleRule, findModuleRule, findModuleRules, matchAssetModuleType, matchLoaderName, matchTest, removeModuleRules, replaceModuleRule } from './chunk-RZJNTAWK.js';
-export { addAfterPlugin, addBeforePlugin, findPlugin, matchConstructorName, removePlugin, replacePlugin } from './chunk-ZOH3SP3K.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/applyTransformers.d.ts

@@ -1,7 +1,7 @@
 import { Configuration } from 'webpack';
 
 interface WebpackConfigTransformerContext {
-    env: "dev" | "build";
+    environment: "dev" | "build";
 }
 type WebpackConfigTransformer = (config: Configuration, context: WebpackConfigTransformerContext) => Configuration;
 declare function applyTransformers(config: Configuration, transformers: WebpackConfigTransformer[], context: WebpackConfigTransformerContext): Configuration;

package/dist/transformers/moduleRules.js

@@ -1 +1 @@
-export { addAfterModuleRule, addBeforeModuleRule, findModuleRule, findModuleRules, matchAssetModuleType, matchLoaderName, matchTest, removeModuleRules, replaceModuleRule } from '../chunk-RZJNTAWK.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-ZOH3SP3K.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.1",
+  "version": "1.0.0",
   "license": "Apache-2.0",
   "keywords": [
     "workleap",
@@ -24,7 +24,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/workleap/wl-web-configs.git",
+    "url": "git+https://github.com/gsoft-inc/wl-web-configs.git",
     "directory": "packages/webpack-configs"
   },
   "dependencies": {
@@ -71,10 +71,10 @@
     "typescript": "5.0.4",
     "webpack": "5.86.0",
     "webpack-dev-server": "4.15.0",
-    "@workleap/eslint-plugin": "1.8.2",
-    "@workleap/swc-configs": "1.0.0",
-    "@workleap/tsup-configs": "2.0.0",
-    "@workleap/typescript-configs": "2.3.2"
+    "@workleap/eslint-plugin": "2.0.0",
+    "@workleap/swc-configs": "2.0.0",
+    "@workleap/tsup-configs": "3.0.0",
+    "@workleap/typescript-configs": "3.0.0"
   },
   "publishConfig": {
     "access": "public",