feat(#102): adds 'regex' option on webpack plugin to change what file requests to intercept

Author: joelgallant

app-config-webpack/src/index.test.ts

@@ -110,6 +110,28 @@ describe('frontend-webpack-project example', () => {
     });
   });
 
+  it('uses custom app config regex', async () => {
+    process.env.APP_CONFIG = JSON.stringify({ externalApiUrl: 'https://localhost:3999' });
+
+    await new Promise<void>((done, reject) => {
+      webpack([createOptions({ intercept: /@app-config\/main/ })], (err, stats) => {
+        if (err) reject(err);
+        if (stats.hasErrors()) reject(stats.toString());
+
+        const { children } = stats.toJson();
+        const [{ modules = [] }] = children || [];
+
+        expect(
+          modules.some(({ source }) =>
+            source?.includes('const configValue = {"externalApiUrl":"https://localhost:3999"};'),
+          ),
+        ).toBe(true);
+
+        done();
+      });
+    });
+  });
+
   it('throws validation errors', async () => {
     process.env.APP_CONFIG = JSON.stringify({ externalApiUrl: 'not a uri' });
 

app-config-webpack/src/index.ts

@@ -12,19 +12,28 @@ export interface Options {
   noGlobal?: boolean;
   loading?: ConfigLoadingOptions;
   schemaLoading?: SchemaLoadingOptions;
+  intercept?: RegExp;
 }
 
 export default class AppConfigPlugin {
   headerInjection: boolean;
   noGlobal: boolean;
   loadingOptions?: ConfigLoadingOptions;
   schemaLoadingOptions?: SchemaLoadingOptions;
-
-  constructor({ headerInjection = false, noGlobal = false, loading, schemaLoading }: Options = {}) {
+  intercept: RegExp;
+
+  constructor({
+    headerInjection = false,
+    noGlobal = false,
+    loading,
+    schemaLoading,
+    intercept,
+  }: Options = {}) {
     this.headerInjection = headerInjection;
     this.noGlobal = noGlobal;
     this.loadingOptions = loading;
     this.schemaLoadingOptions = schemaLoading;
+    this.intercept = intercept ?? AppConfigPlugin.regex;
   }
 
   static loader = loader;
@@ -45,7 +54,7 @@ export default class AppConfigPlugin {
         async (resolve?: { request: string }) => {
           if (!resolve) return;
 
-          if (regex.test(resolve.request)) {
+          if (this.intercept.test(resolve.request)) {
             const { filePaths } = await loadValidatedConfig(
               this.loadingOptions,
               this.schemaLoadingOptions,