Fix Service Worker in GH Pages (#32)

apollographql · Jun 14, 2024 · c0eb0ad · c0eb0ad
1 parent 5832785
commit c0eb0ad
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 12 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -4,6 +4,7 @@ import graphqlLoader from "vite-plugin-graphql-loader";
 
 const config: StorybookConfig = {
   stories: ["./**/*.mdx", "./**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  staticDirs: ["../public"],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",

diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -2,6 +2,19 @@ import type { Preview } from "@storybook/react";
 import { initialize, mswLoader, getWorker } from "msw-storybook-addon";
 import "./stories/input.css";
 
+let options = {};
+
+if (location.hostname === "apollographql.github.io") {
+  options = {
+    serviceWorker: {
+      url: "/graphql-testing-library/mockServiceWorker.js",
+    },
+  };
+}
+
+// Initialize MSW
+initialize(options);
+
 const preview: Preview = {
   // calling getWorker().start() is a workaround for an issue
   // where Storybook doesn't wait for MSW before running:
@@ -17,16 +30,4 @@ const preview: Preview = {
   },
 };
 
-let options = {};
-if (location.hostname === "apollographql.github.io") {
-  options = {
-    serviceWorker: {
-      url: "/graphql-testing-library/mockServiceWorker.js",
-    },
-  };
-}
-
-// Initialize MSW
-initialize(options);
-
 export default preview;