@pascal-app/nodes 1.0.0-beta.4 → 1.0.0-beta.5

package/dist/zone/quantities-panel.js

@@ -5,7 +5,7 @@ import { formatAreaLabel, formatLinearMeasurement, formatVolumeLabel, MetricCont
 import { useViewer } from '@pascal-app/viewer';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { useShallow } from 'zustand/react/shallow';
-function ZonePlanSketch({ edgeLengths, polygon, unit, }) {
+function ZonePlanSketch({ edgeLengths, metricNotation, polygon, unit, }) {
     if (polygon.length < 3) {
         return (_jsx("div", { className: "flex h-28 items-center justify-center rounded-md border border-border/50 text-muted-foreground text-xs", children: "Zone boundary unavailable" }));
     }
@@ -36,7 +36,7 @@ function ZonePlanSketch({ edgeLengths, polygon, unit, }) {
                     midpoint[0] + (fromCenter[0] / directionLength) * 15,
                     midpoint[1] + (fromCenter[1] / directionLength) * 15,
                 ];
-                const label = formatLinearMeasurement(edgeLengths[index] ?? 0, unit);
+                const label = formatLinearMeasurement(edgeLengths[index] ?? 0, unit, metricNotation);
                 const labelWidth = Math.max(24, label.length * 5.5 + 8);
                 return (_jsxs("g", { children: [_jsx("circle", { cx: start[0], cy: start[1], fill: "#f8faf7", r: "2.5", stroke: "#0e7490" }), _jsx("rect", { fill: "#f8faf7", height: "13", rx: "2", stroke: "#0e7490", strokeOpacity: "0.25", width: labelWidth, x: labelPoint[0] - labelWidth / 2, y: labelPoint[1] - 7 }), _jsx("text", { dominantBaseline: "middle", fill: "#164e63", fontFamily: "ui-monospace, SFMono-Regular, monospace", fontSize: "7.5", textAnchor: "middle", x: labelPoint[0], y: labelPoint[1], children: label })] }, `${start[0]}-${start[1]}-${index}`));
             })] }));
@@ -91,6 +91,7 @@ function RoomDocumentationPanel({ zone }) {
 export default function ZoneQuantitiesPanel() {
     const selectedZoneId = useViewer((state) => state.selection.zoneId);
     const unit = useViewer((state) => state.unit);
+    const metricNotation = useViewer((state) => state.metricNotation);
     const nodes = useScene((state) => state.nodes);
     const zone = selectedZoneId ? nodes[selectedZoneId] : undefined;
     const livePolygon = useLiveNodeOverrides((state) => selectedZoneId ? state.overrides.get(selectedZoneId)?.polygon : undefined);
@@ -123,5 +124,5 @@ export default function ZoneQuantitiesPanel() {
     const report = useMemo(() => (effectiveZone ? deriveZoneQuantityReport(effectiveZone, effectiveNodes) : null), [effectiveNodes, effectiveZone]);
     if (!effectiveZone || !report)
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx(RoomDocumentationPanel, { zone: effectiveZone }), _jsxs(PanelSection, { title: effectiveZone.spaceRole === 'room' ? 'Room quantities' : 'Zone quantities', children: [_jsxs("div", { className: "overflow-hidden rounded-md border border-cyan-950/20 bg-[#f8faf7] text-slate-950", children: [_jsxs("div", { className: "flex items-center border-cyan-950/15 border-b px-2.5 py-2", children: [_jsx("span", { className: "font-semibold text-[11px]", children: effectiveZone.name }), _jsx("span", { className: "ml-auto rounded-full border border-cyan-800/25 bg-cyan-50 px-2 py-0.5 text-cyan-900 text-[9px]", children: report.classification === 'enclosed-room' ? 'Enclosed room' : 'Footprint only' })] }), _jsxs("div", { className: "flex items-baseline gap-2 px-2.5 py-2 font-mono text-[10px]", children: [_jsx("span", { className: "text-cyan-800", children: "A" }), _jsx("span", { children: formatAreaLabel(report.footprintArea, unit, 2) }), _jsx("span", { className: "ml-auto text-slate-600", children: "P" }), _jsx("span", { children: formatLinearMeasurement(report.perimeter, unit) })] })] }), _jsx(ZonePlanSketch, { edgeLengths: report.edgeLengths, polygon: effectiveZone.polygon, unit: unit }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(QuantityRow, { abbreviation: "Aw", format: (value) => formatAreaLabel(value, unit, 2), label: "Wall surface", quantity: report.wallSurface }), _jsx(QuantityRow, { abbreviation: "Af", format: (value) => formatAreaLabel(value, unit, 2), label: "Floor surface", quantity: report.floorSurface }), _jsx(QuantityRow, { abbreviation: "V", format: (value) => formatVolumeLabel(value, unit, 2), label: "Volume", quantity: report.volume })] })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(RoomDocumentationPanel, { zone: effectiveZone }), _jsxs(PanelSection, { title: effectiveZone.spaceRole === 'room' ? 'Room quantities' : 'Zone quantities', children: [_jsxs("div", { className: "overflow-hidden rounded-md border border-cyan-950/20 bg-[#f8faf7] text-slate-950", children: [_jsxs("div", { className: "flex items-center border-cyan-950/15 border-b px-2.5 py-2", children: [_jsx("span", { className: "font-semibold text-[11px]", children: effectiveZone.name }), _jsx("span", { className: "ml-auto rounded-full border border-cyan-800/25 bg-cyan-50 px-2 py-0.5 text-cyan-900 text-[9px]", children: report.classification === 'enclosed-room' ? 'Enclosed room' : 'Footprint only' })] }), _jsxs("div", { className: "flex items-baseline gap-2 px-2.5 py-2 font-mono text-[10px]", children: [_jsx("span", { className: "text-cyan-800", children: "A" }), _jsx("span", { children: formatAreaLabel(report.footprintArea, unit, 2) }), _jsx("span", { className: "ml-auto text-slate-600", children: "P" }), _jsx("span", { children: formatLinearMeasurement(report.perimeter, unit, metricNotation) })] })] }), _jsx(ZonePlanSketch, { edgeLengths: report.edgeLengths, metricNotation: metricNotation, polygon: effectiveZone.polygon, unit: unit }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(QuantityRow, { abbreviation: "Aw", format: (value) => formatAreaLabel(value, unit, 2), label: "Wall surface", quantity: report.wallSurface }), _jsx(QuantityRow, { abbreviation: "Af", format: (value) => formatAreaLabel(value, unit, 2), label: "Floor surface", quantity: report.floorSurface }), _jsx(QuantityRow, { abbreviation: "V", format: (value) => formatVolumeLabel(value, unit, 2), label: "Volume", quantity: report.volume })] })] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pascal-app/nodes",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.5",
   "description": "Built-in node bundles for the Pascal 3D editor — one folder per kind, exported as `builtinPlugin`",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,9 +23,9 @@
     "prepublishOnly": "bun run build && bun test"
   },
   "peerDependencies": {
-    "@pascal-app/core": "^1.0.0-beta.4",
-    "@pascal-app/editor": "^1.0.0-beta.4",
-    "@pascal-app/viewer": "^1.0.0-beta.4",
+    "@pascal-app/core": "^1.0.0-beta.5",
+    "@pascal-app/editor": "^1.0.0-beta.5",
+    "@pascal-app/viewer": "^1.0.0-beta.5",
     "@react-three/drei": "^10",
     "@react-three/fiber": "^9",
     "lucide-react": "^1",
@@ -34,9 +34,9 @@
     "zustand": "^5"
   },
   "devDependencies": {
-    "@pascal-app/core": "^1.0.0-beta.4",
-    "@pascal-app/editor": "^1.0.0-beta.4",
-    "@pascal-app/viewer": "^1.0.0-beta.4",
+    "@pascal-app/core": "^1.0.0-beta.5",
+    "@pascal-app/editor": "^1.0.0-beta.5",
+    "@pascal-app/viewer": "^1.0.0-beta.5",
     "@pascal/typescript-config": "*",
     "@types/bun": "^1.3.0",
     "@types/node": "^22.19.12",