Support paths with spaces for yt-dlp

src/playlist.js

@@ -106,7 +106,7 @@ const playlistDownloader = {
 	loadInitialConfig() {
 		// yt-dlp path
 		this.state.ytDlpPath = localStorage.getItem("ytdlp");
-		this.state.ytDlpWrap = new YTDlpWrap(this.state.ytDlpPath);
+		this.state.ytDlp = new YTDlpWrap(`"${this.state.ytDlpPath}"`);
 
 		const defaultDownloadsDir = path.join(os.homedir(), "Downloads");
 		let preferredDir =
@@ -142,9 +142,13 @@ const playlistDownloader = {
 	initEventListeners() {
 		this.ui.pasteLinkBtn.addEventListener("click", () => this.pasteLink());
 		document.addEventListener("keydown", (event) => {
-			if ((event.ctrlKey && event.key === "v") || (event.metaKey && event.key === "v" && os.platform() === "darwin") &&
+			if (
+				(event.ctrlKey && event.key === "v") ||
+				(event.metaKey &&
+					event.key === "v" &&
+					os.platform() === "darwin" &&
 					document.activeElement.tagName !== "INPUT" &&
-				document.activeElement.tagName !== "TEXTAREA"
+					document.activeElement.tagName !== "TEXTAREA")
 			) {
 				this.pasteLink();
 			}

src/renderer.js

@@ -142,7 +142,7 @@ class YtDownloaderApp {
 
 		try {
 			this.state.ytDlpPath = await this._findOrDownloadYtDlp();
-			this.state.ytDlp = new YTDlpWrap(this.state.ytDlpPath);
+			this.state.ytDlp = new YTDlpWrap(`"${this.state.ytDlpPath}"`);
 			this.state.ffmpegPath = await this._findFfmpeg();
 			this.state.jsRuntimePath = await this._getJsRuntimePath();