@react-arch/renderer-2d 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 React Arch
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,67 @@
+import { BuildingDocument, EntityRef } from "@react-arch/core";
+import { Vec2 } from "@react-arch/geometry";
+
+//#region src/Plan2D.d.ts
+interface Plan2DProps {
+  document: BuildingDocument;
+  floorIds: string[] | "all";
+  ghostFloorIds?: string[];
+  selected?: EntityRef | null;
+  onSelect?: (ref: EntityRef | null) => void;
+  onHover?: (ref: EntityRef | null) => void;
+  showGrid?: boolean;
+  showMeasurements?: boolean;
+  gridSize?: number;
+  className?: string;
+}
+declare function Plan2D(props: Plan2DProps): import("react").JSX.Element;
+//#endregion
+//#region src/scene.d.ts
+interface WallDraw {
+  id: string;
+  floorId: string;
+  polygon: Vec2[];
+  start: Vec2;
+  end: Vec2;
+  thickness: number;
+}
+interface RoomDraw {
+  id: string;
+  floorId: string;
+  name: string;
+  polygon: Vec2[];
+  centroid: Vec2;
+  area: number;
+}
+interface OpeningDraw {
+  id: string;
+  floorId: string;
+  type: "door" | "window" | "opening";
+  p0: Vec2;
+  p1: Vec2;
+  center: Vec2;
+  dir: Vec2;
+  normal: Vec2;
+  width: number;
+}
+interface ObjectDraw {
+  id: string;
+  floorId: string;
+  type: string;
+  center: Vec2;
+  /** Footprint size [width(X), depth(Y)] in metres. */
+  size: [number, number];
+  rotation: number;
+}
+interface PlanScene {
+  walls: WallDraw[];
+  rooms: RoomDraw[];
+  openings: OpeningDraw[];
+  objects: ObjectDraw[];
+}
+declare function buildPlanScene(doc: BuildingDocument, floorIds: string[] | "all"): PlanScene;
+/** Hit-test a world point against the scene, nearest-first by entity type. */
+declare function hitTest(scene: PlanScene, point: Vec2, tolerance: number): EntityRef | null;
+//#endregion
+export { Plan2D, type Plan2DProps, type PlanScene, buildPlanScene, hitTest };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/Plan2D.tsx","../src/scene.ts"],"mappings":";;;;UAMiB,WAAA;EACf,QAAA,EAAU,gBAAA;EACV,QAAA;EACA,aAAA;EACA,QAAA,GAAW,SAAA;EACX,QAAA,IAAY,GAAA,EAAK,SAAA;EACjB,OAAA,IAAW,GAAA,EAAK,SAAA;EAChB,QAAA;EACA,gBAAA;EACA,QAAA;EACA,SAAA;AAAA;AAAA,iBAyBc,MAAA,CAAO,KAAA,EAAO,WAAW,mBAAA,GAAA,CAAA,OAAA;;;UC1BxB,QAAA;EACf,EAAA;EACA,OAAA;EACA,OAAA,EAAS,IAAA;EACT,KAAA,EAAO,IAAA;EACP,GAAA,EAAK,IAAA;EACL,SAAA;AAAA;AAAA,UAEe,QAAA;EACf,EAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA,EAAS,IAAA;EACT,QAAA,EAAU,IAAI;EACd,IAAA;AAAA;AAAA,UAEe,WAAA;EACf,EAAA;EACA,OAAA;EACA,IAAA;EACA,EAAA,EAAI,IAAA;EACJ,EAAA,EAAI,IAAA;EACJ,MAAA,EAAQ,IAAA;EACR,GAAA,EAAK,IAAA;EACL,MAAA,EAAQ,IAAA;EACR,KAAA;AAAA;AAAA,UAEe,UAAA;EACf,EAAA;EACA,OAAA;EACA,IAAA;EACA,MAAA,EAAQ,IAAI;EDL2B;ECOvC,IAAA;EACA,QAAA;AAAA;AAAA,UAEe,SAAA;EACf,KAAA,EAAO,QAAA;EACP,KAAA,EAAO,QAAA;EACP,QAAA,EAAU,WAAA;EACV,OAAA,EAAS,UAAA;AAAA;AAAA,iBASK,cAAA,CACd,GAAA,EAAK,gBAAA,EACL,QAAA,qBACC,SAAS;;iBAyDI,OAAA,CACd,KAAA,EAAO,SAAA,EACP,KAAA,EAAO,IAAA,EACP,SAAA,WACC,SAAA"}

package/dist/index.js

@@ -0,0 +1,437 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { allFloors, furnitureColor, furnitureDims } from "@react-arch/core";
+import { bounds, distance, normal, openingSpan, pointInPolygon, polygonArea, polygonCentroid, projectPointOnSegment, wallDirection, wallPolygon } from "@react-arch/geometry";
+import { jsx } from "react/jsx-runtime";
+//#region src/scene.ts
+function visibleFloors(doc, floorIds) {
+	const floors = allFloors(doc);
+	if (floorIds === "all") return floors.filter((f) => f.visible);
+	return floors.filter((f) => floorIds.includes(f.id));
+}
+function buildPlanScene(doc, floorIds) {
+	const scene = {
+		walls: [],
+		rooms: [],
+		openings: [],
+		objects: []
+	};
+	for (const floor of visibleFloors(doc, floorIds)) {
+		for (const r of floor.rooms) scene.rooms.push({
+			id: r.id,
+			floorId: floor.id,
+			name: r.name,
+			polygon: r.polygon,
+			centroid: polygonCentroid(r.polygon),
+			area: polygonArea(r.polygon)
+		});
+		const wallById = new Map(floor.walls.map((w) => [w.id, w]));
+		for (const w of floor.walls) scene.walls.push({
+			id: w.id,
+			floorId: floor.id,
+			polygon: wallPolygon(w, w.thickness / 2),
+			start: w.start,
+			end: w.end,
+			thickness: w.thickness
+		});
+		for (const o of floor.openings) {
+			const wall = wallById.get(o.wallId);
+			if (!wall) continue;
+			const span = openingSpan(wall, o);
+			const dir = wallDirection(wall);
+			scene.openings.push({
+				id: o.id,
+				floorId: floor.id,
+				type: o.type,
+				p0: span.start,
+				p1: span.end,
+				center: span.center,
+				dir,
+				normal: normal(dir),
+				width: o.width
+			});
+		}
+		for (const ob of floor.objects) {
+			const d = furnitureDims(ob.type, ob.scale);
+			scene.objects.push({
+				id: ob.id,
+				floorId: floor.id,
+				type: ob.type,
+				center: [ob.position[0], ob.position[1]],
+				size: [d.width, d.depth],
+				rotation: ob.rotation[2]
+			});
+		}
+	}
+	return scene;
+}
+/** Hit-test a world point against the scene, nearest-first by entity type. */
+function hitTest(scene, point, tolerance) {
+	for (const o of scene.openings) if (distance(point, o.center) <= Math.max(tolerance, o.width / 2)) return {
+		kind: "opening",
+		id: o.id
+	};
+	for (const ob of scene.objects) {
+		const dx = Math.abs(point[0] - ob.center[0]);
+		const dy = Math.abs(point[1] - ob.center[1]);
+		if (dx <= ob.size[0] / 2 + tolerance && dy <= ob.size[1] / 2 + tolerance) return {
+			kind: "object",
+			id: ob.id
+		};
+	}
+	for (const w of scene.walls) if (projectPointOnSegment(point, w.start, w.end).distance <= w.thickness / 2 + tolerance) return {
+		kind: "wall",
+		id: w.id
+	};
+	for (const r of scene.rooms) if (pointInPolygon(point, r.polygon)) return {
+		kind: "room",
+		id: r.id
+	};
+	return null;
+}
+//#endregion
+//#region src/Plan2D.tsx
+const COLORS = {
+	bg: "#15171c",
+	grid: "#23262e",
+	gridMajor: "#2c3038",
+	room: "rgba(76, 142, 255, 0.07)",
+	roomLabel: "#9aa3b2",
+	wall: "#c9ccd1",
+	wallStroke: "#080a0d",
+	opening: "#e8e6e1",
+	door: "#5fb3c9",
+	window: "#5f9bff",
+	select: "#4c8eff",
+	ghost: "rgba(120,130,150,0.25)",
+	dim: "#6f7787"
+};
+function Plan2D(props) {
+	const { document: doc, floorIds, showGrid = true, showMeasurements = true, gridSize = .5 } = props;
+	const canvasRef = useRef(null);
+	const containerRef = useRef(null);
+	const [vp, setVp] = useState({
+		scale: 40,
+		ox: 0,
+		oy: 0
+	});
+	const [size, setSize] = useState({
+		w: 0,
+		h: 0
+	});
+	const dragRef = useRef(null);
+	const fittedKey = useRef("");
+	const scene = useMemo(() => buildPlanScene(doc, floorIds), [doc, floorIds]);
+	const ghostScene = useMemo(() => props.ghostFloorIds?.length ? buildPlanScene(doc, props.ghostFloorIds) : null, [doc, props.ghostFloorIds]);
+	const toScreen = useCallback((p) => [p[0] * vp.scale + vp.ox, p[1] * vp.scale + vp.oy], [vp]);
+	const toWorld = useCallback((sx, sy) => [(sx - vp.ox) / vp.scale, (sy - vp.oy) / vp.scale], [vp]);
+	useEffect(() => {
+		const el = containerRef.current;
+		if (!el) return;
+		const ro = new ResizeObserver(() => {
+			setSize({
+				w: el.clientWidth,
+				h: el.clientHeight
+			});
+		});
+		ro.observe(el);
+		setSize({
+			w: el.clientWidth,
+			h: el.clientHeight
+		});
+		return () => ro.disconnect();
+	}, []);
+	const fit = useCallback(() => {
+		if (size.w === 0 || size.h === 0) return;
+		const pts = [];
+		for (const w of scene.walls) pts.push(...w.polygon);
+		for (const r of scene.rooms) pts.push(...r.polygon);
+		if (pts.length === 0) {
+			setVp({
+				scale: 40,
+				ox: size.w / 2,
+				oy: size.h / 2
+			});
+			return;
+		}
+		const b = bounds(pts);
+		const margin = 60;
+		const scale = Math.min((size.w - margin * 2) / Math.max(b.width, .5), (size.h - margin * 2) / Math.max(b.height, .5));
+		const cx = (b.min[0] + b.max[0]) / 2;
+		const cy = (b.min[1] + b.max[1]) / 2;
+		setVp({
+			scale,
+			ox: size.w / 2 - cx * scale,
+			oy: size.h / 2 - cy * scale
+		});
+	}, [scene, size]);
+	useEffect(() => {
+		const key = `${doc.id}:${Array.isArray(floorIds) ? floorIds.join(",") : "all"}:${size.w}x${size.h}`;
+		if (size.w > 0 && fittedKey.current !== key) {
+			fittedKey.current = key;
+			fit();
+		}
+	}, [
+		doc.id,
+		floorIds,
+		size,
+		fit
+	]);
+	useEffect(() => {
+		const canvas = canvasRef.current;
+		if (!canvas || size.w === 0) return;
+		const dpr = window.devicePixelRatio || 1;
+		canvas.width = size.w * dpr;
+		canvas.height = size.h * dpr;
+		const ctx = canvas.getContext("2d");
+		if (!ctx) return;
+		ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+		draw(ctx, size, vp, scene, ghostScene, props.selected ?? null, {
+			showGrid,
+			showMeasurements,
+			gridSize,
+			toScreen
+		});
+	}, [
+		size,
+		vp,
+		scene,
+		ghostScene,
+		props.selected,
+		showGrid,
+		showMeasurements,
+		gridSize,
+		toScreen
+	]);
+	const onPointerDown = (e) => {
+		e.target.setPointerCapture?.(e.pointerId);
+		dragRef.current = {
+			x: e.clientX,
+			y: e.clientY,
+			moved: false,
+			ox: vp.ox,
+			oy: vp.oy
+		};
+	};
+	const onPointerMove = (e) => {
+		const d = dragRef.current;
+		const rect = canvasRef.current.getBoundingClientRect();
+		if (d) {
+			const dx = e.clientX - d.x;
+			const dy = e.clientY - d.y;
+			if (Math.abs(dx) + Math.abs(dy) > 3) d.moved = true;
+			if (d.moved) setVp((v) => ({
+				...v,
+				ox: d.ox + dx,
+				oy: d.oy + dy
+			}));
+		} else if (props.onHover) {
+			const world = toWorld(e.clientX - rect.left, e.clientY - rect.top);
+			props.onHover(hitTest(scene, world, 6 / vp.scale));
+		}
+	};
+	const onPointerUp = (e) => {
+		const d = dragRef.current;
+		dragRef.current = null;
+		if (d && !d.moved && props.onSelect) {
+			const rect = canvasRef.current.getBoundingClientRect();
+			const world = toWorld(e.clientX - rect.left, e.clientY - rect.top);
+			props.onSelect(hitTest(scene, world, 6 / vp.scale));
+		}
+	};
+	const onWheel = (e) => {
+		const rect = canvasRef.current.getBoundingClientRect();
+		const sx = e.clientX - rect.left;
+		const sy = e.clientY - rect.top;
+		const factor = Math.exp(-e.deltaY * .0015);
+		setVp((v) => {
+			const scale = Math.max(4, Math.min(400, v.scale * factor));
+			const wx = (sx - v.ox) / v.scale;
+			const wy = (sy - v.oy) / v.scale;
+			return {
+				scale,
+				ox: sx - wx * scale,
+				oy: sy - wy * scale
+			};
+		});
+	};
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		className: props.className,
+		style: {
+			width: "100%",
+			height: "100%",
+			position: "relative",
+			background: COLORS.bg
+		},
+		children: /* @__PURE__ */ jsx("canvas", {
+			ref: canvasRef,
+			style: {
+				width: "100%",
+				height: "100%",
+				display: "block",
+				cursor: dragRef.current?.moved ? "grabbing" : "default",
+				touchAction: "none"
+			},
+			onPointerDown,
+			onPointerMove,
+			onPointerUp,
+			onPointerLeave: () => props.onHover?.(null),
+			onWheel,
+			onDoubleClick: fit
+		})
+	});
+}
+function draw(ctx, size, vp, scene, ghost, selected, opts) {
+	const { toScreen } = opts;
+	ctx.fillStyle = COLORS.bg;
+	ctx.fillRect(0, 0, size.w, size.h);
+	if (opts.showGrid) drawGrid(ctx, size, vp, opts.gridSize);
+	if (ghost) {
+		ctx.save();
+		ctx.globalAlpha = .4;
+		for (const w of ghost.walls) fillPolygon(ctx, w.polygon, COLORS.ghost, toScreen);
+		ctx.restore();
+	}
+	for (const r of scene.rooms) fillPolygon(ctx, r.polygon, COLORS.room, toScreen);
+	for (const w of scene.walls) {
+		const isSel = selected?.kind === "wall" && selected.id === w.id;
+		fillPolygon(ctx, w.polygon, isSel ? COLORS.select : COLORS.wall, toScreen, COLORS.wallStroke);
+	}
+	for (const ob of scene.objects) drawFurniture(ctx, ob, vp, toScreen, selected?.kind === "object" && selected.id === ob.id);
+	for (const o of scene.openings) drawOpening(ctx, o, toScreen, selected?.kind === "opening" && selected.id === o.id);
+	for (const r of scene.rooms) {
+		const c = toScreen(r.centroid);
+		if (selected?.kind === "room" && selected.id === r.id) {
+			ctx.save();
+			ctx.beginPath();
+			ctx.strokeStyle = COLORS.select;
+			ctx.lineWidth = 2;
+			polyPath(ctx, r.polygon, toScreen);
+			ctx.stroke();
+			ctx.restore();
+		}
+		ctx.fillStyle = COLORS.roomLabel;
+		ctx.font = "600 12px ui-sans-serif, system-ui, sans-serif";
+		ctx.textAlign = "center";
+		ctx.fillText(r.name, c[0], c[1] - 2);
+		if (opts.showMeasurements) {
+			ctx.fillStyle = COLORS.dim;
+			ctx.font = "11px ui-monospace, monospace";
+			ctx.fillText(`${r.area.toFixed(1)} m²`, c[0], c[1] + 13);
+		}
+	}
+}
+function drawGrid(ctx, size, vp, gridSize) {
+	const step = gridSize * vp.scale;
+	if (step < 6) return;
+	const startX = vp.ox % step;
+	const startY = vp.oy % step;
+	ctx.lineWidth = 1;
+	for (let x = startX; x < size.w; x += step) {
+		ctx.strokeStyle = COLORS.grid;
+		ctx.beginPath();
+		ctx.moveTo(x, 0);
+		ctx.lineTo(x, size.h);
+		ctx.stroke();
+	}
+	for (let y = startY; y < size.h; y += step) {
+		ctx.strokeStyle = COLORS.grid;
+		ctx.beginPath();
+		ctx.moveTo(0, y);
+		ctx.lineTo(size.w, y);
+		ctx.stroke();
+	}
+}
+function polyPath(ctx, poly, toScreen) {
+	poly.forEach((p, i) => {
+		const s = toScreen(p);
+		if (i === 0) ctx.moveTo(s[0], s[1]);
+		else ctx.lineTo(s[0], s[1]);
+	});
+	ctx.closePath();
+}
+function fillPolygon(ctx, poly, fill, toScreen, stroke) {
+	ctx.beginPath();
+	polyPath(ctx, poly, toScreen);
+	ctx.fillStyle = fill;
+	ctx.fill();
+	if (stroke) {
+		ctx.lineWidth = 1;
+		ctx.strokeStyle = stroke;
+		ctx.stroke();
+	}
+}
+function drawFurniture(ctx, ob, vp, toScreen, selected) {
+	const c = toScreen(ob.center);
+	const w = ob.size[0] * vp.scale;
+	const h = ob.size[1] * vp.scale;
+	ctx.save();
+	ctx.translate(c[0], c[1]);
+	if (ob.rotation) ctx.rotate(ob.rotation);
+	const color = selected ? COLORS.select : furnitureColor(ob.type);
+	ctx.fillStyle = color + "33";
+	ctx.strokeStyle = color;
+	ctx.lineWidth = selected ? 2 : 1.25;
+	const r = Math.min(4, w / 4, h / 4);
+	roundRect(ctx, -w / 2, -h / 2, w, h, r);
+	ctx.fill();
+	ctx.stroke();
+	if (Math.min(w, h) > 26) {
+		ctx.fillStyle = COLORS.roomLabel;
+		ctx.font = "9px ui-sans-serif, system-ui, sans-serif";
+		ctx.textAlign = "center";
+		ctx.textBaseline = "middle";
+		ctx.fillText(ob.type, 0, 0);
+	}
+	ctx.restore();
+}
+function roundRect(ctx, x, y, w, h, r) {
+	ctx.beginPath();
+	ctx.moveTo(x + r, y);
+	ctx.arcTo(x + w, y, x + w, y + h, r);
+	ctx.arcTo(x + w, y + h, x, y + h, r);
+	ctx.arcTo(x, y + h, x, y, r);
+	ctx.arcTo(x, y, x + w, y, r);
+	ctx.closePath();
+}
+function drawOpening(ctx, o, toScreen, selected) {
+	const a = toScreen(o.p0);
+	const b = toScreen(o.p1);
+	const color = selected ? COLORS.select : o.type === "door" ? COLORS.door : o.type === "window" ? COLORS.window : COLORS.opening;
+	ctx.strokeStyle = color;
+	ctx.lineWidth = selected ? 3 : 2;
+	ctx.save();
+	ctx.strokeStyle = COLORS.bg;
+	ctx.lineWidth = 6;
+	ctx.beginPath();
+	ctx.moveTo(a[0], a[1]);
+	ctx.lineTo(b[0], b[1]);
+	ctx.stroke();
+	ctx.restore();
+	if (o.type === "door") {
+		const cx = a[0];
+		const cy = a[1];
+		const r = Math.hypot(b[0] - a[0], b[1] - a[1]);
+		const start = Math.atan2(b[1] - a[1], b[0] - a[0]);
+		ctx.strokeStyle = color;
+		ctx.lineWidth = 1.5;
+		ctx.beginPath();
+		ctx.arc(cx, cy, r, start, start + Math.PI / 2);
+		ctx.stroke();
+		ctx.beginPath();
+		ctx.moveTo(a[0], a[1]);
+		ctx.lineTo(b[0], b[1]);
+		ctx.stroke();
+	} else {
+		ctx.strokeStyle = color;
+		ctx.lineWidth = selected ? 3 : 2;
+		ctx.beginPath();
+		ctx.moveTo(a[0], a[1]);
+		ctx.lineTo(b[0], b[1]);
+		ctx.stroke();
+	}
+}
+//#endregion
+export { Plan2D, buildPlanScene, hitTest };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/scene.ts","../src/Plan2D.tsx"],"sourcesContent":["import type { BuildingDocument, EntityRef, Floor } from \"@react-arch/core\";\nimport { allFloors, furnitureDims } from \"@react-arch/core\";\nimport {\n  type Vec2,\n  distance,\n  normal,\n  openingSpan,\n  pointInPolygon,\n  polygonArea,\n  polygonCentroid,\n  projectPointOnSegment,\n  wallDirection,\n  wallPolygon,\n} from \"@react-arch/geometry\";\n\nexport interface WallDraw {\n  id: string;\n  floorId: string;\n  polygon: Vec2[];\n  start: Vec2;\n  end: Vec2;\n  thickness: number;\n}\nexport interface RoomDraw {\n  id: string;\n  floorId: string;\n  name: string;\n  polygon: Vec2[];\n  centroid: Vec2;\n  area: number;\n}\nexport interface OpeningDraw {\n  id: string;\n  floorId: string;\n  type: \"door\" | \"window\" | \"opening\";\n  p0: Vec2;\n  p1: Vec2;\n  center: Vec2;\n  dir: Vec2;\n  normal: Vec2;\n  width: number;\n}\nexport interface ObjectDraw {\n  id: string;\n  floorId: string;\n  type: string;\n  center: Vec2;\n  /** Footprint size [width(X), depth(Y)] in metres. */\n  size: [number, number];\n  rotation: number;\n}\nexport interface PlanScene {\n  walls: WallDraw[];\n  rooms: RoomDraw[];\n  openings: OpeningDraw[];\n  objects: ObjectDraw[];\n}\n\nfunction visibleFloors(doc: BuildingDocument, floorIds: string[] | \"all\"): Floor[] {\n  const floors = allFloors(doc);\n  if (floorIds === \"all\") return floors.filter((f) => f.visible);\n  return floors.filter((f) => floorIds.includes(f.id));\n}\n\nexport function buildPlanScene(\n  doc: BuildingDocument,\n  floorIds: string[] | \"all\",\n): PlanScene {\n  const scene: PlanScene = { walls: [], rooms: [], openings: [], objects: [] };\n  for (const floor of visibleFloors(doc, floorIds)) {\n    for (const r of floor.rooms) {\n      scene.rooms.push({\n        id: r.id,\n        floorId: floor.id,\n        name: r.name,\n        polygon: r.polygon,\n        centroid: polygonCentroid(r.polygon),\n        area: polygonArea(r.polygon),\n      });\n    }\n    const wallById = new Map(floor.walls.map((w) => [w.id, w]));\n    for (const w of floor.walls) {\n      scene.walls.push({\n        id: w.id,\n        floorId: floor.id,\n        polygon: wallPolygon(w, w.thickness / 2),\n        start: w.start,\n        end: w.end,\n        thickness: w.thickness,\n      });\n    }\n    for (const o of floor.openings) {\n      const wall = wallById.get(o.wallId);\n      if (!wall) continue;\n      const span = openingSpan(wall, o);\n      const dir = wallDirection(wall);\n      scene.openings.push({\n        id: o.id,\n        floorId: floor.id,\n        type: o.type,\n        p0: span.start,\n        p1: span.end,\n        center: span.center,\n        dir,\n        normal: normal(dir),\n        width: o.width,\n      });\n    }\n    for (const ob of floor.objects) {\n      const d = furnitureDims(ob.type, ob.scale);\n      scene.objects.push({\n        id: ob.id,\n        floorId: floor.id,\n        type: ob.type,\n        center: [ob.position[0], ob.position[1]],\n        size: [d.width, d.depth],\n        rotation: ob.rotation[2],\n      });\n    }\n  }\n  return scene;\n}\n\n/** Hit-test a world point against the scene, nearest-first by entity type. */\nexport function hitTest(\n  scene: PlanScene,\n  point: Vec2,\n  tolerance: number,\n): EntityRef | null {\n  // Openings first (smallest), then furniture, then walls, then rooms.\n  for (const o of scene.openings) {\n    if (distance(point, o.center) <= Math.max(tolerance, o.width / 2)) {\n      return { kind: \"opening\", id: o.id };\n    }\n  }\n  for (const ob of scene.objects) {\n    const dx = Math.abs(point[0] - ob.center[0]);\n    const dy = Math.abs(point[1] - ob.center[1]);\n    if (dx <= ob.size[0] / 2 + tolerance && dy <= ob.size[1] / 2 + tolerance) {\n      return { kind: \"object\", id: ob.id };\n    }\n  }\n  for (const w of scene.walls) {\n    const proj = projectPointOnSegment(point, w.start, w.end);\n    if (proj.distance <= w.thickness / 2 + tolerance) {\n      return { kind: \"wall\", id: w.id };\n    }\n  }\n  for (const r of scene.rooms) {\n    if (pointInPolygon(point, r.polygon)) {\n      return { kind: \"room\", id: r.id };\n    }\n  }\n  return null;\n}\n","import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type { BuildingDocument, EntityRef } from \"@react-arch/core\";\nimport { furnitureColor } from \"@react-arch/core\";\nimport { bounds, type Vec2 } from \"@react-arch/geometry\";\nimport { buildPlanScene, hitTest, type PlanScene } from \"./scene.js\";\n\nexport interface Plan2DProps {\n  document: BuildingDocument;\n  floorIds: string[] | \"all\";\n  ghostFloorIds?: string[];\n  selected?: EntityRef | null;\n  onSelect?: (ref: EntityRef | null) => void;\n  onHover?: (ref: EntityRef | null) => void;\n  showGrid?: boolean;\n  showMeasurements?: boolean;\n  gridSize?: number;\n  className?: string;\n}\n\ninterface Viewport {\n  scale: number;\n  ox: number;\n  oy: number;\n}\n\nconst COLORS = {\n  bg: \"#15171c\",\n  grid: \"#23262e\",\n  gridMajor: \"#2c3038\",\n  room: \"rgba(76, 142, 255, 0.07)\",\n  roomLabel: \"#9aa3b2\",\n  wall: \"#c9ccd1\",\n  wallStroke: \"#080a0d\",\n  opening: \"#e8e6e1\",\n  door: \"#5fb3c9\",\n  window: \"#5f9bff\",\n  select: \"#4c8eff\",\n  ghost: \"rgba(120,130,150,0.25)\",\n  dim: \"#6f7787\",\n};\n\nexport function Plan2D(props: Plan2DProps) {\n  const { document: doc, floorIds, showGrid = true, showMeasurements = true, gridSize = 0.5 } = props;\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [vp, setVp] = useState<Viewport>({ scale: 40, ox: 0, oy: 0 });\n  const [size, setSize] = useState({ w: 0, h: 0 });\n  const dragRef = useRef<{ x: number; y: number; moved: boolean; ox: number; oy: number } | null>(null);\n  const fittedKey = useRef<string>(\"\");\n\n  const scene = useMemo(() => buildPlanScene(doc, floorIds), [doc, floorIds]);\n  const ghostScene = useMemo(\n    () => (props.ghostFloorIds?.length ? buildPlanScene(doc, props.ghostFloorIds) : null),\n    [doc, props.ghostFloorIds],\n  );\n\n  const toScreen = useCallback(\n    (p: Vec2): Vec2 => [p[0] * vp.scale + vp.ox, p[1] * vp.scale + vp.oy],\n    [vp],\n  );\n  const toWorld = useCallback(\n    (sx: number, sy: number): Vec2 => [(sx - vp.ox) / vp.scale, (sy - vp.oy) / vp.scale],\n    [vp],\n  );\n\n  // Resize observer for crisp HiDPI canvas.\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n    const ro = new ResizeObserver(() => {\n      setSize({ w: el.clientWidth, h: el.clientHeight });\n    });\n    ro.observe(el);\n    setSize({ w: el.clientWidth, h: el.clientHeight });\n    return () => ro.disconnect();\n  }, []);\n\n  const fit = useCallback(() => {\n    if (size.w === 0 || size.h === 0) return;\n    const pts: Vec2[] = [];\n    for (const w of scene.walls) pts.push(...w.polygon);\n    for (const r of scene.rooms) pts.push(...r.polygon);\n    if (pts.length === 0) {\n      setVp({ scale: 40, ox: size.w / 2, oy: size.h / 2 });\n      return;\n    }\n    const b = bounds(pts);\n    const margin = 60;\n    const scale = Math.min(\n      (size.w - margin * 2) / Math.max(b.width, 0.5),\n      (size.h - margin * 2) / Math.max(b.height, 0.5),\n    );\n    const cx = (b.min[0] + b.max[0]) / 2;\n    const cy = (b.min[1] + b.max[1]) / 2;\n    setVp({ scale, ox: size.w / 2 - cx * scale, oy: size.h / 2 - cy * scale });\n  }, [scene, size]);\n\n  // Auto-fit when the building or visible floors change (and on first layout).\n  useEffect(() => {\n    const key = `${doc.id}:${Array.isArray(floorIds) ? floorIds.join(\",\") : \"all\"}:${size.w}x${size.h}`;\n    if (size.w > 0 && fittedKey.current !== key) {\n      fittedKey.current = key;\n      fit();\n    }\n  }, [doc.id, floorIds, size, fit]);\n\n  // --- drawing -------------------------------------------------------------\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas || size.w === 0) return;\n    const dpr = window.devicePixelRatio || 1;\n    canvas.width = size.w * dpr;\n    canvas.height = size.h * dpr;\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    draw(ctx, size, vp, scene, ghostScene, props.selected ?? null, { showGrid, showMeasurements, gridSize, toScreen });\n  }, [size, vp, scene, ghostScene, props.selected, showGrid, showMeasurements, gridSize, toScreen]);\n\n  // --- interaction ---------------------------------------------------------\n  const onPointerDown = (e: React.PointerEvent) => {\n    (e.target as Element).setPointerCapture?.(e.pointerId);\n    dragRef.current = { x: e.clientX, y: e.clientY, moved: false, ox: vp.ox, oy: vp.oy };\n  };\n  const onPointerMove = (e: React.PointerEvent) => {\n    const d = dragRef.current;\n    const rect = canvasRef.current!.getBoundingClientRect();\n    if (d) {\n      const dx = e.clientX - d.x;\n      const dy = e.clientY - d.y;\n      if (Math.abs(dx) + Math.abs(dy) > 3) d.moved = true;\n      if (d.moved) setVp((v) => ({ ...v, ox: d.ox + dx, oy: d.oy + dy }));\n    } else if (props.onHover) {\n      const world = toWorld(e.clientX - rect.left, e.clientY - rect.top);\n      props.onHover(hitTest(scene, world, 6 / vp.scale));\n    }\n  };\n  const onPointerUp = (e: React.PointerEvent) => {\n    const d = dragRef.current;\n    dragRef.current = null;\n    if (d && !d.moved && props.onSelect) {\n      const rect = canvasRef.current!.getBoundingClientRect();\n      const world = toWorld(e.clientX - rect.left, e.clientY - rect.top);\n      props.onSelect(hitTest(scene, world, 6 / vp.scale));\n    }\n  };\n  const onWheel = (e: React.WheelEvent) => {\n    const rect = canvasRef.current!.getBoundingClientRect();\n    const sx = e.clientX - rect.left;\n    const sy = e.clientY - rect.top;\n    const factor = Math.exp(-e.deltaY * 0.0015);\n    setVp((v) => {\n      const scale = Math.max(4, Math.min(400, v.scale * factor));\n      const wx = (sx - v.ox) / v.scale;\n      const wy = (sy - v.oy) / v.scale;\n      return { scale, ox: sx - wx * scale, oy: sy - wy * scale };\n    });\n  };\n\n  return (\n    <div ref={containerRef} className={props.className} style={{ width: \"100%\", height: \"100%\", position: \"relative\", background: COLORS.bg }}>\n      <canvas\n        ref={canvasRef}\n        style={{ width: \"100%\", height: \"100%\", display: \"block\", cursor: dragRef.current?.moved ? \"grabbing\" : \"default\", touchAction: \"none\" }}\n        onPointerDown={onPointerDown}\n        onPointerMove={onPointerMove}\n        onPointerUp={onPointerUp}\n        onPointerLeave={() => props.onHover?.(null)}\n        onWheel={onWheel}\n        onDoubleClick={fit}\n      />\n    </div>\n  );\n}\n\nfunction draw(\n  ctx: CanvasRenderingContext2D,\n  size: { w: number; h: number },\n  vp: Viewport,\n  scene: PlanScene,\n  ghost: PlanScene | null,\n  selected: EntityRef | null,\n  opts: { showGrid: boolean; showMeasurements: boolean; gridSize: number; toScreen: (p: Vec2) => Vec2 },\n) {\n  const { toScreen } = opts;\n  ctx.fillStyle = COLORS.bg;\n  ctx.fillRect(0, 0, size.w, size.h);\n\n  if (opts.showGrid) drawGrid(ctx, size, vp, opts.gridSize);\n\n  if (ghost) {\n    ctx.save();\n    ctx.globalAlpha = 0.4;\n    for (const w of ghost.walls) fillPolygon(ctx, w.polygon, COLORS.ghost, toScreen);\n    ctx.restore();\n  }\n\n  // Room fills + labels.\n  for (const r of scene.rooms) {\n    fillPolygon(ctx, r.polygon, COLORS.room, toScreen);\n  }\n  // Walls.\n  for (const w of scene.walls) {\n    const isSel = selected?.kind === \"wall\" && selected.id === w.id;\n    fillPolygon(ctx, w.polygon, isSel ? COLORS.select : COLORS.wall, toScreen, COLORS.wallStroke);\n  }\n  // Furniture footprints (under openings/labels, over rooms).\n  for (const ob of scene.objects) {\n    drawFurniture(ctx, ob, vp, toScreen, selected?.kind === \"object\" && selected.id === ob.id);\n  }\n  // Openings.\n  for (const o of scene.openings) {\n    drawOpening(ctx, o, toScreen, selected?.kind === \"opening\" && selected.id === o.id);\n  }\n  // Room labels last (on top).\n  for (const r of scene.rooms) {\n    const c = toScreen(r.centroid);\n    const isSel = selected?.kind === \"room\" && selected.id === r.id;\n    if (isSel) {\n      ctx.save();\n      ctx.beginPath();\n      ctx.strokeStyle = COLORS.select;\n      ctx.lineWidth = 2;\n      polyPath(ctx, r.polygon, toScreen);\n      ctx.stroke();\n      ctx.restore();\n    }\n    ctx.fillStyle = COLORS.roomLabel;\n    ctx.font = \"600 12px ui-sans-serif, system-ui, sans-serif\";\n    ctx.textAlign = \"center\";\n    ctx.fillText(r.name, c[0], c[1] - 2);\n    if (opts.showMeasurements) {\n      ctx.fillStyle = COLORS.dim;\n      ctx.font = \"11px ui-monospace, monospace\";\n      ctx.fillText(`${r.area.toFixed(1)} m²`, c[0], c[1] + 13);\n    }\n  }\n}\n\nfunction drawGrid(ctx: CanvasRenderingContext2D, size: { w: number; h: number }, vp: Viewport, gridSize: number) {\n  const step = gridSize * vp.scale;\n  if (step < 6) return;\n  const startX = vp.ox % step;\n  const startY = vp.oy % step;\n  ctx.lineWidth = 1;\n  for (let x = startX; x < size.w; x += step) {\n    ctx.strokeStyle = COLORS.grid;\n    ctx.beginPath();\n    ctx.moveTo(x, 0);\n    ctx.lineTo(x, size.h);\n    ctx.stroke();\n  }\n  for (let y = startY; y < size.h; y += step) {\n    ctx.strokeStyle = COLORS.grid;\n    ctx.beginPath();\n    ctx.moveTo(0, y);\n    ctx.lineTo(size.w, y);\n    ctx.stroke();\n  }\n}\n\nfunction polyPath(ctx: CanvasRenderingContext2D, poly: Vec2[], toScreen: (p: Vec2) => Vec2) {\n  poly.forEach((p, i) => {\n    const s = toScreen(p);\n    if (i === 0) ctx.moveTo(s[0], s[1]);\n    else ctx.lineTo(s[0], s[1]);\n  });\n  ctx.closePath();\n}\n\nfunction fillPolygon(ctx: CanvasRenderingContext2D, poly: Vec2[], fill: string, toScreen: (p: Vec2) => Vec2, stroke?: string) {\n  ctx.beginPath();\n  polyPath(ctx, poly, toScreen);\n  ctx.fillStyle = fill;\n  ctx.fill();\n  if (stroke) {\n    ctx.lineWidth = 1;\n    ctx.strokeStyle = stroke;\n    ctx.stroke();\n  }\n}\n\nfunction drawFurniture(\n  ctx: CanvasRenderingContext2D,\n  ob: PlanScene[\"objects\"][number],\n  vp: Viewport,\n  toScreen: (p: Vec2) => Vec2,\n  selected: boolean,\n) {\n  const c = toScreen(ob.center);\n  const w = ob.size[0] * vp.scale;\n  const h = ob.size[1] * vp.scale;\n  ctx.save();\n  ctx.translate(c[0], c[1]);\n  if (ob.rotation) ctx.rotate(ob.rotation);\n  const color = selected ? COLORS.select : furnitureColor(ob.type);\n  ctx.fillStyle = color + \"33\"; // translucent fill\n  ctx.strokeStyle = color;\n  ctx.lineWidth = selected ? 2 : 1.25;\n  const r = Math.min(4, w / 4, h / 4);\n  roundRect(ctx, -w / 2, -h / 2, w, h, r);\n  ctx.fill();\n  ctx.stroke();\n  if (Math.min(w, h) > 26) {\n    ctx.fillStyle = COLORS.roomLabel;\n    ctx.font = \"9px ui-sans-serif, system-ui, sans-serif\";\n    ctx.textAlign = \"center\";\n    ctx.textBaseline = \"middle\";\n    ctx.fillText(ob.type, 0, 0);\n  }\n  ctx.restore();\n}\n\nfunction roundRect(ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, r: number) {\n  ctx.beginPath();\n  ctx.moveTo(x + r, y);\n  ctx.arcTo(x + w, y, x + w, y + h, r);\n  ctx.arcTo(x + w, y + h, x, y + h, r);\n  ctx.arcTo(x, y + h, x, y, r);\n  ctx.arcTo(x, y, x + w, y, r);\n  ctx.closePath();\n}\n\nfunction drawOpening(\n  ctx: CanvasRenderingContext2D,\n  o: PlanScene[\"openings\"][number],\n  toScreen: (p: Vec2) => Vec2,\n  selected: boolean,\n) {\n  const a = toScreen(o.p0);\n  const b = toScreen(o.p1);\n  const color = selected ? COLORS.select : o.type === \"door\" ? COLORS.door : o.type === \"window\" ? COLORS.window : COLORS.opening;\n  ctx.strokeStyle = color;\n  ctx.lineWidth = selected ? 3 : 2;\n  // Clear the wall under the opening for legibility.\n  ctx.save();\n  ctx.strokeStyle = COLORS.bg;\n  ctx.lineWidth = 6;\n  ctx.beginPath();\n  ctx.moveTo(a[0], a[1]);\n  ctx.lineTo(b[0], b[1]);\n  ctx.stroke();\n  ctx.restore();\n\n  if (o.type === \"door\") {\n    // Swing arc.\n    const cx = a[0];\n    const cy = a[1];\n    const r = Math.hypot(b[0] - a[0], b[1] - a[1]);\n    const start = Math.atan2(b[1] - a[1], b[0] - a[0]);\n    ctx.strokeStyle = color;\n    ctx.lineWidth = 1.5;\n    ctx.beginPath();\n    ctx.arc(cx, cy, r, start, start + Math.PI / 2);\n    ctx.stroke();\n    ctx.beginPath();\n    ctx.moveTo(a[0], a[1]);\n    ctx.lineTo(b[0], b[1]);\n    ctx.stroke();\n  } else {\n    ctx.strokeStyle = color;\n    ctx.lineWidth = selected ? 3 : 2;\n    ctx.beginPath();\n    ctx.moveTo(a[0], a[1]);\n    ctx.lineTo(b[0], b[1]);\n    ctx.stroke();\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@react-arch/renderer-2d",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@react-arch/core": "0.1.0",
+    "@react-arch/geometry": "0.1.0",
+    "@react-arch/shared": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "react": "^18.3.1",
+    "typescript": "^5.7.2"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/react-arch/react-arch.git",
+    "directory": "packages/renderer-2d"
+  },
+  "license": "MIT",
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "lint": "oxlint src",
+    "build": "tsdown"
+  }
+}