Make QuickCSS work

src/main/ipc.ts

@@ -1,9 +1,10 @@
 import { app, ipcMain, shell } from "electron";
-import { readFileSync } from "fs";
-import { readFile } from "fs/promises";
+import { readFileSync, watch } from "fs";
+import { open, readFile } from "fs/promises";
 import { join } from "path";
+import { debounce } from "shared/utils/debounce";
 import { FOCUS, GET_RENDERER_SCRIPT, GET_RENDERER_STYLES, GET_SETTINGS, GET_VENCORD_PRELOAD_FILE, RELAUNCH, SET_SETTINGS, SHOW_ITEM_IN_FOLDER } from "../shared/IpcEvents";
-import { VENCORD_FILES_DIR } from "./constants";
+import { VENCORD_FILES_DIR, VENCORD_QUICKCSS_FILE } from "./constants";
 import { mainWin } from "./mainWindow";
 import { PlainSettings, setSettings } from "./settings";
 
@@ -37,3 +38,14 @@ ipcMain.handle(SHOW_ITEM_IN_FOLDER, (_, path) => {
 ipcMain.handle(FOCUS, () => {
     mainWin?.focus();
 });
+
+function readCss() {
+    return readFile(VENCORD_QUICKCSS_FILE, "utf-8").catch(() => "");
+}
+
+open(VENCORD_QUICKCSS_FILE, "a+").then(fd => {
+    fd.close();
+    watch(VENCORD_QUICKCSS_FILE, { persistent: false }, debounce(async () => {
+        mainWin?.webContents.postMessage("VencordQuickCssUpdate", await readCss());
+    }, 50));
+});