36 lines
670 B
Markdown
Executable File
36 lines
670 B
Markdown
Executable File
# Codex Diff Previewer
|
|
|
|
## 목적
|
|
|
|
변경 파일의 전체 소스와 raw diff를 codex 스타일 아코디언으로 함께 보여주는 공통 preview 컴포넌트입니다.
|
|
|
|
## 폴더 구조
|
|
|
|
```text
|
|
src/components/previewer
|
|
├─ CodexDiffBlock.tsx
|
|
├─ CodexDiffPreviewer.tsx
|
|
├─ CodexDiffPreviewer.css
|
|
├─ samples/
|
|
│ └─ CodexDiffSample.tsx
|
|
└─ index.ts
|
|
```
|
|
|
|
## 주요 props
|
|
|
|
- `files`
|
|
- `diffText`
|
|
- `title`
|
|
- `description`
|
|
- `height`
|
|
|
|
## 공통 사용처
|
|
|
|
- 작업일지 `## 소스` 탭
|
|
- 일반 문서의 ````diff```` 코드 블록
|
|
- previewer 샘플 갤러리
|
|
|
|
## 샘플
|
|
|
|
- 대표 샘플: `src/components/previewer/samples/CodexDiffSample.tsx`
|