From 15879767afa6ad96d575a992fb3343940952dd5d Mon Sep 17 00:00:00 2001 From: Leopoldadmin Date: Mon, 22 Jun 2026 07:23:52 +0000 Subject: [PATCH] Implement DimensionTool.ts --- frontend/src/tools/drawing/DimensionTool.ts | 44 +++++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 frontend/src/tools/drawing/DimensionTool.ts 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