Added smartness to preview.js to detect github builds and prepare for…

… pages deploy properly.
CivicTechTO · Oct 8, 2024 · b3a38e2 · b3a38e2
1 parent 5ab870e
commit b3a38e2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -17,5 +17,9 @@ const config = {
     name: "@storybook/react-webpack5",
     options: {},
   },
+  env: (config) => ({
+    ...config,
+    GITHUB_REPOSITORY: process.env["GITHUB_REPOSITORY"] || null,
+  }),
 };
 export default config;
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -1,4 +1,5 @@
 /** @type { import('@storybook/react').Preview } */
+const isGithubBuild = !!process.env["GITHUB_REPOSITORY"]
 const preview = {
   parameters: {
     branches: {
@@ -13,4 +14,11 @@ const preview = {
   },
 };
 
+if (isGithubBuild) {
+  const [owner, repo] = process.env["GITHUB_REPOSITORY"].split("/")
+  preview.parameters["branches"] = {
+    hostname: `${owner}.github.io/${repo}`,
+  }
+}
+
 export default preview;