Add frameless door openings and first-person collider support

packages/viewer/src/components/renderers/door/door-renderer.tsx

@@ -1,8 +1,9 @@
 import { type DoorNode, useRegistry, useScene } from '@pascal-app/core'
-import { useLayoutEffect, useMemo, useRef } from 'react'
-import type { Mesh } from 'three'
+import { useLayoutEffect, useRef } from 'react'
+import { MeshBasicMaterial, type Mesh } from 'three'
 import { useNodeEvents } from '../../../hooks/use-node-events'
-import { createMaterial, DEFAULT_DOOR_MATERIAL } from '../../../lib/materials'
+
+const doorHitboxMaterial = new MeshBasicMaterial({ visible: false })
 
 export const DoorRenderer = ({ node }: { node: DoorNode }) => {
   const ref = useRef<Mesh>(null!)
@@ -14,16 +15,10 @@ export const DoorRenderer = ({ node }: { node: DoorNode }) => {
   const handlers = useNodeEvents(node, 'door')
   const isTransient = !!(node.metadata as Record<string, unknown> | null)?.isTransient
 
-  const material = useMemo(() => {
-    const mat = node.material
-    if (!mat) return DEFAULT_DOOR_MATERIAL
-    return createMaterial(mat)
-  }, [node.material, node.material?.preset, node.material?.properties, node.material?.texture])
-
   return (
     <mesh
       castShadow
-      material={material}
+      material={doorHitboxMaterial}
       position={node.position}
       receiveShadow
       ref={ref}