Avoid including MSW in the bundle - option 1

README.md

@@ -29,6 +29,7 @@ Then configure an MSW worker:
 
 ```js
 // in ./src/fakeServer.js
+import { http } from 'msw';
 import { setupWorker } from "msw/browser";
 import { getMswHandler } from "fakerest";
 
@@ -51,7 +52,10 @@ const handler = getMswHandler({
  }
  }
 });
-export const worker = setupWorker(handler);
+export const worker = setupWorker(
+    // Make sure you use a RegExp to target all calls to the API
+    http.all(/http:\/\/localhost:3000/, handler)
+);
 ```
 
 Finally, call the `worker.start()` method before rendering your application. For instance, in a Vite React application:

example/msw.ts

@@ -1,3 +1,4 @@
+import { http } from 'msw';
 import { setupWorker } from 'msw/browser';
 import { getMswHandler } from '../src';
 import { data } from './data';
@@ -10,7 +11,7 @@ export const initializeMsw = async () => {
         data,
         middlewares,
     });
-    const worker = setupWorker(handler);
+    const worker = setupWorker(http.all(/http:\/\/localhost:3000/, handler));
     return worker.start({
         quiet: true, // Instruct MSW to not log requests in the console
         onUnhandledRequest: 'bypass', // Instruct MSW to ignore requests we don't handle

src/adapters/MswAdapter.ts

@@ -1,4 +1,3 @@
-import { http, HttpResponse } from 'msw';
 import { SimpleRestServer } from '../SimpleRestServer.js';
 import type { BaseServerOptions } from '../SimpleRestServer.js';
 import type { APIServer, NormalizedRequest } from '../types.js';
@@ -11,19 +10,14 @@ export class MswAdapter {
     }
 
     getHandler() {
-        return http.all(
-            // Using a regex ensures we match all URLs that start with the collection name
-            new RegExp(`${this.server.baseUrl}`),
-            async ({ request }) => {
-                const normalizedRequest =
-                    await this.getNormalizedRequest(request);
-                const response = await this.server.handle(normalizedRequest);
-                return HttpResponse.json(response.body, {
-                    status: response.status,
-                    headers: response.headers,
-                });
-            },
-        );
+        return async ({ request }: { request: Request }) => {
+            const normalizedRequest = await this.getNormalizedRequest(request);
+            const response = await this.server.handle(normalizedRequest);
+            return new Response(JSON.stringify(response.body), {
+                status: response.status,
+                headers: response.headers,
+            });
+        };
     }
 
     async getNormalizedRequest(request: Request): Promise<NormalizedRequest> {