import { observable, action, runInAction, makeObservable } from 'mobx';

export class SnappingManager {
    // eslint-disable-next-line no-use-before-define
    private static _manager: SnappingManager;
    private static get Instance() {
        return SnappingManager._manager ?? new SnappingManager();
    }

    @observable _shiftKey = false;
    @observable _ctrlKey = false;
    @observable _metaKey = false;
    @observable _isLinkFollowing = false;
    @observable _isDragging: boolean = false;
    @observable _isResizing: string | undefined = undefined; // the string is the Id of the document being resized
    @observable _canEmbed: boolean = false;
    @observable _horizSnapLines: number[] = [];
    @observable _vertSnapLines: number[] = [];
    @observable _exploreMode = false;

    private constructor() {
        SnappingManager._manager = this;
        makeObservable(this);
    }

    @action public static clearSnapLines = () => {
        this.Instance._vertSnapLines.length = this.Instance._horizSnapLines.length = 0;
    };
    @action public static addSnapLines = (horizLines: number[], vertLines: number[]) => {
        this.Instance._horizSnapLines.push(...horizLines);
        this.Instance._vertSnapLines.push(...vertLines);
    };

    public static get HorizSnapLines() { return this.Instance._horizSnapLines; } // prettier-ignore
    public static get VertSnapLines()  { return this.Instance._vertSnapLines; } // prettier-ignore
    public static get ShiftKey()       { return this.Instance._shiftKey; } // prettier-ignore
    public static get CtrlKey()        { return this.Instance._ctrlKey; } // prettier-ignore
    public static get MetaKey()        { return this.Instance._metaKey; } // prettier-ignore
    public static get IsLinkFollowing(){ return this.Instance._isLinkFollowing; } // prettier-ignore
    public static get IsDragging()     { return this.Instance._isDragging; } // prettier-ignore
    public static get IsResizing()     { return this.Instance._isResizing; } // prettier-ignore
    public static get CanEmbed()       { return this.Instance._canEmbed; } // prettier-ignore
    public static get ExploreMode()    { return this.Instance._exploreMode; } // prettier-ignore
    public static SetShiftKey       = (down: boolean) => runInAction(() => {this.Instance._shiftKey = down}); // prettier-ignore
    public static SetCtrlKey        = (down: boolean) => runInAction(() => {this.Instance._ctrlKey = down}); // prettier-ignore
    public static SetMetaKey        = (down: boolean) => runInAction(() => {this.Instance._metaKey = down}); // prettier-ignore
    public static SetIsLinkFollowing= (follow:boolean)=> runInAction(() => {this.Instance._isLinkFollowing = follow}); // prettier-ignore
    public static SetIsDragging     = (drag: boolean) => runInAction(() => {this.Instance._isDragging = drag}); // prettier-ignore
    public static SetIsResizing     = (docid?:string) => runInAction(() => {this.Instance._isResizing = docid}); // prettier-ignore
    public static SetCanEmbed       = (embed:boolean) => runInAction(() => {this.Instance._canEmbed = embed}); // prettier-ignore
    public static SetExploreMode    = (state:boolean) => runInAction(() => {this.Instance._exploreMode = state}); // prettier-ignore

    public static userColor: string | undefined;
    public static userVariantColor: string | undefined;
    public static userBackgroundColor: string | undefined;
    public static SettingsStyle: any;
}