summaryrefslogtreecommitdiff
path: root/data/extensions/{b7f9d2cd-d772-4302-8c3f-eb941af36f76}/pages/options/options.js
diff options
context:
space:
mode:
authorawy <awy@awy.one>2025-08-15 03:01:21 +0300
committerawy <awy@awy.one>2025-08-15 03:01:21 +0300
commita9370a08517668b3e98cc1d0bd42df407a76c220 (patch)
tree37e7bdb0e76f5495f798e077e45d377c0c3870c0 /data/extensions/{b7f9d2cd-d772-4302-8c3f-eb941af36f76}/pages/options/options.js
parentb73acfe395ea849fcd15c9886a7f4631f2b6f82b (diff)
ubo + private browsing patchHEADmaster
Diffstat (limited to 'data/extensions/{b7f9d2cd-d772-4302-8c3f-eb941af36f76}/pages/options/options.js')
-rw-r--r--data/extensions/{b7f9d2cd-d772-4302-8c3f-eb941af36f76}/pages/options/options.js584
1 files changed, 0 insertions, 584 deletions
diff --git a/data/extensions/{b7f9d2cd-d772-4302-8c3f-eb941af36f76}/pages/options/options.js b/data/extensions/{b7f9d2cd-d772-4302-8c3f-eb941af36f76}/pages/options/options.js
deleted file mode 100644
index 8309aab..0000000
--- a/data/extensions/{b7f9d2cd-d772-4302-8c3f-eb941af36f76}/pages/options/options.js
+++ /dev/null
@@ -1,584 +0,0 @@
-"use strict";
-
-import commonHelper from "../../assets/javascripts/helpers/common.js";
-import twitterHelper from "../../assets/javascripts/helpers/twitter.js";
-import youtubeHelper from "../../assets/javascripts/helpers/youtube.js";
-import instagramHelper from "../../assets/javascripts/helpers/instagram.js";
-import mapsHelper from "../../assets/javascripts/helpers/google-maps.js";
-import redditHelper from "../../assets/javascripts/helpers/reddit.js";
-import searchHelper from "../../assets/javascripts/helpers/google-search.js";
-import googleTranslateHelper from "../../assets/javascripts/helpers/google-translate.js";
-import wikipediaHelper from "../../assets/javascripts/helpers/wikipedia.js";
-
-const nitterInstances = twitterHelper.redirects;
-const invidiousInstances = youtubeHelper.redirects;
-const bibliogramInstances = instagramHelper.redirects;
-const osmInstances = mapsHelper.redirects;
-const redditInstances = redditHelper.redirects;
-const searchEngineInstances = searchHelper.redirects;
-const simplyTranslateInstances = googleTranslateHelper.redirects;
-const wikipediaInstances = wikipediaHelper.redirects;
-const autocompletes = [
- { id: "nitter-instance", instances: nitterInstances },
- { id: "invidious-instance", instances: invidiousInstances },
-// { id: "bibliogram-instance", instances: bibliogramInstances },
- { id: "osm-instance", instances: osmInstances },
- { id: "reddit-instance", instances: redditInstances },
- {
- id: "search-engine-instance",
- instances: searchEngineInstances.map((instance) => instance.link),
- },
- { id: "simply-translate-instance", instances: simplyTranslateInstances },
- { id: "wikipedia-instance", instances: wikipediaInstances },
-];
-const domparser = new DOMParser();
-
-let nitterInstance = document.getElementById("nitter-instance");
-let invidiousInstance = document.getElementById("invidious-instance");
-// let bibliogramInstance = document.getElementById("bibliogram-instance");
-let osmInstance = document.getElementById("osm-instance");
-let redditInstance = document.getElementById("reddit-instance");
-let searchEngineInstance = document.getElementById("search-engine-instance");
-let simplyTranslateInstance = document.getElementById(
- "simply-translate-instance"
-);
-let wikipediaInstance = document.getElementById("wikipedia-instance");
-let disableNitter = document.getElementById("disable-nitter");
-let disableInvidious = document.getElementById("disable-invidious");
-// let disableBibliogram = document.getElementById("disable-bibliogram");
-let disableOsm = document.getElementById("disable-osm");
-let disableReddit = document.getElementById("disable-reddit");
-let disableSearchEngine = document.getElementById("disable-search-engine");
-let disableSimplyTranslate = document.getElementById(
- "disable-simply-translate"
-);
-let disableWikipedia = document.getElementById("disable-wikipedia");
-let alwaysProxy = document.getElementById("always-proxy");
-let onlyEmbeddedVideo = document.getElementById("only-embed");
-let videoQuality = document.getElementById("video-quality");
-let removeTwitterSW = document.getElementById("remove-twitter-sw");
-let invidiousDarkMode = document.getElementById("invidious-dark-mode");
-let persistInvidiousPrefs = document.getElementById("persist-invidious-prefs");
-let invidiousVolume = document.getElementById("invidious-volume");
-let invidiousPlayerStyle = document.getElementById("invidious-player-style");
-let invidiousSubtitles = document.getElementById("invidious-subtitles");
-let invidiousAutoplay = document.getElementById("invidious-autoplay");
-let theme = document.getElementById("theme");
-let useFreeTube = document.getElementById("use-freetube");
-let nitterRandomPool = document.getElementById("nitter-random-pool");
-let invidiousRandomPool = document.getElementById("invidious-random-pool");
-// let bibliogramRandomPool = document.getElementById("bibliogram-random-pool");
-let exceptions;
-
-window.browser = window.browser || window.chrome;
-
-function prependExceptionsItem(item, index) {
- const li = document.createElement("li");
- li.appendChild(document.createTextNode(item.toString()));
- const button = document.createElement("button");
- li.appendChild(button);
- document.getElementById("exceptions-items").prepend(li);
- const svg = `<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 512 512'>
- <line x1='368' y1='368' x2='144' y2='144'
- style='fill:none;stroke:#FFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px' />
- <line x1='368' y1='144' x2='144' y2='368'
- style='fill:none;stroke:#FFF;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px' />
- </svg>`;
- button.appendChild(
- domparser.parseFromString(svg, "image/svg+xml").documentElement
- );
- button.addEventListener("click", () => {
- exceptions.splice(index, 1);
- browser.storage.sync.set({
- exceptions: exceptions,
- });
- li.remove();
- });
-}
-
-browser.storage.sync.get(
- [
- "nitterInstance",
- "invidiousInstance",
- "bibliogramInstance",
- "osmInstance",
- "redditInstance",
- "searchEngineInstance",
- "simplyTranslateInstance",
- "wikipediaInstance",
- "disableNitter",
- "disableInvidious",
- "disableBibliogram",
- "disableOsm",
- "disableReddit",
- "disableSearchEngine",
- "disableSimplyTranslate",
- "disableWikipedia",
- "alwaysProxy",
- "onlyEmbeddedVideo",
- "videoQuality",
- "removeTwitterSW",
- "invidiousDarkMode",
- "persistInvidiousPrefs",
- "invidiousVolume",
- "invidiousPlayerStyle",
- "invidiousSubtitles",
- "invidiousAutoplay",
- "exceptions",
- "theme",
- "useFreeTube",
- "nitterRandomPool",
- "invidiousRandomPool",
- "bibliogramRandomPool",
- ],
- (result) => {
- theme.value = result.theme || "";
- if (result.theme) document.body.classList.add(result.theme);
- nitterInstance.value = result.nitterInstance || "";
- invidiousInstance.value = result.invidiousInstance || "";
-// bibliogramInstance.value = result.bibliogramInstance || "";
- osmInstance.value = result.osmInstance || "";
- redditInstance.value = result.redditInstance || "";
- searchEngineInstance.value =
- (result.searchEngineInstance && result.searchEngineInstance.link) || "";
- simplyTranslateInstance.value = result.simplyTranslateInstance || "";
- wikipediaInstance.value = result.wikipediaInstance || "";
- disableNitter.checked = !result.disableNitter;
- disableInvidious.checked = !result.disableInvidious;
-// disableBibliogram.checked = !result.disableBibliogram;
- disableOsm.checked = !result.disableOsm;
- disableReddit.checked = !result.disableReddit;
- disableSearchEngine.checked = !result.disableSearchEngine;
- disableSimplyTranslate.checked = !result.disableSimplyTranslate;
- disableWikipedia.checked = !result.disableWikipedia;
- alwaysProxy.checked = result.alwaysProxy;
- onlyEmbeddedVideo.checked = result.onlyEmbeddedVideo;
- videoQuality.value = result.videoQuality || "";
- removeTwitterSW.checked = !result.removeTwitterSW;
- invidiousDarkMode.checked = result.invidiousDarkMode;
- persistInvidiousPrefs.checked = result.persistInvidiousPrefs;
- exceptions = result.exceptions || [];
- exceptions.forEach(prependExceptionsItem);
- invidiousVolume.value = result.invidiousVolume;
- document.querySelector("#volume-value").textContent = result.invidiousVolume
- ? `${result.invidiousVolume}%`
- : " - ";
- invidiousPlayerStyle.value = result.invidiousPlayerStyle || "";
- invidiousSubtitles.value = result.invidiousSubtitles || "";
- invidiousAutoplay.checked = result.invidiousAutoplay;
- useFreeTube.checked = result.useFreeTube;
- nitterRandomPool.value =
- result.nitterRandomPool || commonHelper.filterInstances(nitterInstances);
- invidiousRandomPool.value =
- result.invidiousRandomPool ||
- commonHelper.filterInstances(invidiousInstances);
-// bibliogramRandomPool.value =
-// result.bibliogramRandomPool ||
-// commonHelper.filterInstances(bibliogramInstances);
- }
-);
-
-function openTab(tab, event) {
- let i, tabcontent, tablinks;
- tabcontent = document.getElementsByClassName("tabcontent");
- for (i = 0; i < tabcontent.length; i++) {
- tabcontent[i].style.display = "none";
- }
- tablinks = document.getElementsByClassName("tablinks");
- for (i = 0; i < tablinks.length; i++) {
- tablinks[i].className = tablinks[i].className.replace(" active", "");
- }
- document.getElementById(tab).style.display = "block";
- event.currentTarget.className += " active";
-}
-
-document
- .getElementById("general-tab")
- .addEventListener("click", openTab.bind(null, "general"));
-document
- .getElementById("advanced-tab")
- .addEventListener("click", openTab.bind(null, "advanced"));
-document
- .getElementById("exceptions-tab")
- .addEventListener("click", openTab.bind(null, "exceptions"));
-
-document.getElementById("general-tab").click();
-
-function addToExceptions() {
- const input = document.getElementById("new-exceptions-item");
- const type = document.querySelector('input[name="type"]:checked').value;
- if (input.value) {
- try {
- let value = input.value;
- new RegExp(input.value);
- if (type === "URL") {
- value = value.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
- }
- exceptions.push(value);
- browser.storage.sync.set({
- exceptions: exceptions,
- });
- prependExceptionsItem(value, exceptions.indexOf(value));
- input.value = "";
- } catch (error) {
- input.setCustomValidity("Invalid RegExp");
- }
- } else {
- input.setCustomValidity("Invalid RegExp");
- }
-}
-
-document
- .getElementById("add-to-exceptions")
- .addEventListener("click", addToExceptions);
-
-function debounce(func, wait, immediate) {
- let timeout;
- return () => {
- let context = this,
- args = arguments;
- let later = () => {
- timeout = null;
- if (!immediate) func.apply(context, args);
- };
- let callNow = immediate && !timeout;
- clearTimeout(timeout);
- timeout = setTimeout(later, wait);
- if (callNow) func.apply(context, args);
- };
-}
-
-function parseURL(urlString) {
- if (urlString) {
- try {
- const url = new URL(urlString);
- if (url.username && url.password) {
- return `${url.protocol}//${url.username}:${url.password}@${url.host}`;
- } else {
- return url.origin;
- }
- } catch (error) {
- console.log(error);
- return "";
- }
- } else {
- return "";
- }
-}
-
-const nitterInstanceChange = debounce(() => {
- if (nitterInstance.checkValidity()) {
- browser.storage.sync.set({
- nitterInstance: parseURL(nitterInstance.value),
- });
- }
-}, 500);
-nitterInstance.addEventListener("input", nitterInstanceChange);
-
-const invidiousInstanceChange = debounce(() => {
- if (invidiousInstance.checkValidity()) {
- browser.storage.sync.set({
- invidiousInstance: parseURL(invidiousInstance.value),
- });
- }
-}, 500);
-invidiousInstance.addEventListener("input", invidiousInstanceChange);
-
-// const bibliogramInstanceChange = debounce(() => {
-// if (bibliogramInstance.checkValidity()) {
-// browser.storage.sync.set({
-// bibliogramInstance: parseURL(bibliogramInstance.value),
-// });
-// }
-// }, 500);
-// bibliogramInstance.addEventListener("input", bibliogramInstanceChange);
-
-const osmInstanceChange = debounce(() => {
- if (osmInstance.checkValidity()) {
- browser.storage.sync.set({
- osmInstance: parseURL(osmInstance.value),
- });
- }
-}, 500);
-osmInstance.addEventListener("input", osmInstanceChange);
-
-const redditInstanceChange = debounce(() => {
- if (redditInstance.checkValidity()) {
- browser.storage.sync.set({
- redditInstance: parseURL(redditInstance.value),
- });
- }
-}, 500);
-redditInstance.addEventListener("input", redditInstanceChange);
-
-const searchEngineInstanceChange = debounce(() => {
- const instance = searchEngineInstances.find(
- (instance) => instance.link === searchEngineInstance.value
- );
- if (instance || !searchEngineInstance.value) {
- browser.storage.sync.set({
- searchEngineInstance: instance || searchEngineInstance.value,
- });
- } else {
- searchEngineInstance.setCustomValidity("Must be an instance from the list");
- }
-}, 500);
-searchEngineInstance.addEventListener("input", searchEngineInstanceChange);
-
-const simplyTranslateInstanceChange = debounce(() => {
- if (simplyTranslateInstance.checkValidity()) {
- browser.storage.sync.set({
- simplyTranslateInstance: parseURL(simplyTranslateInstance.value),
- });
- }
-}, 500);
-simplyTranslateInstance.addEventListener(
- "input",
- simplyTranslateInstanceChange
-);
-
-const wikipediaInstanceChange = debounce(() => {
- if (wikipediaInstance.checkValidity()) {
- browser.storage.sync.set({
- wikipediaInstance: parseURL(wikipediaInstance.value),
- });
- }
-}, 500);
-wikipediaInstance.addEventListener(
- "input",
- wikipediaInstanceChange
-);
-
-disableNitter.addEventListener("change", (event) => {
- browser.storage.sync.set({ disableNitter: !event.target.checked });
-});
-
-disableInvidious.addEventListener("change", (event) => {
- browser.storage.sync.set({ disableInvidious: !event.target.checked });
-});
-
-// disableBibliogram.addEventListener("change", (event) => {
-// browser.storage.sync.set({ disableBibliogram: !event.target.checked });
-// });
-
-disableOsm.addEventListener("change", (event) => {
- browser.storage.sync.set({ disableOsm: !event.target.checked });
-});
-
-disableReddit.addEventListener("change", (event) => {
- browser.storage.sync.set({ disableReddit: !event.target.checked });
-});
-
-disableSearchEngine.addEventListener("change", (event) => {
- browser.storage.sync.set({ disableSearchEngine: !event.target.checked });
-});
-
-disableSimplyTranslate.addEventListener("change", (event) => {
- browser.storage.sync.set({ disableSimplyTranslate: !event.target.checked });
-});
-
-disableWikipedia.addEventListener("change", (event) => {
- browser.storage.sync.set({ disableWikipedia: !event.target.checked });
-});
-
-alwaysProxy.addEventListener("change", (event) => {
- browser.storage.sync.set({ alwaysProxy: event.target.checked });
-});
-
-onlyEmbeddedVideo.addEventListener("change", (event) => {
- browser.storage.sync.set({ onlyEmbeddedVideo: event.target.checked });
-});
-
-videoQuality.addEventListener("change", (event) => {
- browser.storage.sync.set({
- videoQuality: event.target.options[videoQuality.selectedIndex].value,
- });
-});
-
-removeTwitterSW.addEventListener("change", (event) => {
- browser.storage.sync.set({ removeTwitterSW: !event.target.checked });
-});
-
-invidiousDarkMode.addEventListener("change", (event) => {
- browser.storage.sync.set({ invidiousDarkMode: event.target.checked });
-});
-
-persistInvidiousPrefs.addEventListener("change", (event) => {
- browser.storage.sync.set({ persistInvidiousPrefs: event.target.checked });
-});
-
-useFreeTube.addEventListener("change", (event) => {
- browser.storage.sync.set({ useFreeTube: event.target.checked });
-});
-
-const invidiousVolumeChange = debounce(() => {
- document.querySelector(
- "#volume-value"
- ).textContent = `${invidiousVolume.value}%`;
- browser.storage.sync.set({
- invidiousVolume: invidiousVolume.value,
- });
-}, 500);
-invidiousVolume.addEventListener("input", invidiousVolumeChange);
-
-invidiousPlayerStyle.addEventListener("change", (event) => {
- browser.storage.sync.set({
- invidiousPlayerStyle:
- event.target.options[invidiousPlayerStyle.selectedIndex].value,
- });
-});
-
-const invidiousSubtitlesChange = debounce(() => {
- browser.storage.sync.set({ invidiousSubtitles: invidiousSubtitles.value });
-}, 500);
-invidiousSubtitles.addEventListener("input", invidiousSubtitlesChange);
-
-invidiousAutoplay.addEventListener("change", (event) => {
- browser.storage.sync.set({ invidiousAutoplay: event.target.checked });
-});
-
-const nitterRandomPoolChange = debounce(() => {
- browser.storage.sync.set({ nitterRandomPool: nitterRandomPool.value });
-}, 500);
-nitterRandomPool.addEventListener("input", nitterRandomPoolChange);
-
-const invidiousRandomPoolChange = debounce(() => {
- browser.storage.sync.set({ invidiousRandomPool: invidiousRandomPool.value });
-}, 500);
-invidiousRandomPool.addEventListener("input", invidiousRandomPoolChange);
-
-// const bibliogramRandomPoolChange = debounce(() => {
-// browser.storage.sync.set({
-// bibliogramRandomPool: bibliogramRandomPool.value,
-// });
-// }, 500);
-// bibliogramRandomPool.addEventListener("input", bibliogramRandomPoolChange);
-
-theme.addEventListener("change", (event) => {
- const value = event.target.options[theme.selectedIndex].value;
- switch (value) {
- case "dark-theme":
- document.body.classList.add("dark-theme");
- document.body.classList.remove("light-theme");
- break;
- case "light-theme":
- document.body.classList.add("light-theme");
- document.body.classList.remove("dark-theme");
- break;
- default:
- document.body.classList.remove("light-theme");
- document.body.classList.remove("dark-theme");
- }
- browser.storage.sync.set({
- theme: value,
- });
-});
-
-function autocomplete(input, list) {
- let currentFocus;
- input.addEventListener("focus", (e) => {
- showOptions(e, true);
- });
- input.addEventListener("input", (e) => {
- const val = e.target.value;
- if (!val) {
- return false;
- }
- currentFocus = -1;
- showOptions(e);
- });
- input.addEventListener("keydown", function (e) {
- let x = document.getElementById(this.id + "autocomplete-list");
- if (x) x = x.getElementsByTagName("div");
- if (e.keyCode == 40) {
- currentFocus++;
- addActive(x);
- } else if (e.keyCode == 38) {
- currentFocus--;
- addActive(x);
- } else if (e.keyCode == 13) {
- e.preventDefault();
- if (currentFocus > -1) {
- if (x) x[currentFocus].click();
- }
- }
- });
- function showOptions(event, showAll = false) {
- let div,
- i,
- val = event.target.value;
- closeAllLists();
- div = document.createElement("div");
- div.setAttribute("id", event.target.id + "autocomplete-list");
- div.setAttribute("class", "autocomplete-items");
- event.target.parentNode.appendChild(div);
- for (i = 0; i < list.length; i++) {
- if (list[i].toLowerCase().indexOf(val.toLowerCase()) > -1) {
- div.appendChild(getItem(list[i], val));
- } else if (showAll) {
- div.appendChild(getItem(list[i], val));
- }
- }
- }
- function getItem(item, val) {
- const div = document.createElement("div");
- const strong = document.createElement("strong");
- strong.textContent = item.substr(0, val.length);
- div.innerText = item.substr(val.length);
- const hiddenInput = document.createElement("input");
- hiddenInput.type = "hidden";
- hiddenInput.value = item;
- div.prepend(strong);
- div.appendChild(hiddenInput);
- div.addEventListener("click", function (e) {
- input.value = div.getElementsByTagName("input")[0].value;
- input.dispatchEvent(new Event("input"));
- closeAllLists();
- });
- return div;
- }
- function addActive(x) {
- if (!x) return false;
- removeActive(x);
- if (currentFocus >= x.length) currentFocus = 0;
- if (currentFocus < 0) currentFocus = x.length - 1;
- x[currentFocus].classList.add("autocomplete-active");
- }
- function removeActive(x) {
- for (let i = 0; i < x.length; i++) {
- x[i].classList.remove("autocomplete-active");
- }
- }
- function closeAllLists(elmnt) {
- let x = document.getElementsByClassName("autocomplete-items");
- for (let i = 0; i < x.length; i++) {
- if (elmnt != x[i] && elmnt != input) {
- x[i].parentNode.removeChild(x[i]);
- }
- }
- }
- document.addEventListener("click", (e) => {
- if (!autocompletes.find((element) => element.id === e.target.id)) {
- closeAllLists(e.target);
- }
- });
-}
-
-autocompletes.forEach((value) => {
- autocomplete(document.getElementById(value.id), value.instances);
-});
-
-var coll = document.getElementsByClassName("collapsible");
-var i;
-
-for (i = 0; i < coll.length; i++) {
- coll[i].addEventListener("click", function () {
- this.classList.toggle("collapsible-active");
- var content = this.nextElementSibling;
- if (content.style.display === "block") {
- content.style.display = "none";
- } else {
- content.style.display = "block";
- }
- });
-}