Add script to publish storybook in docs (#1458)

* add script to publish storybook in docs * production is prefixed with /react * Call it build storybook Co-authored-by: Cole Bemis <colebemis@github.com> * Rename deploy-storybook to build-storybook * i'm a genius innit was calling the wrong script Co-authored-by: Cole Bemis <colebemis@github.com>
primer · Sep 24, 2021 · 7c23dbc · 7c23dbc
1 parent 52cadab
commit 7c23dbc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/docs/package.json b/docs/package.json
@@ -5,7 +5,8 @@
   "scripts": {
     "clean": "gatsby clean",
     "develop": "gatsby develop",
-    "build": "pushd .. && npm install && popd && cross-env NODE_ENV=production gatsby build --prefix-paths"
+    "build": "pushd .. && npm install && popd && cross-env NODE_ENV=production gatsby build --prefix-paths && npm run build:storybook",
+    "build:storybook": "cd .. && ./script/build-storybook"
   },
   "engines": {
     "node": ">= 10.x"

diff --git a/script/build-storybook b/script/build-storybook
@@ -0,0 +1,10 @@
+#!/bin/bash
+
+# Add base url to be able to serve static files
+echo '<base href="/react/storybook/" />' >> .storybook/manager-head.html
+
+# Build storybook inside docs
+./node_modules/.bin/build-storybook -o docs/public/storybook -s docs/public/static
+
+# Remove manager-head after build to not interfere with dev builds
+rm .storybook/manager-head.html