import { Point, Rect } from "@noya-app/noya-geometry";
import { KeyMap } from "@noya-app/noya-keymap";
import React from "react";
import { IdentifiablePoint } from "../utils/pointUtils";
import { BaseMode } from "./PluginSystem";

export type BaseContextProperties<M extends BaseMode, D extends object> = {
  getMode: () => M;
  setMode: (mode: React.SetStateAction<M>) => void;
  getData: () => D;
  setData: (data: React.SetStateAction<D>) => void;
};

export type HandleKeyboardEventProperties = {
  handleKeyboardEvent: (keyMap: KeyMap) => (event: React.KeyboardEvent) => void;
  setShouldHandleKeyboardEvents: (shouldHandleKeyboardEvents: boolean) => void;
  setReadOnly: (readOnly: boolean) => void;
};

export type CanvasRefProperties = {
  canvasRef: React.RefObject<HTMLDivElement | null>;
};

export type EventWithPointAndTarget = Pick<
  MouseEvent,
  "target" | "clientX" | "clientY"
>;

export type ScreenPointProperties = {
  /**
   * Get the clicked point in the screen coordinate system
   */
  getScreenPoint: (input: EventWithPointAndTarget) => Point;

  /**
   * Get the clicked point in the canvas coordinate system
   */
  getCanvasPoint: (input: EventWithPointAndTarget) => Point;

  /**
   * Convert a point between the screen and canvas coordinate systems
   */
  convertPoint: (
    point: Point,
    targetCoordinateSystem: "screen" | "canvas"
  ) => Point;
};

export type PointerCaptureProperties = {
  setPointerCapture: (pointerId: number) => void;
  releasePointerCapture: (pointerId: number) => void;
};

export type GetElementsOptions<CanvasElement> = {
  at?: Rect | Point;
  predicate?: (element: CanvasElement) => boolean;
};

export type ElementProperties<CanvasElement> = {
  getElementId: (element: CanvasElement) => string;
  filterElements: (
    options: GetElementsOptions<CanvasElement>
  ) => CanvasElement[];
};

export type GetPointsOptions = {
  at?: Rect;
  predicate?: (point: IdentifiablePoint) => boolean;
};

export type PointProperties = {
  filterPoints: (options: GetPointsOptions) => IdentifiablePoint[];
  highlightedPointId?: string;
};

export type SelectableProperties<CanvasElement> = {
  isSelectable?: (element: CanvasElement) => boolean;
};

export type MovableProperties<CanvasElement> = {
  isMovable?: (element: CanvasElement) => boolean;
};

export type ScalableProperties<CanvasElement> = {
  isScalable?: (element: CanvasElement) => boolean;
};

export type HighlightableProperties<CanvasElement> = {
  isHighlightable?: (element: CanvasElement) => boolean;
};

export type PointHighlightableProperties = {
  isPointHighlightable?: (point: IdentifiablePoint) => boolean;
};

export type TextEditableProperties<CanvasElement> = {
  isTextEditable?: (element: CanvasElement) => boolean;
};

export type FocusProperties = {
  focus: () => void;
};

export type DOMContextProperties = PointerCaptureProperties &
  ScreenPointProperties &
  HandleKeyboardEventProperties &
  CanvasRefProperties;