Update public/index.html

public/index.html

@@ -192,6 +192,7 @@
     <div class="progress-bar-outer"><div class="progress-bar-inner" id="progressBar"></div></div>
   </div>
   <div id="fileInfoBar" style="display:none;"></div>
+  <div id="downloadBar" style="display:none; margin-top:12px;"></div>
 
   <!-- Editor -->
   <div class="editor-layout" id="editorLayout" style="display:none;">
@@ -315,9 +316,21 @@ fetch('/tools').then(r => r.json()).then(tools => {
   }
 }).catch(() => {});
 
+// ── DOWNLOAD LINK ──────────────────────────────────────────────────
+fetch('/download-link').then(r => r.json()).then(data => {
+  const bar = document.getElementById('downloadBar');
+  bar.style.display = 'block';
+  bar.innerHTML = `<div class="file-info" style="background:rgba(0,200,255,0.08);border-color:var(--accent);">
+    ⬇ <span class="file-info-name">${data.patched ? '✔ Patched APK ready' : 'Original APK'}</span> &nbsp;·&nbsp;
+    <a href="${data.url}" style="color:var(--accent);font-weight:700;letter-spacing:1px;" download>Click here to download</a>
+    ${data.patched ? '' : '&nbsp;·&nbsp; <span style="color:var(--text-dim);font-size:11px;">edit characters below to patch</span>'}
+  </div>`;
+}).catch(() => {});
+
 // ── AUTO-INIT ──────────────────────────────────────────────────────
-const LS_TOKEN_KEY = 'supercity_session_token';
-const LS_RAW_KEY   = 'supercity_raw';
+const LS_TOKEN_KEY  = 'supercity_session_token';
+const LS_RAW_KEY    = 'supercity_raw';
+const LS_EDITED_KEY = 'supercity_edited';
 
 (function initFromServer() {
   const wrap  = document.getElementById('progressWrap');
@@ -342,14 +355,24 @@ const LS_RAW_KEY   = 'supercity_raw';
           sessionToken = savedToken;
           originalRaw  = savedRaw;
           parseCharacters(savedRaw);
+
+          // Restore edits if any were saved
+          const savedEdited = localStorage.getItem(LS_EDITED_KEY);
+          if (savedEdited) {
+            const editedFields = savedEdited.split('|');
+            characters.forEach(ch => {
+              ch.fields = editedFields.slice(ch.startIdx, ch.startIdx + ch.fields.length);
+            });
+          }
+
           wrap.style.display = 'none';
           document.getElementById('fileInfoBar').style.display = 'flex';
           document.getElementById('fileInfoBar').innerHTML = `
             <div class="file-info">♻ <span class="file-info-name">Session restored</span>
-            &nbsp;·&nbsp; ${characters.length} characters loaded</div>`;
+            &nbsp;·&nbsp; ${characters.length} characters loaded${savedEdited ? ' &nbsp;·&nbsp; <b style="color:var(--accent2)">edits recovered</b>' : ''}</div>`;
           document.getElementById('editorLayout').style.display = 'grid';
-          setStep(2);
-          showToast('✔ Session restored — your edits are safe');
+          setStep(savedEdited ? 3 : 2);
+          showToast(savedEdited ? '✔ Session + edits restored — ready to export' : '✔ Session restored');
         } else {
           localStorage.removeItem(LS_TOKEN_KEY);
           localStorage.removeItem(LS_RAW_KEY);
@@ -511,6 +534,16 @@ function saveCharacter() {
   document.getElementById('unsavedBadge').style.display = 'none';
   showToast(`✔ ${ch.name} saved`);
   setStep(3);
+  persistEdits();
+}
+
+function persistEdits() {
+  // Rebuild current edited raw and save to localStorage
+  const allFields = originalRaw.split('|');
+  characters.forEach(ch => {
+    ch.fields.forEach((val, j) => { allFields[ch.startIdx + j] = val; });
+  });
+  localStorage.setItem(LS_EDITED_KEY, allFields.join('|'));
 }
 
 function resetCharacter() {
@@ -543,19 +576,27 @@ function exportAPK() {
   })
   .then(res => {
     if (!res.ok) return res.json().then(e => { throw new Error(e.error); });
-    return res.blob();
+    return res.json();
   })
-  .then(blob => {
-    const url = URL.createObjectURL(blob);
-    const a   = document.createElement('a');
-    a.href    = url;
-    a.download = 'SuperCity_modded.apk';
-    a.click();
-    URL.revokeObjectURL(url);
+  .then(data => {
     btn.disabled = false;
     btn.textContent = '⬇ Export Patched APK';
-    showToast('✔ Patched APK downloaded — install with "Unknown sources" enabled');
+    showToast('✔ Patched — click the download link');
     setStep(3);
+    // Show native browser download prompt
+    const a = document.createElement('a');
+    a.href = data.url;
+    a.download = 'supercity_modded.apk';
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    // Refresh download bar
+    const bar = document.getElementById('downloadBar');
+    bar.innerHTML = `<div class="file-info" style="background:rgba(61,220,151,0.08);border-color:var(--civilian);">
+      ✔ <span class="file-info-name" style="color:var(--civilian)">Patched APK ready</span> &nbsp;·&nbsp;
+      <a href="${data.url}" style="color:var(--accent);font-weight:700;letter-spacing:1px;" download="supercity_modded.apk">Click here to download again</a>
+    </div>`;
+    bar.style.display = 'block';
   })
   .catch(err => {
     btn.disabled = false;