import { Bezier } from 'bezier-js';
import { createSimpleSchema, list, object, serializable } from 'serializr';
import { ScriptingGlobals } from '../client/util/ScriptingGlobals';
import { Deserializable } from '../client/util/SerializationHelper';
import { Copy, ToScriptString, ToString } from './FieldSymbols';
import { ObjectField } from './ObjectField';

// Helps keep track of the current ink tool in use.
export enum InkTool {
    None = 'none',
    Pen = 'pen',
    Highlighter = 'highlighter',
    Eraser = 'eraser',
    Stamp = 'stamp',
    Write = 'write',
    PresentationPin = 'presentationpin',
}

// Defines a point in an ink as a pair of x- and y-coordinates.
export interface PointData {
    X: number;
    Y: number;
}

export type Segment = Array<Bezier>;

// Defines an ink as an array of points.
export type InkData = Array<PointData>;

export interface ControlPoint {
    X: number;
    Y: number;
    I: number;
}

export interface HandlePoint {
    X: number;
    Y: number;
    I: number;
    dot1: number;
    dot2: number;
}

export interface HandleLine {
    X1: number;
    Y1: number;
    X2: number;
    Y2: number;
    X3: number;
    Y3: number;
    dot1: number;
    dot2: number;
}

const pointSchema = createSimpleSchema({
    X: true,
    Y: true,
});

const strokeDataSchema = createSimpleSchema({
    pathData: list(object(pointSchema)),
    '*': true,
});

@Deserializable('ink')
export class InkField extends ObjectField {
    @serializable(list(object(strokeDataSchema)))
    readonly inkData: InkData;

    constructor(data: InkData) {
        super();
        this.inkData = data;
    }

    /**
     * Extacts a simple segment from a compound Bezier curve
     * @param segIndex the start index of the simple bezier segment to extact (eg., 0, 4, 8, ...)
     */
    public static Segment(inkData: InkData, segIndex: number) {
        return new Bezier(inkData.slice(segIndex, segIndex + 4).map(pt => ({ x: pt.X, y: pt.Y })));
    }

    [Copy]() {
        return new InkField(this.inkData);
    }

    [ToScriptString]() {
        return 'new InkField([' + this.inkData.map(i => `{X: ${i.X}, Y: ${i.Y}}`) + '])';
    }
    [ToString]() {
        return 'InkField';
    }
}

ScriptingGlobals.add('InkField', InkField);