@workleap/webpack-configs 0.0.1 → 0.0.2

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @workleap/webpack-configs
+
+## 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

@@ -2,6 +2,6 @@
 
 ## Gotchas to remember
 
-### Add the @swc/helpers packages to all importer projects having JSX code
+### 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`.

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 { Configuration } from 'webpack';
+import webpack, { Configuration } from 'webpack';
 import { WebpackConfigTransformer } from './transformers/applyTransformers.js';
 
 type MiniCssExtractPluginOptions = NonNullable<ConstructorParameters<typeof MiniCssExtractPlugin>[number]>;
@@ -19,8 +19,9 @@ interface DefineBuildConfigOptions {
     cssModules?: boolean;
     postcssConfigFilePath?: string;
     swcConfig: Config;
+    environmentVariables?: Record<string, string | undefined>;
     transformers?: WebpackConfigTransformer[];
 }
-declare function defineBuildConfig(options: DefineBuildConfigOptions): Configuration;
+declare function defineBuildConfig(options: DefineBuildConfigOptions): webpack.Configuration;
 
 export { DefineBuildConfigOptions, defineBuildConfig, defineBuildHtmlWebpackPluginConfig, defineMiniCssExtractPluginConfig };

package/dist/build.js

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

package/dist/{chunk-ZOH3SP3K.js → chunk-GSID5BLX.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.
+    console.log(`[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.
+    console.log(`[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.
+    console.log(`[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.
+    console.log(`[webpack-configs] Didn't remove any plugin because no match has been found.
 [webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
   }
 }

package/dist/{chunk-6VLNR4XR.js → chunk-XOV4FKHU.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 {
@@ -40,6 +42,7 @@ function defineBuildConfig(options) {
     cssModules = false,
     postcssConfigFilePath,
     swcConfig,
+    environmentVariables,
     transformers = []
   } = options;
   const config = {
@@ -119,11 +122,16 @@ function defineBuildConfig(options) {
     plugins: [
       new HtmlWebpackPlugin(htmlWebpackPlugin),
       new MiniCssExtractPlugin(miniCssExtractPlugin),
+      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/{chunk-RZJNTAWK.js → chunk-YF3OAEUP.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.
+    console.log(`[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.
+    console.log(`[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.
+    console.log(`[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.
+    console.log(`[webpack-configs] Didn't remove any module rules because no match has been found.
 [webpack-configs] Matcher: "${matcherInfo}"`);
   }
 }

package/dist/{chunk-LUBW6XFE.js → chunk-ZKKR575Q.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".');
     }
   }
 }
@@ -53,6 +55,7 @@ function defineDevConfig(options) {
     cssModules = false,
     postcssConfigFilePath,
     swcConfig,
+    environmentVariables,
     transformers = []
   } = options;
   const config = {
@@ -140,12 +143,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/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 { Configuration } from 'webpack';
+import webpack, { Configuration } from 'webpack';
 import { WebpackConfigTransformer } from './transformers/applyTransformers.js';
 
 declare function defineDevHtmlWebpackPluginConfig(options?: HtmlWebpackPlugin.Options): HtmlWebpackPlugin.Options;
@@ -20,8 +20,9 @@ interface DefineDevConfigOptions {
     cssModules?: boolean;
     postcssConfigFilePath?: string;
     swcConfig: Config;
+    environmentVariables?: Record<string, string | undefined>;
     transformers?: WebpackConfigTransformer[];
 }
-declare function defineDevConfig(options: DefineDevConfigOptions): Configuration;
+declare function defineDevConfig(options: DefineDevConfigOptions): webpack.Configuration;
 
 export { DefineDevConfigOptions, defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig };

package/dist/dev.js

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

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-XOV4FKHU.js';
+export { defineDevConfig, defineDevHtmlWebpackPluginConfig, defineFastRefreshPluginConfig } from './chunk-ZKKR575Q.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-YF3OAEUP.js';
+export { addAfterPlugin, addBeforePlugin, findPlugin, matchConstructorName, removePlugin, replacePlugin } from './chunk-GSID5BLX.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-YF3OAEUP.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-GSID5BLX.js';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@workleap/webpack-configs",
   "author": "Workleap",
   "description": "Workleap recommended webpack config.",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "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": "1.8.3",
+    "@workleap/swc-configs": "1.0.1",
+    "@workleap/tsup-configs": "2.0.1",
+    "@workleap/typescript-configs": "2.3.3"
   },
   "publishConfig": {
     "access": "public",