ci: migrate from CircleCI to Github Actions

.circleci/config.yml

@@ -2,73 +2,15 @@ version: 2.1
 orbs:
   node: circleci/[email protected]
 
-references:
-  executor: &executor
+jobs:
+  check:
     executor:
       name: node/default
       tag: lts
-
-  workspace_root: &workspace_root ~/project
-
-  attach_workspace: &attach_workspace
-    attach_workspace:
-      at: *workspace_root
-
-  persist_to_workspace: &persist_to_workspace
-    persist_to_workspace:
-      root: *workspace_root
-      paths: .
-
-jobs:
-  build:
-    <<: *executor
-    steps:
-      - checkout
-      - node/install-packages:
-          override-ci-command: npm ci --ignore-scripts
-          cache-version: '{{ .Environment.CACHE_VERSION }}'
-      - run: npm exec -- lerna run build --concurrency=2 # prevent out-of-memory
-      - *persist_to_workspace
-
-  test:
-    <<: *executor
-    steps:
-      - *attach_workspace
-      - run: npm run test:ci -- --runInBand
-      - run: '[ $COVERALLS_REPO_TOKEN ] && npm exec -- coveralls < .cache/coverage/lcov.info || true'
-      - *persist_to_workspace
-
-  deploy:
-    <<: *executor
-    environment:
-      NODE_DEBUG: gh-pages
-    steps:
-      - *attach_workspace
-      - run: npm run build:demo
-      - run: utils/scripts/deploy.mjs
-
-  publish:
-    <<: *executor
     steps:
-      - *attach_workspace
-      - run: npm set //registry.npmjs.org/:_authToken=$NPM_TOKEN
-      - run: npm exec -- lerna publish from-git --ignore-scripts --yes
+      - run: echo "PASSED"
 
 workflows:
   main:
     jobs:
-      - build
-      - test:
-          requires:
-            - build
-      - deploy:
-          requires:
-            - test
-          context: writer
-      - publish:
-          requires:
-            - test
-          context: maintainer
-          filters:
-            branches:
-              only: main
+      - check

.github/workflows/ci.yaml

@@ -0,0 +1,159 @@
+name: CI
+
+on: push
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+
+      - name: Build
+        run: npm exec -- lerna run build --concurrency=2
+
+      - name: Upload dist artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: dist-artifact
+          path: packages/**/dist
+
+  build-demo:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+
+      - name: Build Demo
+        run: npm run build:demo
+
+      - name: Upload demo artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: demo-artifact
+          path: ./demo
+
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+
+      - name: Lint
+        run: npm run lint:ci
+
+  test:
+    needs: [build]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+
+      - name: Download dist artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: dist-artifact
+          path: packages
+
+      - name: Test
+        run: npm run test:ci
+
+      - name: Coveralls
+        if: env.COVERALLS_REPO_TOKEN != ''
+        run: npm exec -- coveralls < .cache/coverage/lcov.info
+        env:
+          COVERALLS_REPO_TOKEN: ${{ secrets.COVERALLS_REPO_TOKEN }}
+
+  deploy:
+    needs: [build-demo, lint, test]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+
+      - name: Download demo artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: demo-artifact
+          path: ./demo
+
+      - name: Deploy
+        run: utils/scripts/deploy.mjs
+        env:
+          NETLIFY_TOKEN: ${{ secrets.NETLIFY_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
+          # Maintain compatibility with @zendeskgarden/scripts
+          CIRCLE_PROJECT_USERNAME: zendeskgarden
+          CIRCLE_PROJECT_REPONAME: react-components
+          CIRCLECI: true
+
+  publish:
+    needs: [build, lint, test]
+    runs-on: ubuntu-latest
+    if: github.ref == 'refs/heads/main'
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0 # Lerna requires the full history, including tags
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: .nvmrc
+          cache: npm
+          registry-url: https://registry.npmjs.org # Sets the registry in the project level .npmrc
+
+      - name: Install dependencies
+        run: npm ci --ignore-scripts
+
+      - name: Download dist artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: dist-artifact
+          path: packages
+
+      # - name: Publish to npm
+      #   run: npm exec -- lerna publish from-git --ignore-scripts --yes
+      #   env:
+      #     NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package.json

@@ -12,6 +12,7 @@
     "format:package_json": "lerna exec -- prettier-package-json",
     "postinstall": "husky",
     "lint": "npm run lint:css && npm run lint:js && npm run lint:md",
+    "lint:ci": "npm run lint && npm run format:all && npm exec tsc",
     "lint:css": "stylelint '{packages,utils}/**/*.{js,ts,tsx}'",
     "lint:js": "eslint .storybook/ packages/ utils/ --ext js,mjs,ts,tsx --max-warnings 0",
     "lint:md": "markdownlint README.md packages/*/README.md packages/*/demo/**/*.mdx",
@@ -20,7 +21,7 @@
     "start": "storybook dev --no-version-updates -p 6006",
     "tag": "utils/scripts/tag.mjs",
     "test": "jest --config=utils/test/jest.config.js",
-    "test:ci": "npm run lint && npm run format:all && npm exec tsc && npm test -- --coverage",
+    "test:ci": "npm test -- --coverage --runInBand --silent",
     "test:watch": "npm test -- --watch",
     "preversion": "npm run test:ci",
     "version": "npm run build && git add -A"

utils/build/styled.d.ts

@@ -6,7 +6,7 @@
  */
 
 import 'styled-components';
-import { IGardenTheme } from '../../packages/theming';
+import type { IGardenTheme } from '../../packages/theming/src/index';
 
 declare module 'styled-components' {
   // eslint-disable-next-line @typescript-eslint/no-empty-interface