Skip to content

Housekeeping: Reconfigure chromatic #6302

Housekeeping: Reconfigure chromatic

Housekeeping: Reconfigure chromatic #6302

Workflow file for this run

name: Build & Deploy Cookbook
on:
push:
branches:
- develop
tags:
- 'v[0-9]+.[0-9]+.[0-9]+'
pull_request:
defaults:
run:
shell: bash
jobs:
pre_build:
name: Check if build is needed
runs-on: ubuntu-latest
outputs:
#Build on PRs, PR's merge to default branch, new releases & changes not including 'libs' (which gets build as part of new release)
do_build: ${{ github.event_name == 'pull_request' || github.event_name == 'push' && !startsWith(github.ref, 'refs/tags/v') || steps.filter.outputs.libs == 'false' }}
node_version: ${{ steps.get_node_version.outputs.node_version }}
steps:
- name: Checkout repo
uses: actions/checkout@v2
- name: Check modified files
id: filter
uses: dorny/paths-filter@v2.9.2
with:
filters: |
libs:
- 'libs/**'
- name: Get Node.JS version from package.json
id: get_node_version
run: echo ::set-output name=node_version::$(jq -r .engines.node ./package.json)
lint_and_unittest:
name: Lint & unit test
needs: pre_build
if: ${{ needs.pre_build.outputs.do_build == 'true' }}
runs-on: ubuntu-latest
env:
NODE_VERSION: ${{ needs.pre_build.outputs.node_version }}
steps:
- name: Checkout repo
uses: actions/checkout@v2
- name: Kirby setup
uses: ./.github/actions/kirby-setup
- name: Run linting
run: npx nx run-many -t lint && npx stylelint '**/*.scss'
- name: Run tests
run: npx nx run-many -t test --output-style=stream -- --browsers=ChromeCustom --progress false --watch false --code-coverage
build_kirby:
name: Build Kirby lib
needs: pre_build
if: ${{ needs.pre_build.outputs.do_build == 'true' }}
runs-on: ubuntu-latest
env:
NODE_VERSION: ${{ needs.pre_build.outputs.node_version }}
steps:
- name: Checkout repo
uses: actions/checkout@v2
- name: Kirby setup
uses: ./.github/actions/kirby-setup
- name: Build Kirby lib
run: npx nx build designsystem
build_kirby_cookbook:
name: Build Kirby Cookbook
needs: pre_build
if: ${{ needs.pre_build.outputs.do_build == 'true' }}
runs-on: ubuntu-latest
env:
NODE_VERSION: ${{ needs.pre_build.outputs.node_version }}
steps:
- name: Checkout repo
uses: actions/checkout@v2
- name: Kirby setup
uses: ./.github/actions/kirby-setup
- name: Build Kirby Cookbook
run: npx nx build cookbook --configuration=production
- name: Upload Kirby Cookbook dist files
uses: actions/cache@v2
with:
path: |
dist/
key: cookbook-dist-${{github.run_id}}
deploy_to_cookbook:
name: Deploy cookbook
needs: [lint_and_unittest, build_kirby, build_kirby_cookbook]
runs-on: ubuntu-latest
env:
DOMAIN: 'kirby.design'
steps:
- name: Checkout repo
uses: actions/checkout@v2
- name: Get deployment name for default or feature branch
if: "github.event_name == 'pull_request' || github.event_name == 'push' && !startsWith(github.ref, 'refs/tags/v')"
run: |
branchname="${{ github.head_ref || github.ref }}"
echo "Github branchname: ${branchname}"
branchname="${branchname##*/}"
echo "Removed leading paths - branchname: ${branchname}"
branchname=$(tr [:upper:] [:lower:] <<< "$branchname")
echo "Converted to lowercase - branchname: ${branchname}"
branchname="${branchname//[^a-zA-Z0-9]/-}"
echo "Replaced illegal chars - branchname: ${branchname}"
branchname=$(tr -s '-' '-' <<< "$branchname")
echo "Removed duplicated dashes - branchname: ${branchname}"
branchname="${branchname%%-}"
echo "Removed trailing dash - final branchname: ${branchname}"
releasename="kby-${branchname}"
releasename=$(cut -c 1-53 <<< "$releasename")
echo "Releasename: ${releasename}"
echo "GH_DEPLOY_ENVIRONMENT=pr-${branchname}" >> $GITHUB_ENV
echo "RELEASENAME=${releasename}" >> $GITHUB_ENV
- name: Get deployment name for release branch
if: "github.event_name == 'push' && startsWith(github.ref, 'refs/tags/v')"
run: |
echo "GH_DEPLOY_ENVIRONMENT=production" >> $GITHUB_ENV
echo "RELEASENAME=designsystem" >> $GITHUB_ENV
- name: Get hostname for default or feature branch
if: "github.event_name != 'push' || !startsWith(github.ref, 'refs/tags/v')"
run: |
chmod +x ./scripts/dns.pl
hostname=$(perl ./scripts/dns.pl $DOMAIN "${RELEASENAME}")
echo "HOSTNAME=${hostname}" >> $GITHUB_ENV
- name: Get hostname for release branch
if: "github.event_name == 'push' && startsWith(github.ref, 'refs/tags/v')"
run: echo "HOSTNAME=cookbook" >> $GITHUB_ENV
- name: Create Github Deployment
id: create_deployment
uses: octokit/request-action@v2.x
with:
route: POST /repos/:repository/deployments
repository: ${{ github.repository }}
ref: ${{ github.event_name == 'pull_request' && format('refs/heads/{0}', github.head_ref) || github.ref }}
environment: ${{ env.GH_DEPLOY_ENVIRONMENT }}
production_environment: ${{ github.event_name == 'push' && startsWith(github.ref, 'refs/tags/v') }}
auto_merge: false
required_contexts: '[]' # Skip commit checks
mediaType: '{"previews": ["flash", "ant-man"]}' # some parameters need preview: https://docs.github.com/en/rest/reference/repos#list-deployment-statuses-preview-notices
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- name: Set deployment status to in progress
uses: octokit/request-action@v2.x
with:
route: POST /repos/:repository/deployments/:deployment/statuses
repository: ${{ github.repository }}
deployment: ${{ fromJson(steps.create_deployment.outputs.data).id }}
log_url: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
state: in_progress
mediaType: '{"previews": ["flash", "ant-man"]}'
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- name: Download Kirby Cookbook dist files
uses: actions/cache@v2
with:
path: |
dist/
key: cookbook-dist-${{github.run_id}}
- name: Deploy cookbook to GitHub pages
run: |
set -e
echo "Hostname: ${HOSTNAME}"
git clone https://$GITHUB_ACTOR:$GITHUB_TOKEN@github.com/kirbydesign/designsystem.git -b gh-pages designsystem_web
git config --global user.name 'DRB-bot'
git config --global user.email 'dbrr00@bankdata.dk'
mkdir -p designsystem_web/branch
if [ $HOSTNAME == "cookbook" ]; then
sed -i -E "s,<base href=\"[^\"]*\".*>,<base href=\"/\">,g" dist/apps/cookbook/index.html
cp -R dist/apps/cookbook/* designsystem_web/
cp designsystem_web/index.html designsystem_web/404.html
else
mkdir -p designsystem_web/branch/$HOSTNAME
sed -i -E "s,<base href=\"[^\"]*\".*>,<base href=\"/branch/$HOSTNAME/\">,g" dist/apps/cookbook/index.html
cp -R dist/apps/cookbook/* designsystem_web/branch/$HOSTNAME
cp designsystem_web/branch/$HOSTNAME/index.html designsystem_web/branch/$HOSTNAME/404.html
fi
cd designsystem_web/branch/
folders=$(ls -d */)
cd ../
branches=$(git branch -r)
#find deployment names for all branches
branchList=""
for branch in $branches; do
name="${branch##*/}"
name=$(tr [:upper:] [:lower:] <<< "$name")
name="${name//[^a-zA-Z0-9]/-}"
name=$(tr -s '-' '-' <<< "$name")
name="${name%%-}"
name="kby-${name}"
name=$(cut -c 1-53 <<< "$name")
branchList="$branchList $name"
done
#delete deployments related to closed branches
for item in $folders
do
echo "Verify branch ${item::-1} exist"
if ! grep -q "${item::-1}" <<< "$branchList"; then
echo "Deleting branch folder ${item::-1} (branch closed)"
rm -Rf branch/${item::-1}
fi
done
git add .
if ! git diff-index --quiet HEAD; then
git commit -m "Release: $RELEASENAME"
git push
fi
shell: bash
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- name: Set deployment status to success
id: successful_deployment
uses: octokit/request-action@v2.x
with:
route: POST /repos/:repository/deployments/:deployment/statuses
repository: ${{ github.repository }}
deployment: ${{ fromJson(steps.create_deployment.outputs.data).id }}
environment_url: ${{ env.HOSTNAME == 'cookbook' && format('https://cookbook.{0}', env.DOMAIN) || format('https://cookbook.{0}/branch/{1}/index.html', env.DOMAIN, env.HOSTNAME) }}
log_url: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
state: success
mediaType: '{"previews": ["ant-man"]}'
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- name: Set deployment status to failure
id: failed_deployment
uses: octokit/request-action@v2.x
if: failure()
with:
route: POST /repos/:repository/deployments/:deployment/statuses
repository: ${{ github.repository }}
deployment: ${{ fromJson(steps.create_deployment.outputs.data).id }}
log_url: https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}
state: failure
mediaType: '{"previews": ["ant-man"]}'
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}