Add proxy support

assets/css/extra.css

@@ -297,3 +297,11 @@ body::-webkit-scrollbar-thumb {
 	background: linear-gradient(rgb(110, 110, 110), rgb(77, 77, 77));
 	border-radius: 8px;
 }
+
+#proxyTxt:valid {
+	border: 2px solid var(--greenBtn);
+}
+
+#proxyTxt:invalid {
+	border: 2px solid var(--redBtn);
+}

html/preferences.html

@@ -128,6 +128,13 @@
         </select>
     </div>
     <br>
+
+    <div class="prefBox">
+        <span id="proxyTitle">Proxy</span>
+        <input type="text" id="proxyTxt" placeholder="Example: http://localhost:8080" pattern="^(http:\/\/|https:\/\/|socks5:\/\/)?[a-zA-Z0-9.]+:[\d]+$">
+    </div>
+    <br>
+
     <div id="pathConfig">
 
         <div class="configBox">

package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "ytdownloader",
-	"version": "3.17.0",
+	"version": "3.17.4",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "ytdownloader",
-			"version": "3.17.0",
+			"version": "3.17.4",
 			"license": "GPL-3.0",
 			"dependencies": {
 				"electron-updater": "^5.3.0",

package.json

@@ -4,7 +4,7 @@
 		"yt-dlp-wrap-plus": "^2.3.18"
 	},
 	"name": "ytdownloader",
-	"version": "3.17.4",
+	"version": "3.17.5",
 	"main": "main.js",
 	"scripts": {
 		"start": "electron .",

src/playlist.js

@@ -69,6 +69,7 @@ let foldernameFormat = "%(playlist_title)s";
 let filenameFormat = "%(playlist_index)s.%(title)s.%(ext)s";
 let playlistIndex = 1;
 let playlistEnd = "";
+let proxy = ""
 
 /**
  * 
@@ -113,6 +114,9 @@ function download(type) {
 		configArg = "--config-location";
 		configTxt = `"${localStorage.getItem("configPath")}"`;
 	}
+	proxy = localStorage.getItem("proxy") || "";
+	console.log("Proxy:", proxy)
+
 	nameFormatting();
 	originalCount = 0;
 
@@ -174,8 +178,7 @@ function download(type) {
 	const controller = new AbortController();
 
 	if (type === "video") {
-		downloadProcess = ytdlp.exec(
-			[
+		const args = [
 			format,
 			"--yes-playlist",
 			"-o",
@@ -192,8 +195,14 @@ function download(type) {
 			subs,
 			subLangs,
 			videoType == "mp4" ? "--embed-thumbnail" : "",
+			proxy ? "--no-check-certificate" : "",
+			proxy ? "--proxy" : "",
+			proxy,
 			`"${url}"`,
-			],
+		].filter(item => item);
+
+		downloadProcess = ytdlp.exec(
+			args,
 			{shell: true, detached: false},
 			controller.signal
 		);
@@ -205,8 +214,8 @@ function download(type) {
 			audioQuality === "auto"
 		) {
 			console.log("Downloading m4a without extracting")
-			downloadProcess = ytdlp.exec(
-				[
+
+			const args = [
 				"--yes-playlist",
 				"--no-warnings",
 				"-f",
@@ -229,15 +238,21 @@ function download(type) {
 				subs,
 				subLangs,
 				"--embed-thumbnail",
+				proxy ? "--no-check-certificate" : "",
+				proxy ? "--proxy" : "",
+				proxy,
 				`"${url}"`,
-				],
+			].filter(item => item);
+
+			downloadProcess = ytdlp.exec(
+				args,
 				{shell: true, detached: false},
 				controller.signal
 			);
 		} else {
 			console.log("Extracting audio")
-			downloadProcess = ytdlp.exec(
-				[
+
+			const args = [
 				"--yes-playlist",
 				"--no-warnings",
 				"-x",
@@ -263,15 +278,21 @@ function download(type) {
 				subs,
 				subLangs,
 				format === "mp3" || format === "m4a" ? "--embed-thumbnail" : "",
+				proxy ? "--no-check-certificate" : "",
+				proxy ? "--proxy" : "",
+				proxy,
 				`"${url}"`,
-				],
+			].filter(item => item);
+
+			downloadProcess = ytdlp.exec(
+				args,
 				{shell: true, detached: false},
 				controller.signal
 			);
 		}
 	}
 
-	downloadProcess.on("ytDlpEvent", (eventType, eventData) => {
+	downloadProcess.on("ytDlpEvent", (_eventType, eventData) => {
 		// console.log(eventData);
 
 		if (eventData.includes(playlistTxt)) {
@@ -409,8 +430,8 @@ function downloadThumbnails() {
 	hideOptions();
 	nameFormatting();
 	managePlaylistRange();
-	const downloadProcess = ytdlp.exec(
-		[
+
+	const args = [
 		"--yes-playlist",
 		"--no-warnings",
 		"-o",
@@ -424,8 +445,14 @@ function downloadThumbnails() {
 		`"${playlistIndex}:${playlistEnd}"`,
 		"--ffmpeg-location",
 		ffmpeg,
+		proxy ? "--no-check-certificate" : "",
+		"--proxy",
+		proxy,
 		`"${url}"`,
-		],
+	].filter(item => item);
+
+	const downloadProcess = ytdlp.exec(
+		args,
 		{shell: true, detached: false}
 	);
 
@@ -479,8 +506,8 @@ function saveLinks() {
 	hideOptions();
 	nameFormatting();
 	managePlaylistRange();
-	const downloadProcess = ytdlp.exec(
-		[
+
+	const args = [
 		"--yes-playlist",
 		"--no-warnings",
 		cookieArg,
@@ -492,8 +519,14 @@ function saveLinks() {
 		"--skip-download",
 		"-I",
 		`"${playlistIndex}:${playlistEnd}"`,
+		proxy ? "--no-check-certificate" : "",
+		"--proxy",
+		proxy,
 		`"${url}"`,
-		],
+	].filter(item => item);
+	
+	const downloadProcess = ytdlp.exec(
+		args,
 		{shell: true, detached: false}
 	);
 

src/preferences.js

@@ -138,6 +138,17 @@ getId("preferredVideoCodec").addEventListener("change", () => {
 	localStorage.setItem("preferredVideoCodec", preferredVideoCodec);
 });
 
+// Proxy
+let proxy = localStorage.getItem("proxy");
+if (proxy) {
+	getId("proxyTxt").value = proxy;
+}
+getId("proxyTxt").addEventListener("change", () => {
+	proxy = getId("proxyTxt").value;
+	localStorage.setItem("proxy", proxy);
+});
+
+
 // Reload
 function reload() {
 	ipcRenderer.send("reload");

src/renderer.js

@@ -70,6 +70,7 @@ let maxActiveDownloads = 5;
 let showMoreFormats = false;
 let configArg = "";
 let configTxt = "";
+let proxy = "";
 
 if (localStorage.getItem("configPath")) {
 	configArg = "--config-location";
@@ -319,6 +320,8 @@ async function getInfo(url) {
 		showMoreFormats = false;
 	}
 
+	proxy = getLocalStorageItem("proxy");
+
 	// Whether to use browser cookies or not
 	if (localStorage.getItem("browser")) {
 		browser = localStorage.getItem("browser");
@@ -336,18 +339,23 @@ async function getInfo(url) {
 	// Twitter/X compatibility
 	url = url.replace("//x.com/", "//twitter.com/")
 
-	const infoProcess = cp.spawn(
-		`"${ytDlp}"`,
-		[
+	const infoOptions = [
 		"-j",
 		"--no-playlist",
 		"--no-warnings",
+		proxy ? "--no-check-certificate" : "",
+		proxy ? "--proxy" : "",
+		proxy,
 		cookieArg,
 		browser,
 		configArg,
 		configTxt,
 		`"${url}"`,
-		],
+	].filter(item => item)
+
+	const infoProcess = cp.spawn(
+		`"${ytDlp}"`,
+		infoOptions,
 		{
 			shell: true,
 		}
@@ -1082,8 +1090,7 @@ function download(
 		// If video has no sound, audio needs to be downloaded
 		console.log("Downloading both video and audio");
 
-		downloadProcess = ytdlp.exec(
-			[
+		const args = [
 			range1 || rangeOption,
 			range2 || rangeCmd,
 			"-f",
@@ -1102,8 +1109,14 @@ function download(
 			cookieArg,
 			browser,
 			"--no-mtime",
+			proxy ? "--no-check-certificate" : "",
+			proxy ? "--proxy" : "",
+			proxy,
 			`"${url}"`,
-			],
+		].filter(item => item);
+
+		downloadProcess = ytdlp.exec(
+			args,
 			{shell: true, detached: false},
 			controller.signal
 		);
@@ -1121,8 +1134,7 @@ function download(
 		console.log(extractFormat1);
 		console.log(extractQuality1);
 
-		downloadProcess = ytdlp.exec(
-			[
+		const args = [
 			"-x",
 			"--audio-format",
 			extractFormat1,
@@ -1142,8 +1154,14 @@ function download(
 			configArg,
 			configTxt,
 			"--no-mtime",
+			proxy ? "--no-check-certificate" : "",
+			proxy ? "--proxy" : "",
+			proxy,
 			`"${url}"`,
-			],
+		].filter(item => item)
+
+		downloadProcess = ytdlp.exec(
+			args,
 			{shell: true, detached: false},
 			controller.signal
 		);
@@ -1152,8 +1170,7 @@ function download(
 	else {
 		console.log("downloading only audio or video with audio");
 
-		downloadProcess = ytdlp.exec(
-			[
+		const args = [
 			range1 || rangeOption,
 			range2 || rangeCmd,
 			"-f",
@@ -1172,8 +1189,14 @@ function download(
 			configArg,
 			configTxt,
 			"--no-mtime",
+			proxy ? "--no-check-certificate" : "",
+			proxy ? "--proxy" : "",
+			proxy,
 			`"${url}"`,
-			],
+		].filter(item => item)
+
+		downloadProcess = ytdlp.exec(
+			args,
 			{shell: true, detached: false},
 			controller.signal
 		);
@@ -1344,6 +1367,15 @@ function showPopup(text) {
 	}, 2200);
 }
 
+/**
+ * 
+ * @param {string} item 
+ * @returns string
+ */
+function getLocalStorageItem(item) {
+	return localStorage.getItem(item) || "";
+}
+
 // Menu
 getId("preferenceWin").addEventListener("click", () => {
 	closeMenu();

src/translate_preferences.js

@@ -39,6 +39,7 @@ getId("trayTxt").textContent = i18n.__("Close app to system tray");
 getId("autoUpdateTxt").textContent = i18n.__("Disable auto updates");
 getId("showMoreFormatsTxt").textContent = i18n.__("Show more format options");
 getId("preferredVideoCodecTxt").textContent = i18n.__("Preferred video codec");
+getId("proxyTitle").textContent = i18n.__("Proxy");
 
 if (process.env.FLATPAK_ID) {
 	getId("flatpakTxt").textContent = i18n.__(

translations/en.json

@@ -110,5 +110,6 @@
 	"Preferred video codec": "Preferred video codec",
 	"Show more format options": "Show more format options",
 	"You need to give the app permission to access home directory to use this. You can do it with Flatseal by enabling the permission with text 'filesystem=home'": "You need to give the app permission to access home directory to use this. You can do it with Flatseal by enabling the permission with text 'filesystem=home'",
-	"No Audio":"No Audio"
+	"No Audio":"No Audio",
+	"Proxy": "Proxy"
 }