diff --git a/src/js/background/main.js b/src/js/background/main.js
index 57a3e1c..a626d8e 100644
--- a/src/js/background/main.js
+++ b/src/js/background/main.js
@@ -1,393 +1,3 @@
-const SECTIONS = [
- {
- name: "Basic",
- tags: "Basic",
- options: [
- {
- name: "Hide all homepage suggestions",
- tags: "Homepage",
- id: "remove_homepage",
- defaultValue: true
- },
- {
- name: "Hide sidebar suggestions",
- tags: "Video Player",
- id: "remove_sidebar",
- defaultValue: true
- },
- {
- name: "Hide end-of-video suggestions",
- tags: "Video Player",
- id: "remove_end_of_video",
- defaultValue: true
- },
- ]
- },
- {
- name: "Homepage",
- tags: "Homepage",
- options: [
- {
- name: "Hide the header",
- id: "remove_header",
- defaultValue: false
- },
- {
- name: "Hide all but the first row of suggestions",
- id: "remove_all_but_one",
- defaultValue: false,
- effects: {
- true: {
- remove_homepage: false,
- remove_extra_rows: true,
- remove_infinite_scroll: true,
- }
- }
- },
- {
- name: "Hide extra rows (Shorts, Trending, etc.)",
- id: "remove_extra_rows",
- defaultValue: true
- },
- {
- name: "Disable infinite scrolling",
- id: "remove_infinite_scroll",
- defaultValue: true
- },
- {
- name: "Disable play on hover (page refresh required)",
- id: "disable_play_on_hover",
- defaultValue: false
- },
- ]
- },
- {
- name: "Left Navigation Bar",
- tags: "Left Navbar",
- options: [
- {
- name: "Hide the entire sidebar",
- tags: "Basic",
- id: "remove_left_nav_bar",
- defaultValue: false
- },
- {
- name: "Disable the YouTube logo link",
- id: "remove_logo_link",
- defaultValue: false
- },
- {
- name: "Hide button - Home",
- id: "remove_home_link",
- defaultValue: false
- },
- {
- name: "Hide button - Explore/Trending",
- id: "remove_explore_link",
- defaultValue: true
- },
- {
- name: "Hide button - Shorts",
- id: "remove_shorts_link",
- defaultValue: true
- },
- {
- name: "Hide button - Subscriptions",
- id: "remove_subscriptions_link",
- defaultValue: false
- },
- ]
- },
- {
- name: "Left Navigation Bar Sections",
- tags: "Left Navbar",
- options: [
- {
- name: "Hide section - Library, etc.",
- id: "remove_quick_links_section",
- defaultValue: false
- },
- {
- name: "Hide section - Subscriptions",
- id: "remove_sub_section",
- defaultValue: false
- },
- {
- name: "Hide section - Explore",
- id: "remove_explore_section",
- defaultValue: true
- },
- {
- name: "Hide section - More from YouTube",
- id: "remove_more_section",
- defaultValue: true
- },
- ]
- },
- {
- name: "Video Player - UX",
- tags: "Video Player",
- options: [
- {
- name: "Skip and close ads",
- tags: "Basic",
- id: "auto_skip_ads",
- defaultValue: true
- },
- {
- name: "Disable autoplay",
- id: "disable_autoplay",
- defaultValue: true
- },
- {
- name: "Disable ambient mode",
- id: "disable_ambient_mode",
- defaultValue: false
- },
- {
- name: "Disable annotations",
- id: "disable_annotations",
- defaultValue: false
- },
- {
- name: "Disable autoplay for playlists",
- id: "disable_playlist_autoplay",
- defaultValue: false
- },
- {
- name: "Redirect shorts to the default viewer",
- tags: "Redirects, Basic",
- id: "normalize_shorts",
- defaultValue: false
- },
- // {
- // name: "Enable theater mode",
- // id: "enable_theater",
- // defaultValue: true
- // },
- ]
- },
- {
- name: "Video Player - UI",
- tags: "Video Player",
- options: [
- {
- name: "Center contents - removes the sidebar",
- id: "remove_entire_sidebar",
- defaultValue: false
- },
- {
- name: "Hide info cards",
- id: "remove_info_cards",
- defaultValue: false
- },
- {
- name: "Hide overlay suggestions",
- id: "remove_overlay_suggestions",
- defaultValue: true
- },
- {
- name: "Hide the play next button",
- id: "remove_play_next_button",
- defaultValue: false
- },
- {
- name: "Hide the menu buttons - Like, Share, etc.",
- id: "remove_menu_buttons",
- defaultValue: false
- },
- {
- name: "Hide chat (live-streaming)",
- id: "remove_chat",
- defaultValue: false
- },
- {
- name: "Hide panel - \"More Videos\" in embedded player",
- id: "remove_embedded_more_videos",
- defaultValue: true
- },
- ]
- },
- {
- name: "Video Player - Comments",
- tags: "Video Player",
- options: [
- {
- name: "Hide all comments",
- tags: "Basic",
- id: "remove_comments",
- defaultValue: false
- },
- {
- name: "Hide all but the timestamped comments",
- id: "remove_non_timestamp_comments",
- defaultValue: false,
- effects: {
- true: {
- remove_comments: false
- }
- }
- },
- {
- name: "Hide comment usernames",
- id: "remove_comment_usernames",
- defaultValue: false
- },
- {
- name: "Hide comment profile pictures",
- id: "remove_comment_profiles",
- defaultValue: false
- },
- {
- name: "Hide comment replies",
- id: "remove_comment_replies",
- defaultValue: false
- },
- {
- name: "Hide comment upvotes",
- id: "remove_comment_upvotes",
- defaultValue: false
- },
- ]
- },
- {
- name: "Search Results",
- tags: "Search",
- options: [
- {
- name: "Hide search bar suggestions",
- tags: "Basic",
- id: "remove_search_suggestions",
- defaultValue: false
- },
- {
- name: "Hide promoted videos",
- id: "remove_search_promoted",
- defaultValue: true
- },
- {
- name: "Hide results - shorts",
- id: "remove_shorts_results",
- defaultValue: true
- },
- {
- name: "Hide results - For You, Trending, etc.",
- id: "remove_extra_results",
- defaultValue: true
- },
- {
- name: "Disable the thumbnail slideshow - on hover",
- id: "remove_thumbnail_mouseover_effect",
- defaultValue: false
- },
- ]
- },
-{
- name: "Subscriptions Page",
- tags: "Subscriptions",
- options: [
- {
- name: "Hide shorts",
- id: "remove_sub_shorts",
- defaultValue: false
- },
- {
- name: "Hide live videos",
- id: "remove_sub_live",
- defaultValue: false
- },
- {
- name: "Hide upcoming videos",
- id: "remove_sub_upcoming",
- defaultValue: false
- },
- {
- name: "Hide premiere videos",
- id: "remove_sub_premiere",
- defaultValue: false
- }
- ]
- },
- {
- name: "Redirect the Homepage",
- tags: "Redirects",
- options: [
- {
- name: "Redirect home to Subscriptions",
- id: "redirect_to_subs",
- defaultValue: false,
- effects: {
- true: {
- redirect_to_wl: false,
- redirect_to_library: false,
- redirect_off: false
- },
- false: {
- redirect_off: true
- }
- }
- },
- {
- name: "Redirect home to Watch Later",
- id: "redirect_to_wl",
- defaultValue: false,
- effects: {
- true: {
- redirect_to_subs: false,
- redirect_to_library: false,
- redirect_off: false
- },
- false: {
- redirect_off: true
- }
- }
- },
- {
- name: "Redirect home to Library",
- id: "redirect_to_library",
- defaultValue: false,
- effects: {
- true: {
- redirect_to_subs: false,
- redirect_to_wl: false,
- redirect_off: false
- },
- false: {
- redirect_off: true
- }
- }
- },
- {
- name: "Do not redirect home",
- id: "redirect_off",
- defaultValue: true,
- display: false
- },
- ]
- },
- {
- name: "Extension Settings",
- tags: "Settings",
- options: [
- {
- name: "Enable menu timer - 10 seconds",
- id: "menu_timer",
- defaultValue: false
- },
- ]
- },
-];
-
-const OTHER_SETTINGS = {
- global_enable: true,
- dark_mode: false,
- log_enabled: true,
-};
-
-const DEFAULT_SETTINGS = SECTIONS.reduce((acc, fieldset) => {
- fieldset.options.forEach(option => acc[option.id] = option.defaultValue);
- return acc;
-}, { ...OTHER_SETTINGS });
// Respond to requests
browser.runtime.onMessage.addListener((data, sender) => {
diff --git a/src/js/content-script.js b/src/js/content-script.js
index 184cb3b..a7b8cbd 100644
--- a/src/js/content-script.js
+++ b/src/js/content-script.js
@@ -258,7 +258,7 @@ function runDynamicSettings() {
// Disable play on hover
const prefCookie = getCookie('PREF');
- const prefObj = prefCookie?.split('&').reduce((acc, x) => {
+ const prefObj = prefCookie?.split('&')?.reduce((acc, x) => {
const [ key, value ] = x.split('=');
acc[key] = value;
return acc;
diff --git a/src/js/options/settings.js b/src/js/options/settings-menu.js
similarity index 50%
rename from src/js/options/settings.js
rename to src/js/options/settings-menu.js
index 0bbb2fc..689517e 100644
--- a/src/js/options/settings.js
+++ b/src/js/options/settings-menu.js
@@ -32,3 +32,57 @@ const LOG_ENABLE = document.getElementById('log-enable');
LOG_ENABLE.addEventListener('click', e => updateSetting('log_enabled', true));
const LOG_DISABLE = document.getElementById('log-disable');
LOG_DISABLE.addEventListener('click', e => updateSetting('log_enabled', false));
+
+
+// Import settings
+const IMPORT_SETTINGS = document.getElementById('import-settings');
+IMPORT_SETTINGS.addEventListener('click', e => {
+ openImportModal();
+});
+
+// Export settings
+const EXPORT_SETTINGS = document.getElementById('export-settings');
+EXPORT_SETTINGS.addEventListener('click', e => {
+ browser.storage.local.get(async localSettings => {
+ const settingsObj = { ...DEFAULT_SETTINGS, ...localSettings };
+ const settingsStr = settingsObjToStr(settingsObj);
+ navigator.clipboard.writeText(settingsStr);
+
+ console.log(settingsStr === settingsObjToStr(settingsStrToObj(settingsStr)));
+
+ displayStatus('Settings copied to clipboard');
+ });
+});
+
+
+function openImportModal() {
+
+}
+
+function displayStatus(msg, fadeTime=1000) {
+ // TODO
+}
+
+const prefix = 'rys_settings_';
+const delimiter1 = ':';
+const delimiter2 = ',';
+function settingsObjToStr(settings) {
+ const getId = id => idToShortId[id];
+ const getVal = val => val === true ? 't' : 'f';
+
+ const str = Object.entries(settings).map(([id, val]) => `${getId(id)}${delimiter1}${getVal(val)}`).join(delimiter2);
+ return prefix + str;
+}
+function settingsStrToObj(settingsStr) {
+ const getId = id => shortIdToId[id];
+ const getVal = val => val === 't';
+
+ settingsStr = settingsStr.substring(prefix.length);
+ const obj = settingsStr.split(delimiter2).reduce((acc, curr) => {
+ const [ id, val ] = curr.split(delimiter1);
+ acc[getId(id)] = getVal(val);
+ return acc;
+ }, {});
+
+ return obj;
+}
diff --git a/src/js/shared/settings.js b/src/js/shared/settings.js
new file mode 100644
index 0000000..1b3f4f1
--- /dev/null
+++ b/src/js/shared/settings.js
@@ -0,0 +1,454 @@
+const SECTIONS = [
+ {
+ name: "Basic",
+ tags: "Basic",
+ options: [
+ {
+ name: "Hide all homepage suggestions",
+ tags: "Homepage",
+ id: "remove_homepage",
+ defaultValue: true
+ },
+ {
+ name: "Hide sidebar suggestions",
+ tags: "Video Player",
+ id: "remove_sidebar",
+ defaultValue: true
+ },
+ {
+ name: "Hide end-of-video suggestions",
+ tags: "Video Player",
+ id: "remove_end_of_video",
+ defaultValue: true
+ },
+ ]
+ },
+ {
+ name: "Homepage",
+ tags: "Homepage",
+ options: [
+ {
+ name: "Hide the header",
+ id: "remove_header",
+ defaultValue: false
+ },
+ {
+ name: "Hide all but the first row of suggestions",
+ id: "remove_all_but_one",
+ defaultValue: false,
+ effects: {
+ true: {
+ remove_homepage: false,
+ remove_extra_rows: true,
+ remove_infinite_scroll: true,
+ }
+ }
+ },
+ {
+ name: "Hide extra rows (Shorts, Trending, etc.)",
+ id: "remove_extra_rows",
+ defaultValue: true
+ },
+ {
+ name: "Disable infinite scrolling",
+ id: "remove_infinite_scroll",
+ defaultValue: true
+ },
+ {
+ name: "Disable play on hover (page refresh required)",
+ id: "disable_play_on_hover",
+ defaultValue: false
+ },
+ ]
+ },
+ {
+ name: "Left Navigation Bar",
+ tags: "Left Navbar",
+ options: [
+ {
+ name: "Hide the entire sidebar",
+ tags: "Basic",
+ id: "remove_left_nav_bar",
+ defaultValue: false
+ },
+ {
+ name: "Disable the YouTube logo link",
+ id: "remove_logo_link",
+ defaultValue: false
+ },
+ {
+ name: "Hide button - Home",
+ id: "remove_home_link",
+ defaultValue: false
+ },
+ {
+ name: "Hide button - Explore/Trending",
+ id: "remove_explore_link",
+ defaultValue: true
+ },
+ {
+ name: "Hide button - Shorts",
+ id: "remove_shorts_link",
+ defaultValue: true
+ },
+ {
+ name: "Hide button - Subscriptions",
+ id: "remove_subscriptions_link",
+ defaultValue: false
+ },
+ ]
+ },
+ {
+ name: "Left Navigation Bar Sections",
+ tags: "Left Navbar",
+ options: [
+ {
+ name: "Hide section - Library, etc.",
+ id: "remove_quick_links_section",
+ defaultValue: false
+ },
+ {
+ name: "Hide section - Subscriptions",
+ id: "remove_sub_section",
+ defaultValue: false
+ },
+ {
+ name: "Hide section - Explore",
+ id: "remove_explore_section",
+ defaultValue: true
+ },
+ {
+ name: "Hide section - More from YouTube",
+ id: "remove_more_section",
+ defaultValue: true
+ },
+ ]
+ },
+ {
+ name: "Video Player - UX",
+ tags: "Video Player",
+ options: [
+ {
+ name: "Skip and close ads",
+ tags: "Basic",
+ id: "auto_skip_ads",
+ defaultValue: true
+ },
+ {
+ name: "Disable autoplay",
+ id: "disable_autoplay",
+ defaultValue: true
+ },
+ {
+ name: "Disable ambient mode",
+ id: "disable_ambient_mode",
+ defaultValue: false
+ },
+ {
+ name: "Disable annotations",
+ id: "disable_annotations",
+ defaultValue: false
+ },
+ {
+ name: "Disable autoplay for playlists",
+ id: "disable_playlist_autoplay",
+ defaultValue: false
+ },
+ {
+ name: "Redirect shorts to the default viewer",
+ tags: "Redirects, Basic",
+ id: "normalize_shorts",
+ defaultValue: false
+ },
+ // {
+ // name: "Enable theater mode",
+ // id: "enable_theater",
+ // defaultValue: true
+ // },
+ ]
+ },
+ {
+ name: "Video Player - UI",
+ tags: "Video Player",
+ options: [
+ {
+ name: "Center contents - removes the sidebar",
+ id: "remove_entire_sidebar",
+ defaultValue: false
+ },
+ {
+ name: "Hide info cards",
+ id: "remove_info_cards",
+ defaultValue: false
+ },
+ {
+ name: "Hide overlay suggestions",
+ id: "remove_overlay_suggestions",
+ defaultValue: true
+ },
+ {
+ name: "Hide the play next button",
+ id: "remove_play_next_button",
+ defaultValue: false
+ },
+ {
+ name: "Hide the menu buttons - Like, Share, etc.",
+ id: "remove_menu_buttons",
+ defaultValue: false
+ },
+ {
+ name: "Hide chat (live-streaming)",
+ id: "remove_chat",
+ defaultValue: false
+ },
+ {
+ name: "Hide panel - \"More Videos\" in embedded player",
+ id: "remove_embedded_more_videos",
+ defaultValue: true
+ },
+ ]
+ },
+ {
+ name: "Video Player - Comments",
+ tags: "Video Player",
+ options: [
+ {
+ name: "Hide all comments",
+ tags: "Basic",
+ id: "remove_comments",
+ defaultValue: false
+ },
+ {
+ name: "Hide all but the timestamped comments",
+ id: "remove_non_timestamp_comments",
+ defaultValue: false,
+ effects: {
+ true: {
+ remove_comments: false
+ }
+ }
+ },
+ {
+ name: "Hide comment usernames",
+ id: "remove_comment_usernames",
+ defaultValue: false
+ },
+ {
+ name: "Hide comment profile pictures",
+ id: "remove_comment_profiles",
+ defaultValue: false
+ },
+ {
+ name: "Hide comment replies",
+ id: "remove_comment_replies",
+ defaultValue: false
+ },
+ {
+ name: "Hide comment upvotes",
+ id: "remove_comment_upvotes",
+ defaultValue: false
+ },
+ ]
+ },
+ {
+ name: "Search Results",
+ tags: "Search",
+ options: [
+ {
+ name: "Hide search bar suggestions",
+ tags: "Basic",
+ id: "remove_search_suggestions",
+ defaultValue: false
+ },
+ {
+ name: "Hide promoted videos",
+ id: "remove_search_promoted",
+ defaultValue: true
+ },
+ {
+ name: "Hide results - shorts",
+ id: "remove_shorts_results",
+ defaultValue: true
+ },
+ {
+ name: "Hide results - For You, Trending, etc.",
+ id: "remove_extra_results",
+ defaultValue: true
+ },
+ {
+ name: "Disable the thumbnail slideshow - on hover",
+ id: "remove_thumbnail_mouseover_effect",
+ defaultValue: false
+ },
+ ]
+ },
+{
+ name: "Subscriptions Page",
+ tags: "Subscriptions",
+ options: [
+ {
+ name: "Hide shorts",
+ id: "remove_sub_shorts",
+ defaultValue: false
+ },
+ {
+ name: "Hide live videos",
+ id: "remove_sub_live",
+ defaultValue: false
+ },
+ {
+ name: "Hide upcoming videos",
+ id: "remove_sub_upcoming",
+ defaultValue: false
+ },
+ {
+ name: "Hide premiere videos",
+ id: "remove_sub_premiere",
+ defaultValue: false
+ }
+ ]
+ },
+ {
+ name: "Redirect the Homepage",
+ tags: "Redirects",
+ options: [
+ {
+ name: "Redirect home to Subscriptions",
+ id: "redirect_to_subs",
+ defaultValue: false,
+ effects: {
+ true: {
+ redirect_to_wl: false,
+ redirect_to_library: false,
+ redirect_off: false
+ },
+ false: {
+ redirect_off: true
+ }
+ }
+ },
+ {
+ name: "Redirect home to Watch Later",
+ id: "redirect_to_wl",
+ defaultValue: false,
+ effects: {
+ true: {
+ redirect_to_subs: false,
+ redirect_to_library: false,
+ redirect_off: false
+ },
+ false: {
+ redirect_off: true
+ }
+ }
+ },
+ {
+ name: "Redirect home to Library",
+ id: "redirect_to_library",
+ defaultValue: false,
+ effects: {
+ true: {
+ redirect_to_subs: false,
+ redirect_to_wl: false,
+ redirect_off: false
+ },
+ false: {
+ redirect_off: true
+ }
+ }
+ },
+ {
+ name: "Do not redirect home",
+ id: "redirect_off",
+ defaultValue: true,
+ display: false
+ },
+ ]
+ },
+ {
+ name: "Extension Settings",
+ tags: "Settings",
+ options: [
+ {
+ name: "Enable menu timer - 10 seconds",
+ id: "menu_timer",
+ defaultValue: false
+ },
+ ]
+ },
+];
+
+const OTHER_SETTINGS = {
+ global_enable: true,
+ dark_mode: false,
+ log_enabled: true,
+};
+
+const DEFAULT_SETTINGS = SECTIONS.reduce((acc, fieldset) => {
+ fieldset.options.forEach(option => acc[option.id] = option.defaultValue);
+ return acc;
+}, { ...OTHER_SETTINGS });
+
+
+// For import/export
+const idToShortId = {
+ "global_enable": '0',
+ "dark_mode": '1',
+ "log_enabled": '2',
+ "remove_homepage": '3',
+ "remove_sidebar": '4',
+ "remove_end_of_video": '5',
+ "remove_header": '6',
+ "remove_all_but_one": '7',
+ "remove_extra_rows": '8',
+ "remove_infinite_scroll": '9',
+ "disable_play_on_hover": '10',
+ "remove_left_nav_bar": '11',
+ "remove_logo_link": '12',
+ "remove_home_link": '13',
+ "remove_explore_link": '14',
+ "remove_shorts_link": '15',
+ "remove_subscriptions_link": '16',
+ "remove_quick_links_section": '17',
+ "remove_sub_section": '18',
+ "remove_explore_section": '19',
+ "remove_more_section": '20',
+ "auto_skip_ads": '21',
+ "disable_autoplay": '22',
+ "disable_ambient_mode": '23',
+ "disable_annotations": '24',
+ "disable_playlist_autoplay": '25',
+ "normalize_shorts": '26',
+ "remove_entire_sidebar": '27',
+ "remove_info_cards": '28',
+ "remove_overlay_suggestions": '29',
+ "remove_play_next_button": '30',
+ "remove_menu_buttons": '31',
+ "remove_chat": '32',
+ "remove_embedded_more_videos": '33',
+ "remove_comments": '34',
+ "remove_non_timestamp_comments": '35',
+ "remove_comment_usernames": '36',
+ "remove_comment_profiles": '37',
+ "remove_comment_replies": '38',
+ "remove_comment_upvotes": '39',
+ "remove_search_suggestions": '40',
+ "remove_search_promoted": '41',
+ "remove_shorts_results": '42',
+ "remove_extra_results": '43',
+ "remove_thumbnail_mouseover_effect": '44',
+ "remove_sub_shorts": '45',
+ "remove_sub_live": '46',
+ "remove_sub_upcoming": '47',
+ "remove_sub_premiere": '48',
+ "redirect_to_subs": '49',
+ "redirect_to_wl": '50',
+ "redirect_to_library": '51',
+ "redirect_off": '52',
+ "menu_timer": '53',
+};
+
+const shortIdToId = Object.entries(idToShortId).reduce((acc, [id, shortId]) => {
+ acc[shortId] = id;
+ return acc;
+}, {});
diff --git a/src/manifest.json b/src/manifest.json
index fb3f4fb..967f01f 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -14,6 +14,7 @@
"background": {
"scripts": [
+ "js/shared/settings.js",
"js/background/events.js",
"js/background/main.js"
],
diff --git a/src/options.html b/src/options.html
index dfa61be..dd089df 100644
--- a/src/options.html
+++ b/src/options.html
@@ -27,6 +27,9 @@
Enable
Disable
+ Import settings
+ Export settings
+
Manage History
Manage History — Advanced
@@ -154,10 +157,11 @@
+
-
+