@pascal-app/editor 0.9.1 → 0.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (262) hide show
  1. package/package.json +12 -9
  2. package/src/components/editor/alignment-3d-guide-layer.tsx +10 -2
  3. package/src/components/editor/bake-exporter.tsx +47 -0
  4. package/src/components/editor/custom-camera-controls.tsx +63 -25
  5. package/src/components/editor/editor-layout-mobile.tsx +5 -0
  6. package/src/components/editor/editor-layout-v2.tsx +18 -0
  7. package/src/components/editor/export-manager.tsx +71 -63
  8. package/src/components/editor/fence-tangent-lines-3d.tsx +87 -0
  9. package/src/components/editor/first-person/build-collider-world.test.ts +36 -3
  10. package/src/components/editor/first-person/build-collider-world.ts +32 -5
  11. package/src/components/editor/first-person-controls.tsx +118 -7
  12. package/src/components/editor/floating-action-menu.tsx +410 -33
  13. package/src/components/editor/floating-building-action-menu.tsx +1 -1
  14. package/src/components/editor/floorplan-background-selection.test.ts +58 -0
  15. package/src/components/editor/floorplan-background-selection.ts +3 -2
  16. package/src/components/editor/floorplan-panel.tsx +1804 -849
  17. package/src/components/editor/grid.tsx +166 -39
  18. package/src/components/editor/group-actions.ts +457 -0
  19. package/src/components/editor/group-floating-action-menu.tsx +130 -0
  20. package/src/components/editor/group-move-3d.ts +397 -0
  21. package/src/components/editor/group-rotate-handle.tsx +102 -64
  22. package/src/components/editor/group-selection-box-3d.tsx +173 -0
  23. package/src/components/editor/group-transform-shared.test.ts +192 -1
  24. package/src/components/editor/group-transform-shared.ts +240 -7
  25. package/src/components/editor/handles/handle-arrow.tsx +81 -23
  26. package/src/components/editor/handles/use-handle-drag.ts +37 -4
  27. package/src/components/editor/index.tsx +248 -27
  28. package/src/components/editor/measurement-pill.tsx +62 -22
  29. package/src/components/editor/node-action-menu.tsx +14 -1
  30. package/src/components/editor/node-arrow-handles.tsx +366 -173
  31. package/src/components/editor/opening-guides-3d-layer.tsx +144 -0
  32. package/src/components/editor/quick-measurement-card.tsx +70 -0
  33. package/src/components/editor/quick-measurement-hud.tsx +28 -0
  34. package/src/components/editor/riser-diagram-panel.tsx +137 -0
  35. package/src/components/editor/selection-manager.tsx +812 -466
  36. package/src/components/editor/site-edge-labels.tsx +4 -4
  37. package/src/components/editor/slab-hole-highlights.tsx +13 -5
  38. package/src/components/editor/snapshot-capture-overlay.tsx +255 -115
  39. package/src/components/editor/three-context-bridge.ts +22 -0
  40. package/src/components/editor/thumbnail-generator.tsx +136 -43
  41. package/src/components/editor/use-floorplan-background-placement.ts +113 -45
  42. package/src/components/editor/use-floorplan-scene-data.ts +5 -5
  43. package/src/components/editor/use-mesh-settle-epoch.ts +26 -0
  44. package/src/components/editor/wall-measurement-label.tsx +3 -13
  45. package/src/components/editor/wall-move-side-handles.tsx +36 -21
  46. package/src/components/editor/wall-snap-beacon-layer.tsx +160 -6
  47. package/src/components/editor-2d/floorplan-action-menu-layer.tsx +9 -5
  48. package/src/components/editor-2d/floorplan-cursor-indicator-overlay.tsx +1 -1
  49. package/src/components/editor-2d/floorplan-group-action-menu.tsx +87 -0
  50. package/src/components/editor-2d/floorplan-group-move.tsx +701 -0
  51. package/src/components/editor-2d/floorplan-measurement-tool-layer.test.ts +113 -0
  52. package/src/components/editor-2d/floorplan-measurement-tool-layer.tsx +1656 -0
  53. package/src/components/editor-2d/floorplan-quick-measure-layer.tsx +212 -0
  54. package/src/components/editor-2d/floorplan-registry-action-menu.tsx +169 -4
  55. package/src/components/editor-2d/floorplan-registry-move-overlay.tsx +300 -59
  56. package/src/components/editor-2d/floorplan-snap-beacon-layer.tsx +5 -3
  57. package/src/components/editor-2d/renderers/floorplan-label-angle.test.ts +15 -0
  58. package/src/components/editor-2d/renderers/floorplan-label-angle.ts +14 -0
  59. package/src/components/editor-2d/renderers/floorplan-placement-preview-layer.tsx +4 -1
  60. package/src/components/editor-2d/renderers/floorplan-registry-layer.test.ts +308 -0
  61. package/src/components/editor-2d/renderers/floorplan-registry-layer.tsx +1704 -342
  62. package/src/components/editor-2d/renderers/floorplan-voronoi-layer.tsx +128 -0
  63. package/src/components/systems/ceiling/ceiling-selection-affordance-system.tsx +419 -60
  64. package/src/components/systems/ceiling/ceiling-system.tsx +97 -4
  65. package/src/components/systems/roof/roof-edit-system.tsx +1768 -13
  66. package/src/components/systems/selection-affordance-manager.tsx +38 -0
  67. package/src/components/systems/zone/zone-label-editor-system.tsx +14 -1
  68. package/src/components/systems/zone/zone-system.tsx +42 -13
  69. package/src/components/tools/elevator/elevator-tool.tsx +34 -8
  70. package/src/components/tools/elevator/move-elevator-tool.tsx +13 -2
  71. package/src/components/tools/fence/fence-drafting.ts +80 -8
  72. package/src/components/tools/item/move-tool.tsx +17 -13
  73. package/src/components/tools/item/placement-math.test.ts +13 -1
  74. package/src/components/tools/item/placement-math.ts +28 -2
  75. package/src/components/tools/item/placement-strategies.ts +246 -5
  76. package/src/components/tools/item/placement-types.ts +13 -1
  77. package/src/components/tools/item/use-draft-node.ts +31 -1
  78. package/src/components/tools/item/use-placement-coordinator.tsx +761 -121
  79. package/src/components/tools/registry/move-registry-node-tool.tsx +561 -99
  80. package/src/components/tools/roof/roof-tool.tsx +320 -94
  81. package/src/components/tools/select/box-select-state.ts +18 -7
  82. package/src/components/tools/select/box-select-tool.tsx +176 -40
  83. package/src/components/tools/select/marquee-geometry.test.ts +161 -0
  84. package/src/components/tools/select/marquee-geometry.ts +155 -0
  85. package/src/components/tools/select/plane-box-select-tool.tsx +1 -8
  86. package/src/components/tools/select/select-candidates.ts +1 -1
  87. package/src/components/tools/shared/cursor-sphere.tsx +62 -26
  88. package/src/components/tools/shared/drag-bounding-box.tsx +28 -4
  89. package/src/components/tools/shared/facing-indicator.tsx +87 -0
  90. package/src/components/tools/shared/facing-pose-indicator.tsx +54 -0
  91. package/src/components/tools/shared/placement-box.tsx +183 -1
  92. package/src/components/tools/shared/polygon-editor.tsx +276 -35
  93. package/src/components/tools/site/site-boundary-editor.tsx +88 -36
  94. package/src/components/tools/stair/stair-defaults.ts +1 -0
  95. package/src/components/tools/stair/stair-tool.tsx +82 -11
  96. package/src/components/tools/tool-manager.tsx +86 -25
  97. package/src/components/tools/wall/wall-drafting.test.ts +330 -0
  98. package/src/components/tools/wall/wall-drafting.ts +180 -103
  99. package/src/components/tools/wall/wall-snap-geometry.test.ts +44 -0
  100. package/src/components/tools/wall/wall-snap-geometry.ts +67 -6
  101. package/src/components/tools/zone/zone-boundary-editor.tsx +5 -1
  102. package/src/components/tools/zone/zone-tool.tsx +82 -88
  103. package/src/components/ui/action-menu/camera-actions.tsx +24 -17
  104. package/src/components/ui/action-menu/control-modes.tsx +40 -93
  105. package/src/components/ui/action-menu/furnish-tools.tsx +5 -5
  106. package/src/components/ui/action-menu/index.tsx +2 -4
  107. package/src/components/ui/action-menu/measurement-control.tsx +188 -0
  108. package/src/components/ui/action-menu/structure-tools.tsx +22 -13
  109. package/src/components/ui/action-menu/view-toggles.tsx +42 -90
  110. package/src/components/ui/command-palette/editor-commands.tsx +2 -2
  111. package/src/components/ui/command-palette/index.tsx +4 -3
  112. package/src/components/ui/controls/material-paint-panel.tsx +86 -17
  113. package/src/components/ui/controls/material-picker.tsx +83 -152
  114. package/src/components/ui/controls/material-properties-editor.tsx +108 -0
  115. package/src/components/ui/controls/metric-control.tsx +118 -44
  116. package/src/components/ui/controls/scene-material-list.tsx +247 -0
  117. package/src/components/ui/controls/slider-control.tsx +88 -38
  118. package/src/components/ui/floating-level-selector.tsx +1 -1
  119. package/src/components/ui/helpers/building-helper.tsx +10 -23
  120. package/src/components/ui/helpers/contextual-helper-panel.tsx +428 -0
  121. package/src/components/ui/helpers/helper-manager.tsx +227 -14
  122. package/src/components/ui/helpers/item-helper.tsx +28 -32
  123. package/src/components/ui/helpers/registered-tool-helper.tsx +45 -11
  124. package/src/components/ui/helpers/roof-helper.tsx +10 -12
  125. package/src/components/ui/icon-ref.tsx +47 -0
  126. package/src/components/ui/item-catalog/catalog-items.tsx +39 -1
  127. package/src/components/ui/item-catalog/item-catalog.tsx +13 -36
  128. package/src/components/ui/level-duplicate-dialog.tsx +1 -1
  129. package/src/components/ui/panels/node-display.ts +17 -17
  130. package/src/components/ui/panels/panel-manager.tsx +22 -13
  131. package/src/components/ui/panels/panel-wrapper.tsx +24 -3
  132. package/src/components/ui/panels/parametric-inspector.tsx +15 -2
  133. package/src/components/ui/panels/reference-panel.tsx +54 -19
  134. package/src/components/ui/primitives/shortcut-token.tsx +39 -3
  135. package/src/components/ui/primitives/sidebar.tsx +1 -0
  136. package/src/components/ui/sidebar/app-sidebar.tsx +5 -1
  137. package/src/components/ui/sidebar/icon-rail.tsx +50 -31
  138. package/src/components/ui/sidebar/panels/plugins-panel.tsx +218 -0
  139. package/src/components/ui/sidebar/panels/settings-panel/index.tsx +71 -40
  140. package/src/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx +60 -6
  141. package/src/components/ui/sidebar/panels/settings-panel/load-build-dialog.tsx +12 -4
  142. package/src/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx +4 -3
  143. package/src/components/ui/sidebar/panels/site-panel/chimney-tree-node.tsx +10 -7
  144. package/src/components/ui/sidebar/panels/site-panel/column-tree-node.tsx +1 -1
  145. package/src/components/ui/sidebar/panels/site-panel/door-tree-node.tsx +7 -2
  146. package/src/components/ui/sidebar/panels/site-panel/dormer-tree-node.tsx +10 -7
  147. package/src/components/ui/sidebar/panels/site-panel/elevator-tree-node.tsx +1 -1
  148. package/src/components/ui/sidebar/panels/site-panel/fence-tree-node.tsx +1 -1
  149. package/src/components/ui/sidebar/panels/site-panel/gutter-tree-node.tsx +10 -7
  150. package/src/components/ui/sidebar/panels/site-panel/index.tsx +40 -17
  151. package/src/components/ui/sidebar/panels/site-panel/item-tree-node.tsx +31 -17
  152. package/src/components/ui/sidebar/panels/site-panel/level-tree-node.tsx +1 -1
  153. package/src/components/ui/sidebar/panels/site-panel/registry-tree-node.tsx +72 -25
  154. package/src/components/ui/sidebar/panels/site-panel/roof-tree-node.tsx +7 -3
  155. package/src/components/ui/sidebar/panels/site-panel/shelf-tree-node.tsx +12 -8
  156. package/src/components/ui/sidebar/panels/site-panel/slab-tree-node.tsx +4 -3
  157. package/src/components/ui/sidebar/panels/site-panel/solar-panel-tree-node.tsx +10 -7
  158. package/src/components/ui/sidebar/panels/site-panel/spawn-tree-node.tsx +1 -1
  159. package/src/components/ui/sidebar/panels/site-panel/stair-tree-node.tsx +2 -2
  160. package/src/components/ui/sidebar/panels/site-panel/tree-node.tsx +44 -3
  161. package/src/components/ui/sidebar/panels/site-panel/tree-structure.ts +36 -0
  162. package/src/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx +1 -1
  163. package/src/components/ui/sidebar/panels/site-panel/window-tree-node.tsx +7 -2
  164. package/src/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx +3 -3
  165. package/src/components/ui/sidebar/tab-bar.tsx +42 -28
  166. package/src/components/ui/sidebar/use-plugin-panels.tsx +132 -0
  167. package/src/components/ui/snap-target-badge.test.tsx +40 -0
  168. package/src/components/ui/snap-target-badge.tsx +88 -0
  169. package/src/components/viewer-overlay.tsx +85 -10
  170. package/src/components/viewer-zone-system.tsx +6 -1
  171. package/src/hooks/use-auto-save.test.ts +14 -0
  172. package/src/hooks/use-auto-save.ts +54 -7
  173. package/src/hooks/use-ceiling-events.ts +3 -2
  174. package/src/hooks/use-drag-action.ts +4 -1
  175. package/src/hooks/use-keyboard.ts +385 -40
  176. package/src/index.tsx +219 -6
  177. package/src/lib/active-placement-surface.ts +35 -0
  178. package/src/lib/ceiling-plan-snap.ts +24 -0
  179. package/src/lib/contextual-help.test.ts +112 -0
  180. package/src/lib/contextual-help.ts +144 -0
  181. package/src/lib/continuation.ts +64 -0
  182. package/src/lib/direct-manipulation.test.ts +192 -0
  183. package/src/lib/direct-manipulation.ts +109 -0
  184. package/src/lib/editor-api.ts +23 -35
  185. package/src/lib/floorplan/apply-alignment.test.ts +25 -0
  186. package/src/lib/floorplan/apply-alignment.ts +18 -12
  187. package/src/lib/floorplan/floorplan-export.tsx +364 -0
  188. package/src/lib/floorplan/geometry.ts +53 -0
  189. package/src/lib/floorplan/index.ts +3 -0
  190. package/src/lib/floorplan/items.ts +5 -2
  191. package/src/lib/floorplan/plan-coords.ts +21 -0
  192. package/src/lib/fresh-planar-placement.test.ts +240 -3
  193. package/src/lib/fresh-planar-placement.ts +68 -1
  194. package/src/lib/glb-export.test.ts +441 -0
  195. package/src/lib/glb-export.ts +874 -0
  196. package/src/lib/history.ts +9 -0
  197. package/src/lib/interaction/hot-set.test.ts +133 -0
  198. package/src/lib/interaction/hot-set.ts +67 -0
  199. package/src/lib/interaction/overlay-policy.test.ts +51 -0
  200. package/src/lib/interaction/overlay-policy.ts +59 -0
  201. package/src/lib/interaction/scope.ts +211 -0
  202. package/src/lib/level-selection.ts +2 -2
  203. package/src/lib/material-paint.ts +36 -49
  204. package/src/lib/measurement-kind.test.ts +30 -0
  205. package/src/lib/measurement-kind.ts +19 -0
  206. package/src/lib/measurement-label.test.ts +47 -0
  207. package/src/lib/measurement-label.ts +68 -0
  208. package/src/lib/measurement-parser.ts +116 -0
  209. package/src/lib/measurements.test.ts +183 -0
  210. package/src/lib/measurements.ts +199 -0
  211. package/src/lib/paint-scope.test.ts +454 -0
  212. package/src/lib/paint-scope.ts +461 -0
  213. package/src/lib/placement-drag-release.ts +23 -0
  214. package/src/lib/planar-cursor-placement.test.ts +57 -0
  215. package/src/lib/plugin-panels.test.ts +19 -0
  216. package/src/lib/plugin-panels.ts +91 -0
  217. package/src/lib/quick-measurement.test.ts +77 -0
  218. package/src/lib/quick-measurement.ts +109 -0
  219. package/src/lib/roof-duplication.ts +6 -6
  220. package/src/lib/roof-hover-outline-proxy.ts +22 -0
  221. package/src/lib/roof-wall-hit.ts +164 -0
  222. package/src/lib/scene-clipboard.test.ts +196 -0
  223. package/src/lib/scene-clipboard.ts +73 -8
  224. package/src/lib/scene.ts +28 -5
  225. package/src/lib/selection-routing.test.ts +298 -0
  226. package/src/lib/selection-routing.ts +175 -0
  227. package/src/lib/sfx/index.ts +1 -0
  228. package/src/lib/sfx/movement-tick.test.ts +65 -0
  229. package/src/lib/sfx/movement-tick.ts +18 -0
  230. package/src/lib/sfx-bus.ts +50 -13
  231. package/src/lib/sfx-player.test.ts +124 -0
  232. package/src/lib/sfx-player.ts +111 -66
  233. package/src/lib/slab-plan-snap.test.ts +93 -0
  234. package/src/lib/slab-plan-snap.ts +108 -0
  235. package/src/lib/snapping-mode.test.ts +138 -0
  236. package/src/lib/snapping-mode.ts +179 -0
  237. package/src/lib/stair-duplication.ts +4 -4
  238. package/src/lib/surface-plan-snap.test.ts +71 -0
  239. package/src/lib/surface-plan-snap.ts +256 -0
  240. package/src/lib/use-linear-display.ts +40 -0
  241. package/src/lib/world-grid-snap.ts +37 -5
  242. package/src/store/use-direct-manipulation-feedback.ts +20 -0
  243. package/src/store/use-editor.tsx +484 -114
  244. package/src/store/use-facing-pose.ts +44 -0
  245. package/src/store/use-fence-curve-draft.ts +21 -0
  246. package/src/store/use-floorplan-draft-preview.ts +101 -0
  247. package/src/store/use-floorplan-marquee.ts +50 -0
  248. package/src/store/use-interaction-scope.test.ts +186 -0
  249. package/src/store/use-interaction-scope.ts +132 -0
  250. package/src/store/use-measurement-draft.test.ts +530 -0
  251. package/src/store/use-measurement-draft.ts +543 -0
  252. package/src/store/use-opening-guides.ts +41 -0
  253. package/src/store/use-placement-preview.ts +11 -3
  254. package/src/store/use-quick-measurement-hud.test.ts +53 -0
  255. package/src/store/use-quick-measurement-hud.ts +77 -0
  256. package/src/store/use-segment-draft-chain.ts +28 -0
  257. package/src/store/use-stair-build-preview.ts +43 -0
  258. package/src/store/use-wall-snap-indicator.ts +2 -0
  259. package/src/components/editor/first-person/bvh-ecctrl.tsx +0 -860
  260. package/src/components/editor/group-move-handle.tsx +0 -316
  261. package/src/components/ui/panels/paint-panel.tsx +0 -163
  262. package/src/lib/level-name.ts +0 -11
@@ -0,0 +1,530 @@
1
+ import { afterEach, beforeEach, describe, expect, test } from 'bun:test'
2
+ import {
3
+ AnyNode,
4
+ BuildingNode,
5
+ LevelNode,
6
+ MeasurementNode,
7
+ SiteNode,
8
+ useScene,
9
+ } from '@pascal-app/core'
10
+ import { useViewer } from '@pascal-app/viewer'
11
+ import {
12
+ commitMeasurementDraft,
13
+ finishMeasurementDraft,
14
+ handleMeasurementDraftEscape,
15
+ useMeasurementDraft,
16
+ } from './use-measurement-draft'
17
+
18
+ const point = (x: number, y: number, z: number): [number, number, number] => [x, y, z]
19
+
20
+ let site: ReturnType<typeof SiteNode.parse>
21
+ let building: ReturnType<typeof BuildingNode.parse>
22
+ let level: ReturnType<typeof LevelNode.parse>
23
+
24
+ beforeEach(() => {
25
+ level = LevelNode.parse({ level: 0, children: [] })
26
+ building = BuildingNode.parse({ children: [level.id] })
27
+ site = SiteNode.parse({ children: [building.id] })
28
+ level = LevelNode.parse({ ...level, parentId: building.id })
29
+ building = BuildingNode.parse({ ...building, parentId: site.id })
30
+
31
+ useScene.setState({
32
+ nodes: {
33
+ [site.id]: site,
34
+ [building.id]: building,
35
+ [level.id]: level,
36
+ },
37
+ rootNodeIds: [site.id],
38
+ collections: {},
39
+ dirtyNodes: new Set(),
40
+ } as never)
41
+ useScene.temporal.getState().clear()
42
+ useScene.temporal.getState().resume()
43
+ useViewer.setState({
44
+ selection: {
45
+ buildingId: building.id,
46
+ levelId: level.id,
47
+ zoneId: null,
48
+ selectedIds: [],
49
+ },
50
+ })
51
+ })
52
+
53
+ afterEach(() => {
54
+ const draft = useMeasurementDraft.getState()
55
+ draft.reset()
56
+ draft.setKind('distance')
57
+ })
58
+
59
+ describe('measurement draft ownership', () => {
60
+ test('locks to the view that places the first point', () => {
61
+ const draft = useMeasurementDraft.getState()
62
+ expect(draft.addPoint('2d', point(0, 0, 0))).toBe(true)
63
+ expect(useMeasurementDraft.getState().owner).toBe('2d')
64
+ expect(draft.addPoint('3d', point(1, 0, 0))).toBe(false)
65
+ expect(useMeasurementDraft.getState().points).toEqual([point(0, 0, 0)])
66
+ })
67
+
68
+ test('does not claim an owner for pointer previews', () => {
69
+ useMeasurementDraft.getState().setHover('3d', {
70
+ point: point(1, 2, 3),
71
+ normal: point(0, 1, 0),
72
+ targetNodeId: 'wall_1',
73
+ })
74
+ expect(useMeasurementDraft.getState().owner).toBeNull()
75
+ expect(useMeasurementDraft.getState().hoverOwner).toBe('3d')
76
+ })
77
+
78
+ test('does not reinterpret an active draft after the selected level changes', () => {
79
+ const draft = useMeasurementDraft.getState()
80
+ expect(draft.addPoint('3d', point(0, 0, 0))).toBe(true)
81
+ expect(useMeasurementDraft.getState().levelId).toBe(level.id)
82
+
83
+ const otherLevel = LevelNode.parse({ level: 1, parentId: building.id, children: [] })
84
+ useScene.setState((state) => ({
85
+ nodes: {
86
+ ...state.nodes,
87
+ [otherLevel.id]: otherLevel,
88
+ [building.id]: { ...building, children: [level.id, otherLevel.id] },
89
+ },
90
+ }))
91
+ useViewer.getState().setSelection({ levelId: otherLevel.id })
92
+
93
+ expect(draft.addPoint('3d', point(1, 0, 0))).toBe(false)
94
+ expect(useMeasurementDraft.getState().error).toBe(
95
+ 'The active level changed. Start a new measurement.',
96
+ )
97
+ expect(commitMeasurementDraft('3d')).toBeNull()
98
+ expect(
99
+ Object.values(useScene.getState().nodes).some((node) => node.type === 'measurement'),
100
+ ).toBe(false)
101
+ })
102
+ })
103
+
104
+ describe('measurement draft transitions', () => {
105
+ test('makes distance ready on its second point', () => {
106
+ const draft = useMeasurementDraft.getState()
107
+ draft.addPoint('3d', point(0, 0, 0))
108
+ draft.addPoint('3d', point(3, 4, 0))
109
+
110
+ expect(useMeasurementDraft.getState().stage).toBe('ready')
111
+ expect(useMeasurementDraft.getState().getCommitPayload('3d')).toEqual({
112
+ kind: 'distance',
113
+ points: [point(0, 0, 0), point(3, 4, 0)],
114
+ })
115
+ })
116
+
117
+ test('makes angle ready on its third point and closes a perimeter', () => {
118
+ const draft = useMeasurementDraft.getState()
119
+ draft.setKind('angle')
120
+ draft.addPoint('3d', point(1, 0, 0))
121
+ draft.addPoint('3d', point(0, 0, 0))
122
+ draft.addPoint('3d', point(0, 0, 1))
123
+ expect(useMeasurementDraft.getState().getCommitPayload('3d')).toEqual({
124
+ kind: 'angle',
125
+ points: [point(1, 0, 0), point(0, 0, 0), point(0, 0, 1)],
126
+ })
127
+
128
+ draft.setKind('perimeter')
129
+ draft.addPoint('2d', point(0, 0, 0))
130
+ draft.addPoint('2d', point(2, 0, 0))
131
+ draft.addPoint('2d', point(2, 0, 2))
132
+ expect(draft.closeBase('2d')).toBe(true)
133
+ expect(useMeasurementDraft.getState().getCommitPayload('2d')).toEqual({
134
+ kind: 'perimeter',
135
+ base: [point(0, 0, 0), point(2, 0, 0), point(2, 0, 2)],
136
+ })
137
+ })
138
+
139
+ test('persists a semantic feature anchor alongside its fallback point', () => {
140
+ const draft = useMeasurementDraft.getState()
141
+ const anchor = {
142
+ kind: 'feature' as const,
143
+ reference: {
144
+ nodeId: 'wall_host',
145
+ featureId: 'wall:centerline',
146
+ parameters: { t: 0.25, height: 1 },
147
+ },
148
+ fallback: point(1, 1, 0),
149
+ }
150
+ draft.addPoint('3d', anchor.fallback, anchor)
151
+ draft.addPoint('3d', point(2, 1, 0))
152
+
153
+ expect(useMeasurementDraft.getState().getCommitPayload('3d')).toEqual({
154
+ kind: 'distance',
155
+ points: [anchor, point(2, 1, 0)],
156
+ })
157
+ })
158
+
159
+ test('closes a planar area and rejects a non-planar base', () => {
160
+ const draft = useMeasurementDraft.getState()
161
+ draft.setKind('area')
162
+ draft.addPoint('3d', point(0, 0, 0))
163
+ draft.addPoint('3d', point(2, 0, 0))
164
+ draft.addPoint('3d', point(2, 0, 2))
165
+ draft.addPoint('3d', point(0, 1, 2))
166
+
167
+ expect(draft.closeBase('3d')).toBe(false)
168
+ expect(useMeasurementDraft.getState().error).toBe('Measurement points must be on one plane.')
169
+
170
+ draft.removeLast('3d')
171
+ draft.addPoint('3d', point(0, 0, 2))
172
+ expect(draft.closeBase('3d')).toBe(true)
173
+ expect(useMeasurementDraft.getState().getCommitPayload('3d')).toEqual({
174
+ kind: 'area',
175
+ base: [point(0, 0, 0), point(2, 0, 0), point(2, 0, 2), point(0, 0, 2)],
176
+ })
177
+ })
178
+
179
+ test('retains the first polygon plane through vertex edits until the draft is emptied', () => {
180
+ const draft = useMeasurementDraft.getState()
181
+ draft.setKind('area')
182
+ draft.addPoint('3d', point(0, 0, 0), undefined, point(0, 2, 0))
183
+ draft.addPoint('3d', point(2, 0, 0), undefined, point(0, 0, 1))
184
+
185
+ expect(useMeasurementDraft.getState().collectionPlane).toEqual({
186
+ point: point(0, 0, 0),
187
+ normal: point(0, 1, 0),
188
+ })
189
+ expect(draft.beginVertexDrag('3d', 0)).toBe(true)
190
+ expect(
191
+ draft.updateDraggedVertex('3d', {
192
+ point: point(0, 0.2, 0),
193
+ normal: point(0, 1, 0),
194
+ targetNodeId: 'slab_1',
195
+ }),
196
+ ).toBe(true)
197
+ expect(draft.finishVertexDrag('3d')).toBe(true)
198
+ expect(useMeasurementDraft.getState().collectionPlane).toEqual({
199
+ point: point(0, 0, 0),
200
+ normal: point(0, 1, 0),
201
+ })
202
+ expect(draft.removeLast('3d')).toBe(true)
203
+ expect(useMeasurementDraft.getState().collectionPlane).toEqual({
204
+ point: point(0, 0, 0),
205
+ normal: point(0, 1, 0),
206
+ })
207
+ expect(draft.removeLast('3d')).toBe(true)
208
+ expect(useMeasurementDraft.getState().collectionPlane).toBeNull()
209
+ })
210
+
211
+ test('closes a volume base before accepting explicit extrusion', () => {
212
+ const draft = useMeasurementDraft.getState()
213
+ draft.setKind('volume')
214
+ draft.addPoint('2d', point(0, 0, 0))
215
+ draft.addPoint('2d', point(2, 0, 0))
216
+ draft.addPoint('2d', point(2, 0, 2))
217
+
218
+ expect(draft.closeBase('2d', point(0, 1, 0))).toBe(true)
219
+ expect(useMeasurementDraft.getState().stage).toBe('extruding')
220
+ expect(useMeasurementDraft.getState().getCommitPayload('2d')).toBeNull()
221
+
222
+ expect(draft.setExtrusionHeight('2d', 3)).toBe(true)
223
+ expect(draft.finishExtrusion('2d')).toBe(true)
224
+ expect(useMeasurementDraft.getState().getCommitPayload('2d')).toEqual({
225
+ kind: 'volume',
226
+ base: [point(0, 0, 0), point(2, 0, 0), point(2, 0, 2)],
227
+ extrusion: [0, 3, 0],
228
+ })
229
+ })
230
+
231
+ test('Backspace removes the final base point and reopens extrusion', () => {
232
+ const draft = useMeasurementDraft.getState()
233
+ draft.setKind('volume')
234
+ draft.addPoint('3d', point(0, 0, 0))
235
+ draft.addPoint('3d', point(1, 0, 0))
236
+ draft.addPoint('3d', point(1, 0, 1))
237
+ draft.closeBase('3d')
238
+ draft.setExtrusionHeight('3d', 2)
239
+
240
+ expect(draft.removeLast('3d')).toBe(true)
241
+ expect(useMeasurementDraft.getState()).toMatchObject({
242
+ owner: '3d',
243
+ stage: 'collecting',
244
+ points: [point(0, 0, 0), point(1, 0, 0)],
245
+ baseNormal: null,
246
+ extrusionHeight: 0,
247
+ })
248
+ })
249
+
250
+ test('reset clears the interaction but preserves the selected kind', () => {
251
+ const draft = useMeasurementDraft.getState()
252
+ draft.setKind('area')
253
+ draft.addPoint('2d', point(0, 0, 0))
254
+ draft.reset()
255
+
256
+ expect(useMeasurementDraft.getState()).toMatchObject({
257
+ kind: 'area',
258
+ owner: null,
259
+ stage: 'collecting',
260
+ points: [],
261
+ })
262
+ })
263
+
264
+ test('finishes a valid polygon and stays ready for another measurement of the same kind', () => {
265
+ const draft = useMeasurementDraft.getState()
266
+ draft.setKind('area')
267
+ draft.addPoint('2d', point(0, 0, 0))
268
+ draft.addPoint('2d', point(2, 0, 0))
269
+ draft.addPoint('2d', point(2, 0, 2))
270
+
271
+ expect(finishMeasurementDraft('2d', point(0, 1, 0))).toBe(true)
272
+ expect(
273
+ Object.values(useScene.getState().nodes).filter((node) => node.type === 'measurement'),
274
+ ).toHaveLength(1)
275
+ expect(useMeasurementDraft.getState()).toMatchObject({
276
+ kind: 'area',
277
+ owner: null,
278
+ stage: 'collecting',
279
+ points: [],
280
+ })
281
+ expect(useMeasurementDraft.getState().addPoint('2d', point(4, 0, 4))).toBe(true)
282
+ })
283
+
284
+ test('Escape commits an area once three points have been placed', () => {
285
+ const draft = useMeasurementDraft.getState()
286
+ draft.setKind('area')
287
+ draft.addPoint('3d', point(0, 0, 0))
288
+ draft.addPoint('3d', point(2, 0, 0))
289
+ draft.addPoint('3d', point(2, 0, 2))
290
+
291
+ expect(handleMeasurementDraftEscape('3d')).toBe(true)
292
+ expect(
293
+ Object.values(useScene.getState().nodes).filter((node) => node.type === 'measurement'),
294
+ ).toHaveLength(1)
295
+ expect(useMeasurementDraft.getState()).toMatchObject({
296
+ kind: 'area',
297
+ owner: null,
298
+ points: [],
299
+ })
300
+ })
301
+
302
+ test('Escape preserves a three-point area when validation cannot finish it', () => {
303
+ const draft = useMeasurementDraft.getState()
304
+ draft.setKind('area')
305
+ draft.addPoint('3d', point(0, 0, 0))
306
+ draft.addPoint('3d', point(1, 0, 0))
307
+ draft.addPoint('3d', point(2, 0, 0))
308
+
309
+ expect(handleMeasurementDraftEscape('3d')).toBe(true)
310
+ expect(useMeasurementDraft.getState()).toMatchObject({
311
+ kind: 'area',
312
+ owner: '3d',
313
+ points: [point(0, 0, 0), point(1, 0, 0), point(2, 0, 0)],
314
+ })
315
+ expect(useMeasurementDraft.getState().error).not.toBeNull()
316
+ expect(
317
+ Object.values(useScene.getState().nodes).some((node) => node.type === 'measurement'),
318
+ ).toBe(false)
319
+ })
320
+
321
+ test('Escape cancels an area with fewer than three placed points', () => {
322
+ const draft = useMeasurementDraft.getState()
323
+ draft.setKind('area')
324
+ draft.addPoint('2d', point(0, 0, 0))
325
+ draft.addPoint('2d', point(2, 0, 0))
326
+
327
+ expect(handleMeasurementDraftEscape('2d', point(0, 1, 0))).toBe(true)
328
+ expect(useMeasurementDraft.getState()).toMatchObject({
329
+ kind: 'area',
330
+ owner: null,
331
+ points: [],
332
+ error: null,
333
+ })
334
+ })
335
+
336
+ test('commits one parseable level child in one undoable scene write', () => {
337
+ const draft = useMeasurementDraft.getState()
338
+ draft.addPoint('3d', point(0, 0, 0))
339
+ draft.addPoint('3d', point(3, 4, 0))
340
+
341
+ const pastCount = useScene.temporal.getState().pastStates.length
342
+ const measurementId = commitMeasurementDraft('3d')
343
+ expect(measurementId).toBeTruthy()
344
+ expect(useScene.temporal.getState().pastStates.length).toBe(pastCount + 1)
345
+
346
+ const committedLevel = useScene.getState().nodes[level.id]
347
+ expect(committedLevel?.type).toBe('level')
348
+ if (committedLevel?.type !== 'level' || !measurementId) return
349
+ expect(committedLevel.children).toEqual([measurementId])
350
+
351
+ const serialized = JSON.parse(JSON.stringify(useScene.getState().nodes[measurementId]))
352
+ expect(MeasurementNode.parse(serialized).id).toBe(measurementId)
353
+ expect(AnyNode.parse(serialized).type).toBe('measurement')
354
+
355
+ useScene.temporal.getState().undo()
356
+ expect(useScene.getState().nodes[measurementId]).toBeUndefined()
357
+ const undoneLevel = useScene.getState().nodes[level.id]
358
+ expect(undoneLevel?.type === 'level' ? undoneLevel.children : null).toEqual([])
359
+
360
+ useScene.temporal.getState().redo()
361
+ expect(useScene.getState().nodes[measurementId]?.type).toBe('measurement')
362
+ const redoneLevel = useScene.getState().nodes[level.id]
363
+ expect(redoneLevel?.type === 'level' ? redoneLevel.children : null).toEqual([measurementId])
364
+ })
365
+ })
366
+
367
+ describe('measurement draft vertex editing', () => {
368
+ test('enforces owner, index, and transition guards during a drag', () => {
369
+ const draft = useMeasurementDraft.getState()
370
+ draft.setKind('area')
371
+ draft.addPoint('3d', point(0, 0, 0))
372
+ draft.addPoint('3d', point(2, 0, 0))
373
+ draft.addPoint('3d', point(2, 0, 2))
374
+
375
+ expect(draft.beginVertexDrag('2d', 1)).toBe(false)
376
+ expect(draft.beginVertexDrag('3d', 8)).toBe(false)
377
+ expect(draft.beginVertexDrag('3d', 1)).toBe(true)
378
+ expect(useMeasurementDraft.getState().vertexDrag).toEqual({
379
+ owner: '3d',
380
+ index: 1,
381
+ originalPoint: point(2, 0, 0),
382
+ originalAnchor: null,
383
+ inserted: false,
384
+ })
385
+ expect(draft.addPoint('3d', point(3, 0, 3))).toBe(false)
386
+ expect(draft.closeBase('3d')).toBe(false)
387
+ expect(draft.removeLast('3d')).toBe(false)
388
+ })
389
+
390
+ test('previews an indexed move without scene history and restores it on cancel', () => {
391
+ const draft = useMeasurementDraft.getState()
392
+ draft.setKind('area')
393
+ draft.addPoint('3d', point(0, 0, 0))
394
+ draft.addPoint('3d', point(2, 0, 0))
395
+ draft.addPoint('3d', point(2, 0, 2))
396
+ const pastCount = useScene.temporal.getState().pastStates.length
397
+
398
+ expect(draft.beginVertexDrag('3d', 1)).toBe(true)
399
+ expect(
400
+ draft.updateDraggedVertex(
401
+ '3d',
402
+ {
403
+ point: point(3, 0, 0),
404
+ normal: point(0, 1, 0),
405
+ targetNodeId: 'slab_1',
406
+ },
407
+ {
408
+ axis: 'x',
409
+ from: point(0, 0, 0),
410
+ to: point(3, 0, 0),
411
+ snapped: true,
412
+ proximity: true,
413
+ },
414
+ ),
415
+ ).toBe(true)
416
+ expect(useMeasurementDraft.getState()).toMatchObject({
417
+ points: [point(0, 0, 0), point(3, 0, 0), point(2, 0, 2)],
418
+ hoverOwner: '3d',
419
+ axisGuide: { axis: 'x', proximity: true, snapped: true },
420
+ })
421
+ expect(useScene.temporal.getState().pastStates.length).toBe(pastCount)
422
+
423
+ expect(draft.cancelVertexDrag('3d')).toBe(true)
424
+ expect(useMeasurementDraft.getState()).toMatchObject({
425
+ points: [point(0, 0, 0), point(2, 0, 0), point(2, 0, 2)],
426
+ vertexDrag: null,
427
+ hover: null,
428
+ axisGuide: null,
429
+ })
430
+ expect(useScene.temporal.getState().pastStates.length).toBe(pastCount)
431
+ })
432
+
433
+ test('retains a finished move and still commits the polygon in one undo step', () => {
434
+ const draft = useMeasurementDraft.getState()
435
+ draft.setKind('area')
436
+ draft.addPoint('2d', point(0, 0, 0))
437
+ draft.addPoint('2d', point(2, 0, 0))
438
+ draft.addPoint('2d', point(2, 0, 2))
439
+ const pastCount = useScene.temporal.getState().pastStates.length
440
+
441
+ expect(draft.beginVertexDrag('2d', 1)).toBe(true)
442
+ expect(
443
+ draft.updateDraggedVertex('2d', {
444
+ point: point(3, 0, 0),
445
+ normal: point(0, 1, 0),
446
+ targetNodeId: 'wall_1',
447
+ }),
448
+ ).toBe(true)
449
+ expect(draft.finishVertexDrag('2d')).toBe(true)
450
+ expect(useMeasurementDraft.getState()).toMatchObject({
451
+ points: [point(0, 0, 0), point(3, 0, 0), point(2, 0, 2)],
452
+ vertexDrag: null,
453
+ hover: null,
454
+ })
455
+
456
+ expect(draft.closeBase('2d', point(0, 1, 0))).toBe(true)
457
+ expect(commitMeasurementDraft('2d')).toBeTruthy()
458
+ expect(useScene.temporal.getState().pastStates.length).toBe(pastCount + 1)
459
+ })
460
+
461
+ test('inserts a midpoint transiently and removes it again on cancel', () => {
462
+ const draft = useMeasurementDraft.getState()
463
+ draft.setKind('area')
464
+ draft.addPoint('3d', point(0, 0, 0))
465
+ draft.addPoint('3d', point(4, 0, 0))
466
+ draft.addPoint('3d', point(4, 0, 4))
467
+ const pastCount = useScene.temporal.getState().pastStates.length
468
+
469
+ expect(draft.beginMidpointVertexDrag('3d', 0)).toBe(true)
470
+ expect(useMeasurementDraft.getState()).toMatchObject({
471
+ points: [point(0, 0, 0), point(2, 0, 0), point(4, 0, 0), point(4, 0, 4)],
472
+ vertexDrag: {
473
+ owner: '3d',
474
+ index: 1,
475
+ originalPoint: point(2, 0, 0),
476
+ inserted: true,
477
+ },
478
+ })
479
+ expect(useScene.temporal.getState().pastStates.length).toBe(pastCount)
480
+
481
+ expect(draft.cancelVertexDrag('3d')).toBe(true)
482
+ expect(useMeasurementDraft.getState()).toMatchObject({
483
+ points: [point(0, 0, 0), point(4, 0, 0), point(4, 0, 4)],
484
+ vertexDrag: null,
485
+ })
486
+ expect(useScene.temporal.getState().pastStates.length).toBe(pastCount)
487
+ })
488
+
489
+ test('keeps a dragged midpoint insertion and commits it with the polygon', () => {
490
+ const draft = useMeasurementDraft.getState()
491
+ draft.setKind('area')
492
+ draft.addPoint('2d', point(0, 0, 0))
493
+ draft.addPoint('2d', point(4, 0, 0))
494
+ draft.addPoint('2d', point(4, 0, 4))
495
+
496
+ expect(draft.beginMidpointVertexDrag('2d', 2)).toBe(true)
497
+ expect(
498
+ draft.updateDraggedVertex('2d', {
499
+ point: point(1, 0, 2),
500
+ normal: point(0, 1, 0),
501
+ targetNodeId: 'slab_1',
502
+ }),
503
+ ).toBe(true)
504
+ expect(draft.finishVertexDrag('2d')).toBe(true)
505
+ expect(useMeasurementDraft.getState().points).toEqual([
506
+ point(0, 0, 0),
507
+ point(4, 0, 0),
508
+ point(4, 0, 4),
509
+ point(1, 0, 2),
510
+ ])
511
+
512
+ expect(draft.closeBase('2d', point(0, 1, 0))).toBe(true)
513
+ const measurementId = commitMeasurementDraft('2d')
514
+ const measurement = measurementId ? useScene.getState().nodes[measurementId] : null
515
+ expect(measurement?.type).toBe('measurement')
516
+ if (measurement?.type !== 'measurement' || measurement.measurement.kind !== 'area') return
517
+ expect(measurement.measurement.base).toHaveLength(4)
518
+ })
519
+
520
+ test('rejects midpoint insertion for distances and incomplete polygons', () => {
521
+ const draft = useMeasurementDraft.getState()
522
+ draft.addPoint('3d', point(0, 0, 0))
523
+ expect(draft.beginMidpointVertexDrag('3d', 0)).toBe(false)
524
+
525
+ draft.setKind('area')
526
+ draft.addPoint('3d', point(0, 0, 0))
527
+ draft.addPoint('3d', point(2, 0, 0))
528
+ expect(draft.beginMidpointVertexDrag('3d', 0)).toBe(false)
529
+ })
530
+ })