// this is not actually a Component but I'll put it here anyway trolley
import { IpcEvents } from "../utils";
import { debounce } from "../utils/debounce";
import { find } from "../webpack/webpack";
const setCss = debounce((css: string) => {
VencordNative.ipc.invoke(IpcEvents.SET_QUICK_CSS, css);
});
// FIXME: Discord Desktop support.
// open() fails to create the popup and returns null. Probably have to
// do some logic in main
// adapted from https://stackoverflow.com/a/63179814
export async function launchMonacoEditor() {
// TODO: Making the popup larger does not enlarge the editor and instead
// just adds white space
const win = open("about:blank", void 0, "popup,width=1000,height=1000")!;
win.getCurrentCss = () => VencordNative.ipc.invoke(IpcEvents.GET_QUICK_CSS);
win.callback = (editor: any) => {
editor.onDidChangeModelContent(() =>
setCss(editor.getValue())
);
};
let { theme } = find(m => m.ProtoClass?.typeName.endsWith("PreloadedUserSettings"))
.getCurrentValue().appearance;
theme = theme === 1 ? "vs-dark" : "vs-light";
// problem?
win.document.write(`
QuickCss Editor
`);
}