Merge branch 'main' into alpha

Author: sungik-choi

.circleci/config.yml

@@ -1,7 +1,8 @@
 version: 2.1
 
 orbs:
-  codecov: codecov/codecov@1.2.0
+  node: circleci/node@5.1.0
+  codecov: codecov/codecov@3.3.0
 
 references:
   workspace_root: &workspace_root
@@ -10,74 +11,98 @@ references:
   attach_workspace: &attach_workspace
     attach_workspace:
       at: *workspace_root
+  
+  build_cache_paths: &build_cache_paths
+    paths:
+      - node_modules/.cache/turbo
 
-defaults: &defaults
-  resource_class: xlarge
-  working_directory: *workspace_root
+  lint_cache_paths: &lint_cache_paths
+    paths:
+      - packages/bezier-react/.stylelintcache
+      - packages/bezier-react/.eslintcache
+      - packages/bezier-icons/.eslintcache
+      - packages/bezier-figma-plugin/.eslintcache
+      - packages/bezier-codemod/.eslintcache
 
-  docker:
-    - image: node:18.17.1
+  test_cache_paths: &test_cache_paths
+    paths:
+      - packages/bezier-react/.jestcache
+      - packages/bezier-icons/.jestcache
+      - packages/bezier-figma-plugin/.jestcache
+      - packages/bezier-codemod/.jestcache
 
-filter_only_tagged: &filter_only_tagged
-  filters:
-    tags:
-      only: /^v.*/
-    branches:
-      ignore: /.*/
+executors:
+  node_executor:
+    docker:
+      - image: node:18.17.1
+    resource_class: xlarge
+    working_directory: *workspace_root
 
 jobs:
   install:
-    <<: *defaults
+    executor: node_executor
     steps:
       - checkout
-      - restore_cache:
-          keys:
-          - bezier-react-dependencies-{{ checksum "yarn.lock" }}
-      - run: yarn install
-      - save_cache:
-          paths:
-            - .yarn/cache
-            - .yarn/unplugged
-          key: bezier-react-dependencies-{{ checksum "yarn.lock" }}
+      - node/install-packages:
+          pkg-manager: yarn
       - persist_to_workspace:
           root: *workspace_root
           paths:
             - .
 
   build:
-    <<: *defaults
+    executor: node_executor
     steps:
       - *attach_workspace
-      - run: yarn build --filter=bezier-icons
+      - restore_cache:
+          keys:
+          - build-{{ .Environment.CACHE_VERSION }}-{{ .Branch }}-
+          - build-{{ .Environment.CACHE_VERSION }}-
+      - run: yarn build
+      - save_cache:
+          key: build-{{ .Environment.CACHE_VERSION }}-{{ .Branch }}-{{ epoch }}
+          <<: *build_cache_paths
       - persist_to_workspace:
           root: *workspace_root
           paths:
             - .
 
   lint:
-    <<: *defaults
+    executor: node_executor
     steps:
       - *attach_workspace
+      - restore_cache:
+          keys:
+          - lint-{{ .Environment.CACHE_VERSION }}-{{ .Branch }}-
+          - lint-{{ .Environment.CACHE_VERSION }}-
       - run: yarn lint
+      - save_cache:
+          key: lint-{{ .Environment.CACHE_VERSION }}-{{ .Branch }}-{{ epoch }}
+          <<: *lint_cache_paths
 
   typecheck:
-    <<: *defaults
+    executor: node_executor
     steps:
       - *attach_workspace
       - run: yarn typecheck
 
   test:
-    <<: *defaults
+    executor: node_executor
     steps:
       - *attach_workspace
-      - run: yarn test:ci
+      - restore_cache:
+          keys:
+          - test-{{ .Environment.CACHE_VERSION }}-{{ .Branch }}-
+          - test-{{ .Environment.CACHE_VERSION }}-
+      - run: yarn test
       - codecov/upload:
           file: './packages/bezier-react/coverage/lcov.info'
-          token: $CODECOV_TOKEN
+      - save_cache:
+          key: test-{{ .Environment.CACHE_VERSION }}-{{ .Branch }}-{{ epoch }}
+          <<: *test_cache_paths
 
 workflows:
-  version: 2
-  lint_and_test:
+  ci:
     jobs:
       - install
       - build:

.github/workflows/chromatic-report.yml

@@ -12,7 +12,7 @@ jobs:
     name: Chromatic Report
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout Repo
+      - name: Checkout
         uses: actions/checkout@v4
 
       - name: Download artifact

.github/workflows/chromatic.yml

@@ -6,7 +6,6 @@ on:
       - main
       - alpha
   pull_request:
-    types: [opened, reopened, synchronize]
     paths:
       - packages/bezier-react/**
 
@@ -16,33 +15,32 @@ jobs:
     name: Chromatic
     runs-on: ubuntu-latest
     steps:
-      - name: Get Yarn cache path
-        id: yarn-cache
-        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
-
-      - name: Checkout Repo
+      - name: Checkout
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 18.17.1
+          node-version-file: .nvmrc
+          cache: yarn
 
-      - name: Load Yarn cache
+      - name: Restore cache
         uses: actions/cache@v3
         with:
-          path: ${{ steps.yarn-cache.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          path: |
+            **/.turbo
+            node_modules/.cache/turbo
+          key: ${{ runner.os }}-chromatic-${{ github.sha }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-chromatic-
 
-      - name: Install Dependencies
+      - name: Install dependencies
         run: yarn
 
-      - name: Build Packages
-        run: yarn build --filter=bezier-icons
+      - name: Build bezier-react's dependencies
+        run: yarn build --filter=@channel.io/bezier-react^...
 
       - name: Publish to Chromatic
         uses: chromaui/action@v1

.github/workflows/generate-icon-files.yml

@@ -12,13 +12,13 @@ jobs:
     name: Generate icon files from icons.json file
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout Repo
+      - name: Checkout
         uses: actions/checkout@v4
 
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 18.17.1
+          node-version-file: .nvmrc
 
       - name: Git Config
         run: |
@@ -38,12 +38,19 @@ jobs:
         run: echo "pull_request_number=$(gh pr view --json number -q .number || echo "")" >> $GITHUB_OUTPUT
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- 
+
       - name: Add pr description
         if: ${{ steps.generate-svg-files.outputs.icon_not_changed == 0}}
         run: |
           node packages/bezier-icons/scripts/add-pr-description.js ${{ secrets.GITHUB_TOKEN }} ${{ steps.pr.outputs.pull_request_number }}
-      
+
+      - name: Add changeset
+        if: ${{ steps.generate-svg-files.outputs.icon_not_changed == 0}}
+        run: |
+          node packages/bezier-icons/scripts/generate-changeset.js
+          git add .
+          git commit -m "chore(bezier-icons): add changeset"
+
       - name: Delete icons.json files
         run: |
           git rm packages/bezier-icons/icons.json

.github/workflows/release.yml

@@ -11,32 +11,17 @@ jobs:
     name: Release
     runs-on: ubuntu-latest
     steps:
-      - name: Get Yarn cache path
-        id: yarn-cache
-        run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
-
-      - name: Checkout Repo
+      - name: Checkout
         uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
 
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 18.17.1
-
-      - name: Load Yarn cache
-        uses: actions/cache@v3
-        with:
-          path: ${{ steps.yarn-cache.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
+          node-version-file: .nvmrc
+          cache: yarn
 
-      - name: Install Dependencies
+      - name: Install dependencies
         run: yarn
-        env:
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
 
       - name: Create release Pull Request or publish to NPM
         id: changesets

.gitignore

@@ -215,3 +215,6 @@ stats.html
 
 # Rollup cache
 .rollup.cache
+
+# Jest cache
+.jestcache

package.json

@@ -12,7 +12,6 @@
     "lint": "turbo run lint",
     "typecheck": "turbo run typecheck",
     "test": "turbo run test",
-    "test:ci": "turbo run test:ci",
     "clean": "turbo run clean && rm -rf node_modules .turbo",
     "version-packages": "changeset version && yarn --mode=\"update-lockfile\"",
     "release": "turbo run build --filter='@channel.io/*' && changeset publish",
@@ -25,16 +24,20 @@
     "@changesets/get-github-info": "^0.5.2",
     "@changesets/types": "^5.2.1",
     "@channel.io/stylelint-config": "^1.2.0",
-    "@commitlint/cli": "^17.6.5",
-    "@commitlint/config-conventional": "^17.6.5",
+    "@commitlint/cli": "^17.7.1",
+    "@commitlint/config-conventional": "^17.7.0",
     "@storybook/addon-styling": "^1.3.2",
+    "@swc/core": "^1.3.83",
+    "@swc/jest": "^0.2.29",
+    "@types/jest": "^29.5.4",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^7.32.0",
     "eslint-config-bezier": "workspace:*",
     "husky": "^8.0.3",
+    "jest": "^29.6.4",
+    "jest-environment-jsdom": "^29.6.4",
     "npm-run-all": "^4.1.5",
     "stylelint": "^13.13.1",
-    "ts-node": "^10.9.1",
     "turbo": "^1.10.13",
     "typescript": "^4.9.5",
     "typescript-plugin-css-modules": "^5.0.1"

packages/bezier-codemod/jest.config.cjs

@@ -1,19 +1,12 @@
-/** @type {import('ts-jest').JestConfigWithTsJest} */
+/** @type {import('jest').Config} */
 module.exports = {
-  preset: 'ts-jest/presets/default-esm',
+  cacheDirectory: '.jestcache',
+  testEnvironment: 'node',
+  transform: {
+    '^.+\\.[t|j]sx?$': ['@swc/jest'],
+  },
   moduleNameMapper: {
     '^(\\.{1,2}/.*)\\.js$': '$1',
   },
-  transform: {
-    // '^.+\\.[tj]sx?$' to process js/ts with `ts-jest`
-    // '^.+\\.m?[tj]sx?$' to process js/ts/mjs/mts with `ts-jest`
-    '^.+\\.tsx?$': [
-      'ts-jest',
-      {
-        useESM: true,
-      },
-    ],
-  },
-  testEnvironment: 'node',
-  testRegex: '\\.test\\.ts$',
+  testMatch: ['**/*.test.(ts|tsx)'],
 }

packages/bezier-codemod/package.json

@@ -19,8 +19,8 @@
 		"dev": "tsc --watch",
 		"lint": "TIMING=1 eslint --cache .",
 		"typecheck": "tsc --noEmit",
-		"test": "jest --onlyChanged",
-		"clean": "rm -rf dist node_modules .turbo .eslintcache"
+		"test": "jest",
+		"clean": "rm -rf dist node_modules .turbo .eslintcache .jestcache"
 	},
 	"files": [
 		"dist"
@@ -33,12 +33,9 @@
 		"ts-morph": "^19.0.0"
 	},
 	"devDependencies": {
-		"@types/jest": "^29.5.4",
 		"@types/node": "^20.6.0",
 		"@types/react": "^18.2.21",
 		"eslint-config-bezier": "workspace:*",
-		"jest": "^29.6.4",
-		"ts-jest": "^29.1.1",
 		"tsconfig": "workspace:*"
 	},
 	"keywords": [

packages/bezier-figma-plugin/CHANGELOG.md

@@ -1,5 +1,20 @@
 # bezier-figma-plugin
 
+## 0.4.6
+
+### Patch Changes
+
+- Updated dependencies
+  - @channel.io/bezier-icons@0.14.0
+  - @channel.io/bezier-react@1.15.1
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies
+  - @channel.io/bezier-react@1.15.1
+
 ## 0.4.4
 
 ### Patch Changes