web/privacy: add support for always proxying files

web/i18n/en/settings.json

@@ -101,6 +101,10 @@
     "privacy.analytics.description": "we use a self-hosted plausible instance for getting an approximate number of active cobalt users. no identifiable information about you is ever stored. all processed data is anonymized and aggregated.\n\nplausible does not use any cookies and is fully compliant with GDPR, CCPA, and PECR.",
     "privacy.analytics.learnmore": "learn more about plausible's dedication to privacy.",
 
+    "privacy.tunnel": "tunnelling",
+    "privacy.tunnel.title": "always tunnel all files",
+    "privacy.tunnel.description": "cobalt will always hide your ip address and browser info from the source service. this also helps bypass local network restrictions.",
+
     "advanced.debug": "debug",
     "advanced.debug.title": "enable debug features",
     "advanced.debug.description": "gives you access to a page with various info that can be useful for debugging.",

web/src/lib/api/api.ts

@@ -9,7 +9,9 @@ import type { Optional } from "$lib/types/generic";
 import type { CobaltAPIResponse, CobaltErrorResponse } from "$lib/types/api";
 
 const request = async (url: string) => {
-    const saveSettings = get(settings).save;
+    const gSettings = get(settings);
+    const saveSettings = gSettings.save;
+    const privacySettings = gSettings.privacy;
 
     const request = {
         url,
@@ -29,6 +31,8 @@ const request = async (url: string) => {
 
         twitterGif: saveSettings.twitterGif,
         tiktokH265: saveSettings.tiktokH265,
+
+        alwaysProxy: privacySettings.alwaysProxy,
     }
 
     await apiOverrideWarning();

web/src/lib/settings/defaults.ts

@@ -29,6 +29,7 @@ const defaultSettings: CobaltSettings = {
         youtubeDubBrowserLang: false,
     },
     privacy: {
+        alwaysProxy: false,
         disableAnalytics: false,
     },
     processing: {

web/src/lib/types/settings.ts

@@ -23,6 +23,7 @@ type CobaltSettingsAdvanced = {
 };
 
 type CobaltSettingsPrivacy = {
+    alwaysProxy: boolean,
     disableAnalytics: boolean,
 };
 

web/src/routes/settings/privacy/+page.svelte

@@ -2,11 +2,20 @@
     import env from "$lib/env";
     import { t } from "$lib/i18n/translations";
 
-    import SettingsCategory from "$components/settings/SettingsCategory.svelte";
-    import SettingsToggle from "$components/buttons/SettingsToggle.svelte";
     import OuterLink from "$components/misc/OuterLink.svelte";
+    import SettingsToggle from "$components/buttons/SettingsToggle.svelte";
+    import SettingsCategory from "$components/settings/SettingsCategory.svelte";
 </script>
 
+<SettingsCategory sectionId="tunnel" title={$t("settings.privacy.tunnel")}>
+    <SettingsToggle
+        settingContext="privacy"
+        settingId="alwaysProxy"
+        title={$t("settings.privacy.tunnel.title")}
+        description={$t("settings.privacy.tunnel.description")}
+    />
+</SettingsCategory>
+
 {#if env.PLAUSIBLE_ENABLED}
     <SettingsCategory sectionId="analytics" title={$t("settings.privacy.analytics")}>
         <SettingsToggle