hds-demo-preview.yml

name: hds-demo-preview

on:
  pull_request:
    branches:
      - development
      - release-*
      - 'feature/*'
  push:
    branches:
      - development
      - release-*
      - 'feature/*'

jobs:
  build_and_publish_demo:
    if: github.event.pull_request.draft == false
    runs-on: ubuntu-latest

    env:
      PATH_PREFIX: "/hds-demo/preview_${{ github.event.number != '' && github.event.number || github.ref_name }}"
      DEMO_NAME: preview_${{ github.event.number != '' && github.event.number || github.ref_name }}

    steps:
      - name: Checkout code hds
        uses: actions/checkout@v4

      - name: Read .nvmrc
        run: echo "NODE_VERSION=$(cat .nvmrc)" >> $GITHUB_OUTPUT
        id: nvmrc

      - name: setup node ${{ steps.nvmrc.outputs.NODE_VERSION }}
        uses: actions/setup-node@v4
        with:
          node-version: '${{ steps.nvmrc.outputs.NODE_VERSION }}'
          registry-url: 'https://registry.npmjs.org'

      # Github cache
      - name: get yarn cache directory path
        id: yarn-cache-dir-path
        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT

      - name: restore yarn cache
        uses: actions/cache@v4
        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
        with:
          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
          key: yarn-cache-folder-${{ hashFiles('**/yarn.lock') }}
          restore-keys: |
            yarn-cache-folder-

      - name: restore lerna
        uses: actions/cache@v4
        with:
          path: '**/node_modules'
          key: yarn-node_modules-folder-${{ hashFiles('**/yarn.lock') }}

      # Build
      - name: install dependencies
        run: |
          yarn config set network-timeout 300000 
          yarn

      # Build site
      - name: build design tokens package
        run: yarn build
        working-directory: ./packages/design-tokens

      - name: build core package
        run: yarn build
        working-directory: ./packages/core

      - name: build react package
        run: yarn build
        working-directory: ./packages/react

      - name: build hds-js package
        run: yarn build:hds-js
        working-directory: ./packages/react

      - name: build site package
        run: yarn build --prefix-paths
        working-directory: ./site

      # Build core storybook
      - name: build core storybook
        run: yarn build-storybook
        working-directory: ./packages/core

      - name: move core storybook under site
        run: mkdir ./site/public/storybook && mv ./packages/core/storybook-static $_/core

      # Build react storybook
      - name: build react storybook
        run: yarn build-storybook
        working-directory: ./packages/react

      - name: move react storybook under site
        run: mv ./packages/react/storybook-static ./site/public/storybook/react

      # Publish to hds-demo
      - name: Checkout code hds-demo
        uses: actions/checkout@v4
        with:
          repository: City-of-Helsinki/hds-demo
          path: hds-demo
          ssh-key: ${{ secrets.HDSDEMO_SSH_DEPLOY_KEY }}

      - name: Clean old directory
        run: |
          rm -fr ./hds-demo/docs/$DEMO_NAME
          mkdir -p ./hds-demo/docs/$DEMO_NAME

      - name: Copy build results
        run: cp -r ./site/public/* ./hds-demo/docs/$DEMO_NAME

      - name: Commit
        run: |
          git config --global user.email "hds@hel.fi"
          git config --global user.name "Github Actions"
          git status
          git add .
          git commit -m "Updated preview to $DEMO_NAME"
          git status
          git pull --rebase
          git push
        working-directory: ./hds-demo

      - name: Preview url to PR comment
        if: github.event_name == 'pull_request'
        uses: marocchino/sticky-pull-request-comment@v2
        with:
          header: Preview url
          message: |
            Preview found from [hds-demo docs/${{ env.DEMO_NAME }}](https://github.com/City-of-Helsinki/hds-demo/tree/main/docs/${{ env.DEMO_NAME }})
            ## Demos
            [Docs](https://city-of-helsinki.github.io/hds-demo/${{ env.DEMO_NAME }})
            [Core Storybook](https://city-of-helsinki.github.io/hds-demo/${{ env.DEMO_NAME }}/storybook/core)
            [React Storybook](https://city-of-helsinki.github.io/hds-demo/${{ env.DEMO_NAME }}/storybook/react)