// An entry of the command histogram obtained by totalling up
//  occurrences in the range filtered command list
export interface HistogramEntry {
    // name of a command (original CamelCase)
    name: string,
    // number of occurrences in the current frame (or the whole file for a single-frame SKP)
    countInFrame: number,
    // number of occurrences in the current range filter
    countInRange: number,
}

// An event signaling the histogram-sk element should update itself
export const HistogramUpdateEvent = 'histogram-update';
export interface HistogramUpdateEventDetail {
    // A newly computed histogram that needs to be displayed by histogram-sk
    hist?: HistogramEntry[];
    // Whether the command is include by the filter
    included?: Set<string>;
}

// An event to trigger the inspector for a given layer update.
// A layer update is fully specified by the node id and a frame on which an
// update to it occurred.
export const InspectLayerEvent = 'inspect-layer';
export const JumpInspectLayerEvent = 'jump-inspect-layer';
export interface InspectLayerEventDetail {
    id: number;
    frame: number;
}

// Event issued when the user wants to jump to a command, specifying the unfiltered index
// in the detail.
export const JumpCommandEvent = 'jump-command';
export interface JumpCommandEventDetail {
    unfilteredIndex: number;
}

export type PlayMode = 'play' | 'pause';

export const ModeChangedManuallyEvent = 'mode-changed-manually';
export interface ModeChangedManuallyEventDetail {
    readonly mode: PlayMode;
}

export const MoveCommandPositionEvent = 'move-command-position';
export interface MoveCommandPositionEventDetail {
    // the index of a command in the frame to which the wasm view should move.
    position: number,
    // true if we're currently paused
    paused: boolean,
}

export type Point = [number, number];

export const MoveCursorEvent = 'move-cursor';
export const RenderCursorEvent = 'render-cursor';
// This event detail is used for both move-cursor and render-cursor
export interface CursorEventDetail {
    // the position of the cursor.
    position: Point,
    // If true, indicates only the data under the cursor has changed.
    // since some consumers don't need to update in this case.
    onlyData: boolean,
}

export const MoveFrameEvent = 'move-frame';
export interface MoveFrameEventDetail {
    frame: number,
}

export const MoveToEvent = 'moveto';
export interface MoveToEventDetail {
    readonly item: number
}

export const NextItemEvent = 'next-item';
export interface NextItemEventDetail {
    item: number;
}

// Event issued when the user clicks on an 'Image', indicating to jump to the image with the
// id in the detail.
export const SelectImageEvent = 'select-image';
export interface SelectImageEventDetail {
    id: number;
}
export type BackgroundStyle = 'dark-checkerboard' | 'light-checkerboard';

export const ToggleBackgroundEvent = 'light-dark';
export interface ToggleBackgroundEventDetail {
    mode: BackgroundStyle;
}

export const ToggleCommandInclusionEvent = 'toggle-command-inclusion';
export interface ToggleCommandInclusionEventDetail {
    // the name of a command to toggle in the filter
    // Clicking rows of the histogram is an alternate way to add or remove command names
    // from the command filter. The filter is managed by commands-sk
    name: string,
}