Skip to content

Commit 959aca2

Browse files
sungik-choisungik-choi
authored
Upgrade dependencies (#1997)
<!-- How to write a good PR title: - Follow [the Conventional Commits specification](https://www.conventionalcommits.org/en/v1.0.0/). - Give as much context as necessary and as little as possible - Prefix it with [WIP] while it’s a work in progress --> ## Self Checklist - [x] I wrote a PR title in **English** and added an appropriate **label** to the PR. - [x] I wrote the commit message in **English** and to follow [**the Conventional Commits specification**](https://www.conventionalcommits.org/en/v1.0.0/). - [x] I [added the **changeset**](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md) about the changes that needed to be released. (or didn't have to) - [x] I wrote or updated **documentation** related to the changes. (or didn't have to) - [x] I wrote or updated **tests** related to the changes. (or didn't have to) - [x] I tested the changes in various browsers. (or didn't have to) - Windows: Chrome, Edge, (Optional) Firefox - macOS: Chrome, Edge, Safari, (Optional) Firefox ## Summary <!-- Please brief explanation of the changes made --> Rollup(#1674), eslint, typescript(채널 lint 설정이 최신화되지 않음)을 제외한 라이브러리들을 최신 버전으로 업데이트합니다. ## Details <!-- Please elaborate description of the changes --> - 업데이트 과정에서 발생한 타입 충돌 등을 해결했습니다. 레퍼런스 및 커밋을 참고해주세요. - browserlist를 업데이트했습니다. 정확한 연유는 모르겠으나, 업그레이드 이후 `postcss-preset-env` 에 의해 cascade layer, `:has` 등의 모던 CSS 기능들이 빌드 과정에서 제거되는 현상이 발생했습니다. 가장 좁은 브라우저 커버리지를 가지는 `:has` 기준으로 브라우저 리스트를 별도 파일로 분리하고, 주석을 추가했습니다. - `yarn dedupe` 를 실행하여 중복 패키지 버전을 최소화하도록 했습니다. ### Breaking change? (Yes/No) <!-- If Yes, please describe the impact and migration path for users --> No ## References <!-- Please list any other resources or points the reviewer should be aware of --> - ~~https://storybook.js.org/blog/optimize-storybook-7-6/ : 스토리북 빌드 시 babel대신 swc를 사용하도록 하는 설정을 추가~~ - testing-library/jest-dom#511 : testing-library가 @types를 포함하지 않도록 변경되면서, tsconfig에 jest config 파일을 추가 - [브라우저 커버리지](https://browsersl.ist/#q=%3E%3D+1%25+in+KR%2C%0A%3E%3D+1%25+in+JP%2C%0A%3E%3D+1%25+in+US%2C%0Anot+dead%2C%0AChrome+%3E%3D+105%2C%0AEdge+%3E%3D+105%2C%0Anot+Edge+%3C+105%2C%0AFirefox+%3E%3D+121%2C%0AiOS+%3E%3D+15.4%2C%0ASafari+%3E%3D+15.4%2C%0AAndroid+%3E%3D+121%2C%0AOpera+%3E%3D+91%0ASamsung+%3E%3D+20&region=KR). 기존 브라우저 커버리지보다 커버리지가 높습니다.
1 parent 59135e0 commit 959aca2

File tree

17 files changed

+1967
-4105
lines changed

17 files changed

+1967
-4105
lines changed

‎package.json‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -20,26 +20,26 @@
2020
"postinstall": "husky install"
2121
},
2222
"devDependencies": {
23-
"@changesets/cli": "^2.26.2",
23+
"@changesets/cli": "^2.27.1",
2424
"@changesets/get-github-info": "^0.6.0",
25-
"@changesets/types": "^5.2.1",
26-
"@commitlint/cli": "^17.7.1",
27-
"@commitlint/config-conventional": "^17.7.0",
28-
"@swc/core": "^1.3.83",
29-
"@swc/jest": "^0.2.29",
30-
"@types/jest": "^29.5.4",
25+
"@changesets/types": "^6.0.0",
26+
"@commitlint/cli": "^18.6.1",
27+
"@commitlint/config-conventional": "^18.6.2",
28+
"@swc/core": "^1.4.2",
29+
"@swc/jest": "^0.2.36",
30+
"@types/jest": "^29.5.12",
3131
"cz-conventional-changelog": "^3.3.0",
3232
"eslint": "^7.32.0",
3333
"eslint-config-bezier": "workspace:*",
34-
"husky": "^8.0.3",
35-
"jest": "^29.6.4",
36-
"jest-environment-jsdom": "^29.6.4",
37-
"npm-run-all": "^4.1.5",
38-
"stylelint": "^16.1.0",
39-
"stylelint-config-clean-order": "^5.4.0",
34+
"husky": "^9.0.11",
35+
"jest": "^29.7.0",
36+
"jest-environment-jsdom": "^29.7.0",
37+
"npm-run-all2": "^6.1.2",
38+
"stylelint": "^16.2.1",
39+
"stylelint-config-clean-order": "^5.4.1",
4040
"stylelint-config-standard-scss": "^13.0.0",
41-
"ts-node": "^10.9.1",
42-
"turbo": "^1.10.13",
41+
"ts-node": "^10.9.2",
42+
"turbo": "^1.12.4",
4343
"typescript": "^4.9.5"
4444
},
4545
"engines": {

‎packages/bezier-codemod/package.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,13 +28,13 @@
2828
"dependencies": {
2929
"@inkjs/ui": "^1.0.0",
3030
"ink": "^4.4.1",
31-
"meow": "^12.1.1",
31+
"meow": "^13.2.0",
3232
"react": "^18.2.0",
33-
"ts-morph": "^19.0.0"
33+
"ts-morph": "^21.0.1"
3434
},
3535
"devDependencies": {
36-
"@types/node": "^20.6.0",
37-
"@types/react": "^18.2.21",
36+
"@types/node": "^20.11.20",
37+
"@types/react": "^18.2.59",
3838
"eslint-config-bezier": "workspace:*",
3939
"tsconfig": "workspace:*"
4040
},

‎packages/bezier-figma-plugin/package.json‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -22,27 +22,27 @@
2222
"author": "Channel Corp.",
2323
"license": "Apache-2.0",
2424
"devDependencies": {
25-
"@figma/plugin-typings": "^1.76.0",
26-
"@types/react": "^18.2.21",
27-
"@types/react-dom": "^18.2.7",
28-
"css-loader": "^6.8.1",
25+
"@figma/plugin-typings": "^1.87.0",
26+
"@types/react": "^18.2.59",
27+
"@types/react-dom": "^18.2.19",
28+
"css-loader": "^6.10.0",
2929
"eslint-config-bezier": "workspace:*",
3030
"html-webpack-inline-source-plugin": "^0.0.10",
31-
"html-webpack-plugin": "^5.5.3",
31+
"html-webpack-plugin": "^5.6.0",
3232
"react-dev-utils": "^12.0.1",
33-
"style-loader": "^3.3.3",
34-
"ts-loader": "^9.4.4",
33+
"style-loader": "^3.3.4",
34+
"ts-loader": "^9.5.1",
3535
"tsconfig": "workspace:*",
3636
"url-loader": "^4.1.1",
37-
"webpack": "^5.88.2",
37+
"webpack": "^5.90.3",
3838
"webpack-cli": "^5.1.4"
3939
},
4040
"dependencies": {
4141
"@channel.io/bezier-icons": "^0.18.0",
42-
"@channel.io/bezier-react": "^2.0.0-alpha.12",
43-
"octokit": "^2.1.0",
42+
"@channel.io/bezier-react": "^2.0.0-alpha.15",
43+
"octokit": "^3.1.2",
4444
"react": "^18.2.0",
4545
"react-dom": "^18.2.0",
46-
"react-router-dom": "^6.15.0"
46+
"react-router-dom": "^6.22.1"
4747
}
4848
}

‎packages/bezier-figma-plugin/src/ui/hooks/useGithubAPI.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -157,7 +157,7 @@ function useGithubAPI({
157157
const addLabels = useCallback(async ({
158158
issueNumber,
159159
labels,
160-
}: { issueNumber: AddLabelsRequestParameters['issue_number'] } & Pick<AddLabelsRequestParameters, 'labels'>) => {
160+
}: { issueNumber: AddLabelsRequestParameters['issue_number'] } & { labels: string[] }) => {
161161
const { data } = await octokit.rest.issues.addLabels({
162162
owner,
163163
repo,

‎packages/bezier-icons/package.json‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -43,21 +43,21 @@
4343
"author": "Channel Corp.",
4444
"license": "Apache-2.0",
4545
"devDependencies": {
46-
"@babel/core": "^7.22.17",
47-
"@babel/preset-env": "^7.22.15",
48-
"@babel/preset-react": "^7.22.15",
49-
"@babel/preset-typescript": "^7.22.15",
50-
"@rollup/plugin-alias": "^5.0.0",
51-
"@rollup/plugin-babel": "^6.0.3",
52-
"@rollup/plugin-node-resolve": "^15.2.1",
53-
"@rollup/plugin-terser": "^0.4.3",
54-
"@rollup/plugin-virtual": "^3.0.1",
55-
"@rollup/pluginutils": "^5.0.4",
46+
"@babel/core": "^7.23.9",
47+
"@babel/preset-env": "^7.23.9",
48+
"@babel/preset-react": "^7.23.3",
49+
"@babel/preset-typescript": "^7.23.3",
50+
"@rollup/plugin-alias": "^5.1.0",
51+
"@rollup/plugin-babel": "^6.0.4",
52+
"@rollup/plugin-node-resolve": "^15.2.3",
53+
"@rollup/plugin-terser": "^0.4.4",
54+
"@rollup/plugin-virtual": "^3.0.2",
55+
"@rollup/pluginutils": "^5.1.0",
5656
"@svgr/core": "^8.1.0",
5757
"@svgr/plugin-jsx": "^8.1.0",
5858
"eslint-config-bezier": "workspace:^",
59-
"rollup": "^3.29.1",
60-
"rollup-plugin-visualizer": "^5.9.2",
59+
"rollup": "^3.29.4",
60+
"rollup-plugin-visualizer": "^5.12.0",
6161
"svgo": "^3.2.0",
6262
"tsconfig": "workspace:^"
6363
}

‎packages/bezier-react/.browserslistrc‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
# To support the following CSS features
2+
# - CSS Variables
3+
# - CSS Cascade Layers
4+
# - Modern selectors, such as :has(), :where() and :is()
5+
>= 1% in KR
6+
>= 1% in JP
7+
>= 1% in US
8+
not dead
9+
Chrome >= 105
10+
Edge >= 105
11+
# As of February 2024, added because it includes Edge version 87.
12+
not Edge < 105
13+
Firefox >= 121
14+
iOS >= 15.4
15+
Safari >= 15.4
16+
Android >= 121
17+
Opera >= 91
18+
Samsung >= 20

‎packages/bezier-react/.storybook/WithProvider.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react'
22

3-
import type { Preview } from '@storybook/react'
3+
import type { Decorator } from '@storybook/react'
44

55
import { AppProvider } from '~/src/components/AppProvider'
66
import { SmoothCornersFeature } from '~/src/components/FeatureProvider'
@@ -11,7 +11,7 @@ import styles from './preview.module.scss'
1111

1212
const features = [SmoothCornersFeature]
1313

14-
export const WithProvider: NonNullable<Preview['decorators']>[number] = (Story, context) => (
14+
export const WithProvider: Decorator = (Story, context) => (
1515
<AppProvider
1616
themeName="light"
1717
features={features}

‎packages/bezier-react/babel.config.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
module.exports = {
22
presets: [
3-
['@babel/preset-env', { useBuiltIns: 'entry', corejs: '3.31.0', bugfixes: true }],
3+
['@babel/preset-env', { useBuiltIns: 'entry', corejs: '3.36', bugfixes: true }],
44
/**
55
* Will use the native built-in instead of trying to polyfill behavior for any plugins that require one.
66
* Remove the helper function for Object.assign.

‎packages/bezier-react/jest.config.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ module.exports = {
33
cacheDirectory: '.jestcache',
44
testEnvironment: 'jsdom',
55
roots: ['./src'],
6-
setupFilesAfterEnv: ['./jest.setup.ts'],
6+
setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
77
transformIgnorePatterns: [],
88
transform: {
99
'^.+\\.[t|j]sx?$': ['@swc/jest'],

‎packages/bezier-react/package.json‎

Lines changed: 42 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -58,70 +58,62 @@
5858
],
5959
"author": "Channel Corp.",
6060
"license": "Apache-2.0",
61-
"browserslist": [
62-
"> 1% in KR",
63-
"> 1% in JP",
64-
"> 1% in US",
65-
"not dead"
66-
],
6761
"devDependencies": {
68-
"@babel/core": "^7.22.17",
69-
"@babel/preset-env": "^7.22.15",
70-
"@babel/preset-react": "^7.22.15",
71-
"@babel/preset-typescript": "^7.22.15",
62+
"@babel/core": "^7.23.9",
63+
"@babel/preset-env": "^7.23.9",
64+
"@babel/preset-react": "^7.23.3",
65+
"@babel/preset-typescript": "^7.23.3",
7266
"@channel.io/bezier-icons": "^0.18.0",
73-
"@mdx-js/react": "^1.6.22",
74-
"@rollup/plugin-alias": "^5.0.0",
75-
"@rollup/plugin-babel": "^6.0.3",
76-
"@rollup/plugin-commonjs": "^25.0.4",
77-
"@rollup/plugin-node-resolve": "^15.2.1",
78-
"@rollup/plugin-url": "^8.0.1",
79-
"@storybook/addon-a11y": "^7.4.2",
80-
"@storybook/addon-actions": "^7.4.2",
81-
"@storybook/addon-backgrounds": "^7.4.2",
82-
"@storybook/addon-controls": "^7.4.2",
83-
"@storybook/addon-docs": "^7.4.2",
84-
"@storybook/addon-styling": "^1.3.2",
85-
"@storybook/addon-toolbars": "^7.4.2",
86-
"@storybook/react": "^7.4.2",
87-
"@storybook/react-webpack5": "^7.4.2",
67+
"@rollup/plugin-alias": "^5.1.0",
68+
"@rollup/plugin-babel": "^6.0.4",
69+
"@rollup/plugin-commonjs": "^25.0.7",
70+
"@rollup/plugin-node-resolve": "^15.2.3",
71+
"@rollup/plugin-url": "^8.0.2",
72+
"@storybook/addon-a11y": "7.5.3",
73+
"@storybook/addon-actions": "7.5.3",
74+
"@storybook/addon-backgrounds": "7.5.3",
75+
"@storybook/addon-controls": "7.5.3",
76+
"@storybook/addon-docs": "7.5.3",
77+
"@storybook/addon-styling": "^1.3.7",
78+
"@storybook/addon-toolbars": "7.5.3",
79+
"@storybook/react": "7.5.3",
80+
"@storybook/react-webpack5": "7.5.3",
8881
"@storybook/storybook-deployer": "^2.8.16",
89-
"@testing-library/jest-dom": "^5.17.0",
90-
"@testing-library/react": "^14.0.0",
91-
"@testing-library/user-event": "^14.4.3",
92-
"@types/jest": "^29.5.4",
93-
"@types/react": "^18.2.21",
94-
"@types/react-dom": "^18.2.7",
95-
"@types/uuid": "^9.0.3",
96-
"autoprefixer": "^10.4.14",
82+
"@testing-library/jest-dom": "^6.4.2",
83+
"@testing-library/react": "^14.2.1",
84+
"@testing-library/user-event": "^14.5.2",
85+
"@types/jest": "^29.5.12",
86+
"@types/react": "^18.2.59",
87+
"@types/react-dom": "^18.2.19",
88+
"@types/uuid": "^9.0.8",
9789
"babel-loader": "^9.1.3",
9890
"babel-preset-react-app": "^10.0.1",
99-
"chromatic": "^7.0.0",
100-
"core-js": "^3.32.2",
91+
"chromatic": "^11.0.0",
92+
"core-js": "^3.36.0",
10193
"eslint-config-bezier": "workspace:*",
10294
"eslint-plugin-jsdoc": "^48.0.4",
10395
"eslint-plugin-sort-export-all": "^1.4.1",
104-
"eslint-plugin-storybook": "^0.6.13",
96+
"eslint-plugin-storybook": "^0.8.0",
10597
"identity-obj-proxy": "^3.0.0",
106-
"lightningcss": "^1.22.1",
98+
"lightningcss": "^1.24.0",
10799
"minimatch": "^9.0.3",
108100
"paths.macro": "^3.0.1",
109-
"postcss": "^8.4.33",
110-
"postcss-preset-env": "^9.3.0",
101+
"postcss": "^8.4.35",
102+
"postcss-preset-env": "^9.4.0",
111103
"react": "^18.2.0",
112104
"react-dom": "^18.2.0",
113-
"rollup": "^3.29.1",
114-
"rollup-plugin-node-externals": "^6.1.1",
105+
"rollup": "^3.29.4",
106+
"rollup-plugin-node-externals": "^7.0.1",
115107
"rollup-plugin-postcss": "^4.0.2",
116-
"rollup-plugin-visualizer": "^5.9.2",
117-
"sass": "^1.63.6",
118-
"storybook": "^7.4.2",
108+
"rollup-plugin-visualizer": "^5.12.0",
109+
"sass": "^1.71.1",
110+
"storybook": "7.5.3",
119111
"ts-prune": "^0.10.3",
120112
"tsconfig": "workspace:*",
121113
"tsconfig-paths-webpack-plugin": "^4.1.0",
122114
"ttypescript": "^1.5.15",
123-
"typescript-plugin-css-modules": "^5.0.2",
124-
"typescript-transform-paths": "^3.4.6"
115+
"typescript-plugin-css-modules": "^5.1.0",
116+
"typescript-transform-paths": "^3.4.7"
125117
},
126118
"peerDependencies": {
127119
"@channel.io/bezier-icons": ">=0.2.0",
@@ -136,19 +128,19 @@
136128
"dependencies": {
137129
"@channel.io/bezier-tokens": "0.1.0-alpha.5",
138130
"@radix-ui/react-checkbox": "^1.0.4",
139-
"@radix-ui/react-dialog": "^1.0.4",
131+
"@radix-ui/react-dialog": "^1.0.5",
140132
"@radix-ui/react-radio-group": "^1.1.3",
141133
"@radix-ui/react-separator": "^1.0.3",
142134
"@radix-ui/react-slider": "^1.1.2",
143135
"@radix-ui/react-slot": "^1.0.2",
144136
"@radix-ui/react-switch": "^1.0.3",
145137
"@radix-ui/react-tabs": "^1.0.4",
146138
"@radix-ui/react-toolbar": "^1.0.4",
147-
"@radix-ui/react-tooltip": "^1.0.6",
139+
"@radix-ui/react-tooltip": "^1.0.7",
148140
"@radix-ui/react-visually-hidden": "^1.0.3",
149-
"classnames": "^2.3.2",
141+
"classnames": "^2.5.1",
150142
"react-textarea-autosize": "8.3.4",
151143
"ssr-window": "^4.0.2",
152-
"uuid": "^9.0.0"
144+
"uuid": "^9.0.1"
153145
}
154146
}

0 commit comments

Comments
 (0)