popup fixes

browser-extension/popup.js

@@ -25,6 +25,7 @@
     try {
       const r = await browser.runtime.sendMessage({ kind: 'list_users' });
       const users = (r && r.users) || [];
+      const saved = await browser.storage.sync.get('username').then(x => x.username);
       userEl.innerHTML = '';
       for (const u of users) {
         const opt = document.createElement('option');
@@ -32,6 +33,9 @@
         opt.textContent = u.name;
         userEl.appendChild(opt);
       }
+      if (saved && [...userEl.options].some(o => o.value === saved)) {
+        userEl.value = saved;
+      }
     } catch (e) {
       showStatus('Cannot load users: ' + e.message, false);
     }
@@ -54,7 +58,7 @@
     }
   }
 
-  function capturePage() {
+  async function capturePage() {
     var title = noteEl.dataset.pageTitle || '';
     var url = noteEl.dataset.pageUrl || '';
     if (!title && !url) { showStatus('No page to capture', false); return; }
@@ -62,6 +66,24 @@
     var v = noteEl.value;
     if (v && !/\n$/.test(v)) v += '\n';
     noteEl.value = v + link + '\n';
+
+    captureBtn.disabled = true;
+    try {
+      const dataUrl = await browser.tabs.captureVisibleTab({ format: 'png' });
+      const r = await browser.runtime.sendMessage({
+        kind: 'upload_attachment',
+        dataUrl: dataUrl,
+        filename: 'page.png',
+        username: userEl.value,
+      });
+      noteEl.value += '![Screenshot](' + r.url + ')\n';
+      showStatus('Screenshot attached', true);
+    } catch (e) {
+      showStatus('Screenshot failed: ' + e.message, false);
+    } finally {
+      captureBtn.disabled = false;
+    }
+
     noteEl.focus();
     scheduleAutosave();
   }
@@ -99,6 +121,17 @@
 
   noteEl.addEventListener('input', scheduleAutosave);
 
+  userEl.addEventListener('change', function () {
+    browser.storage.sync.set({ username: userEl.value });
+  });
+
+  document.getElementById('logo').addEventListener('click', function () {
+    browser.storage.sync.get('serverUrl').then(function (r) {
+      var url = (r.serverUrl || '').replace(/\/+$/, '');
+      if (url) browser.tabs.create({ url: url });
+    });
+  });
+
   saveBtn.addEventListener('click', function () {
     if (autosaveTimer) { clearTimeout(autosaveTimer); autosaveTimer = null; }
     save();