[feat/MAT-364] 캔버스 통합

[b0nsu]

Summary

분리된 모듈들을 DrawingCanvas.tsx로 최종 통합합니다.
activeTool enum, enableZoomPan, children prop, erase undo path 캐싱 연동을 포함합니다.

Stacked PR 9/10 — base: refactor/mat-363-zoom-pan

Linear

• MAT-364: 캔버스 통합

Changes

• DrawingCanvas.tsx — Props → DrawingCanvasProps 전환, activeTool enum 적용
• 뷰포트/제스처 통합 (useCanvasGestureComposer, useCanvasViewportController)
• erase undo path 캐싱 연동 (~100ms → ~1ms)
• drawingTypes.ts — ActiveTool, 확장된 DrawingCanvasRef/Props

Testing

• pnpm typecheck 통과
• pnpm lint 통과

Risk / Impact

• 영향 범위: DrawingCanvas 전체 API 변경
• 확인이 필요한 부분: 모든 기능 통합 동작, consumer API 호환성
• 배포 시 유의사항: 없음

[linear]

MAT-364 캔버스 통합

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
pointer-admin	Ready	Preview, Comment	May 8, 2026 3:44pm

[Copilot]

Pull request overview

분리되어 있던 캔버스 관련 모듈/로직을 DrawingCanvas.tsx 중심으로 통합하고, DrawingCanvas의 공개 API를 DrawingCanvasProps/DrawingCanvasRef 및 ActiveTool 기반으로 정리하는 PR입니다. 또한 뷰포트/제스처(zoom/pan 포함) 관련 훅을 도입하고, 스크롤/캔버스 높이 변경 콜백 및 scrollTo ref API를 추가합니다.

Changes:

• drawingTypes.ts에 ActiveTool, 확장된 DrawingCanvasProps/DrawingCanvasRef(scrollTo 포함) 추가
• DrawingCanvas.tsx에서 activeTool/viewport/gesture composer 기반으로 통합 및 콜백/props 확장
• 패키지 엔트리(index.ts)에서 ActiveTool 타입 export 추가

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.

File	Description
packages/pointer-native-drawing/src/model/drawingTypes.ts	ActiveTool 및 확장된 DrawingCanvas 공개 타입(Props/Ref) 정의 추가
packages/pointer-native-drawing/src/index.ts	ActiveTool 타입을 패키지 외부로 export
packages/pointer-native-drawing/src/DrawingCanvas.tsx	캔버스 통합 구현(툴 파생 로직, viewport/gesture 훅 연동, scrollTo ref 추가 등)

Comments suppressed due to low confidence (1)

packages/pointer-native-drawing/src/DrawingCanvas.tsx:56

• DrawingCanvas is still typed as forwardRef<..., Props> where Props includes legacy fields (onHistoryChange, textMode) but does not include the newly destructured props (backgroundColor, onUndoStateChange, onScrollOffsetChange, onCanvasHeightChange, activeTool, etc.). This makes the exported component prop type incorrect and should also cause TS errors when destructuring. Update the component to use the exported DrawingCanvasProps (or make Props extend/alias it) and remove the stale legacy props type members (keeping only intentionally supported deprecated props like eraserMode).

type Props = {
  strokeColor?: string;
  strokeWidth?: number;
  onChange?: (strokes: Stroke[]) => void;
  onHistoryChange?: (canUndo: boolean, canRedo: boolean) => void;
  eraserMode?: boolean;
  eraserSize?: number;
  textMode?: boolean;
  textFontPath?: number; // Skia에서 사용할 폰트 파일 경로 (require로 전달)

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.