import { state } from "./state";
import { absoluteTimeFromRatio, getBounds } from "./timeline";
import {
  showControls,
  toggleMute,
  togglePlayPause,
  toggleFullscreen,
  seekBy,
  setVolume,
} from "./controls";
import { saveProgress } from "./progress";

/**
 * Sets up keyboard shortcuts for player control.
 * Ignores input/textarea to allow typing.
 */
export const setupKeyboard = (): void => {
  document.addEventListener("keydown", (e) => {
    const target = e.target as HTMLElement;
    // ignore when typing in form fields
    if (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable)
      return;

    switch (e.code) {
      case "Space":
      case "KeyK":
        e.preventDefault();
        togglePlayPause();
        showControls();
        void saveProgress();
        break;
      case "ArrowLeft":
      case "KeyJ":
        e.preventDefault();
        seekBy(-10);
        break;
      case "ArrowRight":
      case "KeyL":
        e.preventDefault();
        seekBy(10);
        break;
      case "ArrowUp":
        e.preventDefault();
        setVolume(state.video.volume + 0.05);
        showControls();
        break;
      case "ArrowDown":
        e.preventDefault();
        setVolume(state.video.volume - 0.05);
        showControls();
        break;
      case "KeyM":
        e.preventDefault();
        toggleMute();
        showControls();
        break;
      case "KeyF":
        e.preventDefault();
        toggleFullscreen();
        showControls();
        break;
      default:
        // number keys 0-9: jump to 0%-90% of video
        if (/^\d$/.test(e.key)) {
          const b = getBounds();
          if (b.duration > 0) {
            e.preventDefault();
            state.video.currentTime = absoluteTimeFromRatio(parseInt(e.key, 10) / 10);
            showControls();
          }
        }
    }
  });
};