feat: configure browser receiver token

shared/popup/popup.html

@@ -44,6 +44,8 @@
       <section class="settings">
         <label for="receiver-input">Receiver URL</label>
         <input id="receiver-input" type="url" spellcheck="false">
+        <label for="receiver-token-input">Pairing token</label>
+        <input id="receiver-token-input" type="password" spellcheck="false" autocomplete="off">
         <button id="save-settings" class="secondary">Save</button>
       </section>
 

shared/popup/popup.js

@@ -6,6 +6,7 @@
   var receiverStateEl = document.getElementById('receiver-state');
   var receiverUrlEl = document.getElementById('receiver-url');
   var receiverInputEl = document.getElementById('receiver-input');
+  var receiverTokenInputEl = document.getElementById('receiver-token-input');
   var fileInputEl = document.getElementById('file-input');
   var pendingCountEl = document.getElementById('pending-count');
   var statusDotEl = document.getElementById('status-dot');
@@ -50,6 +51,9 @@
     if (document.activeElement !== receiverInputEl) {
       receiverInputEl.value = settings.receiverUrl || '';
     }
+    if (document.activeElement !== receiverTokenInputEl) {
+      receiverTokenInputEl.value = settings.receiverToken || '';
+    }
 
     if (reachable === true) {
       receiverStateEl.textContent = 'Online';
@@ -120,6 +124,7 @@
 
   document.getElementById('save-settings').addEventListener('click', function () {
     var receiverUrl = receiverInputEl.value.trim();
+    var receiverToken = receiverTokenInputEl.value.trim();
     if (!/^https?:\/\//.test(receiverUrl)) {
       setStatus('Receiver URL must start with http:// or https://');
       return;
@@ -127,7 +132,7 @@
     request({
       type: 'verstak.capture',
       action: 'saveSettings',
-      settings: { receiverUrl: receiverUrl, receiverToken: '' }
+      settings: { receiverUrl: receiverUrl, receiverToken: receiverToken }
     }).then(function (state) {
       render(state);
       setStatus('Saved');