msw: Serve mockServiceWorker.js in dev/test mode

Author: Turbo87

ember-cli-build.js

@@ -6,6 +6,17 @@ module.exports = function (defaults) {
   let env = EmberApp.env();
   let isProd = env === 'production';
 
+  let extraPublicTrees = [];
+  if (!isProd) {
+    const path = require('node:path');
+    const funnel = require('broccoli-funnel');
+
+    let mswPath = require.resolve('msw/mockServiceWorker.js');
+    let mswParentPath = path.dirname(mswPath);
+
+    extraPublicTrees.push(funnel(mswParentPath, { include: ['mockServiceWorker.js'] }));
+  }
+
   let browsers = require('./config/targets').browsers;
 
   let app = new EmberApp(defaults, {
@@ -63,6 +74,7 @@ module.exports = function (defaults) {
 
   const { Webpack } = require('@embroider/webpack');
   return require('@embroider/compat').compatBuild(app, Webpack, {
+    extraPublicTrees,
     staticAddonTrees: true,
     staticAddonTestSupportTrees: true,
     staticModifiers: true,

package.json

@@ -77,6 +77,7 @@
     "@types/sinonjs__fake-timers": "8.1.5",
     "@zestia/ember-auto-focus": "5.1.0",
     "broccoli-asset-rev": "3.0.0",
+    "broccoli-funnel": "3.0.8",
     "ember-a11y-testing": "7.0.2",
     "ember-auto-import": "2.10.0",
     "ember-cli": "6.1.0",
@@ -128,6 +129,7 @@
     "loader.js": "4.7.0",
     "match-json": "1.3.7",
     "miragejs": "0.1.48",
+    "msw": "2.7.0",
     "normalize.css": "8.0.1",
     "nyc": "17.1.0",
     "postcss-preset-env": "10.1.3",