Interface Options

interface Options {
    activeStrategy?: ActiveStrategy;
    autoSave?: { debounceMs?: number; enabled?: boolean };
    canvas?: {
        checkerboard?: {
            enabled?: boolean;
            style?: "grid" | "gridDark" | "dot" | "dotDark";
        };
        frame?: { gap?: number; outline?: boolean; thumbnail?: boolean };
        msaa?: { enabled?: boolean };
        pixelate?: { enabled?: boolean };
        pixelGrid?: { enabled?: boolean };
        watermark?: {
            alpha?: number;
            rotation?: number;
            url?: string;
            width?: number;
        };
    };
    clipboard?: boolean;
    customContextMenu?: (defaultMenu: MenuItem[], editor: Editor) => MenuItem[];
    db?: { local?: boolean };
    doc?: DocumentSource;
    doubleclickStrategy?: DoubleclickStrategy;
    hotkeys?: {
        command?: string;
        editable?: boolean;
        enabled?: boolean;
        key?: string | (string | undefined)[];
        preventDefault?: boolean;
        system?: boolean;
    }[];
    hoverStrategy?: HoverStrategy;
    http?: Http;
    interaction?: {
        transform?: {
            handleShape?: "rect"
            | "circle";
            handleStyle?: "8-points" | "4-points";
            lockAspectRatioStrategy?: "all" | "diagonal";
            rotator?: boolean;
        };
    };
    locale?: Locale;
    mode?: Mode;
    readonly?: boolean;
    resizeStrategy?: ResizeStrategy;
    t?: Translation;
    typography?: {
        defaultFont?: | string
        | { family?: string
        | (string | undefined)[]; src?: string };
        strategy?:
            | "autoHeight"
            | "autoWidth"
            | "fixedWidthHeight"
            | "autoFontSize";
    };
    ui?: {
        creator?: { visible?: boolean };
        madeWith?: { visible?: boolean };
        panels?: {
            [key: string]:
                | {
                    size?: number;
                    transform?: {
                        height?: number;
                        left?: number;
                        top?: number;
                        width?: number;
                    };
                    visible?: boolean;
                }
                | undefined;
        };
        ruler?: {
            adsorbed?: boolean;
            boxColor?: string;
            lineColor?: string;
            locked?: boolean;
            visible?: boolean;
        };
        scrollbar?: { visible?: boolean };
        shortcuts?: { visible?: boolean };
        statusbar?: { visible?: boolean };
        timeline?: { visible?: boolean };
        toolbelt?: {
            offset?: number;
            placement?: "top" | "right" | "bottom" | "left";
            visible?: boolean;
        };
    };
    uploader?: Upload;
    viewport?: {
        camera?: { enabled?: boolean };
        screenPadding?: {
            bottom?: number;
            left?: number;
            right?: number;
            top?: number;
        };
        zoom?: {
            strategy?: "cover"
            | "contain"
            | "containWidth"
            | "containHeight";
        };
    };
}