From bc0d3d2f324ee613424ee31103207222b4b19640 Mon Sep 17 00:00:00 2001
From: salmonik <salmonik@tuta.io>
Date: Wed, 29 Jul 2026 12:21:32 +0200
Subject: Config editor, host networking, whitelist RCON
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Config file editor at /instances/{id}/config (browse & edit config/ files)
- Host networking for Docker container (fixes WireGuard MTU DNS issues)
- Whitelist changes applied live via RCON instead of stopping the server
- Config edit handler detects which fields changed: whitelist → RCON,
  other settings → restart container
- walk_dir simplified (removed unused root param)
- import_world uses if-let instead of never-looping while-let
- docker-compose.yml updated as reference template
---
 templates/instances/config.html |  64 ++++++++++++
 templates/instances/edit.html   | 226 ++++++----------------------------------
 templates/mods/list.html        |   4 +-
 3 files changed, 100 insertions(+), 194 deletions(-)
 create mode 100644 templates/instances/config.html

(limited to 'templates')

diff --git a/templates/instances/config.html b/templates/instances/config.html
new file mode 100644
index 0000000..192a123
--- /dev/null
+++ b/templates/instances/config.html
@@ -0,0 +1,64 @@
+{% extends "base.html" %} {% block content %}
+<div class="page-header">
+  <h1>Config Files: {{ instance_name }}</h1>
+  <a href="/instances/{{ instance_id }}/edit" class="btn"
+    >&larr; Back to Instance</a
+  >
+</div>
+
+{% if saved %}
+<div class="flash flash-ok">File saved successfully.</div>
+{% endif %} {% if let Some(err) = error %}
+<div class="flash flash-err">{{ err }}</div>
+{% endif %}
+
+<div style="display: flex; gap: 1.5rem; align-items: flex-start">
+  {# File list sidebar #}
+  <div class="card" style="flex: 0 0 260px; max-height: 70vh; overflow-y: auto">
+    <h3 style="margin-bottom: 0.5rem">Files</h3>
+    {% if files.is_empty() %}
+    <p style="font-size: 0.85rem; color: var(--fg-muted)">
+      No config files yet.<br />Start the server to generate them.
+    </p>
+    {% else %}
+    <ul style="list-style: none; padding: 0; margin: 0; font-size: 0.85rem">
+      {% for f in files %}
+      <li style="padding: 0.25rem 0">
+        <a
+          href="/instances/{{ instance_id }}/config?path={{ f }}"
+          style="{% if selected_file.as_deref() == Some(f) %}font-weight:bold;color:var(--ok){% endif %}"
+        >
+          {{ f }}
+        </a>
+      </li>
+      {% endfor %}
+    </ul>
+    {% endif %}
+  </div>
+
+  {# Editor area #}
+  <div class="card" style="flex: 1">
+    {% if let Some(file) = selected_file %}
+    <h3 style="margin-bottom: 0.5rem">{{ file }}</h3>
+    {% if let Some(content) = content %}
+    <form method="post" action="/instances/{{ instance_id }}/config">
+      <input type="hidden" name="path" value="{{ file }}" />
+      <textarea
+        name="content"
+        rows="30"
+        style="width: 100%; font-family: monospace; font-size: 0.8rem"
+        spellcheck="false"
+      >
+{{ content }}</textarea>
+      <div style="margin-top: 0.5rem">
+        <button type="submit" class="btn-ok">Save</button>
+      </div>
+    </form>
+    {% else %}
+    <p style="color: var(--fg-muted)">Could not load file content.</p>
+    {% endif %} {% else %}
+    <p style="color: var(--fg-muted)">Select a file from the list to edit.</p>
+    {% endif %}
+  </div>
+</div>
+{% endblock %}
diff --git a/templates/instances/edit.html b/templates/instances/edit.html
index 77dfca6..ef7d53e 100644
--- a/templates/instances/edit.html
+++ b/templates/instances/edit.html
@@ -19,125 +19,41 @@
     <legend>Server Properties</legend>
     <label>
       Memory (MB)
-      <input
-        type="number"
-        name="memory_mb"
-        value="{{ instance.memory_mb }}"
-        min="512"
-        max="{{ max_memory_mb }}"
-        required
-      />
+      <input type="number" name="memory_mb" value="{{ instance.memory_mb }}" min="512" max="{{ max_memory_mb }}" required />
     </label>
     <label>
       Difficulty
       <select name="difficulty">
-        <option
-          value="0"
-          {%
-          if
-          instance.difficulty == 0
-          %}selected{%
-          endif
-          %}
-        >
-          Peaceful
-        </option>
-        <option
-          value="1"
-          {%
-          if
-          instance.difficulty == 1
-          %}selected{%
-          endif
-          %}
-        >
-          Easy
-        </option>
-        <option
-          value="2"
-          {%
-          if
-          instance.difficulty == 2
-          %}selected{%
-          endif
-          %}
-        >
-          Normal
-        </option>
-        <option
-          value="3"
-          {%
-          if
-          instance.difficulty == 3
-          %}selected{%
-          endif
-          %}
-        >
-          Hard
-        </option>
+        <option value="0"{% if instance.difficulty == 0 %} selected{% endif %}>Peaceful</option>
+        <option value="1"{% if instance.difficulty == 1 %} selected{% endif %}>Easy</option>
+        <option value="2"{% if instance.difficulty == 2 %} selected{% endif %}>Normal</option>
+        <option value="3"{% if instance.difficulty == 3 %} selected{% endif %}>Hard</option>
       </select>
     </label>
     <label>
       Gamemode
       <select name="gamemode">
-        <option value="0" {% if instance.gamemode == 0 %}selected{% endif %}>
-          Survival
-        </option>
-        <option value="1" {% if instance.gamemode == 1 %}selected{% endif %}>
-          Creative
-        </option>
-        <option value="2" {% if instance.gamemode == 2 %}selected{% endif %}>
-          Adventure
-        </option>
-        <option value="3" {% if instance.gamemode == 3 %}selected{% endif %}>
-          Spectator
-        </option>
+        <option value="0"{% if instance.gamemode == 0 %} selected{% endif %}>Survival</option>
+        <option value="1"{% if instance.gamemode == 1 %} selected{% endif %}>Creative</option>
+        <option value="2"{% if instance.gamemode == 2 %} selected{% endif %}>Adventure</option>
+        <option value="3"{% if instance.gamemode == 3 %} selected{% endif %}>Spectator</option>
       </select>
     </label>
     <label>
       Max Players
-      <input
-        type="number"
-        name="max_players"
-        value="{{ instance.max_players }}"
-        min="1"
-        max="100"
-      />
+      <input type="number" name="max_players" value="{{ instance.max_players }}" min="1" max="100" />
     </label>
     <label>
-      <input
-        type="checkbox"
-        name="pvp"
-        {%
-        if
-        instance.pvp
-        %}checked{%
-        endif
-        %}
-      />
+      <input type="checkbox" name="pvp"{% if instance.pvp %} checked{% endif %} />
       PvP enabled
     </label>
     <label>
-      <input
-        type="checkbox"
-        name="whitelist_enabled"
-        {%
-        if
-        instance.whitelist_enabled
-        %}checked{%
-        endif
-        %}
-      />
+      <input type="checkbox" name="whitelist_enabled"{% if instance.whitelist_enabled %} checked{% endif %} />
       Whitelist enabled
     </label>
     <label>
       MOTD
-      <input
-        type="text"
-        name="motd"
-        value="{{ instance.motd }}"
-        maxlength="59"
-      />
+      <input type="text" name="motd" value="{{ instance.motd }}" maxlength="59" />
     </label>
   </fieldset>
 
@@ -147,12 +63,8 @@
   </div>
 </form>
 
-<div
-  class="card{% if instance.is_active %} card-muted{% endif %}"
-  style="margin-top: 1.5rem"
->
+<div class="card{% if instance.is_active %} card-muted{% endif %}" style="margin-top: 1.5rem">
   <h3>World Management</h3>
-
   {% if instance.is_active %}
   <div class="flash flash-warn">Stop the server before managing the world.</div>
   {% endif %}
@@ -166,109 +78,39 @@
     </span>
   </div>
 
-  <div
-    class="actions"
-    style="flex-wrap:wrap; gap:1rem; {% if instance.is_active %}pointer-events:none; opacity:0.5{% endif %}"
-  >
-    <a
-      href="/instances/{{ instance.id }}/world/export"
-      class="btn"
-      hx-boost="false"
-      {%
-      if
-      instance.is_active
-      %}tabindex="-1"
-      {%
-      endif
-      %}
-      >Export World</a
-    >
+  <div class="actions" style="flex-wrap:wrap; gap:1rem;{% if instance.is_active %} pointer-events:none; opacity:0.5{% endif %}">
+    <a href="/instances/{{ instance.id }}/world/export" class="btn" hx-boost="false"{% if instance.is_active %} tabindex="-1"{% endif %}>Export World</a>
 
-    <form
-      action="/instances/{{ instance.id }}/world/import"
-      method="post"
-      enctype="multipart/form-data"
-      style="display: flex; align-items: center; gap: 0.5rem"
-      hx-boost="false"
-    >
-      <input
-        type="file"
-        name="world_zip"
-        accept=".zip"
-        required
-        style="font-size: 0.85rem"
-        {%
-        if
-        instance.is_active
-        %}disabled{%
-        endif
-        %}
-      />
-      <button
-        type="submit"
-        class="btn"
-        onclick="
-          return confirm('This will replace the current world. Continue?');
-        "
-        {%
-        if
-        instance.is_active
-        %}disabled{%
-        endif
-        %}
-      >
-        Import
-      </button>
+    <form action="/instances/{{ instance.id }}/world/import" method="post" enctype="multipart/form-data" style="display: flex; align-items: center; gap: 0.5rem" hx-boost="false">
+      <input type="file" name="world_zip" accept=".zip" required style="font-size: 0.85rem"{% if instance.is_active %} disabled{% endif %} />
+      <button type="submit" class="btn" onclick="return confirm('This will replace the current world. Continue?');"{% if instance.is_active %} disabled{% endif %}>Import</button>
     </form>
 
-    <form
-      action="/instances/{{ instance.id }}/world/regenerate"
-      method="post"
-      class="form-row"
-      onsubmit="
-        return confirm(
-          'This will DELETE the current world and generate a new one. Continue?',
-        );
-      "
-    >
-      <input
-        type="text"
-        name="seed"
-        placeholder="Seed (empty = random)"
-        style="width: 180px"
-        {%
-        if
-        instance.is_active
-        %}disabled{%
-        endif
-        %}
-      />
-      <button
-        type="submit"
-        class="btn-danger"
-        {%
-        if
-        instance.is_active
-        %}disabled{%
-        endif
-        %}
-      >
-        Regenerate
-      </button>
+    <form action="/instances/{{ instance.id }}/world/regenerate" method="post" class="form-row" onsubmit="return confirm('This will DELETE the current world and generate a new one. Continue?');">
+      <input type="text" name="seed" placeholder="Seed (empty = random)" style="width: 180px"{% if instance.is_active %} disabled{% endif %} />
+      <button type="submit" class="btn-danger"{% if instance.is_active %} disabled{% endif %}>Regenerate</button>
     </form>
   </div>
 </div>
 
+<div class="card" style="margin-top: 1.5rem">
+  <h3>Configuration Files</h3>
+  <div class="meta" style="margin-bottom: 0.5rem">
+    <span>Edit mod/plugin config files inside <code>config/</code></span>
+  </div>
+  <div class="actions">
+    <a href="/instances/{{ instance.id }}/config" class="btn">Open Config Editor</a>
+  </div>
+</div>
+
 <div class="card" style="margin-top: 1.5rem">
   <h3>Mods</h3>
   <div class="meta" style="margin-bottom: 0.5rem">
     <span>
       {% if instance.has_modpack %}
       <strong>{{ mod_count }}</strong> mod{% if mod_count != 1 %}s{% endif %}
-      installed {% if rejected_count > 0 %} (<strong
-        >{{ rejected_count }}</strong
-      >
-      rejected) {% endif %} {% else %} No mods installed {% endif %}
+      installed{% if rejected_count > 0 %} (<strong>{{ rejected_count }}</strong> rejected){% endif %}
+      {% else %} No mods installed {% endif %}
     </span>
   </div>
   <div class="actions">
diff --git a/templates/mods/list.html b/templates/mods/list.html
index b5420b8..b05a0e6 100644
--- a/templates/mods/list.html
+++ b/templates/mods/list.html
@@ -119,7 +119,7 @@ function batchSubmit(action) {
     const checked = document.querySelectorAll('input[name="mod_id"]:checked');
     if (checked.length === 0) return;
 
-    const form = document.getElementById('batch-form');
+    const form = document.querySelector('#batch-form');
     // Clear any previous hidden inputs
     form.textContent = '';
     form.action = '/instances/{{ instance_id }}/mods/batch-' + action;
@@ -129,7 +129,7 @@ function batchSubmit(action) {
         input.type = 'hidden';
         input.name = 'mod_id';
         input.value = cb.value;
-        form.appendChild(input);
+        form.append(input);
     }
 
     form.submit();
-- 
cgit v1.2.3