@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.
- package/package.json +12 -9
- package/src/components/editor/alignment-3d-guide-layer.tsx +10 -2
- package/src/components/editor/bake-exporter.tsx +47 -0
- package/src/components/editor/custom-camera-controls.tsx +63 -25
- package/src/components/editor/editor-layout-mobile.tsx +5 -0
- package/src/components/editor/editor-layout-v2.tsx +18 -0
- package/src/components/editor/export-manager.tsx +71 -63
- package/src/components/editor/fence-tangent-lines-3d.tsx +87 -0
- package/src/components/editor/first-person/build-collider-world.test.ts +36 -3
- package/src/components/editor/first-person/build-collider-world.ts +32 -5
- package/src/components/editor/first-person-controls.tsx +118 -7
- package/src/components/editor/floating-action-menu.tsx +410 -33
- package/src/components/editor/floating-building-action-menu.tsx +1 -1
- package/src/components/editor/floorplan-background-selection.test.ts +58 -0
- package/src/components/editor/floorplan-background-selection.ts +3 -2
- package/src/components/editor/floorplan-panel.tsx +1804 -849
- package/src/components/editor/grid.tsx +166 -39
- package/src/components/editor/group-actions.ts +457 -0
- package/src/components/editor/group-floating-action-menu.tsx +130 -0
- package/src/components/editor/group-move-3d.ts +397 -0
- package/src/components/editor/group-rotate-handle.tsx +102 -64
- package/src/components/editor/group-selection-box-3d.tsx +173 -0
- package/src/components/editor/group-transform-shared.test.ts +192 -1
- package/src/components/editor/group-transform-shared.ts +240 -7
- package/src/components/editor/handles/handle-arrow.tsx +81 -23
- package/src/components/editor/handles/use-handle-drag.ts +37 -4
- package/src/components/editor/index.tsx +248 -27
- package/src/components/editor/measurement-pill.tsx +62 -22
- package/src/components/editor/node-action-menu.tsx +14 -1
- package/src/components/editor/node-arrow-handles.tsx +366 -173
- package/src/components/editor/opening-guides-3d-layer.tsx +144 -0
- package/src/components/editor/quick-measurement-card.tsx +70 -0
- package/src/components/editor/quick-measurement-hud.tsx +28 -0
- package/src/components/editor/riser-diagram-panel.tsx +137 -0
- package/src/components/editor/selection-manager.tsx +812 -466
- package/src/components/editor/site-edge-labels.tsx +4 -4
- package/src/components/editor/slab-hole-highlights.tsx +13 -5
- package/src/components/editor/snapshot-capture-overlay.tsx +255 -115
- package/src/components/editor/three-context-bridge.ts +22 -0
- package/src/components/editor/thumbnail-generator.tsx +136 -43
- package/src/components/editor/use-floorplan-background-placement.ts +113 -45
- package/src/components/editor/use-floorplan-scene-data.ts +5 -5
- package/src/components/editor/use-mesh-settle-epoch.ts +26 -0
- package/src/components/editor/wall-measurement-label.tsx +3 -13
- package/src/components/editor/wall-move-side-handles.tsx +36 -21
- package/src/components/editor/wall-snap-beacon-layer.tsx +160 -6
- package/src/components/editor-2d/floorplan-action-menu-layer.tsx +9 -5
- package/src/components/editor-2d/floorplan-cursor-indicator-overlay.tsx +1 -1
- package/src/components/editor-2d/floorplan-group-action-menu.tsx +87 -0
- package/src/components/editor-2d/floorplan-group-move.tsx +701 -0
- package/src/components/editor-2d/floorplan-measurement-tool-layer.test.ts +113 -0
- package/src/components/editor-2d/floorplan-measurement-tool-layer.tsx +1656 -0
- package/src/components/editor-2d/floorplan-quick-measure-layer.tsx +212 -0
- package/src/components/editor-2d/floorplan-registry-action-menu.tsx +169 -4
- package/src/components/editor-2d/floorplan-registry-move-overlay.tsx +300 -59
- package/src/components/editor-2d/floorplan-snap-beacon-layer.tsx +5 -3
- package/src/components/editor-2d/renderers/floorplan-label-angle.test.ts +15 -0
- package/src/components/editor-2d/renderers/floorplan-label-angle.ts +14 -0
- package/src/components/editor-2d/renderers/floorplan-placement-preview-layer.tsx +4 -1
- package/src/components/editor-2d/renderers/floorplan-registry-layer.test.ts +308 -0
- package/src/components/editor-2d/renderers/floorplan-registry-layer.tsx +1704 -342
- package/src/components/editor-2d/renderers/floorplan-voronoi-layer.tsx +128 -0
- package/src/components/systems/ceiling/ceiling-selection-affordance-system.tsx +419 -60
- package/src/components/systems/ceiling/ceiling-system.tsx +97 -4
- package/src/components/systems/roof/roof-edit-system.tsx +1768 -13
- package/src/components/systems/selection-affordance-manager.tsx +38 -0
- package/src/components/systems/zone/zone-label-editor-system.tsx +14 -1
- package/src/components/systems/zone/zone-system.tsx +42 -13
- package/src/components/tools/elevator/elevator-tool.tsx +34 -8
- package/src/components/tools/elevator/move-elevator-tool.tsx +13 -2
- package/src/components/tools/fence/fence-drafting.ts +80 -8
- package/src/components/tools/item/move-tool.tsx +17 -13
- package/src/components/tools/item/placement-math.test.ts +13 -1
- package/src/components/tools/item/placement-math.ts +28 -2
- package/src/components/tools/item/placement-strategies.ts +246 -5
- package/src/components/tools/item/placement-types.ts +13 -1
- package/src/components/tools/item/use-draft-node.ts +31 -1
- package/src/components/tools/item/use-placement-coordinator.tsx +761 -121
- package/src/components/tools/registry/move-registry-node-tool.tsx +561 -99
- package/src/components/tools/roof/roof-tool.tsx +320 -94
- package/src/components/tools/select/box-select-state.ts +18 -7
- package/src/components/tools/select/box-select-tool.tsx +176 -40
- package/src/components/tools/select/marquee-geometry.test.ts +161 -0
- package/src/components/tools/select/marquee-geometry.ts +155 -0
- package/src/components/tools/select/plane-box-select-tool.tsx +1 -8
- package/src/components/tools/select/select-candidates.ts +1 -1
- package/src/components/tools/shared/cursor-sphere.tsx +62 -26
- package/src/components/tools/shared/drag-bounding-box.tsx +28 -4
- package/src/components/tools/shared/facing-indicator.tsx +87 -0
- package/src/components/tools/shared/facing-pose-indicator.tsx +54 -0
- package/src/components/tools/shared/placement-box.tsx +183 -1
- package/src/components/tools/shared/polygon-editor.tsx +276 -35
- package/src/components/tools/site/site-boundary-editor.tsx +88 -36
- package/src/components/tools/stair/stair-defaults.ts +1 -0
- package/src/components/tools/stair/stair-tool.tsx +82 -11
- package/src/components/tools/tool-manager.tsx +86 -25
- package/src/components/tools/wall/wall-drafting.test.ts +330 -0
- package/src/components/tools/wall/wall-drafting.ts +180 -103
- package/src/components/tools/wall/wall-snap-geometry.test.ts +44 -0
- package/src/components/tools/wall/wall-snap-geometry.ts +67 -6
- package/src/components/tools/zone/zone-boundary-editor.tsx +5 -1
- package/src/components/tools/zone/zone-tool.tsx +82 -88
- package/src/components/ui/action-menu/camera-actions.tsx +24 -17
- package/src/components/ui/action-menu/control-modes.tsx +40 -93
- package/src/components/ui/action-menu/furnish-tools.tsx +5 -5
- package/src/components/ui/action-menu/index.tsx +2 -4
- package/src/components/ui/action-menu/measurement-control.tsx +188 -0
- package/src/components/ui/action-menu/structure-tools.tsx +22 -13
- package/src/components/ui/action-menu/view-toggles.tsx +42 -90
- package/src/components/ui/command-palette/editor-commands.tsx +2 -2
- package/src/components/ui/command-palette/index.tsx +4 -3
- package/src/components/ui/controls/material-paint-panel.tsx +86 -17
- package/src/components/ui/controls/material-picker.tsx +83 -152
- package/src/components/ui/controls/material-properties-editor.tsx +108 -0
- package/src/components/ui/controls/metric-control.tsx +118 -44
- package/src/components/ui/controls/scene-material-list.tsx +247 -0
- package/src/components/ui/controls/slider-control.tsx +88 -38
- package/src/components/ui/floating-level-selector.tsx +1 -1
- package/src/components/ui/helpers/building-helper.tsx +10 -23
- package/src/components/ui/helpers/contextual-helper-panel.tsx +428 -0
- package/src/components/ui/helpers/helper-manager.tsx +227 -14
- package/src/components/ui/helpers/item-helper.tsx +28 -32
- package/src/components/ui/helpers/registered-tool-helper.tsx +45 -11
- package/src/components/ui/helpers/roof-helper.tsx +10 -12
- package/src/components/ui/icon-ref.tsx +47 -0
- package/src/components/ui/item-catalog/catalog-items.tsx +39 -1
- package/src/components/ui/item-catalog/item-catalog.tsx +13 -36
- package/src/components/ui/level-duplicate-dialog.tsx +1 -1
- package/src/components/ui/panels/node-display.ts +17 -17
- package/src/components/ui/panels/panel-manager.tsx +22 -13
- package/src/components/ui/panels/panel-wrapper.tsx +24 -3
- package/src/components/ui/panels/parametric-inspector.tsx +15 -2
- package/src/components/ui/panels/reference-panel.tsx +54 -19
- package/src/components/ui/primitives/shortcut-token.tsx +39 -3
- package/src/components/ui/primitives/sidebar.tsx +1 -0
- package/src/components/ui/sidebar/app-sidebar.tsx +5 -1
- package/src/components/ui/sidebar/icon-rail.tsx +50 -31
- package/src/components/ui/sidebar/panels/plugins-panel.tsx +218 -0
- package/src/components/ui/sidebar/panels/settings-panel/index.tsx +71 -40
- package/src/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx +60 -6
- package/src/components/ui/sidebar/panels/settings-panel/load-build-dialog.tsx +12 -4
- package/src/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx +4 -3
- package/src/components/ui/sidebar/panels/site-panel/chimney-tree-node.tsx +10 -7
- package/src/components/ui/sidebar/panels/site-panel/column-tree-node.tsx +1 -1
- package/src/components/ui/sidebar/panels/site-panel/door-tree-node.tsx +7 -2
- package/src/components/ui/sidebar/panels/site-panel/dormer-tree-node.tsx +10 -7
- package/src/components/ui/sidebar/panels/site-panel/elevator-tree-node.tsx +1 -1
- package/src/components/ui/sidebar/panels/site-panel/fence-tree-node.tsx +1 -1
- package/src/components/ui/sidebar/panels/site-panel/gutter-tree-node.tsx +10 -7
- package/src/components/ui/sidebar/panels/site-panel/index.tsx +40 -17
- package/src/components/ui/sidebar/panels/site-panel/item-tree-node.tsx +31 -17
- package/src/components/ui/sidebar/panels/site-panel/level-tree-node.tsx +1 -1
- package/src/components/ui/sidebar/panels/site-panel/registry-tree-node.tsx +72 -25
- package/src/components/ui/sidebar/panels/site-panel/roof-tree-node.tsx +7 -3
- package/src/components/ui/sidebar/panels/site-panel/shelf-tree-node.tsx +12 -8
- package/src/components/ui/sidebar/panels/site-panel/slab-tree-node.tsx +4 -3
- package/src/components/ui/sidebar/panels/site-panel/solar-panel-tree-node.tsx +10 -7
- package/src/components/ui/sidebar/panels/site-panel/spawn-tree-node.tsx +1 -1
- package/src/components/ui/sidebar/panels/site-panel/stair-tree-node.tsx +2 -2
- package/src/components/ui/sidebar/panels/site-panel/tree-node.tsx +44 -3
- package/src/components/ui/sidebar/panels/site-panel/tree-structure.ts +36 -0
- package/src/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx +1 -1
- package/src/components/ui/sidebar/panels/site-panel/window-tree-node.tsx +7 -2
- package/src/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx +3 -3
- package/src/components/ui/sidebar/tab-bar.tsx +42 -28
- package/src/components/ui/sidebar/use-plugin-panels.tsx +132 -0
- package/src/components/ui/snap-target-badge.test.tsx +40 -0
- package/src/components/ui/snap-target-badge.tsx +88 -0
- package/src/components/viewer-overlay.tsx +85 -10
- package/src/components/viewer-zone-system.tsx +6 -1
- package/src/hooks/use-auto-save.test.ts +14 -0
- package/src/hooks/use-auto-save.ts +54 -7
- package/src/hooks/use-ceiling-events.ts +3 -2
- package/src/hooks/use-drag-action.ts +4 -1
- package/src/hooks/use-keyboard.ts +385 -40
- package/src/index.tsx +219 -6
- package/src/lib/active-placement-surface.ts +35 -0
- package/src/lib/ceiling-plan-snap.ts +24 -0
- package/src/lib/contextual-help.test.ts +112 -0
- package/src/lib/contextual-help.ts +144 -0
- package/src/lib/continuation.ts +64 -0
- package/src/lib/direct-manipulation.test.ts +192 -0
- package/src/lib/direct-manipulation.ts +109 -0
- package/src/lib/editor-api.ts +23 -35
- package/src/lib/floorplan/apply-alignment.test.ts +25 -0
- package/src/lib/floorplan/apply-alignment.ts +18 -12
- package/src/lib/floorplan/floorplan-export.tsx +364 -0
- package/src/lib/floorplan/geometry.ts +53 -0
- package/src/lib/floorplan/index.ts +3 -0
- package/src/lib/floorplan/items.ts +5 -2
- package/src/lib/floorplan/plan-coords.ts +21 -0
- package/src/lib/fresh-planar-placement.test.ts +240 -3
- package/src/lib/fresh-planar-placement.ts +68 -1
- package/src/lib/glb-export.test.ts +441 -0
- package/src/lib/glb-export.ts +874 -0
- package/src/lib/history.ts +9 -0
- package/src/lib/interaction/hot-set.test.ts +133 -0
- package/src/lib/interaction/hot-set.ts +67 -0
- package/src/lib/interaction/overlay-policy.test.ts +51 -0
- package/src/lib/interaction/overlay-policy.ts +59 -0
- package/src/lib/interaction/scope.ts +211 -0
- package/src/lib/level-selection.ts +2 -2
- package/src/lib/material-paint.ts +36 -49
- package/src/lib/measurement-kind.test.ts +30 -0
- package/src/lib/measurement-kind.ts +19 -0
- package/src/lib/measurement-label.test.ts +47 -0
- package/src/lib/measurement-label.ts +68 -0
- package/src/lib/measurement-parser.ts +116 -0
- package/src/lib/measurements.test.ts +183 -0
- package/src/lib/measurements.ts +199 -0
- package/src/lib/paint-scope.test.ts +454 -0
- package/src/lib/paint-scope.ts +461 -0
- package/src/lib/placement-drag-release.ts +23 -0
- package/src/lib/planar-cursor-placement.test.ts +57 -0
- package/src/lib/plugin-panels.test.ts +19 -0
- package/src/lib/plugin-panels.ts +91 -0
- package/src/lib/quick-measurement.test.ts +77 -0
- package/src/lib/quick-measurement.ts +109 -0
- package/src/lib/roof-duplication.ts +6 -6
- package/src/lib/roof-hover-outline-proxy.ts +22 -0
- package/src/lib/roof-wall-hit.ts +164 -0
- package/src/lib/scene-clipboard.test.ts +196 -0
- package/src/lib/scene-clipboard.ts +73 -8
- package/src/lib/scene.ts +28 -5
- package/src/lib/selection-routing.test.ts +298 -0
- package/src/lib/selection-routing.ts +175 -0
- package/src/lib/sfx/index.ts +1 -0
- package/src/lib/sfx/movement-tick.test.ts +65 -0
- package/src/lib/sfx/movement-tick.ts +18 -0
- package/src/lib/sfx-bus.ts +50 -13
- package/src/lib/sfx-player.test.ts +124 -0
- package/src/lib/sfx-player.ts +111 -66
- package/src/lib/slab-plan-snap.test.ts +93 -0
- package/src/lib/slab-plan-snap.ts +108 -0
- package/src/lib/snapping-mode.test.ts +138 -0
- package/src/lib/snapping-mode.ts +179 -0
- package/src/lib/stair-duplication.ts +4 -4
- package/src/lib/surface-plan-snap.test.ts +71 -0
- package/src/lib/surface-plan-snap.ts +256 -0
- package/src/lib/use-linear-display.ts +40 -0
- package/src/lib/world-grid-snap.ts +37 -5
- package/src/store/use-direct-manipulation-feedback.ts +20 -0
- package/src/store/use-editor.tsx +484 -114
- package/src/store/use-facing-pose.ts +44 -0
- package/src/store/use-fence-curve-draft.ts +21 -0
- package/src/store/use-floorplan-draft-preview.ts +101 -0
- package/src/store/use-floorplan-marquee.ts +50 -0
- package/src/store/use-interaction-scope.test.ts +186 -0
- package/src/store/use-interaction-scope.ts +132 -0
- package/src/store/use-measurement-draft.test.ts +530 -0
- package/src/store/use-measurement-draft.ts +543 -0
- package/src/store/use-opening-guides.ts +41 -0
- package/src/store/use-placement-preview.ts +11 -3
- package/src/store/use-quick-measurement-hud.test.ts +53 -0
- package/src/store/use-quick-measurement-hud.ts +77 -0
- package/src/store/use-segment-draft-chain.ts +28 -0
- package/src/store/use-stair-build-preview.ts +43 -0
- package/src/store/use-wall-snap-indicator.ts +2 -0
- package/src/components/editor/first-person/bvh-ecctrl.tsx +0 -860
- package/src/components/editor/group-move-handle.tsx +0 -316
- package/src/components/ui/panels/paint-panel.tsx +0 -163
- package/src/lib/level-name.ts +0 -11
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import type { QuickMeasurementReport } from '@pascal-app/core'
|
|
2
|
+
import { create } from 'zustand'
|
|
3
|
+
import type { ViewMode } from './use-editor'
|
|
4
|
+
|
|
5
|
+
export type QuickMeasurementHudSource = '2d' | '3d'
|
|
6
|
+
|
|
7
|
+
export type QuickMeasurementHudEntry = {
|
|
8
|
+
lensState: 'live' | 'pinned'
|
|
9
|
+
report: QuickMeasurementReport
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export type QuickMeasurementHudState = {
|
|
13
|
+
activeSource: QuickMeasurementHudSource | null
|
|
14
|
+
sources: Record<QuickMeasurementHudSource, QuickMeasurementHudEntry | null>
|
|
15
|
+
activate(source: QuickMeasurementHudSource): void
|
|
16
|
+
clear(source: QuickMeasurementHudSource): void
|
|
17
|
+
publish(source: QuickMeasurementHudSource, entry: QuickMeasurementHudEntry | null): void
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export const useQuickMeasurementHud = create<QuickMeasurementHudState>((set) => ({
|
|
21
|
+
activeSource: null,
|
|
22
|
+
sources: { '2d': null, '3d': null },
|
|
23
|
+
activate: (source) =>
|
|
24
|
+
set((state) => (state.activeSource === source ? state : { activeSource: source })),
|
|
25
|
+
clear: (source) =>
|
|
26
|
+
set((state) => {
|
|
27
|
+
if (state.sources[source] === null && state.activeSource !== source) return state
|
|
28
|
+
const sibling = source === '2d' ? '3d' : '2d'
|
|
29
|
+
return {
|
|
30
|
+
activeSource:
|
|
31
|
+
state.activeSource === source
|
|
32
|
+
? state.sources[sibling]
|
|
33
|
+
? sibling
|
|
34
|
+
: null
|
|
35
|
+
: state.activeSource,
|
|
36
|
+
sources: { ...state.sources, [source]: null },
|
|
37
|
+
}
|
|
38
|
+
}),
|
|
39
|
+
publish: (source, entry) =>
|
|
40
|
+
set((state) => {
|
|
41
|
+
const current = state.sources[source]
|
|
42
|
+
if (
|
|
43
|
+
current?.report === entry?.report &&
|
|
44
|
+
current?.lensState === entry?.lensState &&
|
|
45
|
+
Boolean(current) === Boolean(entry)
|
|
46
|
+
) {
|
|
47
|
+
return state
|
|
48
|
+
}
|
|
49
|
+
return {
|
|
50
|
+
activeSource: state.activeSource ?? (entry ? source : null),
|
|
51
|
+
sources: { ...state.sources, [source]: entry },
|
|
52
|
+
}
|
|
53
|
+
}),
|
|
54
|
+
}))
|
|
55
|
+
|
|
56
|
+
export function selectQuickMeasurementHudEntry(
|
|
57
|
+
state: QuickMeasurementHudState,
|
|
58
|
+
viewMode: ViewMode,
|
|
59
|
+
): QuickMeasurementHudEntry | null {
|
|
60
|
+
const source = viewMode === 'split' ? state.activeSource : viewMode
|
|
61
|
+
return source ? state.sources[source] : null
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
export function activateQuickMeasurementHudSource(source: QuickMeasurementHudSource) {
|
|
65
|
+
useQuickMeasurementHud.getState().activate(source)
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
export function publishQuickMeasurementHudSource(
|
|
69
|
+
source: QuickMeasurementHudSource,
|
|
70
|
+
entry: QuickMeasurementHudEntry | null,
|
|
71
|
+
) {
|
|
72
|
+
useQuickMeasurementHud.getState().publish(source, entry)
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
export function clearQuickMeasurementHudSource(source: QuickMeasurementHudSource) {
|
|
76
|
+
useQuickMeasurementHud.getState().clear(source)
|
|
77
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
// Ephemeral store for the wall / fence tools' click-chaining start points.
|
|
2
|
+
// The 3D tools (`@pascal-app/nodes` wall/tool.tsx, fence/tool.tsx) own node
|
|
3
|
+
// creation for both views; after each chained commit they publish the
|
|
4
|
+
// created segment's resolved end here so the 2D floor-plan draft chains its
|
|
5
|
+
// next segment from the same point instead of re-deriving it through a
|
|
6
|
+
// different snap pipeline. Cleared on cancel, single-segment commit, and
|
|
7
|
+
// unmount — never persisted, never in undo history.
|
|
8
|
+
|
|
9
|
+
import { create } from 'zustand'
|
|
10
|
+
import type { WallPlanPoint } from '../components/tools/wall/wall-snap-geometry'
|
|
11
|
+
|
|
12
|
+
type SegmentKind = 'wall' | 'fence'
|
|
13
|
+
|
|
14
|
+
type SegmentDraftChainState = {
|
|
15
|
+
wall: WallPlanPoint | null
|
|
16
|
+
fence: WallPlanPoint | null
|
|
17
|
+
setChainStart(kind: SegmentKind, point: WallPlanPoint | null): void
|
|
18
|
+
clear(kind: SegmentKind): void
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
const useSegmentDraftChain = create<SegmentDraftChainState>((set) => ({
|
|
22
|
+
wall: null,
|
|
23
|
+
fence: null,
|
|
24
|
+
setChainStart: (kind, point) => set({ [kind]: point }),
|
|
25
|
+
clear: (kind) => set({ [kind]: null }),
|
|
26
|
+
}))
|
|
27
|
+
|
|
28
|
+
export default useSegmentDraftChain
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
// Ephemeral store for the stair tool's 2D floor-plan build preview. The stair
|
|
2
|
+
// tool's snapped cursor point + rotation publish here on each `grid:move` / R-T
|
|
3
|
+
// rotate; the floor-plan stair preview layer subscribes and renders the ghost
|
|
4
|
+
// staircase. This mirrors how `usePlacementPreview` keeps column / elevator
|
|
5
|
+
// placement smooth: the preview lives OUTSIDE `FloorplanPanel`, so a per-move
|
|
6
|
+
// update re-renders only the tiny preview layer, not the (expensive) panel.
|
|
7
|
+
//
|
|
8
|
+
// Editor-only, same rationale as `usePlacementPreview`. Producers clear on
|
|
9
|
+
// tool-inactive, commit, and unmount.
|
|
10
|
+
|
|
11
|
+
import { create } from 'zustand'
|
|
12
|
+
|
|
13
|
+
type StairPreviewPoint = [number, number]
|
|
14
|
+
|
|
15
|
+
type StairBuildPreviewState = {
|
|
16
|
+
/** Snapped plan-XZ point the ghost staircase sits at; `null` when idle. */
|
|
17
|
+
point: StairPreviewPoint | null
|
|
18
|
+
/** Yaw (radians), cycled by R / T. */
|
|
19
|
+
rotation: number
|
|
20
|
+
/** Set the snapped point. No-ops (skips the store update, so subscribers
|
|
21
|
+
* don't re-render) when the point is unchanged — `grid:move` fires far more
|
|
22
|
+
* often than the snapped cell actually changes. */
|
|
23
|
+
setPoint(point: StairPreviewPoint | null): void
|
|
24
|
+
rotateBy(deltaRadians: number): void
|
|
25
|
+
reset(): void
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export const useStairBuildPreview = create<StairBuildPreviewState>((set) => ({
|
|
29
|
+
point: null,
|
|
30
|
+
rotation: 0,
|
|
31
|
+
setPoint: (point) =>
|
|
32
|
+
set((state) => {
|
|
33
|
+
const prev = state.point
|
|
34
|
+
if (!point && !prev) return state
|
|
35
|
+
if (point && prev && prev[0] === point[0] && prev[1] === point[1]) return state
|
|
36
|
+
return { point }
|
|
37
|
+
}),
|
|
38
|
+
rotateBy: (deltaRadians) => set((state) => ({ rotation: state.rotation + deltaRadians })),
|
|
39
|
+
reset: () =>
|
|
40
|
+
set((state) =>
|
|
41
|
+
state.point === null && state.rotation === 0 ? state : { point: null, rotation: 0 },
|
|
42
|
+
),
|
|
43
|
+
}))
|