'use client'

import { type SpawnNode, useLiveTransforms, useRegistry } from '@pascal-app/core'
import { useNodeEvents, useViewer } from '@pascal-app/viewer'
import { useMemo, useRef } from 'react'
import { Color, type Group, Shape } from 'three'

const SPAWN_COLOR = new Color('#22c55e')

/**
 * Registry-driven spawn renderer. Behaviorally identical to the legacy
 * `@pascal-app/viewer/components/renderers/spawn/spawn-renderer.tsx` — same
 * geometry, same colors, same event surface. When the spawn definition lands
 * in `builtinPlugin.nodes`, the Phase 0 dispatch shims switch the renderer
 * here and the legacy one is short-circuited.
 *
 * Lives in `@pascal-app/nodes` (not viewer) so the kind owns its own render
 * code. Phase 5's batch migration applies the same pattern to every node.
 */
const SpawnRenderer = ({ node }: { node: SpawnNode }) => {
  const ref = useRef<Group>(null!)
  const handlers = useNodeEvents(node, 'spawn')
  const liveTransform = useLiveTransforms((state) => state.get(node.id))
  const walkthroughMode = useViewer((state) => state.walkthroughMode)

  useRegistry(node.id, 'spawn', ref)

  const materialProps = useMemo(
    () => ({
      color: SPAWN_COLOR,
      emissive: SPAWN_COLOR,
      emissiveIntensity: 0.08,
      metalness: 0.03,
      roughness: 0.42,
    }),
    [],
  )

  const arrowShape = useMemo(() => {
    const shape = new Shape()
    shape.moveTo(0, 0.24)
    shape.lineTo(-0.18, -0.14)
    shape.lineTo(0.18, -0.14)
    shape.closePath()
    return shape
  }, [])

  return (
    <group
      position={liveTransform?.position ?? node.position}
      ref={ref}
      rotation={[0, liveTransform?.rotation ?? node.rotation, 0]}
      visible={!walkthroughMode}
    >
      <mesh position={[0, 0.09, 0]} rotation={[-Math.PI / 2, 0, 0]} {...handlers}>
        <ringGeometry args={[0.34, 0.48, 48]} />
        <meshStandardMaterial {...materialProps} />
      </mesh>

      <mesh position={[0, 0.1, -0.52]} rotation={[-Math.PI / 2, 0, 0]} {...handlers}>
        <shapeGeometry args={[arrowShape]} />
        <meshStandardMaterial {...materialProps} />
      </mesh>

      <mesh position={[0, 0.41, 0]} {...handlers}>
        <boxGeometry args={[0.3, 0.54, 0.16]} />
        <meshStandardMaterial {...materialProps} />
      </mesh>

      <mesh position={[0, 0.83, 0]} {...handlers}>
        <boxGeometry args={[0.18, 0.18, 0.18]} />
        <meshStandardMaterial {...materialProps} />
      </mesh>
    </group>
  )
}

export default SpawnRenderer