Try and replace bad asset paths in GH Pages

GSA · Jan 4, 2024 · 37773c8 · 37773c8
1 parent 9ab64a2
commit 37773c8
Show file tree

Hide file tree

Showing 4 changed files with 99 additions and 3 deletions.
diff --git a/.github/workflows/build-and-deploy-storybook.yml b/.github/workflows/build-and-deploy-storybook.yml
@@ -22,7 +22,7 @@ jobs:
       - name: Build Storybook Assets
         env:
           NODE_OPTIONS: "--max_old_space_size=4096"
-        run: ng run sam-design-system-site:build-storybook
+        run: GH_PAGES=true ng run sam-design-system-site:build-storybook
       - name: Add .nojekyll file to allow for node_modules to be included in bundle
         run: touch storybook-static/.nojekyll
       - name: Deploy 🚀

diff --git a/.storybook/main.cjs b/.storybook/main.cjs
@@ -24,5 +24,17 @@ module.exports = {
 
   docs: {
     autodocs: false
-  }
+  },
+  webpackFinal: async (config) => {
+    if (process.env.GH_PAGES) {
+        config.module.rules.push({
+            loader: 'string-replace-loader',
+            options: {
+                search: '/assets/',
+                replace: '/sam-design-system/assets/',
+            },
+        });
+    }
+    return config;
+},
 };
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -126,6 +126,7 @@
     "react-syntax-highlighter": "^15.5.0",
     "storybook": "^7.5.0",
     "storybook-addon-preview": "^2.3.0",
+    "string-replace-loader": "^3.1.0",
     "ts-node": "~7.0.0",
     "tslint": "~6.1.3"
   }