web: added saving method preference, made downloading resilient

web/src/lib/device.ts

@@ -15,6 +15,12 @@ const installed = window.matchMedia('(display-mode: standalone)').matches;
 const reducedMotion = window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;
 const reducedTransparency = window.matchMedia(`(prefers-reduced-transparency: reduce)`).matches;
 
+const app = {
+    is: {
+        installed
+    }
+}
+
 const device = {
     is: {
         iPhone,
@@ -28,13 +34,12 @@ const device = {
         reducedMotion,
         reducedTransparency,
     },
+    supports: {
+        share: navigator.share !== undefined,
+        directDownload: !(installed && iOS),
+    },
     userAgent: navigator.userAgent,
 }
 
-const app = {
-    is: {
-        installed
-    }
-}
 
 export { device, app };

web/src/lib/download.ts

@@ -1,6 +1,6 @@
 import { get } from "svelte/store";
 
-import { app, device } from "$lib/device";
+import { device } from "$lib/device";
 import settings from "$lib/state/settings";
 
 import { createDialog } from "$lib/dialogs";
@@ -17,28 +17,20 @@ export const openURL = (url: string) => {
 
     /* if new tab got blocked by user agent, show a saving dialog */
     if (!open) {
-        openSavingDialog(url);
+        return openSavingDialog(url);
     }
 }
 
 export const shareURL = async (url: string) => {
-    try {
-        return await navigator?.share({ url });
-    } catch {
-        return false;
-    }
+    return await navigator?.share({ url });
 }
 
 export const copyURL = async (url: string) => {
-    try {
-        return await navigator?.clipboard.writeText(url);
-    } catch {
-        return false;
-    }
+    return await navigator?.clipboard?.writeText(url);
 }
 
 export const downloadFile = (url: string) => {
-    const savingPreference = get(settings).save.downloadPopup;
+    const pref = get(settings).save.savingMethod;
 
     /*
         user actions (such as invoke share, open new tab) have expiration.
@@ -49,11 +41,20 @@ export const downloadFile = (url: string) => {
         invoke an action without the user agent interrupting it.
         if not, we show a saving dialog for user to re-invoke that action.
     */
-    if (savingPreference || !navigator.userActivation.isActive) {
-        openSavingDialog(url);
-    } else if (device.is.iOS && app.is.installed) {
-        return shareURL(url);
-    } else {
-        return openURL(url);
+
+    if (pref === "ask" || !navigator.userActivation.isActive) {
+        return openSavingDialog(url);
     }
+
+    try {
+        if (pref === "share" && device.supports.share) {
+            return shareURL(url);
+        } else if (pref === "download" && device.supports.directDownload) {
+            return openURL(url);
+        } else if (pref === "copy") {
+            return copyURL(url);
+        }
+    } catch {}
+
+    return openSavingDialog(url);
 }

web/src/lib/settings/defaults.ts

@@ -18,8 +18,8 @@ const defaultSettings: CobaltSettings = {
         audioFormat: "mp3",
         disableMetadata: false,
         downloadMode: "auto",
-        downloadPopup: false,
         filenameStyle: "classic",
+        savingMethod: "download",
         tiktokH265: false,
         tiktokFullAudio: false,
         twitterGif: false,

web/src/lib/settings/migrate.ts

@@ -10,7 +10,6 @@ const oldSwitcherValues = {
 
 const oldCheckboxes = [
     'audioMode',
-    'downloadPopup',
     'fullTikTokAudio',
     'muteAudio',
     'reduceTransparency',
@@ -101,7 +100,6 @@ export const migrateOldSettings = () => {
             filenameStyle: getLiteral('filenamePattern'),
             tiktokFullAudio: getBool('fullTikTokAudio'),
             tiktokH265: getBool('tiktokH265'),
-            downloadPopup: getBool('downloadPopup'),
             disableMetadata: getBool('disableMetadata'),
             twitterGif: getBool('twitterGif'),
             youtubeDubBrowserLang: getBool('ytDub'),

web/src/lib/types/settings.ts

@@ -7,6 +7,7 @@ export const downloadModeOptions = ["auto", "audio", "mute"] as const;
 export const filenameStyleOptions = ["classic", "basic", "pretty", "nerdy"] as const;
 export const videoQualityOptions = ["max", "2160", "1440", "1080", "720", "480", "360", "240", "144"] as const;
 export const youtubeVideoCodecOptions = ["h264", "av1", "vp9"] as const;
+export const savingMethodOptions = ["ask", "download", "share", "copy"] as const;
 
 type CobaltSettingsAppearance = {
     theme: typeof themeOptions[number],
@@ -28,8 +29,8 @@ type CobaltSettingsSave = {
     audioFormat: typeof audioFormatOptions[number],
     disableMetadata: boolean,
     downloadMode: typeof downloadModeOptions[number],
-    downloadPopup: boolean,
     filenameStyle: typeof filenameStyleOptions[number],
+    savingMethod: typeof savingMethodOptions[number],
     tiktokH265: boolean,
     tiktokFullAudio: boolean,
     twitterGif: boolean,