diff --git a/.github/workflows/deploy-github-pages.yaml b/.github/workflows/deploy-github-pages.yaml new file mode 100644 index 0000000..ac665e0 --- /dev/null +++ b/.github/workflows/deploy-github-pages.yaml @@ -0,0 +1,29 @@ +# Workflow +name: Storybook to GitHub Pages + +on: + push: + branches: + - "main" + +permissions: + contents: read + pages: write + id-token: write + +jobs: + deploy: + name: Deploy Storybook + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v4 + - name: Setup Node.js + uses: actions/setup-node@v4 + with: + node-version: 22.13.1 + - name: Push to GitHub Pages + uses: bitovi/github-actions-storybook-to-github-pages@v1.0.3 + with: + checkout: false + path: apps/storybook/storybook-static diff --git a/apps/storybook/.storybook/froglet-theme.ts b/apps/storybook/.storybook/froglet-theme.ts new file mode 100644 index 0000000..a781228 --- /dev/null +++ b/apps/storybook/.storybook/froglet-theme.ts @@ -0,0 +1,9 @@ +import { create } from "@storybook/theming"; + +export default create({ + base: "light", + brandTitle: "Froglet UI", + brandUrl: "https://froglet.io", + brandImage: "/froglet.png", + brandTarget: "_self", +}); diff --git a/apps/storybook/.storybook/main.ts b/apps/storybook/.storybook/main.ts index bb72938..bf2a6d4 100644 --- a/apps/storybook/.storybook/main.ts +++ b/apps/storybook/.storybook/main.ts @@ -14,9 +14,7 @@ function getAbsolutePath(value: string): any { const config: StorybookConfig = { stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"], addons: [ - getAbsolutePath("@storybook/addon-onboarding"), getAbsolutePath("@storybook/addon-essentials"), - getAbsolutePath("@chromatic-com/storybook"), getAbsolutePath("@storybook/addon-interactions"), ], framework: { diff --git a/apps/storybook/.storybook/manager.ts b/apps/storybook/.storybook/manager.ts new file mode 100644 index 0000000..d96e031 --- /dev/null +++ b/apps/storybook/.storybook/manager.ts @@ -0,0 +1,6 @@ +import { addons } from "@storybook/manager-api"; +import froglet from "./froglet-theme.ts"; + +addons.setConfig({ + theme: froglet, +}); diff --git a/apps/storybook/index.html b/apps/storybook/index.html index d305488..912372e 100644 --- a/apps/storybook/index.html +++ b/apps/storybook/index.html @@ -7,6 +7,5 @@
-