karim
3d2d4d6321
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).
68 lines
2.5 KiB
JavaScript
68 lines
2.5 KiB
JavaScript
import puppeteer from "puppeteer";
|
|
|
|
const URL = process.env.PROBE_URL || "http://localhost:5187/";
|
|
const b = await puppeteer.launch({
|
|
headless: "new",
|
|
args: ["--no-sandbox", "--use-gl=swiftshader", "--enable-unsafe-swiftshader"],
|
|
});
|
|
const p = await b.newPage();
|
|
await p.setViewport({ width: 1600, height: 300, deviceScaleFactor: 2 });
|
|
|
|
const logs = [];
|
|
p.on("console", (m) => logs.push(`[${m.type()}] ${m.text()}`));
|
|
p.on("pageerror", (e) => logs.push(`[PAGEERROR] ${e.message}`));
|
|
|
|
await p.goto(URL, { waitUntil: "networkidle0", timeout: 25000 }).catch((e) =>
|
|
logs.push(`[GOTO] ${e.message}`),
|
|
);
|
|
await new Promise((r) => setTimeout(r, 900));
|
|
|
|
// Ganze Oberleiste (unabhängig vom horizontalen Scroll) breit einfangen.
|
|
const info = await p.evaluate(() => {
|
|
const tb = document.querySelector(".topbar");
|
|
const stat = document.querySelector(".tb-stat");
|
|
const segs = document.querySelectorAll(".tb-seg").length;
|
|
const textGroup = !!document.querySelector(".tb-textgroup");
|
|
const looseZoom = document.querySelectorAll(".tb-zoom").length; // sollte 0 sein
|
|
const addText = !!document.querySelector(".tb-addtext");
|
|
const iconBtns = document.querySelectorAll(".tb-iconbtn").length;
|
|
return {
|
|
barH: tb ? Math.round(tb.getBoundingClientRect().height) : null,
|
|
scrollW: tb ? tb.scrollWidth : null,
|
|
statPresent: !!stat,
|
|
segmentCount: segs,
|
|
textGroup,
|
|
looseZoomSpans: looseZoom,
|
|
addText,
|
|
iconBtns,
|
|
};
|
|
});
|
|
console.log("INFO", JSON.stringify(info));
|
|
|
|
// Oberleiste voll ins Bild scrollen und mehrere Ausschnitte schiessen.
|
|
const tb = await p.$(".topbar");
|
|
const box = await tb.boundingBox();
|
|
await p.screenshot({
|
|
path: "scripts/probe-topbar-dossier-1-left.png",
|
|
clip: { x: 0, y: 0, width: 1600, height: Math.ceil(box.height) + 6 },
|
|
});
|
|
// Nach rechts scrollen, um Zoom-Cluster + Text-Gruppe zu zeigen.
|
|
await p.evaluate(() => {
|
|
const el = document.querySelector(".topbar");
|
|
if (el) el.scrollLeft = Math.max(0, el.scrollWidth - el.clientWidth);
|
|
});
|
|
await new Promise((r) => setTimeout(r, 400));
|
|
await p.screenshot({
|
|
path: "scripts/probe-topbar-dossier-2-right.png",
|
|
clip: { x: 0, y: 0, width: 1600, height: Math.ceil(box.height) + 6 },
|
|
});
|
|
|
|
console.log("\n=== Konsole ===");
|
|
console.log(logs.length ? logs.join("\n") : "(keine)");
|
|
const errors = logs.filter(
|
|
(l) => l.startsWith("[error]") || l.startsWith("[PAGEERROR]"),
|
|
);
|
|
console.log(errors.length ? `\nFEHLER: ${errors.length}` : "\nKeine Konsolenfehler.");
|
|
await b.close();
|
|
process.exit(errors.length ? 1 : 0);
|