// Character controller preview: keyboard input -> kinematic speed -> @aura3d/animation locomotion
// kit (idle/walk/run blended by speed) -> live proof object. Hold a direction key (W/A/S/D or
// arrows) to walk; hold Shift to run. A minimal Aura3D stage renders beneath the HUD.
import { camera, createAuraApp, lights, material, primitives, scene } from "@aura3d/engine";
import { createLocomotionKit } from "@aura3d/animation";
import { defaultCharacterControllerTuning, stepCharacterSpeed, type CharacterControllerState } from "./controller.js";

interface CharacterControllerProof {
  speed: number;
  state: string;
  moving: boolean;
  running: boolean;
  clipWeights: ReadonlyArray<{ clip: string; weight: number }>;
}

declare global {
  interface Window {
    __AURA3D_CHARACTER_CONTROLLER_PROOF__?: CharacterControllerProof;
  }
}

const tuning = defaultCharacterControllerTuning;
const kit = createLocomotionKit({ idleClip: "Idle", walkClip: "Walk", runClip: "Run", walkSpeed: tuning.walkSpeed, runSpeed: tuning.runSpeed });

const moveKeys = new Set(["KeyW", "KeyA", "KeyS", "KeyD", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"]);
const held = new Set<string>();
window.addEventListener("keydown", (event) => held.add(event.code));
window.addEventListener("keyup", (event) => held.delete(event.code));

const root = document.getElementById("app") ?? document.body;
const hud = document.createElement("pre");
hud.id = "character-controller-hud";
hud.style.cssText = "font:14px monospace;padding:16px;color:#6cf;background:#0c0f16;min-height:140px";
root.appendChild(hud);

// Minimal visual stage: a capsule stand-in on a floor so the route renders a real
// Aura3D scene alongside the locomotion HUD proof.
const stage = document.createElement("div");
stage.id = "character-controller-stage";
stage.style.cssText = "height:320px";
root.appendChild(stage);
createAuraApp(stage, {
  scene: scene()
    .background("#0c0f16")
    .camera(camera.orbit({ target: [0, 1, 0], distance: 5 }))
    .add(primitives.box({ name: "floor", size: [6, 0.1, 6], position: [0, -0.05, 0], material: material.pbr({ color: "#151b27", roughness: 0.9 }), receiveShadow: true }))
    .add(primitives.capsule({ name: "character stand-in", size: [0.7, 1.7, 0.7], position: [0, 1.2, 0], material: material.pbr({ color: "#6cb1f0", roughness: 0.5 }), castShadow: true }))
    .add(lights.ambient({ intensity: 0.35 }))
    .add(lights.directional({ name: "key", position: [3, 5, 2], intensity: 1.4 }))
});

let state: CharacterControllerState = { speed: 0 };
let last = 0;

function frame(time: number): void {
  const dt = last === 0 ? 1 / 60 : Math.min(0.05, (time - last) / 1000);
  last = time;
  const move = [...held].some((code) => moveKeys.has(code));
  const run = held.has("ShiftLeft") || held.has("ShiftRight");
  state = stepCharacterSpeed(state, { move, run }, dt, tuning);
  const sample = kit.sample(state.speed, dt);
  const proof: CharacterControllerProof = {
    speed: Number(state.speed.toFixed(3)),
    state: sample.state,
    moving: sample.moving,
    running: sample.running,
    clipWeights: sample.clipWeights.map((w) => ({ clip: w.clip, weight: Number(w.weight.toFixed(3)) }))
  };
  window.__AURA3D_CHARACTER_CONTROLLER_PROOF__ = proof;
  hud.textContent = [
    "Aura3D Character Controller — hold W/A/S/D (Shift = run)",
    `speed: ${proof.speed}`,
    `state: ${proof.state}`,
    `clips: ${proof.clipWeights.map((w) => `${w.clip} ${w.weight}`).join("  ")}`
  ].join("\n");
  requestAnimationFrame(frame);
}

requestAnimationFrame(frame);