Add Config Editor and JSON Visual Editor with configuration handling

Stoppedwumm · Stoppedwumm · commit f0acd723a34d · 2025-05-09T17:25:34.000+02:00
diff --git a/ui/chrome/config/index.html b/ui/chrome/config/index.html
@@ -0,0 +1,7 @@
+<header>
+    <h1>Config Editor</h1>
+    <nav>
+        <a href="launcherconfig.html">Launcher Config</a>
+        <a href="userconfig.html">User Config</a>
+    </nav>
+</header>
diff --git a/ui/chrome/config/launcherconfig.html b/ui/chrome/config/launcherconfig.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>JSON Visual Editor</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            padding: 20px;
+        }
+        .json-editor {
+            margin-top: 20px;
+        }
+        .json-entry {
+            display: flex;
+            align-items: center;
+            margin-bottom: 10px;
+        }
+        .json-entry input {
+            margin-left: 10px;
+            padding: 5px;
+        }
+    </style>
+</head>
+<body>
+    <h1>JSON Visual Editor</h1>
+    <div id="json-editor" class="json-editor"></div>
+    <button onclick="addEntry()">Add Entry</button>
+    <button onclick="saveJson()">Save JSON</button>
+
+    <script type="module">
+        const jsonEditor = document.getElementById('json-editor');
+        console.log(typeof mcAPI.getConfig('launcher'))
+        const jsonData = await mcAPI.getConfig('launcher') || {};
+        console.log(jsonData)
+
+        window.addEntry = function(key = '', value = '') {
+            const entryDiv = document.createElement('div');
+            entryDiv.className = 'json-entry';
+            entryDiv.innerHTML = `
+                <input type="text" placeholder="Key" value="${key}" oninput="updateJson(this, 'key')">
+                <input type="text" placeholder="Value" value="${value}" oninput="updateJson(this, 'value')">
+                <button onclick="removeEntry(this)">Remove</button>
+            `;
+            jsonEditor.appendChild(entryDiv);
+        }
+
+        window.updateJson = function (input, type) {
+            const entryDiv = input.parentElement;
+            const keyInput = entryDiv.children[0];
+            const valueInput = entryDiv.children[1];
+            const key = keyInput.value;
+            const value = valueInput.value;
+
+            if (type === 'key') {
+                delete jsonData[keyInput.dataset.oldKey];
+                keyInput.dataset.oldKey = key;
+            }
+
+            if (key) {
+                jsonData[key] = value;
+            }
+        }
+
+        window.removeEntry = function (button) {
+            const entryDiv = button.parentElement;
+            const keyInput = entryDiv.children[0];
+            delete jsonData[keyInput.value];
+            jsonEditor.removeChild(entryDiv);
+        }
+
+        window.saveJson = function saveJson() {
+            const jsonString = JSON.stringify(jsonData, null, 4);
+            console.log(jsonString);
+            mcAPI.saveConfig('launcher', jsonString)
+                .then(() => {
+                    alert('JSON saved successfully!');
+                })
+                .catch((error) => {
+                    console.error('Error saving JSON:', error);
+                    alert('Failed to save JSON.');
+                });
+        }
+
+        // Populate the editor with existing JSON data
+        for (const [key, value] of Object.entries(jsonData)) {
+            addEntry(key, value);
+        }
+    </script>
+</body>
+</html>
+
diff --git a/ui/chrome/index.html b/ui/chrome/index.html
@@ -13,6 +13,7 @@ <h1>MC Launcher</h1>
     <main>
         <button id="execute-button">Run Minecraft</button>
         <a href="moddashboard/index.html">Mod Dashboard</a>
+        <a href="config/index.html">Config Editor</a>
     </main>
     <script>
         document.getElementById('execute-button').addEventListener('click', function() {
diff --git a/ui/externalScripts/main_preload.js b/ui/externalScripts/main_preload.js
@@ -13,4 +13,17 @@ contextBridge.exposeInMainWorld('mcAPI', {
     deleteFromModsFolder: (path) => {
         ipcRenderer.send('deleteFromModsFolder', path);
     },
+    /**
+     * Retrieves the configuration for the client or launcher.
+     * 
+     * @param {"client" || "launcher"} clientOrLauncher - 'client' or 'launcher'
+     * @returns {Promise<Object>} - The configuration object
+     */
+    getConfig: async (clientOrLauncher) => {
+        return await ipcRenderer.invoke('getConfig', clientOrLauncher);
+    },
+
+    saveConfig: async (clientOrLauncher, config) => {
+        return await ipcRenderer.invoke('saveConfig', clientOrLauncher, config);
+    }
 })
diff --git a/ui_index.cjs b/ui_index.cjs
@@ -189,6 +189,21 @@ app.whenReady().then(() => {
     fs.rmSync(path, { force: true });
   });
 
+  ipcMain.handle('getConfig', async (event, clientOrLauncher) => {
+    const configPath = path.join(__dirname, `${clientOrLauncher == "client" ? "config" : "launcher_config"}.json`);
+    if (!fs.existsSync(configPath)) {
+      throw new Error(`Config file not found: ${configPath}`);
+    }
+    const configData = fs.readFileSync(configPath);
+    console.log(`Config data: ${configData}`);
+    return JSON.parse(configData);
+  });
+
+  ipcMain.handle('saveConfig', async (event, clientOrLauncher, config) => {
+    const configPath = path.join(__dirname, `${clientOrLauncher == "client" ? "config" : "launcher_config"}.json`);
+    fs.writeFileSync(configPath, config);
+  });
+
   // Open main window
   createWindow();
 });
