about summary refs log tree commit diff stats
path: root/src/assets
diff options
context:
space:
mode:
Diffstat (limited to 'src/assets')
-rw-r--r--src/assets/javascripts/helpers/common.js31
-rw-r--r--src/assets/javascripts/helpers/twitter.js14
-rw-r--r--src/assets/javascripts/helpers/wikipedia.js4
-rw-r--r--src/assets/javascripts/helpers/youtube/options.js149
-rw-r--r--src/assets/javascripts/helpers/youtube/youtube.js170
5 files changed, 75 insertions, 293 deletions
diff --git a/src/assets/javascripts/helpers/common.js b/src/assets/javascripts/helpers/common.js
index cf95d913..65810db4 100644
--- a/src/assets/javascripts/helpers/common.js
+++ b/src/assets/javascripts/helpers/common.js
@@ -88,9 +88,10 @@ function processDefaultCustomInstances(
   getNameCustomRedirects,
   setNameCustomRedirects
 ) {
+  let nameProtocolElement = document.getElementById(name).getElementsByClassName(protocol)[0];
 
   let nameCustomInstances = [];
-  let nameCheckListElement = document.getElementById(`${name}-${protocol}-checklist`);
+  let nameCheckListElement = nameProtocolElement.getElementsByClassName('checklist')[0];
   let nameDefaultRedirects;
 
   function calcNameCheckBoxes() {
@@ -101,22 +102,22 @@ function processDefaultCustomInstances(
         break;
       }
     for (const element of nameCheckListElement.getElementsByTagName('input'))
-      element.checked = nameDefaultRedirects.includes(element.id)
-    document.getElementById(`${name}-${protocol}-toogle-all`).checked = isTrue;
+      element.checked = nameDefaultRedirects.includes(element.className)
+    nameProtocolElement.getElementsByClassName('toogle-all')[0].checked = isTrue;
   }
 
   nameDefaultRedirects = getNameRedirectsChecks();
 
   nameCheckListElement.innerHTML =
     [
-      `<div><x data-localise="__MSG_toggleAll__">Toggle All</x><input type="checkbox" id="${name}-${protocol}-toogle-all" /></div>`,
-      ...nameHelper.getRedirects()[name][protocol].map((x) => `<div>${x}<input type="checkbox" id="${x}" /></div>`),
+      `<div><x data-localise="__MSG_toggleAll__">Toggle All</x><input type="checkbox" class="toogle-all" /></div>`,
+      ...nameHelper.getRedirects()[name][protocol].map((x) => `<div>${x}<input type="checkbox" class="${x}" /></div>`),
     ].join('\n<hr>\n');
 
   localise.localisePage();
 
   calcNameCheckBoxes();
-  document.getElementById(`${name}-${protocol}-toogle-all`).addEventListener("change", event => {
+  nameProtocolElement.getElementsByClassName('toogle-all')[0].addEventListener("change", event => {
     if (event.target.checked)
       nameDefaultRedirects = [...nameHelper.getRedirects()[name][protocol]];
     else
@@ -126,12 +127,12 @@ function processDefaultCustomInstances(
   });
 
   for (let element of nameCheckListElement.getElementsByTagName('input')) {
-    if (element.id != `${name}-${protocol}-toogle-all`)
-      document.getElementById(element.id).addEventListener("change", (event) => {
+    if (element.className != 'toogle-all')
+    nameProtocolElement.getElementsByClassName(element.className)[0].addEventListener("change", event => {
         if (event.target.checked)
-          nameDefaultRedirects.push(element.id)
+          nameDefaultRedirects.push(element.className)
         else {
-          let index = nameDefaultRedirects.indexOf(element.id);
+          let index = nameDefaultRedirects.indexOf(element.className);
           if (index > -1) nameDefaultRedirects.splice(index, 1);
         }
         setNameRedirectsChecks(nameDefaultRedirects);
@@ -141,9 +142,9 @@ function processDefaultCustomInstances(
 
   nameCustomInstances = getNameCustomRedirects();
   function calcNameCustomInstances() {
-    document.getElementById(`${name}-${protocol}-custom-checklist`).innerHTML =
+    nameProtocolElement.getElementsByClassName('custom-checklist')[0].innerHTML =
       nameCustomInstances.map(
-        (x) => `<div>${x}<button class="add" id="clear-${x}">
+        x => `<div>${x}<button class="add clear-${x}">
                               <svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 0 24 24" width="20px"
                               fill="currentColor">
                                   <path d="M0 0h24v24H0V0z" fill="none" />
@@ -155,7 +156,7 @@ function processDefaultCustomInstances(
       ).join('\n');
 
     for (const item of nameCustomInstances) {
-      document.getElementById(`clear-${item}`).addEventListener("click", () => {
+      nameProtocolElement.getElementsByClassName(`clear-${item}`)[0].addEventListener("click", () => {
         let index = nameCustomInstances.indexOf(item);
         if (index > -1) nameCustomInstances.splice(index, 1);
         setNameCustomRedirects(nameCustomInstances);
@@ -164,9 +165,9 @@ function processDefaultCustomInstances(
     }
   }
   calcNameCustomInstances();
-  document.getElementById(`custom-${name}-${protocol}-instance-form`).addEventListener("submit", (event) => {
+  nameProtocolElement.getElementsByClassName('custom-instance-form')[0].addEventListener("submit", event => {
     event.preventDefault();
-    let nameCustomInstanceInput = document.getElementById(`${name}-${protocol}-custom-instance`);
+    let nameCustomInstanceInput = nameProtocolElement.getElementsByClassName('custom-instance')[0];
     let url = new URL(nameCustomInstanceInput.value);
     let protocolHostVar = protocolHost(url);
     if (nameCustomInstanceInput.validity.valid && !nameHelper.getRedirects()[name][protocol].includes(protocolHostVar)) {
diff --git a/src/assets/javascripts/helpers/twitter.js b/src/assets/javascripts/helpers/twitter.js
index e8f950bf..64507a9f 100644
--- a/src/assets/javascripts/helpers/twitter.js
+++ b/src/assets/javascripts/helpers/twitter.js
@@ -84,6 +84,14 @@ function setDisable(val) {
   browser.storage.local.set({ disableTwitter: disable })
 }
 
+let enableCustomSettings;
+const getEnableCustomSettings = () => enableCustomSettings;
+function setEnableCustomSettings(val) {
+  enableCustomSettings = val;
+  browser.storage.local.set({ enableTwitterCustomSettings: enableCustomSettings })
+  console.log("enableTwitterCustomSettings: ", enableCustomSettings)
+}
+
 let protocol;
 const getProtocol = () => protocol;
 function setProtocol(val) {
@@ -248,6 +256,8 @@ async function init() {
         [
           "disableTwitter",
 
+          "enableTwitterCustomSettings",
+
           "twitterRedirects",
 
           "theme",
@@ -267,6 +277,7 @@ async function init() {
         ],
         r => {
           disable = r.disableTwitter ?? false;
+          enableCustomSettings = r.enableTwitterCustomSettings ?? false;
 
           protocol = r.twitterProtocol ?? "normal";
 
@@ -303,6 +314,9 @@ export default {
   getDisable,
   setDisable,
 
+  getEnableCustomSettings,
+  setEnableCustomSettings,
+
   getNitterNormalRedirectsChecks,
   setNitterNormalRedirectsChecks,
 
diff --git a/src/assets/javascripts/helpers/wikipedia.js b/src/assets/javascripts/helpers/wikipedia.js
index af7b0e5b..7a4173fb 100644
--- a/src/assets/javascripts/helpers/wikipedia.js
+++ b/src/assets/javascripts/helpers/wikipedia.js
@@ -57,8 +57,8 @@ let protocol;
 const getProtocol = () => protocol;
 function setProtocol(val) {
   protocol = val;
-  browser.storage.local.set({ wikilessProtocol: val })
-  console.log("wikilessProtocol: ", val)
+  browser.storage.local.set({ wikipediaProtocol: val })
+  console.log("wikipediaProtocol: ", val)
 }
 
 
diff --git a/src/assets/javascripts/helpers/youtube/options.js b/src/assets/javascripts/helpers/youtube/options.js
index d73f95f0..e044a82b 100644
--- a/src/assets/javascripts/helpers/youtube/options.js
+++ b/src/assets/javascripts/helpers/youtube/options.js
@@ -4,11 +4,7 @@ window.browser = window.browser || window.chrome;
 
 export let youtubeListen;
 export const getYoutubeListen = () => youtubeListen;
-export function setYoutubeListen(val) {
-    youtubeListen = val;
-    browser.storage.local.set({ youtubeListen })
-    console.log("youtubeListen: ", youtubeListen)
-}
+
 
 export let volume;
 export const getVolume = () => volume;
@@ -28,228 +24,88 @@ export function setAutoplay(val) {
 
 export let invidiousQuality;
 export const getInvidiousQuality = () => invidiousQuality;
-export function setinvidiousQuality(val) {
-    invidiousQuality = val;
-    browser.storage.local.set({ invidiousQuality })
-    console.log("invidiousQuality: ", invidiousQuality)
-}
 
 export let invidiousAlwaysProxy;
 export const getInvidiousAlwaysProxy = () => invidiousAlwaysProxy;
-export function setInvidiousAlwaysProxy(val) {
-    invidiousAlwaysProxy = val;
-    browser.storage.local.set({ invidiousAlwaysProxy })
-    console.log("invidiousAlwaysProxy: ", invidiousAlwaysProxy);
-}
 
 export let invidiousPlayerStyle;
 export const getInvidiousPlayerStyle = () => invidiousPlayerStyle;
-export function setInvidiousPlayerStyle(val) {
-    invidiousPlayerStyle = val;
-    browser.storage.local.set({ invidiousPlayerStyle })
-    console.log("invidiousPlayerStyle: ", invidiousPlayerStyle)
-}
 
 export let invidiousVideoLoop;
 export const getInvidiousVideoLoop = () => invidiousVideoLoop;
-export function setInvidiousVideoLoop(val) {
-    invidiousVideoLoop = val;
-    browser.storage.local.set({ invidiousVideoLoop })
-    console.log("invidiousVideoLoop: ", invidiousVideoLoop)
-}
 
 export let invidiousContinueAutoplay;
 export const getInvidiousContinueAutoplay = () => invidiousContinueAutoplay;
-export function setInvidiousContinueAutoplay(val) {
-    invidiousContinueAutoplay = val;
-    browser.storage.local.set({ invidiousContinueAutoplay })
-    console.log("invidiousContinueAutoplay: ", invidiousContinueAutoplay)
-}
 
 export let invidiousContinue;
 export const getInvidiousContinue = () => invidiousContinue;
-export function setInvidiousContinue(val) {
-    invidiousContinue = val;
-    browser.storage.local.set({ invidiousContinue })
-    console.log("invidiousContinue: ", invidiousContinue)
-}
 
 export let invidiousSpeed;
 export const getInvidiousSpeed = () => invidiousSpeed;
-export function setInvidiousSpeed(val) {
-    invidiousSpeed = val;
-    browser.storage.local.set({ invidiousSpeed })
-    console.log("invidiousSpeed: ", invidiousSpeed)
-}
 
 export let invidiousQualityDash;
 export const getInvidiousQualityDash = () => invidiousQualityDash;
-export function setInvidiousQualityDash(val) {
-    invidiousQualityDash = val;
-    browser.storage.local.set({ invidiousQualityDash })
-    console.log("invidiousQualityDash: ", invidiousQualityDash)
-}
 
 export let invidiousComments;
 export const getInvidiousComments = () => invidiousComments;
-export function setInvidiousComments(val) {
-    invidiousComments = val;
-    browser.storage.local.set({ invidiousComments })
-    console.log("invidiousComments: ", invidiousComments)
-}
-
 
 export let invidiousCaptions;
 export const getInvidiousCaptions = () => invidiousCaptions;
-export function setInvidiousCaptions(val) {
-    invidiousCaptions = val;
-    browser.storage.local.set({ invidiousCaptions })
-    console.log("invidiousCaptions: ", invidiousCaptions)
-}
 
 export let invidiousRelatedVideos;
 export const getInvidiousRelatedVideos = () => invidiousRelatedVideos;
-export function setInvidiousRelatedVideos(val) {
-    invidiousRelatedVideos = val;
-    browser.storage.local.set({ invidiousRelatedVideos })
-    console.log("invidiousRelatedVideos: ", invidiousRelatedVideos)
-}
 
 export let invidiousAnnotations;
 export const getInvidiousAnnotations = () => invidiousAnnotations;
-export function setInvidiousAnnotations(val) {
-    invidiousAnnotations = val;
-    browser.storage.local.set({ invidiousAnnotations })
-    console.log("invidiousAnnotations: ", invidiousAnnotations)
-}
 
 export let invidiousExtendDesc;
 export const getInvidiousExtendDesc = () => invidiousExtendDesc;
-export function setInvidiousExtendDesc(val) {
-    invidiousExtendDesc = val;
-    browser.storage.local.set({ invidiousExtendDesc })
-    console.log("invidiousExtendDesc: ", invidiousExtendDesc)
-}
 
 export let invidiousVrMode;
 export const getInvidiousVrMode = () => invidiousVrMode;
-export function setInvidiousVrMode(val) {
-    invidiousVrMode = val;
-    browser.storage.local.set({ invidiousVrMode })
-    console.log("invidiousVrMode: ", invidiousVrMode)
-}
 
 export let invidiousSavePlayerPos;
 export const getInvidiousSavePlayerPos = () => invidiousSavePlayerPos;
-export function setInvidiousSavePlayerPos(val) {
-    invidiousSavePlayerPos = val;
-    browser.storage.local.set({ invidiousSavePlayerPos })
-    console.log("invidiousSavePlayerPos: ", invidiousSavePlayerPos)
-}
 
 export let pipedBufferGoal;
 export const getPipedBufferGoal = () => pipedBufferGoal;
-export function setPipedBufferGoal(val) {
-    pipedBufferGoal = val;
-    browser.storage.local.set({ pipedBufferGoal })
-    console.log("pipedBufferGoal: ", pipedBufferGoal)
-}
 
 export let pipedComments;
 export const getPipedComments = () => pipedComments;
-export function setPipedComments(val) {
-    pipedComments = val;
-    browser.storage.local.set({ pipedComments })
-    console.log("pipedComments: ", pipedComments)
-}
 
 export let pipedDisableLBRY;
 export const getPipedDisableLBRY = () => pipedDisableLBRY;
-export function setPipedDisableLBRY(val) {
-    pipedDisableLBRY = val;
-    browser.storage.local.set({ pipedDisableLBRY })
-    console.log("pipedDisableLBRY: ", pipedDisableLBRY)
-}
 
 export let pipedEnabledCodecs;
 export const getPipedEnabledCodecs = () => pipedEnabledCodecs;
-export function setPipedEnabledCodecs(val) {
-    pipedEnabledCodecs = val;
-    browser.storage.local.set({ pipedEnabledCodecs })
-    console.log("pipedEnabledCodecs: ", pipedEnabledCodecs)
-}
 
 export let pipedHomepage;
 export const getPipedHomepage = () => pipedHomepage;
-export function setPipedHomepage(val) {
-    pipedHomepage = val;
-    browser.storage.local.set({ pipedHomepage })
-    console.log("pipedHomepage: ", pipedHomepage)
-}
 
 export let pipedMinimizeDescription;
 export const getPipedMinimizeDescription = () => pipedMinimizeDescription;
-export function setPipedMinimizeDescription(val) {
-    pipedMinimizeDescription = val;
-    browser.storage.local.set({ pipedMinimizeDescription })
-    console.log("pipedMinimizeDescription: ", pipedMinimizeDescription)
-}
 
 export let pipedProxyLBRY;
 export const getPipedProxyLBRY = () => pipedProxyLBRY;
-export function setPipedProxyLBRY(val) {
-    pipedProxyLBRY = val;
-    browser.storage.local.set({ pipedProxyLBRY })
-    console.log("pipedProxyLBRY: ", pipedProxyLBRY)
-}
 
 export let pipedQuality;
 export const getPipedQuality = () => pipedQuality;
-export function setPipedQuality(val) {
-    pipedQuality = val;
-    browser.storage.local.set({ pipedQuality })
-    console.log("pipedQuality: ", pipedQuality)
-}
 
 export let pipedRegion;
 export const getPipedRegion = () => pipedRegion;
-export function setPipedRegion(val) {
-    pipedRegion = val;
-    browser.storage.local.set({ pipedRegion })
-    console.log("pipedRegion: ", pipedRegion)
-}
 
 export let pipedSelectedSkip;
 export const getPipedSelectedSkip = () => pipedSelectedSkip;
-export function setPipedSelectedSkip(val) {
-    pipedSelectedSkip = val;
-    browser.storage.local.set({ pipedSelectedSkip })
-    console.log("pipedSelectedSkip: ", pipedSelectedSkip)
-}
 
 export let pipedSponsorblock;
 export const getPipedSponsorblock = () => pipedSponsorblock;
-export function setPipedSponsorblock(val) {
-    pipedSponsorblock = val;
-    browser.storage.local.set({ pipedSponsorblock })
-    console.log("pipedSponsorblock: ", pipedSponsorblock)
-}
 
 export let pipedWatchHistory;
 export const getPipedWatchHistory = () => pipedWatchHistory;
-export function setPipedWatchHistory(val) {
-    pipedWatchHistory = val;
-    browser.storage.local.set({ pipedWatchHistory })
-    console.log("pipedWatchHistory: ", pipedWatchHistory)
-}
 
 export let pipedMaterialSkipToLastPoint;
 export const getPipedMaterialSkipToLastPoint = () => pipedMaterialSkipToLastPoint;
-export function setPipedMaterialSkipToLastPoint(val) {
-    pipedMaterialSkipToLastPoint = val;
-    browser.storage.local.set({ pipedMaterialSkipToLastPoint })
-    console.log("pipedMaterialSkipToLastPoint: ", pipedMaterialSkipToLastPoint)
-}
+
 
 export async function initOptions() {
     return new Promise(
@@ -323,6 +179,7 @@ export async function initOptions() {
                     pipedProxyLBRY = r.pipedProxyLBRY ?? false;
                     pipedQuality = r.pipedQuality ?? 0;
                     pipedRegion = r.pipedRegion ?? "US";
+
                     pipedSelectedSkip = r.pipedSelectedSkip ?? ["sponsor", "interaction", "selfpromo", "music_offtopic"];
                     pipedSponsorblock = r.pipedSponsorblock ?? true;
                     pipedWatchHistory = r.pipedWatchHistory ?? false;
diff --git a/src/assets/javascripts/helpers/youtube/youtube.js b/src/assets/javascripts/helpers/youtube/youtube.js
index c2d541e5..d51bf085 100644
--- a/src/assets/javascripts/helpers/youtube/youtube.js
+++ b/src/assets/javascripts/helpers/youtube/youtube.js
@@ -4,68 +4,37 @@ window.browser = window.browser || window.chrome;
 
 import commonHelper from '../common.js'
 import {
-  youtubeListen, getYoutubeListen, setYoutubeListen,
-
-  invidiousQuality, getInvidiousQuality, setinvidiousQuality,
-
-  invidiousAlwaysProxy, setInvidiousAlwaysProxy, getInvidiousAlwaysProxy,
-
-  invidiousPlayerStyle, getInvidiousPlayerStyle, setInvidiousPlayerStyle,
-
-  invidiousVideoLoop, getInvidiousVideoLoop, setInvidiousVideoLoop,
-
-  invidiousContinueAutoplay, getInvidiousContinueAutoplay, setInvidiousContinueAutoplay,
-
-  invidiousContinue, getInvidiousContinue, setInvidiousContinue,
-
-  invidiousSpeed, getInvidiousSpeed, setInvidiousSpeed,
-
-  invidiousQualityDash, getInvidiousQualityDash, setInvidiousQualityDash,
-
-  invidiousComments, getInvidiousComments, setInvidiousComments,
-
-  invidiousCaptions, getInvidiousCaptions, setInvidiousCaptions,
-
-  invidiousRelatedVideos, getInvidiousRelatedVideos, setInvidiousRelatedVideos,
-
-  invidiousAnnotations, getInvidiousAnnotations, setInvidiousAnnotations,
-
-  invidiousExtendDesc, getInvidiousExtendDesc, setInvidiousExtendDesc,
-
-  invidiousVrMode, getInvidiousVrMode, setInvidiousVrMode,
-
-  invidiousSavePlayerPos, getInvidiousSavePlayerPos, setInvidiousSavePlayerPos,
-
-  getPipedBufferGoal, setPipedBufferGoal,
-
-  getPipedComments, setPipedComments,
-
-  getPipedDisableLBRY, setPipedDisableLBRY,
-
-  getPipedEnabledCodecs, setPipedEnabledCodecs,
-
-  getPipedHomepage, setPipedHomepage,
-
-  getPipedMinimizeDescription, setPipedMinimizeDescription,
-
-  getPipedProxyLBRY, setPipedProxyLBRY,
-
-  getPipedQuality, setPipedQuality,
-
-  getPipedRegion, setPipedRegion,
-
-  getPipedSelectedSkip, setPipedSelectedSkip,
-
-  getPipedSponsorblock, setPipedSponsorblock,
-
-  getPipedWatchHistory, setPipedWatchHistory,
-
+  youtubeListen, getYoutubeListen,
+  invidiousQuality, getInvidiousQuality,
+  invidiousAlwaysProxy, getInvidiousAlwaysProxy,
+  invidiousPlayerStyle, getInvidiousPlayerStyle,
+  invidiousVideoLoop, getInvidiousVideoLoop,
+  invidiousContinueAutoplay, getInvidiousContinueAutoplay,
+  invidiousContinue, getInvidiousContinue,
+  invidiousSpeed, getInvidiousSpeed,
+  invidiousQualityDash, getInvidiousQualityDash,
+  invidiousComments, getInvidiousComments,
+  invidiousCaptions, getInvidiousCaptions,
+  invidiousRelatedVideos, getInvidiousRelatedVideos,
+  invidiousAnnotations, getInvidiousAnnotations,
+  invidiousExtendDesc, getInvidiousExtendDesc,
+  invidiousVrMode, getInvidiousVrMode,
+  invidiousSavePlayerPos, getInvidiousSavePlayerPos,
+  getPipedBufferGoal,
+  getPipedComments,
+  getPipedDisableLBRY,
+  getPipedEnabledCodecs,
+  getPipedHomepage,
+  getPipedMinimizeDescription,
+  getPipedProxyLBRY,
+  getPipedQuality,
+  getPipedRegion,
+  getPipedSelectedSkip,
+  getPipedSponsorblock,
+  getPipedWatchHistory,
   volume, getVolume, setVolume,
-
   youtubeAutoplay, getAutoplay, setAutoplay,
-
-  getPipedMaterialSkipToLastPoint, setPipedMaterialSkipToLastPoint,
-
+  getPipedMaterialSkipToLastPoint,
   initOptions
 } from './options.js';
 
@@ -127,6 +96,15 @@ function getCustomRedirects() {
   };
 };
 
+async function setYoutubeSettings(val) {
+  return new Promise(
+    resolve => {
+      browser.storage.local.set(val).then(resolve);
+    }
+  )
+
+}
+
 function setInvidiousRedirects(val) {
   redirects.invidious = val;
   browser.storage.local.set({ youtubeRedirects: redirects })
@@ -251,51 +229,16 @@ function setDisable(val) {
 
 let enableCustomSettings;
 const getEnableCustomSettings = () => enableCustomSettings;
-function setEnableCustomSettings(val) {
-  enableCustomSettings = val;
-  browser.storage.local.set({ enableYoutubeCustomSettings: enableCustomSettings })
-  console.log("enableYoutubeCustomSettings: ", enableCustomSettings)
-}
-
 let protocol;
 const getProtocol = () => protocol;
-function setProtocol(val) {
-  protocol = val;
-  browser.storage.local.set({ youtubeProtocol: val })
-  console.log("youtubeProtocol: ", val)
-}
-
 let OnlyEmbeddedVideo;
-function setOnlyEmbeddedVideo(val) {
-  OnlyEmbeddedVideo = val;
-  browser.storage.local.set({ OnlyEmbeddedVideo })
-  console.log("OnlyEmbeddedVideo: ", OnlyEmbeddedVideo)
-}
 const getOnlyEmbeddedVideo = () => OnlyEmbeddedVideo;
-
 let frontend;
 const getFrontend = () => frontend;
-function setFrontend(val) {
-  frontend = val;
-  browser.storage.local.set({ youtubeFrontend: val })
-  console.log("youtubeFrontend: ", val)
-}
-
 let youtubeEmbedFrontend;
 const getYoutubeEmbedFrontend = () => youtubeEmbedFrontend;
-function setYoutubeEmbedFrontend(val) {
-  youtubeEmbedFrontend = val;
-  browser.storage.local.set({ youtubeEmbedFrontend })
-  console.log("youtubeEmbedFrontend: ", youtubeEmbedFrontend)
-}
-
 let bypassWatchOnYoutube;
 const getBypassWatchOnYoutube = () => bypassWatchOnYoutube;
-function setBypassWatchOnYoutube(val) {
-  bypassWatchOnYoutube = val;
-  browser.storage.local.set({ bypassWatchOnYoutube })
-  console.log("bypassWatchOnYoutube: ", bypassWatchOnYoutube)
-}
 
 let alwaysUsePreferred;
 function redirect(url, details, initiator) {
@@ -684,17 +627,16 @@ async function init() {
 }
 
 export default {
+  setYoutubeSettings,
+
   getBypassWatchOnYoutube,
-  setBypassWatchOnYoutube,
 
   initPipedLocalStorage,
   initPipedMaterialLocalStorage,
 
   getFrontend,
-  setFrontend,
 
   getYoutubeEmbedFrontend,
-  setYoutubeEmbedFrontend,
 
   getRedirects,
   getCustomRedirects,
@@ -708,28 +650,21 @@ export default {
 
   initInvidiousCookies,
 
-  setInvidiousAlwaysProxy,
   getInvidiousAlwaysProxy,
 
-  setinvidiousQuality,
   getInvidiousQuality,
 
-  setInvidiousPlayerStyle,
   getInvidiousPlayerStyle,
 
   getInvidiousVideoLoop,
-  setInvidiousVideoLoop,
 
   getDisable,
   setDisable,
 
   getEnableCustomSettings,
-  setEnableCustomSettings,
 
   getProtocol,
-  setProtocol,
 
-  setOnlyEmbeddedVideo,
   getOnlyEmbeddedVideo,
 
   setVolume,
@@ -739,79 +674,54 @@ export default {
   getAutoplay,
 
   getInvidiousContinueAutoplay,
-  setInvidiousContinueAutoplay,
 
   getInvidiousContinue,
-  setInvidiousContinue,
 
   getYoutubeListen,
-  setYoutubeListen,
 
   getInvidiousSpeed,
-  setInvidiousSpeed,
 
   getInvidiousQualityDash,
-  setInvidiousQualityDash,
 
   getInvidiousComments,
-  setInvidiousComments,
 
   getInvidiousCaptions,
-  setInvidiousCaptions,
 
   getInvidiousRelatedVideos,
-  setInvidiousRelatedVideos,
 
   getInvidiousAnnotations,
-  setInvidiousAnnotations,
 
   getInvidiousExtendDesc,
-  setInvidiousExtendDesc,
 
   getInvidiousVrMode,
-  setInvidiousVrMode,
 
   getInvidiousSavePlayerPos,
-  setInvidiousSavePlayerPos,
 
   getPipedBufferGoal,
-  setPipedBufferGoal,
 
   getPipedComments,
-  setPipedComments,
 
   getPipedDisableLBRY,
-  setPipedDisableLBRY,
 
   getPipedEnabledCodecs,
-  setPipedEnabledCodecs,
 
   getPipedHomepage,
-  setPipedHomepage,
 
   getPipedMinimizeDescription,
-  setPipedMinimizeDescription,
 
   getPipedProxyLBRY,
-  setPipedProxyLBRY,
 
   getPipedQuality,
-  setPipedQuality,
 
   getPipedRegion,
-  setPipedRegion,
 
   getPipedSelectedSkip,
-  setPipedSelectedSkip,
 
   getPipedSponsorblock,
-  setPipedSponsorblock,
 
   getPipedWatchHistory,
-  setPipedWatchHistory,
 
   getPipedMaterialSkipToLastPoint,
-  setPipedMaterialSkipToLastPoint,
 
   getInvidiousNormalRedirectsChecks,
   setInvidiousNormalRedirectsChecks,