Wholesale move of every remaining kind into its own subdirectory under
`packages/nodes/src/`, finishing the registry-driven migration. Each
kind now ships its definition, schema (re-exported from core), and any
of `geometry` / `renderer` / `system` / `floorplan` / `tool` /
`move-tool` / `panel` / `floorplan-move` / `floorplan-affordances` /
`parametrics` / `preview` it needs — no per-kind code remains under
`packages/editor/src/components/tools/` or
`packages/viewer/src/components/renderers/`.
Deleted (replaced by registry-driven equivalents):
- `tools/{ceiling,column,door,fence,item,slab,spawn,wall,window}/...`
(boundary editors, hole editors, placement tools, move tools,
endpoint movers, curve tools, helpers, math libs)
- `ui/helpers/{ceiling,slab,wall}-helper.tsx`
- `ui/panels/{column,door,elevator,item,roof,roof-segment,spawn,
stair,stair-segment,wall,window}-panel.tsx`
- `viewer/src/components/renderers/{building,ceiling,column,door,
elevator,fence,guide,item,level,roof,roof-segment,scan,site,slab,
spawn,stair,stair-segment,wall,window,zone}-renderer.tsx`
- `viewer/src/components/viewer/legacy-system.tsx`
Added under `packages/nodes/src/`:
- `building/`, `column/`, `elevator/`, `guide/`, `level/`, `roof/`,
`roof-segment/`, `scan/`, `shared/`, `site/`, `stair/`,
`stair-segment/` packages with definition + schema + renderer / system
/ floorplan / panel as appropriate.
- New `floorplan-move.ts` for every kind that supports 2D moves
(ceiling, door, item, shelf, slab, window) — single registry-driven
dispatch path via `def.floorplanMoveTarget`.
- New `floorplan-affordances.ts` for kinds with polygon / endpoint
drags (ceiling, fence, slab, wall) — using the shared
`polygon-vertex-affordance` factories.
- New per-kind `panel.tsx` for kinds with custom inspector content
(door, item, shelf, spawn, wall, window).
- New per-kind `tool.tsx` for placement (door, item, shelf, window).
- New per-kind `move-tool.tsx` for kinds with custom 3D move flows
(door, item, slab, window).
Coordinator + manager updates in `packages/editor/`:
- `tool-manager.tsx` resolves tools from the registry only — no
hardcoded type→component map.
- `panel-manager.tsx` resolves inspector panels the same way.
- `placement-{coordinator,strategies,types}.ts` extended with
shelf-surface placement.
- `selection-manager.tsx` adds the registry-selectable fallback.
- `floorplan-panel.tsx`, `floorplan-background-placement.ts`,
`floorplan-render-context.tsx` updated for the registry layer's new
contract (props, affordance dispatch, render context).
Viewer updates:
- `viewer/index.tsx` drops legacy renderer mounts.
- `node-renderer.tsx` resolves by registry only.
- `scene-bvh.tsx`, `use-node-events.ts`, `level-system.tsx`,
`wall-cutout.tsx`, `zone-system.tsx`, `materials.ts` adjusted for
the registry-only world.
Sidebar tree nodes for ceiling / fence / slab / shelf / tree-node
updated to read from the registered nodes instead of the deleted
legacy renderer trees.
Wiki: new `plugin-authoring.md` page, README index updated.
Tests in `packages/nodes/src/index.test.ts` validate every registered
kind has the required shape.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
186 lines
5.9 KiB
TypeScript
186 lines
5.9 KiB
TypeScript
import type {
|
|
ColumnNode,
|
|
FloorplanGeometry,
|
|
FloorplanPoint,
|
|
GeometryContext,
|
|
} from '@pascal-app/core'
|
|
|
|
/**
|
|
* Stage C floor-plan builder for column. Inlined from the legacy
|
|
* `getColumnPlanFootprint` helper in `floorplan-panel.tsx`. The
|
|
* footprint shape depends on `crossSection` (square / rectangular /
|
|
* round / octagonal / sixteen-sided) and `supportStyle` (vertical /
|
|
* a-frame / x-brace / etc.) — brace supports use a rotated rectangle
|
|
* spanning the base spread; standalone columns use the shaft profile.
|
|
*
|
|
* When selected, switches to a themed accent stroke and emits a move
|
|
* handle at the column center. No dimension overlay (columns don't
|
|
* have a natural "length" axis like a wall).
|
|
*/
|
|
export function buildColumnFloorplan(
|
|
node: ColumnNode,
|
|
ctx: GeometryContext,
|
|
): FloorplanGeometry | null {
|
|
const polygon = getColumnPlanFootprint(node)
|
|
if (polygon.length < 3) return null
|
|
|
|
const view = ctx.viewState
|
|
const palette = view?.palette
|
|
const isSelected = view?.selected ?? false
|
|
const isHighlighted = view?.highlighted ?? false
|
|
const showSelectedChrome = isSelected || isHighlighted
|
|
|
|
const stroke = showSelectedChrome && palette ? palette.selectedStroke : '#374151'
|
|
const fill = showSelectedChrome ? '#fed7aa' : '#9ca3af'
|
|
|
|
const points: FloorplanPoint[] = polygon.map((p) => [p.x, p.y] as FloorplanPoint)
|
|
|
|
const children: FloorplanGeometry[] = [
|
|
{
|
|
kind: 'polygon',
|
|
points,
|
|
fill,
|
|
stroke,
|
|
strokeWidth: showSelectedChrome ? 0.03 : 0.02,
|
|
opacity: 0.92,
|
|
},
|
|
]
|
|
|
|
// Hatch overlay on selected — same `<defs>` pattern as the wall.
|
|
if (isSelected && palette) {
|
|
children.push({
|
|
kind: 'hatch',
|
|
points,
|
|
color: palette.selectedHatch,
|
|
opacity: 0.7,
|
|
})
|
|
}
|
|
|
|
// Move handle at the column center when selected.
|
|
if (isSelected) {
|
|
children.push({
|
|
kind: 'move-handle',
|
|
point: [node.position[0], node.position[2]],
|
|
})
|
|
}
|
|
|
|
return { kind: 'group', children }
|
|
}
|
|
|
|
// ── Inlined helpers from legacy floorplan-panel.tsx ───────────────────
|
|
|
|
type PlanPoint = { x: number; y: number }
|
|
|
|
function rotatePlanVector(x: number, y: number, rotation: number): [number, number] {
|
|
const c = Math.cos(rotation)
|
|
const s = Math.sin(rotation)
|
|
return [x * c - y * s, x * s + y * c]
|
|
}
|
|
|
|
function getRotatedRectanglePolygon(
|
|
center: PlanPoint,
|
|
width: number,
|
|
depth: number,
|
|
rotation: number,
|
|
): PlanPoint[] {
|
|
const halfW = width / 2
|
|
const halfD = depth / 2
|
|
const corners: Array<[number, number]> = [
|
|
[-halfW, -halfD],
|
|
[halfW, -halfD],
|
|
[halfW, halfD],
|
|
[-halfW, halfD],
|
|
]
|
|
return corners.map(([x, y]) => {
|
|
const [rx, ry] = rotatePlanVector(x, y, rotation)
|
|
return { x: center.x + rx, y: center.y + ry }
|
|
})
|
|
}
|
|
|
|
function getColumnPlanFootprint(column: ColumnNode): PlanPoint[] {
|
|
const center: PlanPoint = { x: column.position[0], y: column.position[2] }
|
|
|
|
// Brace-support columns: rotated rectangle spanning the base spread.
|
|
if (
|
|
column.supportStyle === 'a-frame' ||
|
|
column.supportStyle === 'y-frame' ||
|
|
column.supportStyle === 'v-frame' ||
|
|
column.supportStyle === 'x-brace' ||
|
|
column.supportStyle === 'k-brace' ||
|
|
column.supportStyle === 'single-strut' ||
|
|
column.supportStyle === 'tripod' ||
|
|
column.supportStyle === 'trestle' ||
|
|
column.supportStyle === 'portal-frame' ||
|
|
column.supportStyle === 'box-frame'
|
|
) {
|
|
const width = Math.max(
|
|
column.supportStyle === 'a-frame' ||
|
|
column.supportStyle === 'x-brace' ||
|
|
column.supportStyle === 'k-brace' ||
|
|
column.supportStyle === 'single-strut' ||
|
|
column.supportStyle === 'tripod' ||
|
|
column.supportStyle === 'trestle' ||
|
|
column.supportStyle === 'portal-frame' ||
|
|
column.supportStyle === 'box-frame'
|
|
? (column.braceBottomSpread ?? 1.2)
|
|
: 0,
|
|
column.braceTopSpread ??
|
|
(column.supportStyle === 'y-frame' ||
|
|
column.supportStyle === 'v-frame' ||
|
|
column.supportStyle === 'x-brace' ||
|
|
column.supportStyle === 'k-brace' ||
|
|
column.supportStyle === 'single-strut' ||
|
|
column.supportStyle === 'tripod' ||
|
|
column.supportStyle === 'trestle' ||
|
|
column.supportStyle === 'portal-frame' ||
|
|
column.supportStyle === 'box-frame'
|
|
? 1
|
|
: 0),
|
|
(column.braceWidth ?? column.width) * 2,
|
|
)
|
|
const depth = Math.max(
|
|
column.supportStyle === 'tripod' ||
|
|
column.supportStyle === 'trestle' ||
|
|
column.supportStyle === 'box-frame'
|
|
? (column.braceTopSpread ?? 1)
|
|
: 0,
|
|
column.braceDepth ?? column.depth,
|
|
0.08,
|
|
)
|
|
return getRotatedRectanglePolygon(center, width, depth, column.rotation)
|
|
}
|
|
|
|
// Standalone column: shaft profile expanded for base + capital.
|
|
const isRound =
|
|
column.crossSection === 'round' ||
|
|
column.crossSection === 'octagonal' ||
|
|
column.crossSection === 'sixteen-sided'
|
|
const shaftWidth = isRound ? column.radius * 2 : column.width
|
|
const shaftDepth = isRound ? column.radius * 2 : column.depth
|
|
const width = Math.max(
|
|
shaftWidth,
|
|
column.width * column.baseWidthScale,
|
|
column.width * column.capitalWidthScale,
|
|
)
|
|
const depth = Math.max(
|
|
shaftDepth,
|
|
column.depth * column.baseDepthScale,
|
|
column.depth * column.capitalDepthScale,
|
|
)
|
|
|
|
if (column.crossSection === 'square' || column.crossSection === 'rectangular') {
|
|
return getRotatedRectanglePolygon(center, width, depth, column.rotation)
|
|
}
|
|
|
|
const segmentCount =
|
|
column.crossSection === 'octagonal' ? 8 : column.crossSection === 'sixteen-sided' ? 16 : 32
|
|
|
|
return Array.from({ length: segmentCount }, (_, index) => {
|
|
const angle = (index / segmentCount) * Math.PI * 2
|
|
const localX = Math.cos(angle) * (width / 2)
|
|
const localY = Math.sin(angle) * (depth / 2)
|
|
const [offsetX, offsetY] = rotatePlanVector(localX, localY, column.rotation)
|
|
return { x: center.x + offsetX, y: center.y + offsetY }
|
|
})
|
|
}
|