import Editor from "./editor";
import monarchDefinition from "./monarch.json";
import { CursorPosition, Error, Options, SdmxResult, Tools, Variables } from "../model";
import { getDefaultSuggestionsFromRange } from "./default-suggestions";

export type AntlrEditorProps = {
    script: string;
    setScript: (value: string) => void;
    customFetcher?: (url: string) => Promise<any>;
    sdmxResult?: SdmxResult;
    sdmxResultURL?: string;
    readOnly?: boolean;
    variables?: Variables;
    variableURLs?: string[];
    tools: Tools;
    options?: Options;
    // To Fix
    // onCursorChange?: (position: CursorPosition) => void;
    onCursorChange?: any;
    onListErrors?: (errors: Error[]) => void;
    movedCursor?: CursorPosition;
    resizeLayout?: any;
};

export const AntlrEditor = (props: AntlrEditorProps) => {
    const {
        script,
        setScript,
        customFetcher,
        readOnly,
        variables = {},
        variableURLs = [],
        sdmxResult,
        sdmxResultURL,
        tools,
        options = {},
        onCursorChange,
        onListErrors,
        movedCursor,
        resizeLayout,
    } = props;

    const {
        id = "default-id",
        Lexer: lexer,
        Parser: parser,
        grammar,
        initialRule,
        getSuggestionsFromRange = getDefaultSuggestionsFromRange,
    } = tools;

    const customTools = {
        id,
        monarchDefinition,
        lexer,
        parser,
        grammar,
        initialRule,
        getSuggestionsFromRange,
    };

    return (
        <Editor
            tools={customTools}
            script={script}
            setScript={setScript}
            customFetcher={customFetcher}
            readOnly={readOnly}
            onListErrors={onListErrors}
            movedCursor={movedCursor}
            onCursorChange={onCursorChange}
            variables={variables}
            variableURLs={variableURLs}
            sdmxResult={sdmxResult}
            sdmxResultURL={sdmxResultURL}
            resizeLayout={resizeLayout}
            options={options}
        />
    );
};