WEBCI.yaml

name: CI Scripts 🧾 for Web Branches ✔ 

on:
  push:
    branches:
      - web-dev
  pull_request:
    branches:
      - web
      - web-dev

jobs:
  chromatic:
    name: Publish Storybook to Chromatic 📚
    env:
      GH_PFP_TOKEN: ${{ secrets.GH_PFP_TOKEN }}
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v4
        with:
          fetch-depth: 0
      
      - name: Setup node
        uses: actions/setup-node@v2
        with:
          node-version: '20.11.0'
          cache: 'npm'
          cache-dependency-path: '**/package-lock.json'

      - name: Install dependencies
        run: cd noplus-web && npm i

      - name: Publish to Chromatic
        uses: chromaui/action@latest
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
          workingDir: noplus-web
  StoryBook:
    name: Build StoryBook 📚
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code 📦
        uses: actions/checkout@v4
        with:
          fetch-depth: 0

      - name: Setup node 📦
        uses: actions/setup-node@v2
        with:
          node-version: '20.11.0'
          cache: 'npm'
          cache-dependency-path: '**/package-lock.json'

      - name: Install dependencies 📦
        run: cd noplus-web && npm i

      - name: Build Storybook 📚
        run: cd noplus-web && npm run build-storybook

      - name: Send Build to Upload Authority
        uses: actions/upload-artifact@v2
        with:
          name: storybook
          path: noplus-web/storybook-static

  StoryDocs:
    name: Build StoryDocs 📚
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code 📦
        uses: actions/checkout@v4
        with:
          fetch-depth: 0

      - name: Setup node 📦
        uses: actions/setup-node@v2
        with:
          node-version: '20.11.0'
          cache: 'npm'
          cache-dependency-path: '**/package-lock.json'

      - name: Install dependencies 📦
        run: cd noplus-web && npm i

      - name: Build StoryDocs 📚
        run: cd noplus-web && npm run build-storydocs

      - name: Send Build to Upload Authority
        uses: actions/upload-artifact@v2
        with:
          name: storydocs
          path: noplus-web/storybook-static

  upstream:
    name: Upload Authority 📦
    runs-on: ubuntu-latest
    needs: [StoryBook, StoryDocs]
    steps:
      - name: Checkout code 📦
        uses: actions/checkout@v4
        with:
          fetch-depth: 0
      
      - name: Download Storybook 📚
        uses: actions/download-artifact@v2
        with:
          name: storybook
          path: docs/storybook

      - name: Download StoryDocs 📚
        uses: actions/download-artifact@v2
        with:
          name: storydocs
          path: noplus-web/public/storydocs

      - name: Activate Vercel Deployment
        run: |
          echo '{"github": {"enabled": true}}' > vercel.json

      - name: Commit Changes 📦
        run: |
          git config --local user.email "github-actions[bot]@users.noreply.github.com"
          git config --local user.name "github-actions[bot]"
          git add vercel.json
          git add noplus-web/public/storydocs
          git add docs/storybook
          git commit -m "Deploy Storybook and StoryDocs to Vercel 📚"

      - name: Push to Current Branch 📦
        uses: ad-m/github-push-action@master
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          branch: ${{ github.ref }}