diff --git a/.github/workflows/storybook-deploy.yml b/.github/workflows/storybook-deploy.yml new file mode 100644 index 000000000..8e5f805ff --- /dev/null +++ b/.github/workflows/storybook-deploy.yml @@ -0,0 +1,39 @@ +name: Deploy Storybook + +on: + push: + branches: + - "*" + pull_request: + branches: + - "*" + +jobs: + build: + runs-on: ubuntu-latest + strategy: + matrix: + node-version: [16, 18, 20] + + steps: + - name: Checkout code + uses: actions/checkout@v2 + + - name: Set up Node.js ${{ matrix.node-version }} + uses: actions/setup-node@v3 + with: + node-version: ${{ matrix.node-version }} + + - name: Install dependencies + run: yarn install + + - name: Build Storybook + run: | + cd apps/design-system + yarn build-storybook + + - name: Deploy Storybook + uses: peaceiris/actions-gh-pages@v3 + with: + github_token: ${{ secrets.GITHUB_TOKEN }} + publish_dir: ./storybook-static diff --git a/README.md b/README.md index 0d2b99889..67b39dfc1 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,6 @@ The Sistent Design System from Layer5 provides the open source building blocks to design and implement consistent, accessible, and delightful product experiences. - ### Packages Design System components in React, usually built with Vite. @@ -25,7 +24,7 @@ List of npm packages: Before you begin, ensure you have the following installed on your system: -- Node.js +- Node.js - Yarn ### How to get started @@ -37,7 +36,6 @@ Use `corepack enable` to go ahead and install yarn.