v0.0.8 - server config.json support

- Load config.json on startup (when hosted on a server)
- serverCfg takes priority over localStorage for all settings
- Supports: appName, base, instance, apikey, country, delayMin, delayMax
- Settings modal shows notice when server config is active
- Add config.example.json as template (config.json is gitignored)
- Update README with server deployment instructions

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Eran

.gitignore

@@ -1,2 +1,3 @@
 versions/
 .claude/
+config.json

README.md

@@ -57,10 +57,34 @@ A browser-based WhatsApp management interface built on top of [Evolution API v2]
 
 ---
 
+## Server Deployment — `config.json`
+
+When hosting on a web server, you can pre-configure all settings centrally using a `config.json` file placed next to `index.html`. Users won't need to touch Settings — everything is loaded automatically.
+
+Copy `config.example.json` → `config.json` and fill in your values:
+
+```json
+{
+  "appName":  "My Business",
+  "base":     "https://your-evolution-api-server.com",
+  "instance": "MyInstance",
+  "apikey":   "your-api-key-here",
+  "country":  "IL",
+  "delayMin": 1,
+  "delayMax": 5
+}
+```
+
+Any field can be omitted — omitted fields fall back to the user's local browser settings.
+
+> **Note:** `config.json` is listed in `.gitignore` so your credentials are never committed to the repo.
+
+---
+
 ## Security
 
-- All credentials (API key, instance name, server URL) are stored exclusively in your **browser's localStorage**
-- Nothing is hardcoded — the repo contains zero credentials
+- Credentials are stored in your **browser's localStorage** (local use) or in `config.json` on your server (hosted use)
+- Nothing is hardcoded in the source — the repo contains zero credentials
 - Credentials never leave your browser except in direct API calls to your own Evolution API server
 
 ---

config.example.json

@@ -0,0 +1,9 @@
+{
+  "appName":  "My Business",
+  "base":     "https://your-evolution-api-server.com",
+  "instance": "MyInstance",
+  "apikey":   "your-api-key-here",
+  "country":  "IL",
+  "delayMin": 1,
+  "delayMax": 5
+}

index.html

@@ -79,6 +79,9 @@ <h2 class="text-base font-bold text-gray-900">Connection Settings</h2>
       </button>
     </div>
     <div class="px-6 py-5 space-y-4">
+      <div id="cfg-server-notice" class="hidden bg-blue-50 border border-blue-200 text-blue-700 text-xs rounded-lg px-3 py-2">
+        ⚙ Server configuration loaded from <code>config.json</code> — those values take priority over local settings.
+      </div>
       <div>
         <label class="block text-sm font-medium text-gray-700 mb-1.5">Business / App Name</label>
         <input id="cfg-app-name" type="text" placeholder="WhatsApp Manager" class="w-full border border-gray-300 rounded-lg px-3.5 py-2.5 text-sm"/>
@@ -1091,7 +1094,9 @@ <h3 class="text-sm font-semibold text-gray-800">Privacy Settings</h3>
 </div>
 
 <script>
-  // ── CONFIG (localStorage-backed) ──────────────────────────────────────────
+  // ── CONFIG (server config.json → localStorage → defaults) ────────────────
+  let serverCfg = {};  // populated from config.json if present
+
   const DEFAULTS = {
     base: '',
     instance: '',
@@ -1103,14 +1108,15 @@ <h3 class="text-sm font-semibold text-gray-800">Privacy Settings</h3>
   };
 
   function getCfg() {
+    const s = serverCfg;
     return {
-      base:     localStorage.getItem('wa_base')      || '',
-      instance: localStorage.getItem('wa_instance')  || '',
-      apikey:   localStorage.getItem('wa_apikey')    || '',
-      country:  localStorage.getItem('wa_country')   || 'IL',
-      delayMin: parseFloat(localStorage.getItem('wa_delay_min')) || 1,
-      delayMax: parseFloat(localStorage.getItem('wa_delay_max')) || 3,
-      appName:  localStorage.getItem('wa_app_name')  || 'WhatsApp Manager',
+      appName:  s.appName  || localStorage.getItem('wa_app_name')  || DEFAULTS.appName,
+      base:     s.base     || localStorage.getItem('wa_base')      || '',
+      instance: s.instance || localStorage.getItem('wa_instance')  || '',
+      apikey:   s.apikey   || localStorage.getItem('wa_apikey')    || '',
+      country:  s.country  || localStorage.getItem('wa_country')   || DEFAULTS.country,
+      delayMin: s.delayMin != null ? s.delayMin : (parseFloat(localStorage.getItem('wa_delay_min')) || DEFAULTS.delayMin),
+      delayMax: s.delayMax != null ? s.delayMax : (parseFloat(localStorage.getItem('wa_delay_max')) || DEFAULTS.delayMax),
     };
   }
 
@@ -1131,6 +1137,12 @@ <h3 class="text-sm font-semibold text-gray-800">Privacy Settings</h3>
 
   function openConfig() {
     const cfg = getCfg();
+    const serverNotice = document.getElementById('cfg-server-notice');
+    if (Object.keys(serverCfg).length > 0) {
+      serverNotice.classList.remove('hidden');
+    } else {
+      serverNotice.classList.add('hidden');
+    }
     document.getElementById('cfg-app-name').value  = cfg.appName !== 'WhatsApp Manager' ? cfg.appName : '';
     document.getElementById('cfg-base').value      = cfg.base;
     document.getElementById('cfg-instance').value  = cfg.instance;
@@ -1231,11 +1243,16 @@ <h3 class="text-sm font-semibold text-gray-800">Privacy Settings</h3>
     if (e.target === this) closeConfig();
   });
 
-  // Init config on load — auto-open settings if not yet configured
-  applyConfig();
-  if (!localStorage.getItem('wa_apikey') || !localStorage.getItem('wa_base')) {
-    openConfig();
-  }
+  // Init — load config.json (if on a server), then apply and open settings if needed
+  (async () => {
+    try {
+      const res = await fetch('config.json');
+      if (res.ok) serverCfg = await res.json();
+    } catch (e) { /* no config.json — local file usage, that's fine */ }
+    applyConfig();
+    const cfg = getCfg();
+    if (!cfg.apikey || !cfg.base) openConfig();
+  })();
 
   // ── PHONE VALIDATION (libphonenumber-js) ──────────────────────────────────
   function validatePhone(raw) {