INSIGHT Viewer v8 Annotation Feature

[LTakhyunKim]

📝 Description

DicomViewer 에서 Annotation 기능을 지원합니다. Annotation 커스텀 기능은 필요할 경우, 별도의 PR 에서 처리하고자 합니다.

(controlled-component PR 머지 시 Open 하겠습니다) (file changed 확인을 위해 merge 대상 브랜치를 feat-controlled-component 로 설정)

구현 사항

1. 사용 가능성이 큰 circle, point, length 3 가지 Annotation 을 추가했습니다. (support tool 만 추가하면 다른 기능도 바로 지원 가능합니다)

2. ViewerSnapshot 에 annotationsfield 가 추가됩니다.

3. React 에서 tools props 를 업데이트 하면 cornerstone 에 반영합니다.

구현 방식

1. DicomViewer 의 tools prop 에서 annotation 도 지정합니다. (cornerstone tools 라는 개념 안에 annotation 도 포함되어 위와 같이 결정했습니다)
2. useEffect 를 통해 factory 의 updateViewerConfiguration 를 호출해서 cornerstone 에 반영합니다.
3. updateViewerConfiguration 는 자주 변경되는 외부 데이터를 담당하며, 데이터에 맞는 ViewerSlot 의 configuration update method 를 호출합니다.
4. tools 의 경우, ToolManager 의 updateTool method 를 호출하여 tool 을 업데이트합니다.

확인 요청 사항

• [ ] npm run start:docs 를 통해 DicomViewer 가 정상 렌더링 되는지 확인 부탁드립니다.
• [ ] DicomViewer 에서 circle, length, point 기능이 잘 전환되는지 확인 부탁드립니다.
• [ ] 추가한 Annotation 과 viewerInfo react 상태가 잘 연동되어 있는지 확인 부탁드립니다.

✔️ PR Type

What kind of change does this PR introduce?

• [ ] Bugfix
• [x] Feature
• [ ] Code style update (formatting, local variables)
• [ ] Refactoring (no functional changes, no api changes)
• [ ] Chore (non-breaking change which does not affect codebase; Build related changes, version modification, etc.)
• [ ] CI related changes
• [ ] Test Case
• [ ] Performance optimization
• [ ] Site/documentation update
• [ ] Other... Please describe:

🎯 Current behavior

N/A

Issue Number: N/A

🚀 New behavior

• DicomViewer 에서 Annotation 기능을 사용할 수 있습니다.
• Annotation mode 를 React 에서 변경할 수 있습니다.

https://github.com/user-attachments/assets/ac679ea8-a789-441e-b852-b7fb9d0d11ed

💣 Is this a breaking change?

• [ ] Yes
• [x] No

[LTakhyunKim]

v8 에서 사용하는 interface, api 를 전면 재검토 하기로 결정되어 Close 처리합니다.