@seed-design/codemod 0.0.19 → 0.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -32
- package/bin/index.cjs +11 -11
- package/bin/transforms/{replace-css-color-variable → replace-css-seed-design-color-variable}/index.js +3 -3
- package/bin/transforms/{replace-css-typography-variable → replace-css-seed-design-typography-variable}/index.js +17 -17
- package/bin/transforms/{replace-text-component → replace-custom-seed-design-text-component}/index.js +17 -17
- package/bin/transforms/{replace-color-prop → replace-custom-text-component-color-prop}/index.js +20 -20
- package/bin/transforms/{replace-typography-design-token → replace-seed-design-token-typography-classname}/index.js +2 -2
- package/bin/transforms/replace-seed-design-token-vars/index.js +37 -0
- package/bin/transforms/replace-stitches-styled-color/index.js +37 -0
- package/bin/transforms/replace-stitches-styled-typography/index.js +37 -0
- package/bin/transforms/replace-stitches-theme-color/index.js +37 -0
- package/bin/transforms/replace-tailwind-color/index.js +25 -25
- package/bin/transforms/replace-tailwind-typography/index.js +21 -21
- package/package.json +2 -2
- package/bin/transforms/replace-color-design-token/index.js +0 -37
- /package/bin/transforms/{migrate-icons → replace-react-icon}/index.js +0 -0
package/README.md
CHANGED
|
@@ -30,35 +30,3 @@ npx @seed-design/codemod <transform> <...경로> <옵션>
|
|
|
30
30
|
- [`--ignore-config`](https://jscodeshift.com/run/cli/#--ignore-configfile)
|
|
31
31
|
- 변환하지 않을 파일 패턴이 정의된 파일을 지정해요.
|
|
32
32
|
- 예시: `--ignore-config=".gitignore"`
|
|
33
|
-
|
|
34
|
-
## 지원하는 Transforms
|
|
35
|
-
|
|
36
|
-
### migrate-icons
|
|
37
|
-
|
|
38
|
-
```shell
|
|
39
|
-
npx @seed-design/codemod migrate-icons <...경로> <옵션>
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
```shell
|
|
43
|
-
npx @seed-design/codemod migrate-icons src/ui --extensions=ts,tsx
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
- 기존 아이콘 React 패키지를 참조하는 코드를 새 패키지를 참조하도록 변환해요.
|
|
47
|
-
- `@seed-design/icon` 또는 `@seed-design/react-icon` import source를, 사용하는 아이콘에 따라 [`@daangn/react-monochrome-icon`](https://github.com/daangn/seed-icon-v3/pkgs/npm/react-monochrome-icon)과 [`@daangn/react-multicolor-icon`](https://github.com/daangn/seed-icon-v3/pkgs/npm/react-multicolor-icon)으로 변환해요.
|
|
48
|
-
- 아이콘 이름 변경에 따른 코드 수정을 수행해요.
|
|
49
|
-
- 예시: `IconAddCircleThin` → `IconPlusCircleLine`,
|
|
50
|
-
|
|
51
|
-
> [!IMPORTANT]
|
|
52
|
-
>
|
|
53
|
-
> - 신규 패키지 설치와 이전 패키지 제거는 직접 해 주세요.
|
|
54
|
-
|
|
55
|
-
> [!CAUTION]
|
|
56
|
-
>
|
|
57
|
-
> - [import assertion](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-3.html#import-attributes) 등 deprecated된 문법이 있으면 파서에 따라 파싱 오류가 표시될 수 있어요.
|
|
58
|
-
> - 마이그레이션 이후 [사이드 이펙트](https://seed-design.io/react/foundation/iconography/upgrade#발생-가능한-사이드-이펙트)가 발생할 수 있어요.
|
|
59
|
-
|
|
60
|
-
## 테스트
|
|
61
|
-
|
|
62
|
-
```shell
|
|
63
|
-
cd packages/codemod && yarn test
|
|
64
|
-
```
|