fix: sw path again

Author: thepassle

.changeset/friendly-crabs-sneeze.md

@@ -0,0 +1,5 @@
+---
+'@web/mocks': patch
+---
+
+differentiate service worker url between dev and build

packages/mocks/browser.js

@@ -1,4 +1,5 @@
 import './polyfills.js';
+import { swPath } from '#sw-path';
 import { setupWorker } from 'msw/browser';
 import { _registerMockRoutes } from './registerMockRoutes.js';
 
@@ -7,7 +8,7 @@ const worker = setupWorker();
 const workerPromise = worker
   .start({
     serviceWorker: {
-      url: '/__msw_sw__.js',
+      url: swPath,
     },
     quiet: true,
     // See https://github.com/mswjs/msw/discussions/1231#discussioncomment-2729999 if you'd like to warn if there's a unhandled request

packages/mocks/package.json

@@ -75,6 +75,12 @@
     "@web/dev-server": "^0.4.0",
     "@web/dev-server-storybook": "^2.0.0"
   },
+  "imports": {
+    "#sw-path": {
+      "development": "./sw-path/dev.js",
+      "default": "./sw-path/build.js"
+    }
+  },
   "wireit": {
     "types": {
       "command": "tsc --build --pretty",

packages/mocks/sw-path/build.js

@@ -0,0 +1 @@
+export const swPath = '__msw_sw__.js';

packages/mocks/sw-path/dev.js

@@ -0,0 +1 @@
+export const swPath = '/__msw_sw__.js';