Skip to content

Added new CI/CD storybook actions #8

Added new CI/CD storybook actions

Added new CI/CD storybook actions #8

Workflow file for this run

name: UI Checks
on:
pull_request:
branches:
- main
push:
branches:
- main
concurrency:
group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
cancel-in-progress: true
jobs:
ui-checks:
if: github.event.pull_request.draft == false
name: Build & Tests
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Install Node.js
uses: actions/setup-node@v4
with:
node-version: 20
cache: 'yarn'
cache-dependency-path: 'yarn.lock'
- name: Cache node modules
uses: actions/cache@v4
id: cache-npm
with:
path: |
node_modules
~/.npm
key: ${{ runner.os }}-modules-${{ hashFiles('yarn.lock') }}
restore-keys: |
${{ runner.os }}-modules-
${{ runner.os }}-
- if: ${{ steps.cache-npm.outputs.cache-hit != 'true' }}
name: Install dependencies
run: yarn workspaces focus
- name: Linter
run: yarn eslint:check
- name: Prettier
run: yarn prettier:check
- name: Cache UI build
uses: actions/cache@v4
id: cache-build
with:
path: dist
key: ${{ runner.os }}-dist-${{ hashFiles('**/*.ts', '**/*.tsx') }}
restore-keys: |
${{ runner.os }}-dist-
${{ runner.os }}-
# - name: UI Unit Tests
# run: yarn test
# working-directory: client
- if: ${{ steps.cache-build.outputs.cache-hit != 'true' }}
name: Build UI
run: yarn build
storybook-check:
name: Verify Storybook
runs-on: ubuntu-latest
needs: ui-checks
steps:
- uses: actions/checkout@v4
- name: Install Node.js
uses: actions/setup-node@v4
with:
node-version: 20
cache: 'npm'
- name: Cache node modules
uses: actions/cache@v4
id: cache-npm-storybook
with:
path: |
node_modules
~/.npm
key: ${{ runner.os }}-storybook-modules-${{ hashFiles('yarn.lock') }}
restore-keys: |
${{ runner.os }}-storybook-modules-
${{ runner.os }}-
- if: ${{ steps.cache-npm-storybook.outputs.cache-hit != 'true' }}
name: Install dependencies for Storybook
working-directory: storybook
run: npm install
- name: Build Storybook
working-directory: storybook
run: npm run build-storybook
- name: Verify Storybook Build
run: |
if [ ! -d "storybook/storybook-static" ]; then
echo "Storybook build failed: directory not found."
exit 1
else
echo "Storybook build successful."
fi