import DOMManager from "./dommanager";

export default new class Editor {

    async initialize() {
        const baseUrl = "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.20.0/min"

        Object.defineProperty(window, "MonacoEnvironment", {
            value: {
                getWorkerUrl: function() {
                    return `data:text/javascript;charset=utf-8,${encodeURIComponent(`
                        self.MonacoEnvironment = {
                            baseUrl: '${baseUrl}'
                        };
                        importScripts('${baseUrl}/vs/base/worker/workerMain.min.js');`
                    )}`;
                }
            }
        });

        const commonjsLoader = window.require;
        delete window.module; // Make monaco think this isn't a local node script or else it freaks out

        DOMManager.linkStyle("monaco-style", `${baseUrl}/vs/editor/editor.main.min.css`, {documentHead: true});
        await DOMManager.injectScript("monaco-script", `${baseUrl}/vs/loader.min.js`);
        
        const amdLoader = window.require; // Grab Monaco's amd loader
        window.require = commonjsLoader; // Revert to commonjs
        // this.log(amdLoader, window.require);
        amdLoader.config({paths: {vs: `${baseUrl}/vs`}});
        amdLoader(["vs/editor/editor.main"], () => {}); // exposes the monaco global
    }
};