Browser-BIM (cad): semantisches Modell, abgeleitete 2D/3D-Sichten, Zeichenwerkzeuge

Standalone-Browser-Port von DOSSIER. Enthaelt das semantische Modell mit Plan-/3D-Ableitung, Zeichen- und Editierwerkzeuge, Rhino-artiges Befehlssystem, dockbares Panel-System, Resource-Manager, DXF/.lin/.pat-Import, i18n (de/en) sowie Projektdokumentation und Probe-Harness.
2026-06-30 20:52:27 +02:00
commit ca859c4aa4
157 changed files with 37921 additions and 0 deletions
@@ -0,0 +1,46 @@
+import puppeteer from "puppeteer";
+const URL = process.env.PROBE_URL || "http://localhost:5173/";
+const browser = await puppeteer.launch({
+  headless: "new",
+  args: ["--no-sandbox", "--use-gl=swiftshader", "--enable-unsafe-swiftshader"],
+});
+const page = await browser.newPage();
+await page.setViewport({ width: 1200, height: 800, deviceScaleFactor: 2 });
+const logs = [];
+page.on("pageerror", (e) => logs.push(`[PAGEERROR] ${e.message}`));
+try { await page.goto(URL, { waitUntil: "networkidle0", timeout: 20000 }); } catch (e) { logs.push(`[GOTO] ${e.message}`); }
+await new Promise((r) => setTimeout(r, 700));
+
+const click = async (x, y) => { await page.mouse.move(x, y); await page.mouse.click(x, y); await new Promise((r) => setTimeout(r, 100)); };
+const box = await page.evaluate(() => { const r = document.querySelector(".plan-svg").getBoundingClientRect(); return { x: r.x, y: r.y, w: r.width, h: r.height }; });
+
+// 1) Auswahl-Werkzeug ist Default: die OBERE Wand des Beispiel-Raums anklicken
+//    → Eckpunkt-Griffe (Quadrate) + 1 dreieckiger Kanten-Anfasser erscheinen.
+const tx = box.x + box.w * 0.5;
+const ty = box.y + box.h * 0.26; // mittig auf das obere Wandband
+await click(tx, ty);
+const c1 = await page.evaluate(() => ({
+  grips: document.querySelectorAll(".plan-svg .plan-grip").length,
+  edges: document.querySelectorAll(".plan-svg .plan-edge-grip").length,
+}));
+await page.screenshot({ path: "scripts/probe-edge-grips-selected.png" });
+
+// 2) Den Kanten-Anfasser (sitzt etwas OBERHALB der Kante, da Außennormale nach
+//    oben zeigt) nach OBEN ziehen → die ganze Wand verschiebt sich senkrecht.
+const handleX = tx;
+const handleY = ty - 13; // EDGE_GRIP_OFFSET_PX nach außen (oben)
+await page.mouse.move(handleX, handleY);
+await page.mouse.down();
+await page.mouse.move(handleX, handleY - 100, { steps: 10 });
+await page.mouse.up();
+await new Promise((r) => setTimeout(r, 200));
+const c2 = await page.evaluate(() => ({
+  grips: document.querySelectorAll(".plan-svg .plan-grip").length,
+  edges: document.querySelectorAll(".plan-svg .plan-edge-grip").length,
+}));
+await page.screenshot({ path: "scripts/probe-edge-grips-dragged.png" });
+
+console.log("after select:", JSON.stringify(c1));
+console.log("after drag:", JSON.stringify(c2));
+console.log(logs.length ? logs.join("\n") : "(no errors)");
+await browser.close();