1 files changed, 20 insertions, 1 deletions
diff --git a/pages/popup/popup.js b/pages/popup/popup.js
index 4eb15ba..16d5826 100644
--- a/pages/popup/popup.js
+++ b/pages/popup/popup.js
@@ -3,9 +3,11 @@
 let nitterInstance = document.querySelector('#nitter-instance');
 let invidiousInstance = document.querySelector('#invidious-instance');
 let bibliogramInstance = document.querySelector('#bibliogram-instance');
+let osmInstance = document.querySelector('#osm-instance');
 let disableNitter = document.querySelector('#disable-nitter');
 let disableInvidious = document.querySelector('#disable-invidious');
 let disableBibliogram = document.querySelector('#disable-bibliogram');
+let disableOsm = document.querySelector('#disable-osm');
 let version = document.querySelector('#version');
 
 chrome.storage.sync.get(
@@ -13,17 +15,21 @@ chrome.storage.sync.get(
     'nitterInstance',
     'invidiousInstance',
     'bibliogramInstance',
+    'osmInstance',
     'disableNitter',
     'disableInvidious',
-    'disableBibliogram'
+    'disableBibliogram',
+    'disableOsm'
   ],
   result => {
     nitterInstance.value = result.nitterInstance || '';
     invidiousInstance.value = result.invidiousInstance || '';
     bibliogramInstance.value = result.bibliogramInstance || '';
+    osmInstance.value = result.osmInstance || '';
     disableNitter.checked = !result.disableNitter;
     disableInvidious.checked = !result.disableInvidious;
     disableBibliogram.checked = !result.disableBibliogram;
+    disableOsm.checked = !result.disableOsm;
   }
 );
 
@@ -71,6 +77,15 @@ let bibliogramInstanceChange = debounce(() => {
 }, 500);
 bibliogramInstance.addEventListener('input', bibliogramInstanceChange);
 
+let osmInstanceChange = debounce(() => {
+  if (osmInstance.checkValidity()) {
+    chrome.storage.sync.set({
+      osmInstance: osmInstance.value ? new URL(osmInstance.value).origin : ''
+    });
+  }
+}, 500);
+osmInstance.addEventListener('input', osmInstanceChange);
+
 disableNitter.addEventListener('change', event => {
   chrome.storage.sync.set({ disableNitter: !event.target.checked });
 });
@@ -82,3 +97,7 @@ disableInvidious.addEventListener('change', event => {
 disableBibliogram.addEventListener('change', event => {
   chrome.storage.sync.set({ disableBibliogram: !event.target.checked });
 });
+
+disableOsm.addEventListener('change', event => {
+  chrome.storage.sync.set({ disableOsm: !event.target.checked });
+});