task(A3): pilot v2 tools select+line
This commit is contained in:
@@ -0,0 +1,95 @@
|
||||
/**
|
||||
* core-drawing – Built-in V2-Plugin (Task A3 Pilot).
|
||||
*
|
||||
* Werkzeuge: line (Migrations-Pilot aus dem Legacy-Switch).
|
||||
* Elemente werden über CADDocument committed → kollaborativ korrektes Undo.
|
||||
*
|
||||
* Sitzungszustand (Startpunkt der aktuellen Linie) lebt als Modul-Member,
|
||||
* NICHT in options: Options sind geteilter UI-Store-Zustand.
|
||||
*/
|
||||
import type { PluginV2, ToolExtensionV2, FullToolContext } from '../../types';
|
||||
import type { CADElement } from '../../../types/cad.types';
|
||||
import type { Pt } from '../../../tools/modification/geometry';
|
||||
|
||||
const uid = (prefix: string): string =>
|
||||
`${prefix}_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 9)}`;
|
||||
|
||||
/** Startpunkt der laufenden Linie (nur innerhalb einer down→up-Sitzung gesetzt). */
|
||||
let lineStart: Pt | null = null;
|
||||
|
||||
function buildLine(start: Pt, end: Pt, ctx: FullToolContext): CADElement {
|
||||
const stroke = (ctx.options.strokeColor as string | undefined) ?? '#e0e0f0';
|
||||
const layerId = (ctx.options.layerId as string | undefined) ?? 'layer-0';
|
||||
return {
|
||||
id: uid('line'),
|
||||
type: 'line',
|
||||
layerId,
|
||||
x: (start.x + end.x) / 2,
|
||||
y: (start.y + end.y) / 2,
|
||||
width: Math.abs(end.x - start.x),
|
||||
height: Math.abs(end.y - start.y),
|
||||
properties: { x1: start.x, y1: start.y, x2: end.x, y2: end.y, stroke, strokeWidth: 1 },
|
||||
} as unknown as CADElement;
|
||||
}
|
||||
|
||||
/**
|
||||
* line-Werkzeug: down setzt Startpunkt, move zeigt Live-Vorschau,
|
||||
* up committet via doc.transact (1 Linie = 1 Undo-Schritt).
|
||||
*/
|
||||
export const lineTool: ToolExtensionV2 = {
|
||||
manifest: {
|
||||
id: 'line',
|
||||
label: 'Linie',
|
||||
icon: '\u2571',
|
||||
ribbonTab: 'canvas',
|
||||
tags: ['basic'],
|
||||
description: 'Zeichnet eine Linie (Klick Start, Klick Ende)',
|
||||
},
|
||||
optionsSchema: [
|
||||
{ key: 'strokeColor', label: 'Farbe', type: 'color' },
|
||||
],
|
||||
handlers: {
|
||||
down(e, ctx) {
|
||||
lineStart = e.world;
|
||||
ctx.setStatus(`Linie ab (${lineStart.x.toFixed(0)}, ${lineStart.y.toFixed(0)}) – Ende wählen`);
|
||||
},
|
||||
move(e, ctx) {
|
||||
if (!lineStart) return;
|
||||
ctx.setPreview?.(buildLine(lineStart, e.world, ctx));
|
||||
},
|
||||
up(e, ctx) {
|
||||
const c = ctx as FullToolContext;
|
||||
if (!lineStart || !c.doc) {
|
||||
lineStart = null;
|
||||
return;
|
||||
}
|
||||
const el = buildLine(lineStart, e.world, c);
|
||||
c.doc.transact(() => {
|
||||
// addElement öffnet inneres transact — Yjs verschachtelt sie → EIN Undo-Schritt
|
||||
c.doc!.addElement(el);
|
||||
});
|
||||
lineStart = null;
|
||||
ctx.setPreview?.(null);
|
||||
ctx.setStatus(`Linie erstellt (${el.id})`);
|
||||
},
|
||||
cancel(ctx) {
|
||||
lineStart = null;
|
||||
ctx.setPreview?.(null);
|
||||
ctx.setStatus('Linie abgebrochen');
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
/** V2-Plugin: Kern-Zeichenwerkzeuge (Pilot: nur line). */
|
||||
export const coreDrawingPlugin: PluginV2 = {
|
||||
manifest: {
|
||||
id: 'core-drawing',
|
||||
name: 'Zeichnen (Kern)',
|
||||
version: '1.0.0',
|
||||
author: 'web-cad team',
|
||||
description: 'Grundlegende Zeichenwerkzeuge (V2-Pilot: Linie).',
|
||||
category: 'tools',
|
||||
enabledByDefault: true,
|
||||
},
|
||||
tools: [lineTool],
|
||||
};
|
||||
Reference in New Issue
Block a user