Add support for Bibliogram redirects

4 files changed, 69 insertions, 13 deletions

diff --git a/pages/options/options.html b/pages/options/options.html
index 124aa4bf..4dde26f8 100644
--- a/pages/options/options.html
+++ b/pages/options/options.html
@@ -30,10 +30,21 @@
   </section>
 
   <section class="options settings_block">
+    <div class="onoffswitch switch" aria-label="Toggle Bibliogram redirects">
+      <h1>Bibliogram Redirects</h1>
+      <input aria-hidden="true" id="disableBibliogram" type="checkbox" checked>&nbsp;
+      <label for="disableBibliogram" class="checkbox-label">
+      </label>
+    </div>
+  </section>
+
+  <section class="options settings_block">
     <h1>Nitter Instance</h1>
     <input id="nitterInstance" type="url" placeholder="https://nitter.net">
     <h1>Invidious Instance</h1>
     <input id="invidiousInstance" type="url" placeholder="https://invidio.us">
+    <h1>Bibliogram Instance</h1>
+    <input id="bibliogramInstance" type="url" placeholder="https://bibliogram.art">
   </section>
 
   <footer>
diff --git a/pages/options/options.js b/pages/options/options.js
index 092a5038..ed9c70d6 100644
--- a/pages/options/options.js
+++ b/pages/options/options.js
@@ -1,26 +1,39 @@
 'use strict';
 
-let disableNitter = document.querySelector('#disableNitter');
-let disableInvidious = document.querySelector('#disableInvidious');
 let nitterInstance = document.querySelector('#nitterInstance');
 let invidiousInstance = document.querySelector('#invidiousInstance');
+let bibliogramInstance = document.querySelector('#bibliogramInstance');
+let disableNitter = document.querySelector('#disableNitter');
+let disableInvidious = document.querySelector('#disableInvidious');
+let disableBibliogram = document.querySelector('#disableBibliogram');
 
 chrome.storage.sync.get(
-  ['disableNitter', 'disableInvidious', 'nitterInstance', 'invidiousInstance'],
+  [
+    'nitterInstance',
+    'invidiousInstance',
+    'bibliogramInstance',
+    'disableNitter',
+    'disableInvidious',
+    'disableBibliogram'
+  ],
   result => {
-    disableNitter.checked = !result.disableNitter;
-    disableInvidious.checked = !result.disableInvidious;
     nitterInstance.value = result.nitterInstance || '';
     invidiousInstance.value = result.invidiousInstance || '';
+    bibliogramInstance.value = result.bibliogramInstance || '';
+    disableNitter.checked = !result.disableNitter;
+    disableInvidious.checked = !result.disableInvidious;
+    disableBibliogram.checked = !result.disableBibliogram;
   }
 );
 
 document.querySelector('#save').addEventListener('click', () => {
   chrome.storage.sync.set({
+    nitterInstance: nitterInstance.value,
+    invidiousInstance: invidiousInstance.value,
+    bibliogramInstance: bibliogramInstance.value,
     disableNitter: !disableNitter.checked,
     disableInvidious: !disableInvidious.checked,
-    nitterInstance: nitterInstance.value,
-    invidiousInstance: invidiousInstance.value
+    disableBibliogram: !disableBibliogram.checked
   });
   window.close();
 });
\ No newline at end of file
diff --git a/pages/popup/popup.html b/pages/popup/popup.html
index b5285de0..986fd8c5 100644
--- a/pages/popup/popup.html
+++ b/pages/popup/popup.html
@@ -14,7 +14,7 @@
       <img src="../../images/logo.png" alt="Privacy Redirect logo">
     </div>
     <small>
-      <span>Version</span>: 1.1.3</span>
+      <span>Version</span>: 1.1.4</span>
     </small>
   </header>
 
@@ -37,10 +37,21 @@
   </section>
 
   <section class="options settings_block">
+    <div class="onoffswitch switch" aria-label="Toggle Bibliogram redirects">
+      <h1>Bibliogram Redirects</h1>
+      <input aria-hidden="true" id="disableBibliogram" type="checkbox" checked>&nbsp;
+      <label for="disableBibliogram" class="checkbox-label">
+      </label>
+    </div>
+  </section>
+
+  <section class="options settings_block">
     <h1>Nitter Instance</h1>
     <input id="nitterInstance" type="url" placeholder="https://nitter.net">
     <h1>Invidious Instance</h1>
     <input id="invidiousInstance" type="url" placeholder="https://invidio.us">
+    <h1>Bibliogram Instance</h1>
+    <input id="bibliogramInstance" type="url" placeholder="https://bibliogram.art">
   </section>
 
   <script src="./popup.js"></script>
diff --git a/pages/popup/popup.js b/pages/popup/popup.js
index cc1aa567..ecbaf1e7 100644
--- a/pages/popup/popup.js
+++ b/pages/popup/popup.js
@@ -1,17 +1,28 @@
 'use strict';
 
-let disableNitter = document.querySelector('#disableNitter');
-let disableInvidious = document.querySelector('#disableInvidious');
 let nitterInstance = document.querySelector('#nitterInstance');
 let invidiousInstance = document.querySelector('#invidiousInstance');
+let bibliogramInstance = document.querySelector('#bibliogramInstance');
+let disableNitter = document.querySelector('#disableNitter');
+let disableInvidious = document.querySelector('#disableInvidious');
+let disableBibliogram = document.querySelector('#disableBibliogram');
 
 chrome.storage.sync.get(
-  ['disableNitter', 'disableInvidious', 'nitterInstance', 'invidiousInstance'],
+  [
+    'nitterInstance',
+    'invidiousInstance',
+    'bibliogramInstance',
+    'disableNitter',
+    'disableInvidious',
+    'disableBibliogram'
+  ],
   result => {
-    disableNitter.checked = !result.disableNitter;
-    disableInvidious.checked = !result.disableInvidious;
     nitterInstance.value = result.nitterInstance || '';
     invidiousInstance.value = result.invidiousInstance || '';
+    bibliogramInstance.value = result.bibliogramInstance || '';
+    disableNitter.checked = !result.disableNitter;
+    disableInvidious.checked = !result.disableInvidious;
+    disableBibliogram.checked = !result.disableBibliogram;
   }
 );
 
@@ -42,6 +53,12 @@ let invidiousInstanceChange = debounce(() => {
 
 invidiousInstance.addEventListener('input', invidiousInstanceChange);
 
+let bibliogramInstanceChange = debounce(() => {
+  chrome.storage.sync.set({ bibliogramInstance: bibliogramInstance.value });
+}, 500);
+
+bibliogramInstance.addEventListener('input', bibliogramInstanceChange);
+
 disableNitter.addEventListener('change', event => {
   chrome.storage.sync.set({ disableNitter: !event.target.checked });
 });
@@ -49,3 +66,7 @@ disableNitter.addEventListener('change', event => {
 disableInvidious.addEventListener('change', event => {
   chrome.storage.sync.set({ disableInvidious: !event.target.checked });
 });
+
+disableBibliogram.addEventListener('change', event => {
+  chrome.storage.sync.set({ disableBibliogram: !event.target.checked });
+});