@pascal-app/editor 1.0.0-beta.5 → 1.0.0

package/src/components/tools/item/placement-strategies.ts

@@ -6,6 +6,7 @@ import type {
   GridEvent,
   ItemEvent,
   ItemNode,
+  NodeEvent,
   RoofEvent,
   RoofNode,
   RoofSegmentNode,
@@ -268,13 +269,18 @@ export const wallStrategy = {
     const pose = resolveWallPlacementPose(event, x, adjustedY, attachTo, side, itemRotation)
 
     return {
-      stateUpdate: { surface: 'wall', wallId: event.node.id, roofSegmentId: null },
+      stateUpdate: {
+        surface: 'wall',
+        wallId: event.node.id,
+        roofSegmentId: null,
+      },
       nodeUpdate: {
         position: pose.position,
         parentId: event.node.id,
         // The draft may arrive from a roof-segment wall face.
         roofSegmentId: undefined,
         roofFace: undefined,
+        blockFaceId: undefined,
         side,
         rotation: [0, itemRotation, 0],
       },
@@ -367,6 +373,7 @@ export const wallStrategy = {
         parentId: event.node.id,
         roofSegmentId: undefined,
         roofFace: undefined,
+        blockFaceId: undefined,
         side: ctx.draftItem.side,
         rotation: ctx.draftItem.rotation,
         metadata: stripTransient(ctx.draftItem.metadata),
@@ -520,12 +527,17 @@ export const roofWallStrategy = {
     if (!target) return null
 
     return {
-      stateUpdate: { surface: 'roof-wall', roofSegmentId: target.segment.id, wallId: null },
+      stateUpdate: {
+        surface: 'roof-wall',
+        roofSegmentId: target.segment.id,
+        wallId: null,
+      },
       nodeUpdate: {
         position: target.position,
         parentId: target.segment.id,
         roofSegmentId: target.segment.id,
         roofFace: target.faceId,
+        blockFaceId: undefined,
         wallId: undefined,
         side: 'front',
         rotation: [0, 0, 0],
@@ -583,6 +595,7 @@ export const roofWallStrategy = {
         parentId: ctx.state.roofSegmentId,
         roofSegmentId: ctx.state.roofSegmentId,
         roofFace: ctx.draftItem.roofFace,
+        blockFaceId: undefined,
         wallId: undefined,
         side: 'front',
         rotation: [0, 0, 0],
@@ -615,6 +628,114 @@ export const roofWallStrategy = {
   },
 }
 
+// ============================================================================
+// FACE HOST STRATEGY
+// ============================================================================
+
+function resolveFaceHostTarget(ctx: PlacementContext, event: NodeEvent) {
+  const faceHost = nodeRegistry.get(event.node.type)?.capabilities.faceHost
+  if (!faceHost) return null
+  const rawDimensions = ctx.draftItem
+    ? getScaledDimensions(ctx.draftItem)
+    : (ctx.asset.dimensions ?? DEFAULT_DIMENSIONS)
+  return faceHost.resolvePlacement({
+    host: event.node,
+    asset: ctx.asset,
+    draftItem: ctx.draftItem,
+    localPosition: event.localPosition,
+    faceIndex: event.faceIndex,
+    object: event.object,
+    currentFaceId: faceHost.currentFaceId(ctx.draftItem),
+    rawDimensions,
+    dimensions: getGridAlignedDimensions(rawDimensions, ctx.asset.attachTo),
+    snapScalar: snapToHalf,
+  })
+}
+
+function clearFaceHostItemFields(ctx: PlacementContext): Partial<ItemNode> {
+  const host = ctx.state.blockId ? useScene.getState().nodes[ctx.state.blockId] : undefined
+  const clearFields = host
+    ? nodeRegistry.get(host.type)?.capabilities.faceHost?.clearItemFields
+    : undefined
+  const patch: Partial<ItemNode> = {}
+  for (const field of clearFields ?? []) {
+    ;(patch as Record<string, unknown>)[field] = undefined
+  }
+  return patch
+}
+
+export const faceHostStrategy = {
+  enter(ctx: PlacementContext, event: NodeEvent): TransitionResult | null {
+    const target = resolveFaceHostTarget(ctx, event)
+    if (!target) return null
+    return {
+      stateUpdate: {
+        surface: 'block-face',
+        blockId: event.node.id,
+        wallId: null,
+        roofSegmentId: null,
+      },
+      nodeUpdate: {
+        ...target.nodeUpdate,
+      },
+      gridPosition: target.position,
+      cursorPosition: target.cursorPosition,
+      cursorRotationY: target.cursorRotation[1],
+      cursorRotation: target.cursorRotation,
+      stopPropagation: true,
+      hostFaceId: target.faceId,
+    }
+  },
+
+  move(ctx: PlacementContext, event: NodeEvent): PlacementResult | null {
+    if (ctx.state.surface !== 'block-face' || !ctx.draftItem) return null
+    const target = resolveFaceHostTarget(ctx, event)
+    if (!target || event.node.id !== ctx.state.blockId) return null
+    return {
+      gridPosition: target.position,
+      cursorPosition: target.cursorPosition,
+      cursorRotationY: target.cursorRotation[1],
+      cursorRotation: target.cursorRotation,
+      nodeUpdate: target.nodeUpdate,
+      stopPropagation: true,
+      dirtyNodeId: null,
+      hostFaceId: target.faceId,
+    }
+  },
+
+  click(ctx: PlacementContext, event: NodeEvent): CommitResult | null {
+    if (ctx.state.surface !== 'block-face' || !ctx.draftItem) return null
+    const target = resolveFaceHostTarget(ctx, event)
+    if (!target || event.node.id !== ctx.state.blockId) return null
+    return {
+      nodeUpdate: {
+        ...target.nodeUpdate,
+        metadata: stripTransient(ctx.draftItem.metadata),
+      },
+      stopPropagation: true,
+      dirtyNodeId: null,
+    }
+  },
+
+  leave(ctx: PlacementContext): TransitionResult | null {
+    if (ctx.state.surface !== 'block-face') return null
+    const floorPosition: [number, number, number] = [ctx.gridPosition.x, 0, ctx.gridPosition.z]
+    return {
+      stateUpdate: { surface: 'floor', blockId: null },
+      nodeUpdate: {
+        ...clearFaceHostItemFields(ctx),
+        position: floorPosition,
+        parentId: ctx.levelId,
+        rotation: [0, ctx.currentCursorRotationY, 0],
+      },
+      cursorRotationY: ctx.currentCursorRotationY,
+      gridPosition: floorPosition,
+      cursorPosition: floorPosition,
+      stopPropagation: true,
+    }
+  },
+}
+
 // ============================================================================
 // CEILING STRATEGY
 // ============================================================================
@@ -1055,6 +1176,18 @@ export function checkCanPlace(ctx: PlacementContext, validators: SpatialValidato
 
   const alignedDims = getGridAlignedDimensions(getScaledDimensions(ctx.draftItem), attachTo)
 
+  if (ctx.state.surface === 'block-face') {
+    const hostId = ctx.state.blockId
+    const host = hostId ? useScene.getState().nodes[hostId as AnyNodeId] : undefined
+    const faceHost = host ? nodeRegistry.get(host.type)?.capabilities.faceHost : undefined
+    if (!(host && faceHost)) return false
+    return faceHost.isStoredPlacementValid({
+      host,
+      item: ctx.draftItem,
+      asset: ctx.draftItem.asset,
+    })
+  }
+
   if (attachTo === 'ceiling') {
     if (ctx.state.surface !== 'ceiling' || !ctx.state.ceilingId) return false
     return validators.canPlaceOnCeiling(

package/src/components/tools/item/placement-surface.test.ts

@@ -0,0 +1,61 @@
+import { describe, expect, test } from 'bun:test'
+import { Matrix4, Quaternion, Vector3 } from 'three'
+import { resolveItemPlacementSurfaceNormal } from './placement-surface'
+
+describe('resolveItemPlacementSurfaceNormal', () => {
+  test('uses the full face normal for a sloped block host', () => {
+    const normal = new Vector3(0, 0.6, 0.8).normalize()
+    const xAxis = new Vector3(1, 0, 0)
+    const yAxis = new Vector3().crossVectors(normal, xAxis).normalize()
+    const faceQuaternion = new Quaternion().setFromRotationMatrix(
+      new Matrix4().makeBasis(xAxis, yAxis, normal),
+    )
+
+    const resolved = resolveItemPlacementSurfaceNormal(
+      'block-face',
+      faceQuaternion,
+      null,
+      new Vector3(),
+      'wall',
+    )
+
+    expect(resolved.toArray()).toEqual(normal.toArray())
+  })
+
+  test('uses the upward host normal for a floor item on a block top face', () => {
+    const faceQuaternion = new Quaternion().setFromRotationMatrix(
+      new Matrix4().makeBasis(new Vector3(1, 0, 0), new Vector3(0, 0, -1), new Vector3(0, 1, 0)),
+    )
+    const itemQuaternion = faceQuaternion.multiply(
+      new Quaternion().setFromAxisAngle(new Vector3(1, 0, 0), Math.PI / 2),
+    )
+
+    const resolved = resolveItemPlacementSurfaceNormal(
+      'block-face',
+      itemQuaternion,
+      null,
+      new Vector3(),
+    )
+
+    expect(resolved.toArray().map((value) => Math.round(value))).toEqual([0, 1, 0])
+  })
+
+  test('uses the downward host normal for a block ceiling attachment', () => {
+    const faceQuaternion = new Quaternion().setFromRotationMatrix(
+      new Matrix4().makeBasis(new Vector3(1, 0, 0), new Vector3(0, 0, 1), new Vector3(0, -1, 0)),
+    )
+    const itemQuaternion = faceQuaternion.multiply(
+      new Quaternion().setFromAxisAngle(new Vector3(1, 0, 0), -Math.PI / 2),
+    )
+
+    const resolved = resolveItemPlacementSurfaceNormal(
+      'block-face',
+      itemQuaternion,
+      null,
+      new Vector3(),
+      'ceiling',
+    )
+
+    expect(resolved.toArray().map((value) => Math.round(value))).toEqual([0, -1, 0])
+  })
+})

package/src/components/tools/item/placement-surface.ts

@@ -0,0 +1,24 @@
+import type { Quaternion, Vector3 } from 'three'
+import type { SurfaceType } from './placement-types'
+
+export function resolveItemPlacementSurfaceNormal(
+  surface: SurfaceType,
+  ghostWorldQuaternion: Quaternion,
+  hostedItemWorldQuaternion: Quaternion | null,
+  target: Vector3,
+  attachTo?: 'wall' | 'wall-side' | 'ceiling',
+): Vector3 {
+  if (surface === 'block-face') {
+    if (attachTo === 'ceiling') target.set(0, -1, 0)
+    else if (attachTo === 'wall' || attachTo === 'wall-side') target.set(0, 0, 1)
+    else target.set(0, 1, 0)
+    target.applyQuaternion(ghostWorldQuaternion)
+    if (target.lengthSq() > 1e-6) return target.normalize()
+  }
+  if (surface === 'wall' || surface === 'roof-wall') {
+    target.set(0, 0, 1).applyQuaternion(hostedItemWorldQuaternion ?? ghostWorldQuaternion)
+    target.y = 0
+    if (target.lengthSq() > 1e-6) return target.normalize()
+  }
+  return target.set(0, 1, 0)
+}

package/src/components/tools/item/placement-types.ts

@@ -1,5 +1,6 @@
 import type {
   AnyNode,
+  AnyNodeId,
   AssetInput,
   CeilingNode,
   ItemNode,
@@ -16,6 +17,7 @@ export type SurfaceType =
   | 'floor'
   | 'wall'
   | 'roof-wall'
+  | 'block-face'
   | 'ceiling'
   | 'item-surface'
   | 'shelf-surface'
@@ -33,6 +35,8 @@ export interface PlacementState {
    * (base walls + coplanar gable ends).
    */
   roofSegmentId: string | null
+  /** Active planar node face used as a wall-like attachment host. */
+  blockId?: AnyNodeId | null
   ceilingId: string | null
   surfaceItemId: string | null
   /**
@@ -81,6 +85,7 @@ export interface PlacementResult {
   nodeUpdate: Partial<ItemNode> | null
   stopPropagation: boolean
   dirtyNodeId: AnyNode['id'] | null
+  hostFaceId?: string | null
 }
 
 /**
@@ -94,6 +99,7 @@ export interface TransitionResult {
   cursorRotationY: number
   cursorRotation?: [number, number, number]
   stopPropagation: boolean
+  hostFaceId?: string | null
 }
 
 /**

package/src/components/tools/item/test-face-host.ts

@@ -0,0 +1,121 @@
+import {
+  BlockNode,
+  type BlockNode as BlockNodeType,
+  type FaceHostCapability,
+  type ItemNode,
+  nodeRegistry,
+  registerNode,
+} from '@pascal-app/core'
+
+const faceForHit = (object: unknown, faceIndex = 0) => {
+  const geometry = (object as { geometry?: { userData?: Record<string, unknown> } }).geometry
+  const faces = geometry?.userData?.blockFaces
+  if (!Array.isArray(faces)) return null
+  return (
+    faces.find((face) => {
+      if (!face || typeof face !== 'object') return false
+      const entry = face as { start?: number; count?: number }
+      return (
+        typeof entry.start === 'number' &&
+        typeof entry.count === 'number' &&
+        faceIndex * 3 >= entry.start &&
+        faceIndex * 3 < entry.start + entry.count
+      )
+    }) as { faceId?: string } | undefined
+  )?.faceId
+}
+
+const testFaceHost: FaceHostCapability<BlockNodeType> = {
+  currentFaceId: (item) => item?.blockFaceId ?? null,
+  clearItemFields: ['position', 'rotation', 'blockFaceId'],
+  resolvePlacement: ({ asset, currentFaceId, faceIndex, host, localPosition, object }) => {
+    const hitFaceId = faceForHit(object, faceIndex) ?? null
+    const faceId = currentFaceId ?? hitFaceId
+    if (!faceId) return null
+
+    if (faceId === 'f-front') {
+      if (asset.attachTo !== 'wall-side' || localPosition[2] > -0.75) return null
+      return {
+        cursorPosition: [localPosition[0], localPosition[1], -1],
+        position: [localPosition[0], localPosition[1], -1],
+        rotation: [0, 0, 0],
+        cursorRotation: [0, 0, 0],
+        faceId,
+        nodeUpdate: {
+          parentId: host.id,
+          blockFaceId: faceId,
+          position: [localPosition[0], localPosition[1], 0],
+          rotation: [0, 0, 0],
+        },
+      }
+    }
+
+    if (faceId === 'f-bottom') {
+      if (asset.attachTo !== 'ceiling') return null
+      return {
+        cursorPosition: [0, -0.25, 0],
+        position: [0, 0, 0.25],
+        rotation: [-Math.PI / 2, 0, 0],
+        cursorRotation: [-Math.PI / 2, 0, 0],
+        faceId,
+        nodeUpdate: {
+          parentId: host.id,
+          blockFaceId: faceId,
+          position: [0, 0, 0.25],
+          rotation: [-Math.PI / 2, 0, 0],
+        },
+      }
+    }
+
+    if (faceId === 'f-top') {
+      if (asset.attachTo) return null
+      return {
+        cursorPosition: [0, 2.4, 0],
+        position: [0, 2.4, 0],
+        rotation: [Math.PI / 2, 0, 0],
+        cursorRotation: [Math.PI / 2, 0, 0],
+        faceId,
+        nodeUpdate: {
+          parentId: host.id,
+          blockFaceId: faceId,
+          position: [0, 0, 0],
+          rotation: [Math.PI / 2, 0, 0],
+        },
+      }
+    }
+
+    return null
+  },
+  storedPlacementPatch: ({ host, item, position }) => {
+    if (!item.blockFaceId) return null
+    return {
+      parentId: host.id,
+      blockFaceId: item.blockFaceId,
+      position: [position[0], position[1], position[2]],
+      rotation: item.rotation,
+      roofSegmentId: undefined,
+      roofFace: undefined,
+      wallId: undefined,
+      side: 'front',
+    } satisfies Partial<ItemNode>
+  },
+  isStoredPlacementValid: ({ item }) => Boolean(item.blockFaceId),
+}
+
+export function registerTestBlockFaceHost() {
+  // The registry is a module singleton shared across test files, and other
+  // suites register their own minimal `block` (the wall drafting stub is
+  // floor-placed only). Skipping on name alone would leave that capability-less
+  // definition in place, so replace it unless it already hosts faces.
+  if (nodeRegistry.get('block')?.capabilities?.faceHost) return
+  if (nodeRegistry.has('block')) nodeRegistry._reset()
+  registerNode({
+    kind: 'block',
+    schemaVersion: 1,
+    schema: BlockNode,
+    category: 'structure',
+    defaults: () => BlockNode.parse({ id: 'block_test', parentId: null }) as never,
+    capabilities: { faceHost: testFaceHost },
+    renderer: { kind: 'parametric', module: async () => ({ default: () => null }) },
+  } as never)
+}