Refining code. Adding frontend option to search

2022-01-31 21:01:16 +03:00 · 2022-01-31 21:01:16 +03:00 · 540b41ef0a
parent 9addc51b02
commit 540b41ef0a
38 changed files with 1185 additions and 699 deletions
--- a/README.md
+++ b/README.md
@ -3,14 +3,14 @@
 # LibRedirect
 A web extension that redirects YouTube, Twitter, Instagram... requests to alternative privacy friendly frontends and backends.

- Youtube => [Invidious](https://github.com/iv-org/invidious) ([instances](https://docs.invidious.io/Invidious-Instances.md)), [FreeTube](https://github.com/FreeTubeApp/FreeTube)
- Twitter => [Nitter](https://github.com/zedeus/nitter) ([instances](https://github.com/zedeus/nitter/wiki/Instances))
- Instagram => [Bibliogram](https://sr.ht/~cadence/bibliogram/) ([instances](https://git.sr.ht/~cadence/bibliogram-docs/tree/master/docs/Instances.md))
+- Youtube => [Invidious](https://github.com/iv-org/invidious), [FreeTube](https://github.com/FreeTubeApp/FreeTube)
+- Twitter => [Nitter](https://github.com/zedeus/nitter)
+- Instagram => [Bibliogram](https://sr.ht/~cadence/bibliogram/)
 - Reddit => [Libreddit](https://github.com/spikecodes/libreddit#instances), [Teddit](https://codeberg.org/teddit/teddit#instances), [Old Reddit](https://old.reddit.com), [Mobile Reddit](https://i.reddit.com)
- Google Search => [SearX](https://searx.github.io/searx/), [DuckDuckGo](https://duckduckgo.com), [Startpage](https://startpage.com), [Ecosia](https://www.ecosia.org), [Qwant](https://www.qwant.com), [Mojeek](https://www.mojeek.com), [Presearch](https://www.presearch.org), [Whoogle](https://benbusby.com/projects/whoogle-search/)
- Translate => [SimplyTranslate](https://git.sr.ht/~metalune/simplytranslate_web) ([instances](https://git.sr.ht/~metalune/simplytranslate_web#list-of-instances))
- Google Maps => [OpenStreetMap](https://www.openstreetmap.org/) ([instances](https://wiki.openstreetmap.org/wiki/Tile_servers))
- Medium => [Scribe](https://sr.ht/~edwardloveall/scribe/) ([instances](https://scribe.rip/))
+- Google Search => [SearX](https://searx.github.io/searx/), [Whoogle](https://benbusby.com/projects/whoogle-search/)
+- Translate => [SimplyTranslate](https://git.sr.ht/~metalune/simplytranslate_web)
+- Google Maps => [OpenStreetMap](https://www.openstreetmap.org/)
+- Medium => [Scribe](https://sr.ht/~edwardloveall/scribe/)

 **Note**: It will default to using random instances if none are selected. You can also set custom instances.

--- a/src/_locales/de/messages.json
+++ b/src/_locales/de/messages.json
@ -39,15 +39,15 @@
    "message": "OpenStreetMap-Weiterleitungen",
    "description": "Label for enable/disable OSM redirects option (options & pop-up)."
  },
-  "alwaysProxy": {
+  "invidiousAlwaysProxy": {
    "message": "Videos immer durch Invidious-Proxy leiten",
    "description": "Label for 'Always proxy videos through Invidious' option (options)."
  },
-  "onlyEmbeddedVideo": {
+  "invidiousOnlyEmbeddedVideo": {
    "message": "Nur eingebettete Videos zu Invidious weiterleiten",
    "description": "Label for 'Only redirect embedded video to Invidious' option (options)."
  },
-  "videoQuality": {
+  "invidiousVideoQuality": {
    "message": "Videoqualität bei Invidious",
    "description": "Label for 'Invidious Video Quality' option (options)."
  },
--- a/src/_locales/en/messages.json
+++ b/src/_locales/en/messages.json
@ -31,7 +31,7 @@
    "message": "Reddit Instance",
    "description": "Label for Reddit instance field option (options)."
  },
-  "searchEngineInstance": {
+  "searchInstance": {
    "message": "Search Engine Instance",
    "description": "Label for Search Engine instance field option (options)."
  },
@ -67,7 +67,7 @@
    "message": "Reddit Redirects",
    "description": "Label for enable/disable Reddit redirects option (options & pop-up)."
  },
-  "disableSearchEngine": {
+  "disableSearch": {
    "message": "Search Engine Redirects",
    "description": "Label for enable/disable Search Engine redirects option (options & pop-up)."
  },
@ -79,15 +79,15 @@
    "message": "Wikipedia Redirects",
    "description": "Label for enable/disable Wikipedia redirects option (options & pop-up)."
  },
-  "alwaysProxy": {
+  "invidiousAlwaysProxy": {
    "message": "Always proxy videos through Invidious",
    "description": "Label for 'Always proxy videos through Invidious' option (options)."
  },
-  "onlyEmbeddedVideo": {
+  "invidiousOnlyEmbeddedVideo": {
    "message": "Only redirect embedded video to Invidious",
    "description": "Label for 'Only redirect embedded video to Invidious' option (options)."
  },
-  "videoQuality": {
+  "invidiousVideoQuality": {
    "message": "Invidious Video Quality",
    "description": "Label for 'Invidious Video Quality' option (options)."
  },
@ -152,20 +152,20 @@
    "description": "Label for 'Use FreeTube over Invidious when possible' option (options)."
  },
  "nitterRandomPool": {
-    "message": "Nitter random instance pool (comma-separated)",
-    "description": "Label for 'Nitter random instance pool (comma-separated)' option (options)."
+    "message": "Nitter Instance List",
+    "description": "Label for 'Nitter Instance List' option (options)."
  },
  "scribeRandomPool": {
-    "message": "Scribe random instance pool (comma-separated)",
-    "description": "Label for 'Scribe random instance pool (comma-separated)' option (options)."
+    "message": "Scribe Instance List",
+    "description": "Label for 'Scribe Instance List' option (options)."
  },
  "invidiousRandomPool": {
-    "message": "Invidious random instance pool (comma-separated)",
-    "description": "Label for 'Invidious random instance pool (comma-separated)' option (options)."
+    "message": "Invidious Instance List",
+    "description": "Label for 'Invidious Instance List' option (options)."
  },
  "bibliogramRandomPool": {
-    "message": "Bibliogram random instance pool (comma-separated)",
-    "description": "Label for 'Bibliogram random instance pool (comma-separated)' option (options)."
+    "message": "Bibliogram Instance List",
+    "description": "Label for 'Bibliogram Instance List' option (options)."
  },
  "randomInstancePlaceholder": {
    "message": "Random instance (none selected)",
--- a/src/_locales/es/messages.json
+++ b/src/_locales/es/messages.json
@ -27,7 +27,7 @@
    "message": "Instancia de Reddit",
    "description": "Etiqueta del campo para la instancia de Reddit (opciones)."
  },
-  "searchEngineInstance": {
+  "searchInstance": {
    "message": "Instancia de Buscador",
    "description": "Etiqueta del campo para la instancia de Buscador (opciones)."
  },
@ -59,7 +59,7 @@
    "message": "Redirecciones de Reddit",
    "description": "Etiqueta para activar/desactivar la opción de redirecciones de Reddit (opciones y pop-up)."
  },
-  "disableSearchEngine": {
+  "disableSearch": {
    "message": "Redirecciones de Buscador",
    "description": "Etiqueta para activar/desactivar la opción de redirecciones de Buscador (opciones y pop-up)."
  },
@ -71,15 +71,15 @@
    "message": "Redirecciones de Wikipedia",
    "description": "Etiqueta para activar/desactivar la opción de redirecciones de Wikipedia (opciones y pop-up)."
  },
-  "alwaysProxy": {
+  "invidiousAlwaysProxy": {
    "message": "Siempre usar el proxy de Invidious para videos",
    "description": "Etiqueta para la opción de 'Siempre usar el proxy de Invidious para videos' (opciones)."
  },
-  "onlyEmbeddedVideo": {
+  "invidiousOnlyEmbeddedVideo": {
    "message": "Solo redirigir los videos incrustados a Invidious",
    "description": "Etiqueta para la opción de 'Solo redirigir los videos incrustados a Invidious' (opciones)."
  },
-  "videoQuality": {
+  "invidiousVideoQuality": {
    "message": "Calidad de Video de Invidious",
    "description": "Etiqueta para la opción de 'Calidad de Video de Invidious' (opciones)."
  },
--- a/src/_locales/fr/messages.json
+++ b/src/_locales/fr/messages.json
@ -39,15 +39,15 @@
    "message": "Redirection vers OpenStreetMap",
    "description": "Étiquette pour activer / désactiver l'option de redirection vers OpenStreetMap (options et pop-up)."
  },
-  "alwaysProxy": {
+  "invidiousAlwaysProxy": {
    "message": "Toujours transiter par proxy les vidéos via Invidious",
    "description": "Libellé pour l'option 'Toujours transiter par proxy les vidéos via Invidious' (options)."
  },
-  "onlyEmbeddedVideo": {
+  "invidiousOnlyEmbeddedVideo": {
    "message": "Rediriger uniquement les vidéos intégrées vers Invidious",
    "description": "Libellé pour l'option 'Rediriger uniquement les vidéos intégrées vers Invidious' (options)."
  },
-  "videoQuality": {
+  "invidiousVideoQuality": {
    "message": "Qualité des vidéos Invidious",
    "description": "Libellé pour l'option 'Qualité des vidéos Invidious' (options)."
  },
--- a/src/_locales/it/messages.json
+++ b/src/_locales/it/messages.json
@ -27,7 +27,7 @@
    "message": "Istanza di Reddit",
    "description": "Label for Reddit instance field option (options)."
  },
-  "searchEngineInstance": {
+  "searchInstance": {
    "message": "Istanza del motore di ricerca",
    "description": "Label for Search Engine instance field option (options)."
  },
@ -55,7 +55,7 @@
    "message": "Reindirizzamenti Reddit",
    "description": "Label for enable/disable Reddit redirects option (options & pop-up)."
  },
-  "disableSearchEngine": {
+  "disableSearch": {
    "message": "Reindirizzamenti motore di ricerca",
    "description": "Label for enable/disable Search Engine redirects option (options & pop-up)."
  },
@ -63,15 +63,15 @@
    "message": "Reindirizzamenti SimplyTranslate",
    "description": "Label for enable/disable SimplyTranslate redirects option (options & pop-up)."
  },
-  "alwaysProxy": {
+  "invidiousAlwaysProxy": {
    "message": "Usa sempre il proxy per i video su Invidious",
    "description": "Label for 'Always proxy videos through Invidious' option (options)."
  },
-  "onlyEmbeddedVideo": {
+  "invidiousOnlyEmbeddedVideo": {
    "message": "Reindirizza solo i video incorporati verso Invidious",
    "description": "Label for 'Only redirect embedded video to Invidious' option (options)."
  },
-  "videoQuality": {
+  "invidiousVideoQuality": {
    "message": "Qualità video di Invidious",
    "description": "Label for 'Invidious Video Quality' option (options)."
  },
@ -137,15 +137,15 @@
  },
  "nitterRandomPool": {
    "message": "Gruppo di istanze Nitter casuali (separate da virgola)",
-    "description": "Label for 'Nitter random instance pool (comma-separated)' option (options)."
+    "description": "Label for 'Nitter Instance List' option (options)."
  },
  "invidiousRandomPool": {
    "message": "Gruppo di istanze Invidious casuali (separate da virgola)",
-    "description": "Label for 'Invidious random instance pool (comma-separated)' option (options)."
+    "description": "Label for 'Invidious Instance List' option (options)."
  },
  "bibliogramRandomPool": {
    "message": "Gruppo di istanze Bibliogram casuali (separate da virgola)",
-    "description": "Label for 'Bibliogram random instance pool (comma-separated)' option (options)."
+    "description": "Label for 'Bibliogram Instance List' option (options)."
  },
  "randomInstancePlaceholder": {
    "message": "Istanza casuale (nessuna selezione)",
--- a/src/_locales/pl/messages.json
+++ b/src/_locales/pl/messages.json
@ -39,15 +39,15 @@
    "message": "Przekierowanie OpenStreetMap",
    "description": "Etykieta dla włączenia/wyłączenia opcji przekierowania OpenStreetMap (opcje i okno pop-up)."
  },
-  "alwaysProxy": {
+  "invidiousAlwaysProxy": {
    "message": "Zawsze buforuj i wyświetlaj odnośniki wideo z YouTube poprzez Invidious",
    "description": "Etykieta dla opcji 'Zawsze buforuj i wyświetlaj odnośniki wideo poprzez Invidious'."
  },
-  "onlyEmbeddedVideo": {
+  "invidiousOnlyEmbeddedVideo": {
    "message": "Jedynie przekieruj odnośniki wideo do instancji Invidious",
    "description": "Etykieta dla opcji 'Jedynie przekieruj odnośniki wideo do instancji Invidious'."
  },
-  "videoQuality": {
+  "invidiousVideoQuality": {
    "message": "Jakość wideo Invidious",
    "description": "Etykieta dla opcji 'Jakość wideo Invidious'."
  },
--- a/src/_locales/ru/messages.json
+++ b/src/_locales/ru/messages.json
@ -27,7 +27,7 @@
    "message": "Сервис Reddit",
    "description": "Название настройки (в настройках) поля сервиса Reddit."
  },
-  "searchEngineInstance": {
+  "searchInstance": {
    "message": "Сервис поисковой системы",
    "description": "Название настройки (в настройках) поля сервиса поисковой системы."
  },
@ -55,7 +55,7 @@
    "message": "Перенаправление Reddit",
    "description": "Название настройки для включения/выключения перенаправления Reddit (в настройках и всплывающем окне)."
  },
-  "disableSearchEngine": {
+  "disableSearch": {
    "message": "Перенаправление поисковой системы",
    "description": "Название настройки для включения/выключения перенаправления поисковой системы (в настройках и всплывающем окне)."
  },
@ -67,15 +67,15 @@
    "message": "Тема",
    "description": "Название настройки для 'Тема' (в настройках)."
  },
-  "alwaysProxy": {
+  "invidiousAlwaysProxy": {
    "message": "Всегда проксировать видео через Invidious",
    "description": "Название настройки для 'Всегда проксировать видео через Invidious' (в настройках)."
  },
-  "onlyEmbeddedVideo": {
+  "invidiousOnlyEmbeddedVideo": {
    "message": "Перенаправлять только встроенные видео на Invidious",
    "description": "Название настройки для 'Перенаправлять только встроенные видео на Invidious' (в настройках)."
  },
-  "videoQuality": {
+  "invidiousVideoQuality": {
    "message": "Качество видео Invidious",
    "description": "Название настройки для 'Качество видео Invidious' (в настройках)."
  },
--- a/src/_locales/tr/messages.json
+++ b/src/_locales/tr/messages.json
@ -27,7 +27,7 @@
    "message": "Reddit Servisi",
    "description": "Reddit Servisi seçeneği için etiket (seçenekler)."
  },
-  "searchEngineInstance": {
+  "searchInstance": {
    "message": "Arama Motoru Servisi",
    "description": "Arama Motoru Servisi seçeneği için etiket (seçenekler)."
  },
@ -51,19 +51,19 @@
    "message": "Reddit Yönlendirmesi",
    "description": "Reddit Yönlendirmesi'ni etkinleştirme/devre dışı bırakma seçeneği için etiket (seçenekler & açılır pencere)."
  },
-  "disableSearchEngine": {
+  "disableSearch": {
    "message": "Arama Motoru Yönlendirmesi",
    "description": "Arama Motoru Yönlendirmesi'ni etkinleştirme/devre dışı bırakma seçeneği için etiket (seçenekler & açılır pencere)."
  },
-  "alwaysProxy": {
+  "invidiousAlwaysProxy": {
    "message": "Videoları her zaman Invidious üzerinden geçir",
    "description": "'Videoları her zaman Invidious üzerinden geçir' seçeneği için etiket (seçenekler)."
  },
-  "onlyEmbeddedVideo": {
+  "invidiousOnlyEmbeddedVideo": {
    "message": "Sadece siteye gömülü videoları Invidious'a yönlendir",
    "description": "'Sadece siteye gömülü videoları Invidious'a yönlendir' seçeneği için etiket (seçenekler)."
  },
-  "videoQuality": {
+  "invidiousVideoQuality": {
    "message": "Invidious Video Kalitesi",
    "description": "'Invidious Video Kalitesi' seçeneği için etiket (seçenekler)."
  },
--- a/src/_locales/zh_CN/messages.json
+++ b/src/_locales/zh_CN/messages.json
@ -39,15 +39,15 @@
    "message": "OpenStreetMap 重定向",
    "description": "Label for enable/disable OSM redirects option (options & pop-up)."
  },
-  "alwaysProxy": {
+  "invidiousAlwaysProxy": {
    "message": "使用 Invidious 时始终使用视频代理",
    "description": "Label for 'Always proxy videos through Invidious' option (options)."
  },
-  "onlyEmbeddedVideo": {
+  "invidiousOnlyEmbeddedVideo": {
    "message": "只重定向嵌入视频至 Invidious",
    "description": "Label for 'Only redirect embedded video to Invidious' option (options)."
  },
-  "videoQuality": {
+  "invidiousVideoQuality": {
    "message": "Invidious 视频画质",
    "description": "Label for 'Invidious Video Quality' option (options)."
  },
--- a/src/assets/javascripts/helpers/common.js
+++ b/src/assets/javascripts/helpers/common.js
@ -1,6 +1,8 @@

 function filterInstances(instances) {
-  return instances.filter((instance) => !instance.includes(".onion"));
+  let onionScan = instances.filter((instance) => !instance.includes(".onion"))
+  let i2pScan = onionScan.filter((instance) => !instance.includes(".i2p"))
+  return i2pScan;
 }

 function addHttps(instances) {
@ -8,11 +10,10 @@ function addHttps(instances) {
 }

 function getRandomInstance(instances) {
-  console.info(instances.length * Math.random(), "=>", instances.length * Math.random())
  return instances[~~(instances.length * Math.random())];
 }

-function getInstances() {
+function updateInstances() {
  const apiEndpoint = 'https://raw.githubusercontent.com/libredirect/instances/main/data.json';
  let request = new XMLHttpRequest();
  request.open('GET', apiEndpoint, false);
@ -20,18 +21,27 @@ function getInstances() {

  if (request.status === 200) {
    const instances = JSON.parse(request.responseText);
-    const list = addHttps(filterInstances(instances.nitter));
    const invidiousRandomPool = addHttps(filterInstances(instances.invidious));
+    const nitterRandomPool = addHttps(filterInstances(instances.nitter));
    const bibliogramRandomPool = addHttps(filterInstances(instances.bibliogram));
+    const tedditRandomPool = addHttps(filterInstances(instances.teddit));
+    const simplyTranslateRandomPool = addHttps(filterInstances(instances.simplyTranslate))
+    const searxRandomPool = addHttps(filterInstances(instances.simplyTranslate));
+    const whoogleRandomPool = addHttps(filterInstances(instances.whoogle));
    const wikilessRandomPool = addHttps(filterInstances(instances.wikiless));
    const scribeRandomPool = addHttps(filterInstances(instances.scribe));
    browser.storage.sync.set({
-      list,
      invidiousRandomPool,
+      nitterRandomPool,
      bibliogramRandomPool,
+      tedditRandomPool,
+      searxRandomPool,
+      whoogleRandomPool,
+      simplyTranslateRandomPool,
      wikilessRandomPool,
      scribeRandomPool
    });
+    console.info("Successfully updated Instances")
    return true;
  }
  return false;
@ -88,7 +98,7 @@ function updateListElement(listElement, list) {
 export default {
  filterInstances,
  getRandomInstance,
-  getInstances,
+  updateInstances,
  addHttps,
  debounce,
  validURL,
--- a/src/assets/javascripts/helpers/google-search.js
+++ b/src/assets/javascripts/helpers/google-search.js
@ -1,25 +1,148 @@
-const targets = /https?:\/\/(((www|maps)\.)?(google\.).*(\/search)|search\.(google\.).*)/;
-const redirects = [
-  { link: "https://duckduckgo.com", q: "/" },
-  { link: "https://startpage.com", q: "/search/" },
-  { link: "https://www.ecosia.org", q: "/search" },
-  { link: "https://www.qwant.com", q: "/" },
-  { link: "https://www.mojeek.com", q: "/search" },
-  { link: "https://search.snopyta.org", q: "/" },
-  { link: "https://searx.info", q: "/" },
-  { link: "https://searx.be", q: "/" },
-  { link: "https://search.disroot.org", q: "/" },
-  { link: "https://searx.tuxcloud.net", q: "/" },
-  { link: "https://searx.ninja", q: "/" },
-  { link: "https://tromland.org/searx", q: "/search" },
-  { link: "https://engine.presearch.org", q: "/search" },
-  { link: "https://searx.silkky.cloud", q: "/" },
-  { link: "https://search.trom.tf", q: "/" },
-  { link: "https://whooglesearch.net", q: "/search" },
-  { link: "https://whoogle.sdf.org", q: "/search" },
-  { link: "https://whoogle.himiko.cloud", q: "/search" },
-  { link: "https://whoogle-search.zeet.app", q: "/search" },
+const targets = [
+  /https:\/\/google\.com/,
+  /https:\/\/.*\.google\.com/,
+  /https?:\/\/(((www|maps)\.)?(google\.).*(\/search)|search\.(google\.).*)/
 ];
+const redirects = {
+  "searx":
+    [
+      "https://3afisqjw2rxm6z7mmstyt5rx75qfqrgxnkzftknbp2vhipr2nrmrjdyd.onion",
+      "https://ransack.i2p",
+      "https://mqamk4cfykdvhw5kjez2gnvse56gmnqxn7vkvvbuor4k4j2lbbnq.b32.i2p",
+      "https://searxbgetrkiwxhdwi6svpgh7eotopqyxhbqiokrwzg7dcte44t36kyd.onion",
+      "https://suche.xyzco456vwisukfg.onion",
+      "https://w5rl6wsd7mzj4bdkbuqvzidet5osdsm5jhg2f7nvfidakfq5exda5wid.onion",
+      "https://a.searx.space",
+      "https://anon.sx",
+      "https://beezboo.com",
+      "https://darmarit.org",
+      "https://dynabyte.ca",
+      "https://engo.mint.lgbt",
+      "https://jsearch.pw",
+      "https://metasearch.nl",
+      "https://nibblehole.com",
+      "https://northboot.xyz",
+      "https://4n53nafyi77iplnbrpmxnp3x4exbswwxigujaxy3b37fvr7bvlopxeyd.onion",
+      "https://paulgo.io",
+      "https://procurx.pt",
+      "https://putin.agency",
+      "https://quickso.eu.org",
+      "https://s.zhaocloud.net",
+      "https://search.076.ne.jp",
+      "https://search.activemail.de",
+      "https://search.anonymize.com",
+      "https://search.antonkling.se",
+      "https://z34ambyi6makk6ta7ksog2sljly2ctt2sa3apekb7wkllk72sxecdtad.onion",
+      "https://search.asynchronousexchange.com",
+      "https://search.biboumail.fr",
+      "https://search.blou.xyz",
+      "https://search.bluelock.org",
+      "https://search.bus-hit.me",
+      "https://search.disroot.org",
+      "https://search.ethibox.fr",
+      "https://search.jigsaw-security.com",
+      "https://search.jpope.org",
+      "https://search.mdosch.de",
+      "https://search.4bkxscubgtxwvhpe.onion",
+      "https://search.ononoki.org",
+      "https://search.snopyta.org",
+      "https://juy4e6eicawzdrz7.onion",
+      "https://search.st8.at",
+      "https://search.stinpriza.org",
+      "https://z5vawdol25vrmorm4yydmohsd4u6rdoj2sylvoi3e3nqvxkvpqul7bqd.onion",
+      "https://search.trom.tf",
+      "https://search.zdechov.net",
+      "https://searx.bar",
+      "https://searx.be",
+      "https://searx.bissisoft.com",
+      "https://zbuc3bbzbfdqqo2x46repx2ddajbha6fpsjeeptjhhhhzji3zopxdqyd.onion",
+      "https://searx.divided-by-zero.eu",
+      "https://f4qfqajszpx5b7itzxt6mb7kj4ktpgbdq7lq6xaiqyqx6a7de3epptad.onion",
+      "https://searx.dresden.network",
+      "https://searx.esmailelbob.xyz",
+      "https://searx.everdot.org",
+      "https://searx.feneas.org",
+      "https://searx.fmac.xyz",
+      "https://searx.fossencdi.org",
+      "https://searx.cwuzdtzlubq5uual.onion",
+      "https://searx.gnous.eu",
+      "https://searx.gnu.style",
+      "https://searx.hardwired.link",
+      "https://searx.hummel-web.at",
+      "https://searx.lavatech.top",
+      "https://searx.mastodontech.de",
+      "https://searx.mha.fi",
+      "https://searx.mxchange.org",
+      "https://searx.nakhan.net",
+      "https://searx.netzspielplatz.de",
+      "https://searx.nevrlands.de",
+      "https://searx.ninja",
+      "https://searx.nixnet.services",
+      "https://searx.openhoofd.nl",
+      "https://searx.operationtulip.com",
+      "https://searx.org",
+      "https://searx.prvcy.eu",
+      "https://rq2w52kyrif3xpfihkgjnhqm3a5aqhoikpv72z3drpjglfzc2wr5z4yd.onion",
+      "https://searx.pwoss.org",
+      "https://searx.rasp.fr",
+      "https://searx.roughs.ru",
+      "https://searx.ru",
+      "https://searx.run",
+      "https://searx.s1gm4.eu",
+      "https://searx.sadblog.xyz",
+      "https://searx.semipvt.com",
+      "https://searx.slash-dev.de",
+      "https://searx.solusar.de",
+      "https://searx.sp-codes.de",
+      "https://searx.stuehieyr.com",
+      "https://searx.sunless.cloud",
+      "https://searx.theanonymouse.xyz",
+      "https://searx.thegreenwebfoundation.org",
+      "https://searx.tiekoetter.com",
+      "https://searx3aolosaf3urwnhpynlhuokqsgz47si4pzz5hvb7uuzyjncl2tid.onion",
+      "https://searx.tk",
+      "https://searx.tux.land",
+      "https://searx.tuxcloud.net",
+      "https://searx.tyil.nl",
+      "https://searx.vitanetworks.link",
+      "https://searx.webheberg.info",
+      "https://searx.xkek.net",
+      "https://searx.bsbvtqi5oq2cqzn32zt4cr2f2z2rwots3dq7gmdcnlyqoxko2wx6reqd.onion",
+      "https://searx.xyz",
+      "https://searx.zackptg5.com",
+      "https://searx.zapashcanon.fr",
+      "https://searx.zecircle.xyz",
+      "https://searxzh.cn",
+      "https://seeks.hsbp.org",
+      "https://serx.cf",
+      "https://spot.ecloud.global",
+      "https://suche.dasnetzundich.de",
+      "https://suche.uferwerk.org",
+      "https://swag.pw",
+      "https://sx.catgirl.cloud",
+      "https://sx.fedi.tech",
+      "https://timdor.noip.me",
+      "https://trovu.komun.org",
+      "https://www.gruble.de",
+      "https://www.perfectpixel.de",
+      "https://www.searxs.eu",
+      "https://www.webrats.xyz",
+      "https://xeek.com",
+      "searx.roflcopter.fr"
+    ],
+  "whoogle":
+    [
+      "https://s.alefvanoon.xyz",
+      "https://search.albony.xyz",
+      "https://search.exonip.de",
+      "https://search.garudalinux.org",
+      "https://search.sethforprivacy.com",
+      "https://whoogle.fossho.st",
+      "https://whooglesearch.net",
+      "https://www.whooglesearch.ml",
+      "https://whoogle.dcs0.hu",
+    ]
+};

 export default {
  targets,
--- a/src/assets/javascripts/persist-invidious-prefs.js
+++ b/src/assets/javascripts/persist-invidious-prefs.js
@ -17,12 +17,12 @@ function getCookie() {
 }

 browser.storage.sync.get(
-  ["alwaysProxy", "videoQuality", "invidiousDarkMode", "persistInvidiousPrefs"],
+  ["invidiousAlwaysProxy", "invidiousVideoQuality", "invidiousDarkMode", "persistInvidiousPrefs"],
  (result) => {
    if (result.persistInvidiousPrefs) {
      const prefs = getCookie();
-      prefs.local = result.alwaysProxy;
-      prefs.quality = result.videoQuality;
+      prefs.local = result.invidiousAlwaysProxy;
+      prefs.quality = result.invidiousVideoQuality;
      prefs.dark_mode = result.invidiousDarkMode;
      document.cookie = `PREFS=${encodeURIComponent(JSON.stringify(prefs))}`;
    }
--- a/src/manifest.json
+++ b/src/manifest.json
@ -88,7 +88,7 @@
    }
  ],
  "options_ui": {
-    "page": "pages/options/options.html",
+    "page": "pages/options/general.html",
    "browser_style": false,
    "open_in_tab": true
  },
--- a/src/pages/background/background.js
+++ b/src/pages/background/background.js
@ -36,7 +36,7 @@ const redditBypassPaths = redditHelper.bypassPaths;
 const redditDefault = redditHelper.redirects[0];

 const googleSearchRegex = searchHelper.targets;
-const searchEngineInstances = searchHelper.redirects;
+const searchInstances = searchHelper.redirects;
 const simplyTranslateInstances = googleTranslateHelper.redirects;
 const simplyTranslateDefault = simplyTranslateInstances[0];
 const googleTranslateDomains = googleTranslateHelper.targets;
@ -50,7 +50,7 @@ let disableBibliogram;
 let disableOsm;
 let disableReddit;
 let disableScribe;
-let disableSearchEngine;
+let disableSearch;
 let disableSimplyTranslate;
 let disableWikipedia;
 let nitterInstance;
@ -59,12 +59,12 @@ let bibliogramInstance;
 let osmInstance;
 let scribeInstance;
 let redditInstance;
-let searchEngineInstance;
+let searchInstance;
 let simplyTranslateInstance;
 let wikipediaInstance;
-let alwaysProxy;
-let onlyEmbeddedVideo;
-let videoQuality;
+let invidiousAlwaysProxy;
+let invidiousOnlyEmbeddedVideo;
+let invidiousVideoQuality;
 let invidiousDarkMode;
 let invidiousVolume;
 let invidiousPlayerStyle;
@ -80,6 +80,7 @@ let scribeRandomPool;

 let exceptions;
 let redditFrontend;
+let searchFrontend;

 window.browser = window.browser || window.chrome;

@ -91,7 +92,7 @@ browser.storage.sync.get(
    "osmInstance",
    "redditInstance",
    "scribeInstance",
-    "searchEngineInstance",
+    "searchInstance",
    "simplyTranslateInstance",
    "wikipediaInstance",
    "disableNitter",
@ -100,12 +101,12 @@ browser.storage.sync.get(
    "disableOsm",
    "disableReddit",
    "disableScribe",
-    "disableSearchEngine",
+    "disableSearch",
    "disableSimplyTranslate",
    "disableWikipedia",
-    "alwaysProxy",
-    "onlyEmbeddedVideo",
-    "videoQuality",
+    "invidiousAlwaysProxy",
+    "invidiousOnlyEmbeddedVideo",
+    "invidiousVideoQuality",
    "invidiousDarkMode",
    "invidiousVolume",
    "invidiousPlayerStyle",
@ -119,13 +120,15 @@ browser.storage.sync.get(
    "wikilessRandomPool",
    "exceptions",
    "redditFrontend",
+    "searchFrontend",
  ],
  (result) => {
    osmInstance = result.osmInstance || osmDefault;
    disableOsm = result.disableOsm;

-    searchEngineInstance = result.searchEngineInstance;
-    disableSearchEngine = result.disableSearchEngine;
+    searchInstance = result.searchInstance;
+    disableSearch = result.disableSearch;
+    searchFrontend = result.searchFrontend;

    simplyTranslateInstance = result.simplyTranslateInstance || simplyTranslateDefault;
    disableSimplyTranslate = result.disableSimplyTranslate;
@ -144,12 +147,12 @@ browser.storage.sync.get(
      : [];


-    onlyEmbeddedVideo = result.onlyEmbeddedVideo;
+    invidiousOnlyEmbeddedVideo = result.invidiousOnlyEmbeddedVideo;
    invidiousDarkMode = result.invidiousDarkMode;
    disableInvidious = result.disableInvidious;
-    alwaysProxy = result.alwaysProxy;
+    invidiousAlwaysProxy = result.invidiousAlwaysProxy;
    invidiousInstance = result.invidiousInstance;
-    videoQuality = result.videoQuality;
+    invidiousVideoQuality = result.invidiousVideoQuality;
    invidiousVolume = result.invidiousVolume;
    invidiousPlayerStyle = result.invidiousPlayerStyle;
    invidiousSubtitles = result.invidiousSubtitles || "";
@ -186,107 +189,49 @@ browser.storage.sync.get(
 );

 browser.storage.onChanged.addListener((changes) => {
-  if ("nitterInstance" in changes)
-    nitterInstance = changes.nitterInstance.newValue;
+  if ("invidiousInstance" in changes) invidiousInstance = changes.invidiousInstance.newValue;
+  if ("disableInvidious" in changes) disableInvidious = changes.disableInvidious.newValue;
+  if ("invidiousAlwaysProxy" in changes) invidiousAlwaysProxy = changes.invidiousAlwaysProxy.newValue;
+  if ("invidiousOnlyEmbeddedVideo" in changes) invidiousOnlyEmbeddedVideo = changes.invidiousOnlyEmbeddedVideo.newValue;
+  if ("invidiousVideoQuality" in changes) invidiousVideoQuality = changes.invidiousVideoQuality.newValue;
+  if ("invidiousDarkMode" in changes) invidiousDarkMode = changes.invidiousDarkMode.newValue;
+  if ("invidiousVolume" in changes) invidiousVolume = changes.invidiousVolume.newValue;
+  if ("invidiousPlayerStyle" in changes) invidiousPlayerStyle = changes.invidiousPlayerStyle.newValue;
+  if ("invidiousSubtitles" in changes) invidiousSubtitles = changes.invidiousSubtitles.newValue;
+  if ("invidiousAutoplay" in changes) invidiousAutoplay = changes.invidiousAutoplay.newValue;
+  if ("useFreeTube" in changes) useFreeTube = changes.useFreeTube.newValue;
+  if ("invidiousRandomPool" in changes) invidiousRandomPool = changes.invidiousRandomPool.newValue;

-  if ("invidiousInstance" in changes)
-    invidiousInstance = changes.invidiousInstance.newValue;
+  if ("nitterInstance" in changes) nitterInstance = changes.nitterInstance.newValue;
+  if ("disableNitter" in changes) disableNitter = changes.disableNitter.newValue;
+  if ("nitterRandomPool" in changes) nitterRandomPool = changes.nitterRandomPool.newValue;

-  if ("bibliogramInstance" in changes)
-    bibliogramInstance = changes.bibliogramInstance.newValue;
+  if ("bibliogramInstance" in changes) bibliogramInstance = changes.bibliogramInstance.newValue;
+  if ("disableBibliogram" in changes) disableBibliogram = changes.disableBibliogram.newValue;
+  if ("bibliogramRandomPool" in changes) bibliogramRandomPool = changes.bibliogramRandomPool.newValue;

-  if ("osmInstance" in changes)
-    osmInstance = changes.osmInstance.newValue || osmDefault;
+  if ("redditInstance" in changes) redditInstance = changes.redditInstance.newValue || redditDefault;
+  if ("disableReddit" in changes) disableReddit = changes.disableReddit.newValue;
+  if ("redditFrontend" in changes) redditFrontend = changes.redditFrontend.newValue

-  if ("simplyTranslateInstance" in changes)
-    simplyTranslateInstance = changes.simplyTranslateInstance.newValue || simplyTranslateDefault;
+  if ("searchInstance" in changes) searchInstance = changes.searchInstance.newValue;
+  if ("disableSearch" in changes) disableSearch = changes.disableSearch.newValue;
+  if ("searchFrontend" in changes) searchFrontend = changes.searchFrontend.newValue

-  if ("wikipediaInstance" in changes)
-    wikipediaInstance = changes.wikipediaInstance.newValue || wikipediaDefault;
+  if ("simplyTranslateInstance" in changes) simplyTranslateInstance = changes.simplyTranslateInstance.newValue || simplyTranslateDefault;
+  if ("disableSimplyTranslate" in changes) disableSimplyTranslate = changes.disableSimplyTranslate.newValue;

-  if ("redditInstance" in changes)
-    redditInstance = changes.redditInstance.newValue || redditDefault;
+  if ("osmInstance" in changes) osmInstance = changes.osmInstance.newValue || osmDefault;
+  if ("disableOsm" in changes) disableOsm = changes.disableOsm.newValue;

-  if ("redditFrontend" in changes)
-    redditFrontend = changes.redditFrontend.newValue
+  if ("wikipediaInstance" in changes) wikipediaInstance = changes.wikipediaInstance.newValue || wikipediaDefault;
+  if ("disableWikipedia" in changes) disableWikipedia = changes.disableWikipedia.newValue;

-  if ("scribeInstance" in changes)
-    scribeInstance = changes.scribeInstance.newValue || scribeDefault;
-
-  if ("searchEngineInstance" in changes)
-    searchEngineInstance = changes.searchEngineInstance.newValue;
-
-  if ("disableNitter" in changes)
-    disableNitter = changes.disableNitter.newValue;
-
-  if ("disableScribe" in changes)
-    disableScribe = changes.disableScribe.newValue;
-
-  if ("disableInvidious" in changes)
-    disableInvidious = changes.disableInvidious.newValue;
-
-  if ("disableBibliogram" in changes)
-    disableBibliogram = changes.disableBibliogram.newValue;
-
-  if ("disableOsm" in changes)
-    disableOsm = changes.disableOsm.newValue;
-
-  if ("disableReddit" in changes)
-    disableReddit = changes.disableReddit.newValue;
-
-  if ("disableSearchEngine" in changes)
-    disableSearchEngine = changes.disableSearchEngine.newValue;
-
-  if ("disableSimplyTranslate" in changes)
-    disableSimplyTranslate = changes.disableSimplyTranslate.newValue;
-
-  if ("disableWikipedia" in changes)
-    disableWikipedia = changes.disableWikipedia.newValue;
-
-  if ("alwaysProxy" in changes)
-    alwaysProxy = changes.alwaysProxy.newValue;
-
-  if ("onlyEmbeddedVideo" in changes)
-    onlyEmbeddedVideo = changes.onlyEmbeddedVideo.newValue;
-
-  if ("videoQuality" in changes)
-    videoQuality = changes.videoQuality.newValue;
-
-  if ("invidiousDarkMode" in changes)
-    invidiousDarkMode = changes.invidiousDarkMode.newValue;
-
-  if ("invidiousVolume" in changes)
-    invidiousVolume = changes.invidiousVolume.newValue;
-
-  if ("invidiousPlayerStyle" in changes)
-    invidiousPlayerStyle = changes.invidiousPlayerStyle.newValue;
-
-  if ("invidiousSubtitles" in changes)
-    invidiousSubtitles = changes.invidiousSubtitles.newValue;
-
-  if ("invidiousAutoplay" in changes)
-    invidiousAutoplay = changes.invidiousAutoplay.newValue;
-
-  if ("useFreeTube" in changes)
-    useFreeTube = changes.useFreeTube.newValue;
-
-  if ("nitterRandomPool" in changes)
-    nitterRandomPool = changes.nitterRandomPool.newValue;
-
-  if ("invidiousRandomPool" in changes)
-    invidiousRandomPool = changes.invidiousRandomPool.newValue;
-
-  if ("bibliogramRandomPool" in changes)
-    bibliogramRandomPool = changes.bibliogramRandomPool.newValue;
-
-  if ("scribeRandomPool" in changes)
-    scribeRandomPool = changes.scribeRandomPool.newValue;
-
-  if ("exceptions" in changes)
-    exceptions = changes.exceptions.newValue.map((e) => {
-      return new RegExp(e);
-    });
+  if ("scribeInstance" in changes) scribeInstance = changes.scribeInstance.newValue || scribeDefault;
+  if ("disableScribe" in changes) disableScribe = changes.disableScribe.newValue;
+  if ("scribeRandomPool" in changes) scribeRandomPool = changes.scribeRandomPool.newValue;

+  if ("exceptions" in changes) exceptions = changes.exceptions.newValue.map((e) => new RegExp(e));
 });

 function isException(url, initiator) {
@ -320,18 +265,18 @@ function redirectYouTube(url, initiator, type) {
    // Avoid redirecting `studio.youtube.com`
    return null;
  }
-  if (onlyEmbeddedVideo && type !== "sub_frame") {
+  if (invidiousOnlyEmbeddedVideo && type !== "sub_frame") {
    return null;
  }
  if (useFreeTube && type === "main_frame") {
    return `freetube://${url}`;
  }
  // Apply settings
-  if (alwaysProxy) {
+  if (invidiousAlwaysProxy) {
    url.searchParams.append("local", true);
  }
-  if (videoQuality) {
-    url.searchParams.append("quality", videoQuality);
+  if (invidiousVideoQuality) {
+    url.searchParams.append("quality", invidiousVideoQuality);
  }
  if (invidiousDarkMode) {
    url.searchParams.append("dark_mode", invidiousDarkMode);
@ -508,8 +453,6 @@ function redirectGoogleMaps(url, initiator) {
 }

 function redirectReddit(url, initiator, type) {
-  console.info("reddit is redirecting");
-  console.log(redditFrontend)

  if (disableReddit || isException(url, initiator))
    return null;
@ -570,19 +513,33 @@ function redirectMedium(url, initiator) {
  return `${scribeInstance || commonHelper.getRandomInstance(scribeRandomPool)}${url.pathname}${url.search}`;
 }

-function redirectSearchEngine(url, initiator) {
-  if (disableSearchEngine || isException(url, initiator))
+function redirectSearch(url, initiator) {
+  if (disableSearch || isException(url, initiator)) {
+    console.log("disableSearch:", disableSearch)
    return null;
+  }

-  const searchEngine = searchEngineInstance || commonHelper.getRandomInstance(searchEngineInstances);
-  let search = "";
+  let search;
+  let searchQ;
+  console.log("searchFrontend", searchFrontend);
+  if (searchFrontend == 'searx') {
+    search = searchInstance || commonHelper.getRandomInstance(searchInstances["searx"]);
+    searchQ = "/"
+  }
+  if (searchFrontend == 'whoogle') {
+    search = searchInstance || commonHelper.getRandomInstance(searchInstances["whoogle"]);
+    searchQ = "/search"
+  }
+
+  let searchQuery = "";
  url.search
    .slice(1)
    .split("&")
    .forEach(function (input) {
-      if (input.startsWith("q=")) search = input;
+      if (input.startsWith("q=")) searchQuery = input;
    });
-  return `${searchEngine.link}${searchEngine.q}?${search}`;
+  console.info("It will direct to:", `${search}${searchQ}?${searchQuery}`)
+  return `${search}${searchQ}?${searchQuery}`;
 }

 function redirectGoogleTranslate(url, initiator) {
@ -634,24 +591,23 @@ browser.webRequest.onBeforeRequest.addListener(
      initiator = new URL(details.initiator);

    let newUrl;
-    if (youtubeDomains.includes(url.host))
-      newUrl = redirectYouTube(url, initiator, details.type)
-    else if (twitterDomains.includes(url.host))
-      newUrl = redirectTwitter(url, initiator);
-    else if (instagramDomains.includes(url.host))
-      newUrl = redirectInstagram(url, initiator, details.type);
-    else if (url.href.match(googleMapsRegex))
-      newUrl = redirectGoogleMaps(url, initiator);
-    else if (redditDomains.includes(url.host))
-      newUrl = redirectReddit(url, initiator, details.type);
-    else if (mediumDomains.some((rx) => rx.test(url.host)))
-      newUrl = redirectMedium(url, initiator);
-    else if (url.href.match(googleSearchRegex))
-      newUrl = redirectSearchEngine(url, initiator);
-    else if (googleTranslateDomains.includes(url.host))
-      newUrl = redirectGoogleTranslate(url, initiator);
-    else if (url.host.match(wikipediaRegex))
-      newUrl = redirectWikipedia(url, initiator);
+    if (youtubeDomains.includes(url.host)) newUrl = redirectYouTube(url, initiator, details.type)
+
+    else if (twitterDomains.includes(url.host)) newUrl = redirectTwitter(url, initiator);
+
+    else if (instagramDomains.includes(url.host)) newUrl = redirectInstagram(url, initiator, details.type);
+
+    else if (url.href.match(googleMapsRegex)) newUrl = redirectGoogleMaps(url, initiator);
+
+    else if (redditDomains.includes(url.host)) newUrl = redirectReddit(url, initiator, details.type);
+
+    else if (mediumDomains.some((rx) => rx.test(url.host))) newUrl = redirectMedium(url, initiator);
+
+    else if (googleSearchRegex.some((rx) => rx.test(url.href))) newUrl = redirectSearch(url, initiator);
+
+    else if (googleTranslateDomains.includes(url.host)) newUrl = redirectGoogleTranslate(url, initiator);
+
+    else if (url.host.match(wikipediaRegex)) newUrl = redirectWikipedia(url, initiator);

    if (newUrl) {
      console.info("Redirecting", url.href, "=>", newUrl);
@ -675,11 +631,12 @@ browser.tabs.onUpdated.addListener((tabId, changeInfo, _) => {
  mightyList.push(...invidiousInstances);
  mightyList.push(...nitterInstances);
  mightyList.push(...bibliogramInstances);
-  mightyList.push(...redditInstances['libreddit']);
-  mightyList.push(...redditInstances['teddit']);
-  mightyList.push(redditInstances['desktop']);
-  mightyList.push(redditInstances['mobile']);
-  mightyList.push(...searchEngineInstances);
+  mightyList.push(...redditInstances.libreddit);
+  mightyList.push(...redditInstances.teddit);
+  mightyList.push(redditInstances.desktop);
+  mightyList.push(redditInstances.mobile);
+  mightyList.push(...searchInstances.searx);
+  mightyList.push(...searchInstances.whoogle);
  mightyList.push(...simplyTranslateInstances);
  mightyList.push(...scribeInstances);
  mightyList.push(...wikipediaInstances);
@ -706,7 +663,7 @@ browser.pageAction.onClicked.addListener((tab) => {
    else
      newUrl = 'https://reddit.com';
  }
-  else if (searchEngineInstances.includes(protocolHost))
+  else if (searchInstances.searx.includes(protocolHost) || searchInstances.whoogle.includes(protocolHost))
    newUrl = 'https://google.com';
  else if (simplyTranslateInstances.includes(protocolHost))
    newUrl = 'https://translate.google.com';
@ -724,36 +681,29 @@ browser.pageAction.onClicked.addListener((tab) => {
 browser.runtime.onInstalled.addListener((details) => {
  browser.storage.sync.get(
    [
-      "disableSearchEngine",
+      "disableSearch",
      "disableSimplyTranslate",
      "disableWikipedia",
-      "redditFrontend"
+      "redditFrontend",
+      "searchFrontend",
    ],
    (result) => {
-      if (result.disableSearchEngine === undefined)
-        browser.storage.sync.set({
-          disableSearchEngine: true,
-        });

-      if (result.disableSimplyTranslate === undefined)
-        browser.storage.sync.set({
-          disableSimplyTranslate: true,
-        });
+      if (result.disableSearch === undefined) browser.storage.sync.set({ disableSearch: true });

-      if (result.disableWikipedia === undefined)
-        browser.storage.sync.set({
-          disableWikipedia: true,
-        });
+      if (result.disableSimplyTranslate === undefined) browser.storage.sync.set({ disableSimplyTranslate: true });
+
+      if (result.disableWikipedia === undefined) browser.storage.sync.set({ disableWikipedia: true });
+
+      if (result.redditFrontend === undefined) browser.storage.sync.set({ redditFrontend: 'libreddit' })
+
+      if (result.searchFrontend === undefined) browser.storage.sync.set({ searchFrontend: 'searx' })

-      if (result.redditFrontend === undefined)
-        browser.storage.sync.set({
-          redditFrontend: 'libreddit'
-        })
    }
  );
  if (details.reason === "update") {
    browser.storage.sync.get(
-      ["whitelist", "exceptions", "invidiousInstance", "disableSearchEngine"],
+      ["whitelist", "exceptions", "invidiousInstance", "disableSearch"],
      (result) => {
        if (result.whitelist) {
          let whitelist = result.whitelist.map((e) =>
--- a/src/pages/options/general.html
+++ b/src/pages/options/general.html
@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link href="../stylesheets/styles.css" rel="stylesheet" />
+  <title>LibRedirect Options</title>
+</head>
+
+<body class="option">
+
+  <section class="links">
+    <a href="general.html" class="selected">General</a>
+    <a href="youtube.html">Youtube</a>
+    <a href="twitter.html">Twitter</a>
+    <a href="instagram.html">Instagram</a>
+    <a href="reddit.html">Reddit</a>
+    <a href="search.html">Search</a>
+    <a href="translate.html">Translate</a>
+    <a href="maps.html">Maps</a>
+    <a href="wikipedia.html" >Wikipedia</a>
+    <a href="medium.html">Medium</a>
+  </section>
+
+
+  <section class="option-block">
+    <div class="some-block option-block">
+      <h4>Theme</h4>
+      <select id="theme">
+        <option value="">System</option>
+        <option value="light-theme">Light</option>
+        <option value="dark-theme">Dark</option>
+      </select>
+    </div>
+    <div class="buttons buttons-inline">
+      <a class="button button-inline" id="update-instances">
+        <span>Update Instances</span>
+      </a>
+    </div>
+    <hr>
+    <section class="settings-block">
+      <p data-localise="__MSG_exceptionsDescriptionP1__">
+        Enter a URL or Regular Expression to be excluded from redirects.
+      </p>
+      <p data-localise="__MSG_exceptionsDescriptionP2__">
+        All requests for or initiating from a URL that matches your exception
+        will be excluded from redirects.
+      </p>
+      <p data-localise="__MSG_exceptionsDescriptionP3__">
+        Note - Supports JavaScript regular expressions, excluding the
+        enclosing forward slashes.
+      </p>
+    </section>
+    <section class="settings-block">
+      <table class="exceptions option">
+        <tbody>
+          <tr>
+            <td>
+              <h1 data-localise="__MSG_addException__">Add Exception</h1>
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <input id="new-exceptions-item" type="text" placeholder="URL or RegExp" />
+            </td>
+            <td>
+              <input type="radio" id="url" name="type" value="URL" checked />
+              <label class="radio" for="url">URL</label>
+              <input type="radio" id="regExp" name="type" value="RegExp" />
+              <label class="radio" for="regExp">RegExp</label>
+            </td>
+            <td>
+              <button id="add-to-exceptions">
+                <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+                  <line x1="256" y1="112" x2="256" y2="400" style="
+                        fill: none;
+                        stroke: #fff;
+                        stroke-linecap: round;
+                        stroke-linejoin: round;
+                        stroke-width: 32px;
+                      " />
+                  <line x1="400" y1="256" x2="112" y2="256" style="
+                        fill: none;
+                        stroke: #fff;
+                        stroke-linecap: round;
+                        stroke-linejoin: round;
+                        stroke-width: 32px;
+                      " />
+                </svg>
+              </button>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </section>
+    <ul id="exceptions-items"></ul>
+  </section>
+
+
+  <script type="module" src="./general.js"></script>
+  <script src="../../assets/javascripts/localise.js"></script>
+</body>
+
+</html>
--- a/src/pages/options/general.js
+++ b/src/pages/options/general.js
@ -91,7 +91,7 @@ themeElement.addEventListener("change", (event) => {

 document.querySelector("#update-instances").addEventListener("click", () => {
  document.querySelector("#update-instances").innerHTML = '...';
-  if (commonHelper.getInstances())
+  if (commonHelper.updateInstances())
    document.querySelector("#update-instances").innerHTML = 'Done!';
  else
    document.querySelector("#update-instances").innerHTML = 'Failed Miserabely';
--- a/src/pages/options/instagram.html
+++ b/src/pages/options/instagram.html
@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="../stylesheets/styles.css" rel="stylesheet" />
+</head>
+
+<body class="option">
+
+    <section class="links">
+        <a href="general.html">General</a>
+        <a href="youtube.html">Youtube</a>
+        <a href="twitter.html">Twitter</a>
+        <a href="instagram.html" class="selected">Instagram</a>
+        <a href="reddit.html">Reddit</a>
+        <a href="search.html">Search</a>
+        <a href="translate.html">Translate</a>
+        <a href="maps.html">Maps</a>
+        <a href="wikipedia.html">Wikipedia</a>
+        <a href="medium.html">Medium</a>
+    </section>
+
+    <section class="option-block">
+        <div class="some-block option-block">
+            <h1>Enable</h1>
+            <input id="disable-bibliogram" type="checkbox" checked />
+        </div>
+        <div class="some-block option-block">
+            <h4>Instance</h4>
+            <div class="autocomplete">
+                <input id="bibliogram-instance" type="url" data-localise-placeholder="__MSG_randomInstancePlaceholder__"
+                    placeholder="Random instance (none selected)" />
+            </div>
+        </div>
+
+        <section class="settings-block">
+            <h4>Instance List</h4>
+            <div class="random-pool">
+                <textarea id="bibliogram-random-pool" name="bibliogram-random-pool" type="text"></textarea>
+                <ul id="bibliogram-random-pool-list"></ul>
+            </div>
+        </section>
+
+
+    </section>
+    <script type="module" src="./instagram.js"></script>
+    <script src="../../assets/javascripts/localise.js"></script>
+</body>
+
+</html>
--- a/src/pages/options/instagram.js
+++ b/src/pages/options/instagram.js
@ -46,4 +46,13 @@ bibliogramRandomPoolElement.addEventListener("input", commonHelper.debounce(() =
    bibliogramRandomPool = commonHelper.filterList(bibliogramRandomPoolElement.value.split("\n"))
    commonHelper.updateListElement(bibliogramRandomPoolListElement, bibliogramRandomPool);
    browser.storage.sync.set({ bibliogramRandomPool: bibliogramRandomPool });
-}, 50));
+}, 50));
+
+
+browser.storage.onChanged.addListener((changes) => {
+    if ("bibliogramRandomPool" in changes) {
+        bibliogramRandomPool = changes.bibliogramRandomPool.newValue;
+        bibliogramRandomPoolElement.value = bibliogramRandomPool.join("\n");
+        commonHelper.updateListElement(bibliogramRandomPoolListElement, bibliogramRandomPool);
+    }
+})
--- a/src/pages/options/maps.html
+++ b/src/pages/options/maps.html
@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="../stylesheets/styles.css" rel="stylesheet" />
+    <title>LibRedirect Options: Twitter</title>
+</head>
+
+<body class="option">
+
+    <section class="links">
+        <a href="general.html">General</a>
+        <a href="youtube.html">Youtube</a>
+        <a href="twitter.html">Twitter</a>
+        <a href="instagram.html">Instagram</a>
+        <a href="reddit.html">Reddit</a>
+        <a href="search.html">Search</a>
+        <a href="translate.html">Translate</a>
+        <a href="maps.html" class="selected">Maps</a>
+        <a href="wikipedia.html">Wikipedia</a>
+        <a href="medium.html">Medium</a>
+    </section>
+
+    <section class="option-block">
+        <div class="some-block option-block">
+            <h1>Maps (OpenStreetMap)</h1>
+            <input id="disable-osm" type="checkbox" checked />
+        </div>
+        <div class="some-block option-block">
+            <h4>Instance</h4>
+            <div class="autocomplete">
+                <input id="osm-instance" type="url" placeholder="https://openstreetmap.org" />
+            </div>
+        </div>
+    </section>
+    <script type="module" src="./maps.js"></script>
+    <script src="../../assets/javascripts/localise.js"></script>
+</body>
+
+</html>
--- a/src/pages/options/medium.html
+++ b/src/pages/options/medium.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="../stylesheets/styles.css" rel="stylesheet" />
+    <title>LibRedirect Options: Twitter</title>
+</head>
+
+<body class="option">
+    <section class="links">
+        <a href="general.html">General</a>
+        <a href="youtube.html">Youtube</a>
+        <a href="twitter.html">Twitter</a>
+        <a href="instagram.html">Instagram</a>
+        <a href="reddit.html">Reddit</a>
+        <a href="search.html">Search</a>
+        <a href="translate.html">Translate</a>
+        <a href="maps.html">Maps</a>
+        <a href="wikipedia.html">Wikipedia</a>
+        <a href="medium.html" class="selected">Medium</a>
+    </section>
+
+    <section class="option-block">
+        <div class="some-block option-block">
+            <h1>Medium (Scribe)</h1>
+            <input id="disable-scribe" type="checkbox" checked />
+        </div>
+        <div class="some-block option-block">
+            <h4>Instance</h4>
+            <div class="autocomplete">
+                <input id="scribe-instance" type="url" name="scribe-instance"
+                    data-localise-placeholder="__MSG_randomInstancePlaceholder__"
+                    placeholder="Random instance (none selected)" />
+            </div>
+        </div>
+        <section class="settings-block">
+            <h4>Instance List</h4>
+            <div class="random-pool">
+                <textarea id="scribe-random-pool" type="text"></textarea>
+                <ul id="scribe-random-pool-list"></ul>
+            </div>
+        </section>
+    </section>
+
+    <script type="module" src="./medium.js"></script>
+    <script src="../../assets/javascripts/localise.js"></script>
+</body>
+
+</html>
--- a/src/pages/options/medium.js
+++ b/src/pages/options/medium.js
@ -50,4 +50,12 @@ scribeRandomPoolElement.addEventListener("input", commonHelper.debounce(() => {
    scribeRandomPool = commonHelper.filterList(scribeRandomPoolElement.value.split("\n"))
    commonHelper.updateListElement(scribeRandomPoolListElement, scribeRandomPool);
    browser.storage.sync.set({ scribeRandomPool: scribeRandomPool });
-}, 50));
+}, 50));
+
+browser.storage.onChanged.addListener((changes) => {
+    if ("scribeRandomPool" in changes) {
+        scribeRandomPool = changes.scribeRandomPool.newValue;
+        scribeRandomPoolElement.value = scribeRandomPool.join("\n");
+        commonHelper.updateListElement(scribeRandomPoolListElement, scribeRandomPool);
+    }
+})
--- a/src/pages/options/options.html
+++ b/src/pages/options/options.html
@ -1,370 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title></title>
-  <link href="../stylesheets/styles.css" rel="stylesheet" />
-  <title>LibRedirect Options</title>
-</head>
-
-<body class="option">
-
-  <div class="option">
-
-    <section class="general">
-      <div class="some-block option-block">
-        <h4>Theme</h4>
-        <select id="theme">
-          <option value="">System</option>
-          <option value="light-theme">Light</option>
-          <option value="dark-theme">Dark</option>
-        </select>
-      </div>
-      <div class="buttons buttons-inline">
-        <a class="button button-inline" id="update-instances">
-          <span>Update Instances</span>
-        </a>
-      </div>
-      <hr>
-      <section class="settings-block">
-        <p data-localise="__MSG_exceptionsDescriptionP1__">
-          Enter a URL or Regular Expression to be excluded from redirects.
-        </p>
-        <p data-localise="__MSG_exceptionsDescriptionP2__">
-          All requests for or initiating from a URL that matches your exception
-          will be excluded from redirects.
-        </p>
-        <p data-localise="__MSG_exceptionsDescriptionP3__">
-          Note - Supports JavaScript regular expressions, excluding the
-          enclosing forward slashes.
-        </p>
-      </section>
-      <section class="settings-block">
-        <table class="exceptions option">
-          <tbody>
-            <tr>
-              <td>
-                <h1 data-localise="__MSG_addException__">Add Exception</h1>
-              </td>
-            </tr>
-            <tr>
-              <td>
-                <input id="new-exceptions-item" type="text" placeholder="URL or RegExp" />
-              </td>
-              <td>
-                <input type="radio" id="url" name="type" value="URL" checked />
-                <label class="radio" for="url">URL</label>
-                <input type="radio" id="regExp" name="type" value="RegExp" />
-                <label class="radio" for="regExp">RegExp</label>
-              </td>
-              <td>
-                <button id="add-to-exceptions">
-                  <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
-                    <line x1="256" y1="112" x2="256" y2="400" style="
-                        fill: none;
-                        stroke: #fff;
-                        stroke-linecap: round;
-                        stroke-linejoin: round;
-                        stroke-width: 32px;
-                      " />
-                    <line x1="400" y1="256" x2="112" y2="256" style="
-                        fill: none;
-                        stroke: #fff;
-                        stroke-linecap: round;
-                        stroke-linejoin: round;
-                        stroke-width: 32px;
-                      " />
-                  </svg>
-                </button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </section>
-      <ul id="exceptions-items"></ul>
-    </section>
-
-    <section class="youtube">
-      <div class="some-block option-block">
-        <h1>Youtube (Invidious)</h1>
-        <input id="disable-invidious" type="checkbox" checked />
-      </div>
-
-      <div class="some-block option-block">
-        <h4>Instance</h4>
-        <div class="autocomplete">
-          <input id="invidious-instance" type="url" data-localise-placeholder="__MSG_randomInstancePlaceholder__"
-            placeholder="Random instance (none selected)" />
-        </div>
-      </div>
-
-      <section class="settings-block">
-        <h4>Random Instance Pool</h4>
-        <div class="random-pool">
-          <textarea type="textarea" id="invidious-random-pool" name="invidious-random-pool" type="text"></textarea>
-          <ul id="invidious-random-pool-list"></ul>
-        </div>
-      </section>
-
-      <div class="some-block option-block">
-        <h4 data-localise="__MSG_useFreeTube__">Use FreeTube over Invidious when possible</h4>
-        <input id="use-freetube" type="checkbox" checked />
-      </div>
-
-      <div class="some-block option-block">
-        <h4 data-localise="__MSG_alwaysProxy__">Always proxy videos through Invidious</h4>
-        <input id="always-proxy" type="checkbox" checked />
-      </div>
-
-      <div class="some-block option-block">
-        <h4 data-localise="__MSG_onlyEmbeddedVideo__">Only redirect embedded video to Invidious</h4>
-        <input id="only-embed" type="checkbox" checked />
-      </div>
-
-      <div class="some-block option-block">
-        <h4>Video Quality</h4>
-        <select id="video-quality">
-          <option value="">Default</option>
-          <option value="hd720">720p</option>
-          <option value="medium">480p</option>
-          <option value="dash">DASH (Dynamic Adaptive Streaming over HTTP)</option>
-          </option>
-        </select>
-      </div>
-
-      <div class="some-block option-block">
-        <h4>Dark mode</h4>
-        <input id="invidious-dark-mode" type="checkbox" checked />
-      </div>
-
-      <div class="some-block">
-        <h4>Volume: <span id="volume-value">50%</span></h4>
-        <input id="invidious-volume" name="invidious-volume" type="range" min="0" max="100" step="1" />
-      </div>
-
-      <div class="some-block option-block">
-        <h4>Player Style</h4>
-        <select id="invidious-player-style">
-          <option value="">Invidious</option>
-          <option value="youtube">YouTube</option>
-        </select>
-      </div>
-
-      <div class="some-block option-block">
-        <h4>Subtitles - language codes</h4>
-        <input id="invidious-subtitles" placeholder="en, ar, es" name="invidious-subtitles" type="text" />
-      </div>
-
-      <div class="some-block option-block">
-        <h4>Automatically play video on load</h4>
-        <input id="invidious-autoplay" type="checkbox" checked />
-      </div>
-
-      <div class="some-block option-block">
-        <h4>Persist preferences (as cookie)</h4>
-        <input id="persist-invidious-prefs" type="checkbox" checked />
-      </div>
-
-
-    </section>
-
-    <section class="twitter">
-
-      <div class="some-block option-block">
-        <h1>Twitter (Nitter)</h1>
-        <input id="disable-nitter" type="checkbox" checked />
-      </div>
-      <div class="some-block option-block">
-        <h4>Instance</h4>
-        <div class="autocomplete">
-          <input id="nitter-instance" type="url" name="nitter-instance"
-            data-localise-placeholder="__MSG_randomInstancePlaceholder__"
-            placeholder="Random instance (none selected)" />
-        </div>
-      </div>
-
-      <section class="settings-block">
-        <h4>Random instance pool</h4>
-        <div class="random-pool">
-          <textarea id="nitter-random-pool" type="text"></textarea>
-          <ul id="nitter-random-pool-list"></ul>
-        </div>
-      </section>
-      <div class="some-block option-block">
-        <h4 data-localise="__MSG_removeTwitterSW__">Proactively remove Twitter service worker</h4>
-        <input id="remove-twitter-sw" type="checkbox" checked />
-      </div>
-
-    </section>
-
-    <section class="instagram">
-      <div class="some-block option-block">
-        <h1>Instagram (Bibliogram)</h1>
-        <input id="disable-bibliogram" type="checkbox" checked />
-      </div>
-      <div class="some-block option-block">
-        <h4>Instance</h4>
-        <div class="autocomplete">
-          <input id="bibliogram-instance" type="url" data-localise-placeholder="__MSG_randomInstancePlaceholder__"
-            placeholder="Random instance (none selected)" />
-        </div>
-      </div>
-
-      <section class="settings-block">
-        <h4>Random instance pool</h4>
-        <div class="random-pool">
-          <textarea id="bibliogram-random-pool" name="bibliogram-random-pool" type="text"></textarea>
-          <ul id="bibliogram-random-pool-list"></ul>
-        </div>
-      </section>
-
-
-    </section>
-
-    <section class="reddit">
-
-      <div class="some-block option-block">
-        <h1>Reddit (LibReddit)</h1>
-        <input id="disable-reddit" type="checkbox" checked />
-      </div>
-
-      <div class="some-block option-block">
-        <h4>Instance</h4>
-        <div class="autocomplete">
-          <input id="reddit-instance" type="url" placeholder="https://libredd.it" />
-        </div>
-      </div>
-
-      <div class="some-block option-block">
-        <h4>Frontend</h4>
-        <select id="reddit-frontend">
-          <option value="libreddit">LibReddit</option>
-          <option value="teddit">Teddit</option>
-        </select>
-      </div>
-
-      <section class="settings-block">
-        <h4>LibReddit Random instance pool</h4>
-        <div class="random-pool">
-          <textarea id="libreddit-random-pool" type="text"></textarea>
-          <ul id="libreddit-random-pool-list"></ul>
-        </div>
-      </section>
-
-      <section class="settings-block">
-        <h4>Teddit Random instance pool</h4>
-        <div class="random-pool">
-          <textarea id="teddit-random-pool" type="text"></textarea>
-          <ul id="teddit-random-pool-list"></ul>
-        </div>
-      </section>
-
-    </section>
-
-    <section class="search">
-      <div class="some-block option-block">
-        <h1>Search</h1>
-        <input id="disable-searchEngine" type="checkbox" checked />
-      </div>
-      <div class="some-block option-block">
-        <h4>Instance</h4>
-        <div class="autocomplete">
-          <input id="searchEngine-instance" type="url" data-localise-placeholder="__MSG_randomInstancePlaceholder__"
-            placeholder="Random instance (none selected)" />
-        </div>
-      </div>
-
-
-    </section>
-
-    <section class="translate">
-      <div class="some-block option-block">
-        <h1>Translate (SimplyTranslate)</h1>
-        <input id="disable-simplyTranslate" type="checkbox" checked />
-      </div>
-      <div class="some-block option-block">
-        <h4>Instance</h4>
-        <div class="autocomplete">
-          <input id="simplyTranslate-instance" type="url" placeholder="https://translate.metalune.xyz" />
-        </div>
-      </div>
-
-
-    </section>
-
-    <section class="maps">
-      <div class="some-block option-block">
-        <h1>Maps (OpenStreetMap)</h1>
-        <input id="disable-osm" type="checkbox" checked />
-      </div>
-      <div class="some-block option-block">
-        <h4>Instance</h4>
-        <div class="autocomplete">
-          <input id="osm-instance" type="url" placeholder="https://openstreetmap.org" />
-        </div>
-      </div>
-
-
-    </section>
-
-    <section class="wikipedia">
-      <div class="some-block option-block">
-        <h1>Wikipedia (Wikiless)</h1>
-        <input id="disable-wikipedia" type="checkbox" checked />
-      </div>
-      <div class="some-block option-block">
-        <h4>Instance</h4>
-        <div class="autocomplete">
-          <input id="wikipedia-instance" type="url" placeholder="https://wikiless.org" />
-        </div>
-      </div>
-
-      <section class="settings-block">
-        <h4>Random instance pool</h4>
-        <div class="random-pool">
-          <textarea id="wikiless-random-pool" type="text"></textarea>
-          <ul id="wikiless-random-pool-list"></ul>
-        </div>
-      </section>
-
-    </section>
-
-    <section class="medium">
-      <div class="some-block option-block">
-        <h1>Medium (Scribe)</h1>
-        <input id="disable-scribe" type="checkbox" checked />
-      </div>
-      <div class="some-block option-block">
-        <h4>Instance</h4>
-        <div class="autocomplete">
-          <input id="scribe-instance" type="url" name="scribe-instance"
-            data-localise-placeholder="__MSG_randomInstancePlaceholder__"
-            placeholder="Random instance (none selected)" />
-        </div>
-      </div>
-      <section class="settings-block">
-        <h4>Random instance pool (comma-separated)</h4>
-        <div class="random-pool">
-          <textarea id="scribe-random-pool" type="text"></textarea>
-          <ul id="scribe-random-pool-list"></ul>
-        </div>
-      </section>
-    </section>
-
-  </div>
-  <script type="module" src="./options.js"></script>
-  <script type="module" src="./youtube.js"></script>
-  <script type="module" src="./twitter.js"></script>
-  <script type="module" src="./instagram.js"></script>
-  <script type="module" src="./reddit.js"></script>
-  <script type="module" src="./searchEngine.js"></script>
-  <script type="module" src="./translate.js"></script>
-  <script type="module" src="./maps.js"></script>
-  <script type="module" src="./wikipedia.js"></script>
-  <script type="module" src="./medium.js"></script>
-  <script src="../../assets/javascripts/localise.js"></script>
-</body>
-
-</html>
--- a/src/pages/options/reddit.html
+++ b/src/pages/options/reddit.html
@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="../stylesheets/styles.css" rel="stylesheet" />
+    <title>LibRedirect Options: Twitter</title>
+</head>
+
+<body class="option">
+    <section class="links">
+        <a href="general.html">General</a>
+        <a href="youtube.html">Youtube</a>
+        <a href="twitter.html">Twitter</a>
+        <a href="instagram.html">Instagram</a>
+        <a href="reddit.html" class="selected">Reddit</a>
+        <a href="search.html">Search</a>
+        <a href="translate.html">Translate</a>
+        <a href="maps.html">Maps</a>
+        <a href="wikipedia.html">Wikipedia</a>
+        <a href="medium.html">Medium</a>
+    </section>
+
+
+    <section class="option-block">
+
+        <div class="some-block option-block">
+            <h1>Reddit</h1>
+            <input id="disable-reddit" type="checkbox" checked />
+        </div>
+
+        <div class="some-block option-block">
+            <h4>Instance</h4>
+            <div class="autocomplete">
+                <input id="reddit-instance" type="url" placeholder="https://libredd.it" />
+            </div>
+        </div>
+
+        <div class="some-block option-block">
+            <h4>Frontend</h4>
+            <select id="reddit-frontend">
+                <option value="libreddit">LibReddit</option>
+                <option value="teddit">Teddit</option>
+            </select>
+        </div>
+
+        <section class="settings-block">
+            <h4>LibReddit Instance List</h4>
+            <div class="random-pool">
+                <textarea id="libreddit-random-pool" type="text"></textarea>
+                <ul id="libreddit-random-pool-list"></ul>
+            </div>
+        </section>
+
+        <section class="settings-block">
+            <h4>Teddit Instance List</h4>
+            <div class="random-pool">
+                <textarea id="teddit-random-pool" type="text"></textarea>
+                <ul id="teddit-random-pool-list"></ul>
+            </div>
+        </section>
+
+    </section>
+
+    <script type="module" src="./reddit.js"></script>
+    <script src="../../assets/javascripts/localise.js"></script>
+</body>
+
+</html>
--- a/src/pages/options/reddit.js
+++ b/src/pages/options/reddit.js
@ -39,10 +39,10 @@ browser.storage.sync.get(
        tedditRandomPoolElement.value = tedditRandomPool.join("\n");
        commonHelper.updateListElement(tedditRandomPoolListElement, tedditRandomPool);

-        let id = "reddit-instance";
-        let instances = redditInstances;
-        shared.autocompletes.push({ id: id, instances: instances })
-        shared.autocomplete(document.getElementById(id), instances);
+        // let id = "reddit-instance";
+        // let instances = redditInstances;
+        // shared.autocompletes.push({ id: id, instances: instances })
+        // shared.autocomplete(document.getElementById(id), instances);
    }
 )

@ -74,4 +74,18 @@ tedditRandomPoolElement.addEventListener("input", commonHelper.debounce(() => {
    tedditRandomPool = commonHelper.filterList(tedditRandomPoolElement.value.split("\n"))
    commonHelper.updateListElement(tedditRandomPoolListElement, tedditRandomPool);
    browser.storage.sync.set({ tedditRandomPool: tedditRandomPool });
-}, 50));
+}, 50));
+
+browser.storage.onChanged.addListener((changes) => {
+    if ("libredditRandomPool" in changes) {
+        libredditRandomPool = changes.libredditRandomPool.newValue;
+        libredditRandomPoolElement.value = libredditRandomPool.join("\n");
+        commonHelper.updateListElement(libredditRandomPoolListElement, libredditRandomPool);
+    }
+
+    if ("tedditRandomPool" in changes) {
+        tedditRandomPool = changes.tedditRandomPool.newValue;
+        tedditRandomPoolElement.value = tedditRandomPool.join("\n");
+        commonHelper.updateListElement(tedditRandomPoolListElement, tedditRandomPool);
+    }
+})
--- a/src/pages/options/search.html
+++ b/src/pages/options/search.html
@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="../stylesheets/styles.css" rel="stylesheet" />
+    <title>LibRedirect Options: Twitter</title>
+</head>
+
+<body class="option">
+    <section class="links">
+        <a href="general.html">General</a>
+        <a href="youtube.html">Youtube</a>
+        <a href="twitter.html">Twitter</a>
+        <a href="instagram.html">Instagram</a>
+        <a href="reddit.html">Reddit</a>
+        <a href="search.html" class="selected">Search</a>
+        <a href="translate.html">Translate</a>
+        <a href="maps.html">Maps</a>
+        <a href="wikipedia.html">Wikipedia</a>
+        <a href="medium.html">Medium</a>
+    </section>
+
+    <section class="option-block">
+        <div class="some-block option-block">
+            <h1>Search</h1>
+            <input id="disable-search" type="checkbox" checked />
+        </div>
+        <div class="some-block option-block">
+            <h4>Instance</h4>
+            <!-- <div class="autocomplete"> -->
+                <input id="search-instance" type="url"
+                    data-localise-placeholder="__MSG_randomInstancePlaceholder__"
+                    placeholder="Random instance (none selected)" />
+            <!-- </div> -->
+        </div>
+
+        <div class="some-block option-block">
+            <h4>Frontend</h4>
+            <select id="search-frontend">
+                <option value="searx">SearX</option>
+                <option value="whoogle">Whoogle</option>
+            </select>
+        </div>
+
+        <section class="settings-block">
+            <h4>SearX Instance List</h4>
+            <div class="random-pool">
+                <textarea id="searx-random-pool" type="text"></textarea>
+                <ul id="searx-random-pool-list"></ul>
+            </div>
+        </section>
+
+        <section class="settings-block">
+            <h4>Whoogle Instance List</h4>
+            <div class="random-pool">
+                <textarea id="whoogle-random-pool" type="text"></textarea>
+                <ul id="whoogle-random-pool-list"></ul>
+            </div>
+        </section>
+
+    </section>
+
+
+    <script type="module" src="./search.js"></script>
+    <script src="../../assets/javascripts/localise.js"></script>
+</body>
+
+</html>
--- a/src/pages/options/search.js
+++ b/src/pages/options/search.js
@ -0,0 +1,69 @@
+import searchHelper from "../../assets/javascripts/helpers/google-search.js";
+import commonHelper from "../../assets/javascripts/helpers/common.js";
+import shared from "./shared.js";
+
+const searchInstances = searchHelper.redirects;
+let searchInstanceElement = document.getElementById("search-instance");
+let disableSearchElement = document.getElementById("disable-search");
+let searchFrontendElement = document.getElementById("search-frontend");
+
+let searxRandomPoolElement = document.getElementById("searx-random-pool");
+let searxRandomPoolListElement = document.getElementById("searx-random-pool-list");
+
+let whoogleRandomPoolElement = document.getElementById("whoogle-random-pool");
+let whoogleRandomPoolListElement = document.getElementById("whoogle-random-pool-list");
+
+let searxRandomPool
+let whoogleRandomPool
+
+browser.storage.sync.get(
+  [
+    "searchInstance",
+    "disableSearch",
+    "searchFrontend",
+    "searxRandomPool",
+    "whoogleRandomPool"
+  ],
+  (result) => {
+    searchInstanceElement.value = (result.searchInstance && result.searchInstance.link) || "";
+    disableSearchElement.checked = !result.disableSearch;
+    searchFrontendElement.value = result.searchFrontend;
+
+    searxRandomPool = result.searxRandomPool || commonHelper.filterInstances(searchInstances.searx)
+    searxRandomPoolElement.value = searxRandomPool.join("\n");
+    commonHelper.updateListElement(searxRandomPoolListElement, searxRandomPool);
+
+    whoogleRandomPool = result.whoogleRandomPool || commonHelper.filterInstances(searchInstances.whoogle)
+    whoogleRandomPoolElement.value = whoogleRandomPool.join("\n");
+    commonHelper.updateListElement(whoogleRandomPoolListElement, whoogleRandomPool);
+
+    // let id = "search-instance"
+    // let instances = searchInstances.map((instance) => instance.link)
+    // shared.autocompletes.push({ id: id, instances: instances })
+    // shared.autocomplete(document.getElementById(id), instances);
+  }
+)
+
+const searchInstanceChange = commonHelper.debounce(() => {
+  const instance = searchInstances.find(
+    (instance) => instance.link === searchInstanceElement.value
+  );
+  if (instance || !searchInstanceElement.value) {
+    browser.storage.sync.set({
+      searchInstance: instance || searchInstanceElement.value,
+    });
+  } else {
+    searchInstanceElement.setCustomValidity("Must be an instance from the list");
+  }
+}, 500);
+searchInstanceElement.addEventListener("input", searchInstanceChange);
+
+searchFrontendElement.addEventListener("change", (event) => {
+  const value = event.target.options[searchFrontendElement.selectedIndex].value;
+  console.info("Search Frontend:", value)
+  browser.storage.sync.set({ searchFrontend: value })
+});
+
+disableSearchElement.addEventListener("change", (event) => {
+  browser.storage.sync.set({ disableSearch: !event.target.checked });
+});
--- a/src/pages/options/searchEngine.js
+++ b/src/pages/options/searchEngine.js
@ -1,42 +0,0 @@
-import searchHelper from "../../assets/javascripts/helpers/google-search.js";
-import commonHelper from "../../assets/javascripts/helpers/common.js";
-import shared from "./shared.js";
-
-const searchEngineInstances = searchHelper.redirects;
-let searchEngineInstanceElement = document.getElementById("searchEngine-instance");
-let disableSearchEngineElement = document.getElementById("disable-searchEngine");
-
-browser.storage.sync.get(
-  [
-    "searchEngineInstance",
-    "disableSearchEngine",
-  ],
-  (result) => {
-    searchEngineInstanceElement.value = (result.searchEngineInstance && result.searchEngineInstance.link) || "";
-
-    disableSearchEngineElement.checked = !result.disableSearchEngine;
-
-    let id = "searchEngine-instance"
-    let instances = searchEngineInstances.map((instance) => instance.link)
-    shared.autocompletes.push({ id: id, instances: instances })
-    shared.autocomplete(document.getElementById(id), instances);
-  }
-)
-
-const searchEngineInstanceChange = commonHelper.debounce(() => {
-  const instance = searchEngineInstances.find(
-    (instance) => instance.link === searchEngineInstanceElement.value
-  );
-  if (instance || !searchEngineInstanceElement.value) {
-    browser.storage.sync.set({
-      searchEngineInstance: instance || searchEngineInstanceElement.value,
-    });
-  } else {
-    searchEngineInstanceElement.setCustomValidity("Must be an instance from the list");
-  }
-}, 500);
-searchEngineInstanceElement.addEventListener("input", searchEngineInstanceChange);
-
-disableSearchEngineElement.addEventListener("change", (event) => {
-  browser.storage.sync.set({ disableSearchEngine: !event.target.checked });
-});
--- a/src/pages/options/translate.html
+++ b/src/pages/options/translate.html
@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="../stylesheets/styles.css" rel="stylesheet" />
+    <title>LibRedirect Options: Twitter</title>
+</head>
+
+<body class="option">
+    <section class="links">
+        <a href="general.html">General</a>
+        <a href="youtube.html">Youtube</a>
+        <a href="twitter.html">Twitter</a>
+        <a href="instagram.html">Instagram</a>
+        <a href="reddit.html">Reddit</a>
+        <a href="search.html">Search</a>
+        <a href="translate.html" class="selected">Translate</a>
+        <a href="maps.html">Maps</a>
+        <a href="wikipedia.html">Wikipedia</a>
+        <a href="medium.html">Medium</a>
+    </section>
+    <section class="option-block">
+        <div class="some-block option-block">
+            <h1>Translate (SimplyTranslate)</h1>
+            <input id="disable-simplyTranslate" type="checkbox" checked />
+        </div>
+        <div class="some-block option-block">
+            <h4>Instance</h4>
+            <div class="autocomplete">
+                <input id="simplyTranslate-instance" type="url" placeholder="https://translate.metalune.xyz" />
+            </div>
+        </div>
+    </section>
+
+
+    <script type="module" src="./translate.js"></script>
+    <script src="../../assets/javascripts/localise.js"></script>
+</body>
+
+</html>
--- a/src/pages/options/twitter.html
+++ b/src/pages/options/twitter.html
@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="../stylesheets/styles.css" rel="stylesheet" />
+    <title>LibRedirect Options: Twitter</title>
+</head>
+
+<body class="option">
+
+    <section class="links">
+        <a href="general.html">General</a>
+        <a href="youtube.html">Youtube</a>
+        <a href="twitter.html" class="selected">Twitter</a>
+        <a href="instagram.html">Instagram</a>
+        <a href="reddit.html">Reddit</a>
+        <a href="search.html">Search</a>
+        <a href="translate.html">Translate</a>
+        <a href="maps.html">Maps</a>
+        <a href="wikipedia.html">Wikipedia</a>
+        <a href="medium.html">Medium</a>
+    </section>
+
+    <section class="option-block">
+
+        <div class="some-block option-block">
+            <h1>Enable</h1>
+            <input id="disable-nitter" type="checkbox" checked />
+        </div>
+        <div class="some-block option-block">
+            <h4>Instance</h4>
+            <div class="autocomplete">
+                <input id="nitter-instance" type="url" name="nitter-instance"
+                    data-localise-placeholder="__MSG_randomInstancePlaceholder__"
+                    placeholder="Random instance (none selected)" />
+            </div>
+        </div>
+
+        <section class="settings-block">
+            <h4>Instance List</h4>
+            <div class="random-pool">
+                <textarea id="nitter-random-pool" type="text"></textarea>
+                <ul id="nitter-random-pool-list"></ul>
+            </div>
+        </section>
+        <div class="some-block option-block">
+            <h4 data-localise="__MSG_removeTwitterSW__">Proactively remove Twitter service worker</h4>
+            <input id="remove-twitter-sw" type="checkbox" checked />
+        </div>
+
+    </section>
+
+    <script type="module" src="./twitter.js"></script>
+    <script src="../../assets/javascripts/localise.js"></script>
+</body>
+
+</html>
--- a/src/pages/options/twitter.js
+++ b/src/pages/options/twitter.js
@ -23,11 +23,11 @@ browser.storage.sync.get(
        nitterInstanceElement.value = result.nitterInstance || "";
        disableNitterElement.checked = !result.disableNitter;
        removeTwitterSWElement.checked = !result.removeTwitterSW;
-        
+
        nitterRandomPool = result.nitterRandomPool || commonHelper.filterInstances(nitterInstances)
        nitterRandomPoolElement.value = nitterRandomPool.join("\n");
        commonHelper.updateListElement(nitterRandomPoolListElement, nitterRandomPool);
-        
+
        let id = "nitter-instance"
        let instances = nitterRandomPool
        shared.autocompletes.push({ id: id, instances: instances })
@ -56,3 +56,11 @@ nitterRandomPoolElement.addEventListener("input", commonHelper.debounce(() => {
    commonHelper.updateListElement(nitterRandomPoolListElement, nitterRandomPool);
    browser.storage.sync.set({ nitterRandomPool: nitterRandomPool });
 }, 50));
+
+browser.storage.onChanged.addListener((changes) => {
+    if ("nitterRandomPool" in changes) {
+        nitterRandomPool = changes.nitterRandomPool.newValue;
+        nitterRandomPoolElement.value = nitterRandomPool.join("\n");
+        commonHelper.updateListElement(nitterRandomPoolListElement, nitterRandomPool);
+    }
+})
--- a/src/pages/options/wikipedia.html
+++ b/src/pages/options/wikipedia.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="../stylesheets/styles.css" rel="stylesheet" />
+    <title>LibRedirect Options: Twitter</title>
+</head>
+
+<body class="option">
+    <section class="links">
+        <a href="general.html">General</a>
+        <a href="youtube.html">Youtube</a>
+        <a href="twitter.html">Twitter</a>
+        <a href="instagram.html">Instagram</a>
+        <a href="reddit.html">Reddit</a>
+        <a href="search.html">Search</a>
+        <a href="translate.html">Translate</a>
+        <a href="maps.html">Maps</a>
+        <a href="wikipedia.html" class="selected">Wikipedia</a>
+        <a href="medium.html">Medium</a>
+    </section>
+
+    <section class="option-block">
+        <div class="some-block option-block">
+            <h1>Wikipedia (Wikiless)</h1>
+            <input id="disable-wikipedia" type="checkbox" checked />
+        </div>
+        <div class="some-block option-block">
+            <h4>Instance</h4>
+            <div class="autocomplete">
+                <input id="wikipedia-instance" type="url" placeholder="https://wikiless.org" />
+            </div>
+        </div>
+
+        <section class="settings-block">
+            <h4>Instance List</h4>
+            <div class="random-pool">
+                <textarea id="wikiless-random-pool" type="text"></textarea>
+                <ul id="wikiless-random-pool-list"></ul>
+            </div>
+        </section>
+    </section>
+
+    <script type="module" src="./wikipedia.js"></script>
+    <script src="../../assets/javascripts/localise.js"></script>
+</body>
+
+</html>
--- a/src/pages/options/wikipedia.js
+++ b/src/pages/options/wikipedia.js
@ -51,3 +51,13 @@ wikilessRandomPoolElement.addEventListener("input", commonHelper.debounce(() =>
    browser.storage.sync.set({ wikilessRandomPool: wikilessRandomPool });
 }, 50));

+
+browser.storage.onChanged.addListener((changes) => {
+    if ("wikilessRandomPool" in changes) {
+        console.info("Wikiless updating");
+        console.info(changes.wikilessRandomPool.newValue)
+        wikilessRandomPool = changes.wikilessRandomPool.newValue;
+        wikilessRandomPoolElement.value = wikilessRandomPool.join("\n");
+        commonHelper.updateListElement(wikilessRandomPoolListElement, wikilessRandomPool);
+    }
+})
--- a/src/pages/options/youtube.html
+++ b/src/pages/options/youtube.html
@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="../stylesheets/styles.css" rel="stylesheet" />
+    <title>LibRedirect Options: Twitter</title>
+</head>
+
+<body class="option">
+
+    <section class="links">
+        <a href="general.html">General</a>
+        <a href="youtube.html" class="selected">Youtube</a>
+        <a href="twitter.html">Twitter</a>
+        <a href="instagram.html">Instagram</a>
+        <a href="reddit.html">Reddit</a>
+        <a href="search.html">Search</a>
+        <a href="translate.html">Translate</a>
+        <a href="maps.html">Maps</a>
+        <a href="wikipedia.html">Wikipedia</a>
+        <a href="medium.html">Medium</a>
+    </section>
+
+    <section class="option-block">
+        <div class="some-block option-block">
+            <h1>Enable</h1>
+            <input id="disable-invidious" type="checkbox" checked />
+        </div>
+
+        <div class="some-block option-block">
+            <h4>Instance</h4>
+            <!-- <div class="autocomplete"> -->
+            <input id="invidious-instance" type="url" data-localise-placeholder="__MSG_randomInstancePlaceholder__"
+                placeholder="Random instance (none selected)" />
+            <!-- </div> -->
+        </div>
+
+        <section class="settings-block">
+            <h4>Instance List</h4>
+            <div class="random-pool">
+                <textarea type="textarea" id="invidious-random-pool" name="invidious-random-pool"
+                    type="text"></textarea>
+                <ul id="invidious-random-pool-list"></ul>
+            </div>
+        </section>
+
+        <div class="some-block option-block">
+            <h4>Player Style</h4>
+            <select id="invidious-player-style">
+                <option value="">Invidious</option>
+                <option value="youtube">YouTube</option>
+            </select>
+        </div>
+
+        <div class="some-block option-block">
+            <h4>Dark mode</h4>
+            <input id="invidious-dark-mode" type="checkbox" checked />
+        </div>
+
+        <div class="some-block">
+            <h4>Volume: <span id="volume-value">50%</span></h4>
+            <input id="invidious-volume" name="invidious-volume" type="range" min="0" max="100" step="1" />
+        </div>
+
+        <div class="some-block option-block">
+            <h4 data-localise="__MSG_useFreeTube__">Use FreeTube over Invidious when possible</h4>
+            <input id="use-freetube" type="checkbox" checked />
+        </div>
+
+        <div class="some-block option-block">
+            <h4 data-localise="__MSG_invidiousAlwaysProxy__">Always proxy videos through Invidious</h4>
+            <input id="always-proxy" type="checkbox" checked />
+        </div>
+
+        <div class="some-block option-block">
+            <h4 data-localise="__MSG_invidiousOnlyEmbeddedVideo__">Only redirect embedded video to Invidious</h4>
+            <input id="only-embed" type="checkbox" checked />
+        </div>
+
+        <div class="some-block option-block">
+            <h4>Video Quality</h4>
+            <select id="video-quality">
+                <option value="">Default</option>
+                <option value="hd720">720p</option>
+                <option value="medium">480p</option>
+                <option value="dash">DASH (Dynamic Adaptive Streaming over HTTP)</option>
+                </option>
+            </select>
+        </div>
+
+        <div class="some-block option-block">
+            <h4>Subtitles - language codes</h4>
+            <input id="invidious-subtitles" placeholder="en, ar, es" name="invidious-subtitles" type="text" />
+        </div>
+
+        <div class="some-block option-block">
+            <h4>Automatically play video on load</h4>
+            <input id="invidious-autoplay" type="checkbox" checked />
+        </div>
+
+        <div class="some-block option-block">
+            <h4>Persist preferences (as cookie)</h4>
+            <input id="persist-invidious-prefs" type="checkbox" checked />
+        </div>
+
+
+    </section>
+
+    <script type="module" src="./youtube.js"></script>
+    <script src="../../assets/javascripts/localise.js"></script>
+</body>
+
+</html>
--- a/src/pages/options/youtube.js
+++ b/src/pages/options/youtube.js
@ -15,9 +15,9 @@ let invidiousAutoplayElement = document.getElementById("invidious-autoplay");
 let invidiousRandomPoolElement = document.getElementById("invidious-random-pool");
 let invidiousRandomPoolListElement = document.getElementById('invidious-random-pool-list');
 let useFreeTubeElement = document.getElementById("use-freetube");
-let alwaysProxyElement = document.getElementById("always-proxy");
-let onlyEmbeddedVideoElement = document.getElementById("only-embed");
-let videoQualityElement = document.getElementById("video-quality");
+let invidiousAlwaysProxyElement = document.getElementById("always-proxy");
+let invidiousOnlyEmbeddedVideoElement = document.getElementById("only-embed");
+let invidiousVideoQualityElement = document.getElementById("video-quality");

 let invidiousRandomPool;

@ -33,9 +33,9 @@ browser.storage.sync.get(
        "invidiousAutoplay",
        "invidiousRandomPool",
        "useFreeTube",
-        "alwaysProxy",
-        "onlyEmbeddedVideo",
-        "videoQuality",
+        "invidiousAlwaysProxy",
+        "invidiousOnlyEmbeddedVideo",
+        "invidiousVideoQuality",
    ],
    (result) => {
        invidiousInstanceElement.value = result.invidiousInstance || "";
@ -47,9 +47,9 @@ browser.storage.sync.get(
        invidiousPlayerStyleElement.value = result.invidiousPlayerStyle || "";
        invidiousSubtitlesElement.value = result.invidiousSubtitles || "";
        useFreeTubeElement.checked = result.useFreeTube;
-        onlyEmbeddedVideoElement.checked = result.onlyEmbeddedVideo;
-        alwaysProxyElement.checked = result.alwaysProxy;
-        videoQualityElement.value = result.videoQuality || "";
+        invidiousOnlyEmbeddedVideoElement.checked = result.invidiousOnlyEmbeddedVideo;
+        invidiousAlwaysProxyElement.checked = result.invidiousAlwaysProxy;
+        invidiousVideoQualityElement.value = result.invidiousVideoQuality || "";
        invidiousAutoplayElement.checked = result.invidiousAutoplay;

        invidiousRandomPool = result.invidiousRandomPool || commonHelper.filterInstances(invidiousInstances)
@ -118,19 +118,22 @@ useFreeTubeElement.addEventListener("change", (event) => {
    browser.storage.sync.set({ useFreeTube: event.target.checked });
 });

-alwaysProxyElement.addEventListener("change", (event) => {
-    browser.storage.sync.set({ alwaysProxy: event.target.checked });
+invidiousAlwaysProxyElement.addEventListener("change", (event) => {
+    browser.storage.sync.set({ invidiousAlwaysProxy: event.target.checked });
 });

-onlyEmbeddedVideoElement.addEventListener("change", (event) => {
-    browser.storage.sync.set({ onlyEmbeddedVideo: event.target.checked });
+invidiousOnlyEmbeddedVideoElement.addEventListener("change", (event) => {
+    browser.storage.sync.set({ invidiousOnlyEmbeddedVideo: event.target.checked });
 });

-videoQualityElement.addEventListener("change", (event) => {
-    browser.storage.sync.set({ videoQuality: event.target.options[videoQualityElement.selectedIndex].value });
+invidiousVideoQualityElement.addEventListener("change", (event) => {
+    browser.storage.sync.set({ invidiousVideoQuality: event.target.options[invidiousVideoQualityElement.selectedIndex].value });
 });

 browser.storage.onChanged.addListener((changes) => {
-    if ("invidiousRandomPool" in changes)
-        invidiousRandomPool.value = changes.invidiousRandomPool.newValue;
+    if ("invidiousRandomPool" in changes) {
+        invidiousRandomPool = changes.invidiousRandomPool.newValue;
+        invidiousRandomPoolElement.value = invidiousRandomPool.join("\n");
+        commonHelper.updateListElement(invidiousRandomPoolListElement, invidiousRandomPool);
+    }
 })
--- a/src/pages/popup/popup.html
+++ b/src/pages/popup/popup.html
@ -31,7 +31,7 @@

  <div class="some-block">
    <h4>Search</h4>
-    <input id="disable-searchEngine" type="checkbox" checked />
+    <input id="disable-search" type="checkbox" checked />
  </div>

  <div class="some-block">
--- a/src/pages/popup/popup.js
+++ b/src/pages/popup/popup.js
@ -7,7 +7,7 @@ let disableInvidious = document.querySelector("#disable-invidious");
 let disableBibliogram = document.querySelector("#disable-bibliogram");
 let disableOsm = document.querySelector("#disable-osm");
 let disableReddit = document.querySelector("#disable-reddit");
-let disableSearchEngine = document.querySelector("#disable-searchEngine");
+let disableSearch = document.querySelector("#disable-search");
 let disableSimplyTranslate = document.querySelector("#disable-simplyTranslate");
 let disableWikipedia = document.querySelector("#disable-wikipedia");
 let disableScribe = document.querySelector("#disable-scribe");
@ -21,7 +21,7 @@ browser.storage.sync.get(
    "disableBibliogram",
    "disableOsm",
    "disableReddit",
-    "disableSearchEngine",
+    "disableSearch",
    "disableSimplyTranslate",
    "disableWikipedia",
    "disableScribe",
@ -34,7 +34,7 @@ browser.storage.sync.get(
    disableBibliogram.checked = !result.disableBibliogram;
    disableOsm.checked = !result.disableOsm;
    disableReddit.checked = !result.disableReddit;
-    disableSearchEngine.checked = !result.disableSearchEngine;
+    disableSearch.checked = !result.disableSearch;
    disableSimplyTranslate.checked = !result.disableSimplyTranslate;
    disableWikipedia.checked = !result.disableWikipedia;
    disableScribe.checked = !result.disableScribe;
@ -61,8 +61,8 @@ disableReddit.addEventListener("change", (event) => {
  browser.storage.sync.set({ disableReddit: !event.target.checked });
 });

-disableSearchEngine.addEventListener("change", (event) => {
-  browser.storage.sync.set({ disableSearchEngine: !event.target.checked });
+disableSearch.addEventListener("change", (event) => {
+  browser.storage.sync.set({ disableSearch: !event.target.checked });
 });

 disableSimplyTranslate.addEventListener("change", (event) => {
@ -80,7 +80,7 @@ disableScribe.addEventListener("change", (event) => {

 document.querySelector("#update-instances").addEventListener("click", () => {
  document.querySelector("#update-instances").innerHTML = '...';
-  if (commonHelper.getInstances())
+  if (commonHelper.updateInstances())
    document.querySelector("#update-instances").innerHTML = 'Done!';
  else
    document.querySelector("#update-instances").innerHTML = 'Failed Miserabely';
--- a/src/pages/stylesheets/styles.css
+++ b/src/pages/stylesheets/styles.css
@ -226,8 +226,39 @@ li {
  color: var(--text);
 }

-.option {
-  width: 100%;
+section.option-block {
+  width: 50%;
+  margin: 0 50px;
+}
+
+body.option {
+  display: flex;
+  align-items: flex-start;
+  padding: 40px;
+}
+
+
+section.links {
+  margin: 00px 0;
+}
+
+section.links a {
+  display: flex;
+  align-items: center;
+  font-size: 30px;
+  text-decoration: none;
+  color: white;
+  margin: 20px 0;
+  font-weight: bold;
+  transition: 0.1s;
+}
+
+section.links a:hover {
+  color: var(--active);
+}
+
+section.links a.selected {
+  color: var(--active);
 }

 .option td {
@ -270,8 +301,6 @@ input[type="url"]:focus {
 /* \25BE */


-
-
 hr {
  height: 2px;
  margin: 0 15px;