2D-Plan-Renderer auf WebGL2 (GPU) + akkumulierter Funktionsstand

Neuer GPU-Renderer fuer den Grundriss (src/plan/glPlan/): Earcut-Tessellierung (konkav-faehig), gehrte Linienzuege (Miter), echte Papier-mm-Strichbreiten im Massstab (repliziert den SVG-printStrokeVb-Pfad), Hybrid mit scharfem SVG-Text- Overlay. GPU ist der Standardpfad; der SVG-Renderer bleibt automatischer Fallback, falls WebGL2/Shader nicht verfuegbar sind. Imperativer Pan (rAF + CSS-transform) fuer fluessige Interaktion ohne React-Re-Render je Frame. Enthaelt zudem den bisher nicht committeten Arbeitsstand des Browser-BIM (Oeffnungen, Treppen, Raeume, Decken, DXF-Export, Materialbibliothek, Kontext- Import, Tauri-Compute-Boundary-PoC).
2026-07-02 00:12:39 +02:00
parent cfe5249440
commit 3d2d4d6321
184 changed files with 29421 additions and 669 deletions
@@ -0,0 +1,74 @@
+// Schwebendes Dialog-Fenster zum Bearbeiten eines Rich-Text-Dokuments (Raum-
+// Stempel / Textobjekt). Doppelklick auf einen Stempel öffnet es (nicht den
+// Footer). Der Body ist der bestehende RichTextEditor (mit eigener Mini-Toolbar,
+// hier ok, weil eigenes Fenster). „Übernehmen" schreibt das bearbeitete Dokument
+// zurück, „Abbrechen" verwirft. Bezeichner englisch, UI-Text deutsch.
+
+import { useState } from "react";
+import { t } from "../i18n";
+import { RichTextEditor } from "../text/RichTextEditor";
+import type { RichTextDoc } from "../text/richText";
+
+export interface TextEditorDialogProps {
+  /** Ausgangsdokument (wird beim Öffnen kopiert; Editor arbeitet lokal). */
+  value: RichTextDoc;
+  /** „Übernehmen" — das bearbeitete Dokument zurückschreiben. */
+  onApply: (doc: RichTextDoc) => void;
+  /** „Abbrechen"/Schliessen — ohne Übernahme. */
+  onCancel: () => void;
+}
+
+export function TextEditorDialog({ value, onApply, onCancel }: TextEditorDialogProps) {
+  // Lokaler Arbeitszustand — erst „Übernehmen" schreibt zurück (echtes
+  // Abbrechen möglich). Start = übergebenes Dokument.
+  const [draft, setDraft] = useState<RichTextDoc>(value);
+
+  return (
+    <div
+      className="texteditor-overlay"
+      role="dialog"
+      aria-modal="true"
+      aria-label={t("text.editTitle")}
+      onMouseDown={(e) => {
+        if (e.target === e.currentTarget) onCancel();
+      }}
+      onKeyDown={(e) => {
+        if (e.key === "Escape") onCancel();
+      }}
+    >
+      <div className="texteditor-dialog">
+        <div className="texteditor-head">
+          <span className="texteditor-title">{t("text.editTitle")}</span>
+          <button
+            type="button"
+            className="texteditor-x"
+            onClick={onCancel}
+            title={t("text.cancel")}
+            aria-label={t("text.cancel")}
+          >
+            <span className="material-symbols-outlined" aria-hidden="true">
+              close
+            </span>
+          </button>
+        </div>
+        <div className="texteditor-body">
+          <RichTextEditor value={draft} onChange={setDraft} autoFocus />
+        </div>
+        <div className="texteditor-foot">
+          <button type="button" className="texteditor-btn" onClick={onCancel}>
+            {t("text.cancel")}
+          </button>
+          <button
+            type="button"
+            className="texteditor-btn texteditor-btn-primary"
+            onClick={() => onApply(draft)}
+          >
+            {t("text.apply")}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default TextEditorDialog;