(Release-4.0.0) HDS-2069: Select docs #698
Workflow file for this run
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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) |