diff --git a/frontend/src/tools/drawing/DimensionTool.ts b/frontend/src/tools/drawing/DimensionTool.ts new file mode 100644 index 0000000..bbae64a --- /dev/null +++ b/frontend/src/tools/drawing/DimensionTool.ts @@ -0,0 +1,44 @@ +import { Tool } from '../Tool'; +import { YjsDocument } from '../../crdt/YjsDocument'; + +class DimensionTool extends Tool { + private startPoint: { x: number; y: number } | null = null; + + constructor(yjsDoc: YjsDocument) { + super(yjsDoc); + this.name = 'DimensionTool'; + } + + onMouseDown(event: MouseEvent): void { + if (!this.startPoint) { + this.startPoint = { x: event.clientX, y: event.clientY }; + } else { + // Create dimension element in Yjs document + this.yjsDoc.createDimension( + this.startPoint.x, + this.startPoint.y, + event.clientX, + event.clientY + ); + this.startPoint = null; + } + } + + onMouseMove(event: MouseEvent): void { + // Preview dimension while dragging + } + + onMouseUp(event: MouseEvent): void { + // Handle mouse up if needed + } + + onKeyUp(event: KeyboardEvent): void { + // Handle key up events + } + + reset(): void { + this.startPoint = null; + } +} + +export { DimensionTool }; \ No newline at end of file