static.yml

name: Deploy Static Files

on:
  push:
    branches:
      - main

jobs:
  docs:
    uses: pmndrs/docs/.github/workflows/build.yml@v2
    with:
      mdx: 'docs'
      libname: 'uikit'
      base_path: '/uikit/docs'
      icon: '🎨'
      home_redirect: '/getting-started/introduction'
      github: 'https://github.com/pmndrs/uikit'
      discord: 'https://discord.gg/poimandres'

  fonts:
    env:
      GOOGLE_FONTS_API_KEY: ${{ secrets.GOOGLE_FONTS_API_KEY }}
    runs-on: ubuntu-latest
    steps:
      - name: Install Font Forge
        run: sudo apt-get install -y fontforge;

      - name: Checkout code
        uses: actions/checkout@v3

      - name: Setup Node
        uses: actions/setup-node@v3
        with:
          node-version: 18

      - uses: pnpm/action-setup@v2
        name: Install pnpm
        with:
          version: 8
          run_install: true

      # Fonts
      - name: Make Dist Dir
        working-directory: ./packages/msdfonts/docker-volume
        run: mkdir dist

      # Inter
      - name: Generate Inter Light
        working-directory: ./packages/msdfonts/docker-volume
        run: |
          node download.js "Inter" 300
          fontforge -lang=ff -c 'Open($1); SelectAll(); RemoveOverlap(); Generate($2)' font.ttf inter-light.ttf
          pnpm msdf-bmfont -f json inter-light.ttf -i charset.txt -m 256,512 -o dist/inter-light -s 48

      - name: Generate Inter Normal
        working-directory: ./packages/msdfonts/docker-volume
        run: |
          node download.js "Inter" 400
          fontforge -lang=ff -c 'Open($1); SelectAll(); RemoveOverlap(); Generate($2)' font.ttf inter-normal.ttf
          pnpm msdf-bmfont -f json inter-normal.ttf -i charset.txt -m 256,512 -o dist/inter-normal -s 48

      - name: Generate Inter Medium
        working-directory: ./packages/msdfonts/docker-volume
        run: |
          node download.js "Inter" 500
          fontforge -lang=ff -c 'Open($1); SelectAll(); RemoveOverlap(); Generate($2)' font.ttf inter-medium.ttf
          pnpm msdf-bmfont -f json inter-medium.ttf -i charset.txt -m 256,512 -o dist/inter-medium -s 48

      - name: Generate Inter Semi Bold
        working-directory: ./packages/msdfonts/docker-volume
        run: |
          node download.js "Inter" 600
          fontforge -lang=ff -c 'Open($1); SelectAll(); RemoveOverlap(); Generate($2)' font.ttf inter-semi-bold.ttf
          pnpm msdf-bmfont -f json inter-semi-bold.ttf -i charset.txt -m 256,512 -o dist/inter-semi-bold -s 48

      - name: Generate Inter Bold
        working-directory: ./packages/msdfonts/docker-volume
        run: |
          node download.js "Inter" 700
          fontforge -lang=ff -c 'Open($1); SelectAll(); RemoveOverlap(); Generate($2)' font.ttf inter-bold.ttf
          pnpm msdf-bmfont -f json inter-bold.ttf -i charset.txt -m 256,512 -o dist/inter-bold -s 48

      - name: Convert to Webp
        working-directory: ./packages/msdfonts/docker-volume
        run: pnpm sharp --lossless -i dist/*.png -o dist/ -f webp

      - name: Replace file png files
        working-directory: ./packages/msdfonts/docker-volume
        run: |
          sed -i 's/png/webp/g' dist/*.json
          rm dist/*.png

      - name: Copy font files
        run: |
          mkdir -p public/fonts
          cp ./packages/msdfonts/docker-volume/dist/* ./public/fonts
          cp ./packages/msdfonts/LICENSE public/fonts/LICENSE

      - name: Upload Artifact
        uses: actions/upload-artifact@v4
        with:
          name: fonts
          path: public/fonts

  examples:
    env:
      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
    runs-on: ubuntu-latest
    steps:

      - name: Checkout code
        uses: actions/checkout@v3

      - name: Setup Node
        uses: actions/setup-node@v3
        with:
          node-version: 18

      - uses: pnpm/action-setup@v2
        name: Install pnpm
        with:
          version: 8
          run_install: true

      # Examples
      - name: Building Examples
        run: |
          pnpm -r convert
          pnpm -r generate
          pnpm -r build

      - name: Copy Examples
        run: |
          mkdir -p public/examples/apfel
          mkdir -p public/examples/card
          mkdir -p public/examples/dashboard
          mkdir -p public/examples/default
          mkdir -p public/examples/lucide
          mkdir -p public/examples/market
          mkdir -p public/examples/auth
          cp -r ./examples/apfel/dist/* ./public/examples/apfel
          cp -r ./examples/card/dist/* ./public/examples/card
          cp -r ./examples/dashboard/dist/* ./public/examples/dashboard
          cp -r ./examples/default/dist/* ./public/examples/default
          cp -r ./examples/lucide/dist/* ./public/examples/lucide
          cp -r ./examples/market/dist/* ./public/examples/market
          cp -r ./examples/auth/dist/* ./public/examples/auth

      - name: Upload Artifact
        uses: actions/upload-artifact@v4
        with:
          name: examples
          path: public/examples

      # Deploy Apps to Vercel
      - name: Pull Vercel Environment Information
        working-directory: ./apps/html23
        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}

      - name: Build Project Artifacts
        working-directory: ./apps/html23
        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}

      - name: Deploy Project Artifacts to Vercel
        working-directory: ./apps/html23
        run: vercel deploy --prod --prebuilt --token=${{ secrets.VERCEL_TOKEN }}

  bundle-artifacts:
    runs-on: ubuntu-latest
    needs:
      - docs
      - examples
      - fonts
    steps:
      - name: Download Fonts Artifiact
        uses: actions/download-artifact@v4
        with:
          name: fonts
          path: ./fonts

      - name: Download Examples Artifiact
        uses: actions/download-artifact@v4
        with:
          name: examples
          path: ./examples

      - name: Download Docs Artifiact
        uses: actions/download-artifact@v4
        with:
          name: github-pages
          path: ./docs


      - name: Extract Docs
        run: tar -xf ./docs/artifact.tar -C ./docs/

      - name: Create deploy.tar
        run: tar -cf deploy.tar ./*


      - name: Upload Artifact
        uses: actions/upload-artifact@v4
        with:
          name: deploy
          path: ./deploy.tar

  deploy:
    needs: bundle-artifacts
    runs-on: ubuntu-latest
    permissions:
      pages: write # to deploy to Pages
      id-token: write # to verify the deployment originates from an appropriate source

    # Deploy to the github-pages environment
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}

    steps:
      - id: deployment
        uses: actions/deploy-pages@v4
        with:
          artifact_name: deploy