Feat/stairs fence update (#226)

* feat: railing on the straight stairs and new fence * feat: added spiral and curved stairs with bug fix for fence * feat:fence are linked to each other ... so moving one move the other sharing the same coordinate * fix: update stair railing logic to include front-side attachments for terminal landings * Integrate fence rendering into the fence system * fix: pass nodeId instead of undefined node to WallTreeNode and FenceTreeNode TreeNode was passing `node` (undefined variable) instead of `nodeId` to WallTreeNode and FenceTreeNode, causing a runtime ReferenceError. Updated FenceTreeNode to accept nodeId and look up the node from the scene store internally, consistent with all other tree node components. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * feat: update fence icon with new isometric design Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> --------- Co-authored-by: Aymeric Rabot <aymeric@pascal.app> Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-13 23:31:57 -04:00
parent 682e2a1a12
commit a205e4f778
42 changed files with 2774 additions and 92 deletions
@@ -0,0 +1,22 @@
+import { type FenceNode, useRegistry, useScene } from '@pascal-app/core'
+import { useLayoutEffect, useMemo, useRef } from 'react'
+import type { Mesh } from 'three'
+import { useNodeEvents } from '../../../hooks/use-node-events'
+import { DEFAULT_STAIR_MATERIAL } from '../../../lib/materials'
+
+export const FenceRenderer = ({ node }: { node: FenceNode }) => {
+  const ref = useRef<Mesh>(null!)
+  const handlers = useNodeEvents(node, 'fence')
+  const material = useMemo(() => DEFAULT_STAIR_MATERIAL, [])
+
+  useRegistry(node.id, 'fence', ref)
+  useLayoutEffect(() => {
+    useScene.getState().markDirty(node.id)
+  }, [node.id])
+
+  return (
+    <mesh castShadow material={material} receiveShadow ref={ref} visible={node.visible} {...handlers}>
+      <boxGeometry args={[0, 0, 0]} />
+    </mesh>
+  )
+}