gh pages?

Author: lewisrenfrew

.github/workflows/deploy-github-pages.yml

@@ -0,0 +1,35 @@
+# Workflow name
+name: Build and Publish Storybook to GitHub Pages
+ 
+on:
+  # Event for the workflow to run on
+  push:
+    branches:
+      - 'storybook-resurrect' # Replace with the branch you want to deploy from
+ 
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+ 
+# List of jobs
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    # Job steps
+    steps:
+      # Manual Checkout
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      # Set up Node
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+      #👇 Add Storybook build and deploy to GitHub Pages as a step in the workflow
+      - uses: bitovi/[email protected]
+        with:
+          install_command: yarn install # default: npm ci
+          build_command: yarn build-storybook # default: npm run build-storybook
+          path: storybook-static # default: dist/storybook
+          checkout: false # default: true

.gitignore

@@ -32,3 +32,6 @@ yarn-error.log*
 sh.exe.stackdump
 /dist
 /.vscode
+
+*storybook.log
+storybook-static

.storybook/main.js

@@ -1,18 +1,19 @@
-module.exports = {
-    core: {
-        builder: 'webpack5',
-      },
-    stories: ['../src/**/*.stories.@(js|mdx)'],
-    addons: [
-        {
-            name: '@storybook/addon-docs',
-            options: {
-                configureJSX: true,
-                babelOptions: {},
-                sourceLoaderOptions: null
-            }
-        },
-        '@storybook/addon-essentials',
-        '@storybook/addon-actions'
-    ]
+
+
+/** @type { import('@storybook/react-webpack5').StorybookConfig } */
+const config = {
+  "stories": [
+    "../src/**/*.mdx",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-webpack5-compiler-swc",
+    "@storybook/addon-docs",
+    "@storybook/addon-onboarding"
+  ],
+  "framework": {
+    "name": "@storybook/react-webpack5",
+    "options": {}
+  }
 };
+export default config;

.storybook/preview.js

@@ -0,0 +1,13 @@
+/** @type { import('@storybook/react-webpack5').Preview } */
+const preview = {
+  parameters: {
+    controls: {
+      matchers: {
+       color: /(background|color)$/i,
+       date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;