editor: add Blender-style custom mesh editing

apps/editor/components/build-tab.tsx

@@ -13,7 +13,7 @@ import {
 } from '@pascal-app/editor'
 import { useLiquidLineToolOptions } from '@pascal-app/nodes'
 import Image from 'next/image'
-import { useCallback, useEffect, useMemo, useRef } from 'react'
+import { useCallback, useEffect, useMemo, useRef, useSyncExternalStore } from 'react'
 import {
   Tooltip,
   TooltipContent,
@@ -78,6 +78,8 @@ const BASE_BUILD_TYPES: BuildType[] = [
   { id: 'terrain', label: 'Terrain', iconSrc: '/icons/mesh.webp', mode: 'terrain-sculpt' },
 ]
 
+const subscribeToClientMount = () => () => {}
+
 function collectBuildTypes(floorplanMode: FloorplanMode): BuildType[] {
   const baseKinds = new Set(BASE_BUILD_TYPES.flatMap((type) => (type.kind ? [type.kind] : [])))
   const tools = BASE_BUILD_TYPES.filter((type) => type.kind).map((type, index) => ({
@@ -209,7 +211,15 @@ export function BuildTab() {
   const floorplanMode = useFloorplanMode((s) => s.mode)
   const follow = useLiquidLineToolOptions((s) => s.follow)
   const toggleFollow = useLiquidLineToolOptions((s) => s.toggleFollow)
-  const buildTypes = useMemo(() => collectBuildTypes(floorplanMode), [floorplanMode])
+  const registryReady = useSyncExternalStore(
+    subscribeToClientMount,
+    () => true,
+    () => false,
+  )
+  const buildTypes = useMemo(
+    () => (registryReady ? collectBuildTypes(floorplanMode) : BASE_BUILD_TYPES),
+    [floorplanMode, registryReady],
+  )
 
   // The fitting / follow tools are armed from a segment's panel, not a grid
   // tile — keep the segment tile lit so the panel (and the way back) stays

packages/core/src/events/bus.ts

@@ -11,6 +11,7 @@ import type {
   ColumnNode,
   ConstructionDimensionNode,
   CupolaNode,
+  CustomMeshNode,
   DoorNode,
   DormerNode,
   DownspoutNode,
@@ -104,6 +105,7 @@ export type SpawnEvent = NodeEvent<SpawnNode>
 export type CeilingEvent = NodeEvent<CeilingNode>
 export type ColumnEvent = NodeEvent<ColumnNode>
 export type ConstructionDimensionEvent = NodeEvent<ConstructionDimensionNode>
+export type CustomMeshEvent = NodeEvent<CustomMeshNode>
 export type RoofEvent = NodeEvent<RoofNode>
 export type RoofSegmentEvent = NodeEvent<RoofSegmentNode>
 export type StairEvent = NodeEvent<StairNode>
@@ -158,6 +160,10 @@ type GridEvents = {
   [K in `grid:${EventSuffix}`]: GridEvent
 }
 
+type GenericNodeEvents = {
+  [K in `node:${EventSuffix}`]: NodeEvent<AnyNode>
+}
+
 export interface CameraControlEvent {
   nodeId: AnyNode['id']
 }
@@ -289,6 +295,7 @@ type SelectionEvents = {
 }
 
 type EditorEvents = GridEvents &
+  GenericNodeEvents &
   NodeEvents<'wall', WallEvent> &
   NodeEvents<'fence', FenceEvent> &
   NodeEvents<'cabinet', CabinetEvent> &
@@ -305,6 +312,7 @@ type EditorEvents = GridEvents &
   NodeEvents<'ceiling', CeilingEvent> &
   NodeEvents<'column', ColumnEvent> &
   NodeEvents<'construction-dimension', ConstructionDimensionEvent> &
+  NodeEvents<'custom-mesh', CustomMeshEvent> &
   NodeEvents<'roof', RoofEvent> &
   NodeEvents<'roof-segment', RoofSegmentEvent> &
   NodeEvents<'stair', StairEvent> &