@pnp/spfx-property-controls/lib/propertyFields/monacoEditor/monacoEditorControl/useMonaco.js

Reusable property pane controls for SharePoint Framework solutions

import { __awaiter } from "tslib";
import { useState, useEffect } from "react";
import loader from "@monaco-editor/loader";
const CDN_PATH_TO_MONACO_EDITOR = "https://cdn.jsdelivr.net/npm/monaco-editor@0.32.1/min/vs";
export var EStatus;
(function (EStatus) {
    EStatus[EStatus["LOADING"] = 0] = "LOADING";
    EStatus[EStatus["LOADED"] = 1] = "LOADED";
    EStatus[EStatus["ERROR"] = 2] = "ERROR";
})(EStatus || (EStatus = {}));
export const useMonaco = () => {
    const [monaco, setMonaco] = useState(undefined);
    const [status, setStatus] = useState(EStatus.LOADING);
    const [error, setError] = useState(undefined);
    useEffect(() => {
        (() => __awaiter(void 0, void 0, void 0, function* () {
            try {
                loader.config({ paths: { vs: CDN_PATH_TO_MONACO_EDITOR } });
                const monacoObj = yield loader.init();
                setStatus(EStatus.LOADED);
                setMonaco(monacoObj);
            }
            catch (error) {
                setStatus(EStatus.ERROR);
                setMonaco(undefined);
                setError(error);
            }
        }))().then(() => { }).catch(() => { });
    }, []);
    return {
        monaco,
        status,
        error,
    };
};
//# sourceMappingURL=useMonaco.js.map