CICD Setup Guide

Yarn Package Manager

https://yarnpkg.com/cli/set/version

Download the most recent Yarn 3 build :

yarn set version 3.x

CircleCI Setup Guide

Setup Environment Variables

Go to Project Settings > Environment Varibles, and add GH_TOKEN variable using a personal access token. You should login GitHub using the trendmicro-frontend-bot account to generate the personal access token.

https://app.circleci.com/settings/project/github/trendmicro-frontend/styled-ui/environment-variables

Add SSH Keys

Go to Project Settings > SSH Keys and add two SSH private keys.

The first one is being used to deploy styled-ui-docs to the gh-pages branch.

jobs:
  deploy-styled-ui-docs:
    steps:
      - add_ssh_keys:
          fingerprints:
            - "92:e5:99:6a:e1:24:28:b6:fb:a4:33:9a:a1:b1:a7:c6"

The second one is being used to deploy PR builds to the styled-ui-demo repo.

jobs:
  deploy-styled-ui-demo:
    steps:
      - add_ssh_keys:
          fingerprints:
            - "73:b4:70:76:97:74:c2:f5:c9:bf:71:83:8c:a6:da:a6"

GitHub Setup Guide

Add Deploy Keys

styled-ui

Go to https://github.com/trendmicro-frontend/styled-ui/settings/keys and add a new deploy key with write access.

styled-ui-demo

Go to https://github.com/trendmicro-frontend/styled-ui-demo/settings/keys and add a new deploy key with write access.