Compare commits

..

8 Commits

Author SHA1 Message Date
Julian Freeman
4d5cac7a46 support cookies, fix bugs 2026-01-13 18:46:56 -04:00
Julian Freeman
bbcb10b3ca support cookies, but with bugs 2026-01-13 18:15:58 -04:00
Julian Freeman
1554be25d2 fix ig ratio 2025-12-30 09:23:28 -04:00
Julian Freeman
05887fd7a3 fix ig thumbnail 2025-12-30 09:13:12 -04:00
Julian Freeman
63648f9d7c fix download fails in batch mode 2025-12-30 01:06:44 -04:00
Julian Freeman
0a439dbd71 support multiple input 2025-12-30 00:50:55 -04:00
Julian Freeman
f164569e89 fix product name 2025-12-25 18:32:09 -04:00
Julian Freeman
f4bdb85841 fix ffmpeg download 2025-12-25 18:20:45 -04:00
15 changed files with 352 additions and 83 deletions

View File

@@ -3,8 +3,3 @@
A simple Youtube downloader. A simple Youtube downloader.
Generated by Gemini CLI. Generated by Gemini CLI.
## Problems
1. windows 上打包后运行命令会出现黑窗,而且还是会出现找不到 js-runtimes 的问题,但是 quickjs 是正常下载了
2. macos 上未测试

View File

@@ -1,7 +1,7 @@
{ {
"name": "stream-capture", "name": "stream-capture",
"private": true, "private": true,
"version": "1.0.0", "version": "1.2.0",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",

3
src-tauri/Cargo.lock generated
View File

@@ -3971,9 +3971,10 @@ checksum = "a2eb9349b6444b326872e140eb1cf5e7c522154d69e7a0ffb0fb81c06b37543f"
[[package]] [[package]]
name = "stream-capture" name = "stream-capture"
version = "0.1.0" version = "1.2.0"
dependencies = [ dependencies = [
"anyhow", "anyhow",
"base64 0.22.1",
"chrono", "chrono",
"futures-util", "futures-util",
"regex", "regex",

View File

@@ -1,6 +1,6 @@
[package] [package]
name = "stream-capture" name = "stream-capture"
version = "0.1.0" version = "1.2.0"
description = "A Tauri App" description = "A Tauri App"
authors = ["you"] authors = ["you"]
edition = "2021" edition = "2021"
@@ -19,6 +19,7 @@ tauri-plugin-dialog = "2"
serde = { version = "1", features = ["derive"] } serde = { version = "1", features = ["derive"] }
serde_json = "1" serde_json = "1"
reqwest = { version = "0.12", features = ["json", "rustls-tls", "stream"] } reqwest = { version = "0.12", features = ["json", "rustls-tls", "stream"] }
base64 = "0.22"
tokio = { version = "1", features = ["full"] } tokio = { version = "1", features = ["full"] }
anyhow = "1.0" anyhow = "1.0"
chrono = { version = "0.4", features = ["serde"] } chrono = { version = "0.4", features = ["serde"] }

View File

@@ -308,17 +308,19 @@ pub async fn download_ffmpeg(app: &AppHandle) -> Result<PathBuf> {
for asset in assets { for asset in assets {
if let (Some(name), Some(url)) = (asset.get("name").and_then(|n| n.as_str()), asset.get("browser_download_url").and_then(|u| u.as_str())) { if let (Some(name), Some(url)) = (asset.get("name").and_then(|n| n.as_str()), asset.get("browser_download_url").and_then(|u| u.as_str())) {
let lname = name.to_lowercase(); let lname = name.to_lowercase();
if lname.contains("win64") && lname.ends_with(".zip") { // Prefer GPL static build, avoid shared to get a single exe
if lname.contains("win64") && lname.contains("gpl") && !lname.contains("shared") && lname.ends_with(".zip") {
download_url = Some(url.to_string()); download_url = Some(url.to_string());
break; break;
} }
} }
} }
if download_url.is_none() { if download_url.is_none() {
// fallback: choose first zip asset // fallback: choose first zip asset that is NOT shared if possible
for asset in assets { for asset in assets {
if let (Some(url), Some(name)) = (asset.get("browser_download_url").and_then(|u| u.as_str()), asset.get("name").and_then(|n| n.as_str())) { if let (Some(url), Some(name)) = (asset.get("browser_download_url").and_then(|u| u.as_str()), asset.get("name").and_then(|n| n.as_str())) {
if name.to_lowercase().ends_with(".zip") { let lname = name.to_lowercase();
if lname.ends_with(".zip") && !lname.contains("shared") {
download_url = Some(url.to_string()); download_url = Some(url.to_string());
break; break;
} }
@@ -341,7 +343,8 @@ pub async fn download_ffmpeg(app: &AppHandle) -> Result<PathBuf> {
if file.is_dir() { continue; } if file.is_dir() { continue; }
let name = file.name().to_string(); let name = file.name().to_string();
let filename_only = name.split('/').last().unwrap_or(""); let filename_only = name.split('/').last().unwrap_or("");
if filename_only.eq_ignore_ascii_case("ffmpeg.exe") || filename_only.ends_with(".dll") { // Only extract the executable, ignore DLLs
if filename_only.eq_ignore_ascii_case("ffmpeg.exe") {
let mut out_file = fs::File::create(bin_dir.join(filename_only))?; let mut out_file = fs::File::create(bin_dir.join(filename_only))?;
std::io::copy(&mut file, &mut out_file)?; std::io::copy(&mut file, &mut out_file)?;
found = true; found = true;

View File

@@ -49,6 +49,28 @@ pub fn get_ffmpeg_version(app: AppHandle) -> Result<String, String> {
binary_manager::get_ffmpeg_version(&app).map_err(|e| e.to_string()) binary_manager::get_ffmpeg_version(&app).map_err(|e| e.to_string())
} }
#[tauri::command]
pub async fn fetch_image(url: String) -> Result<String, String> {
use base64::{Engine as _, engine::general_purpose};
let client = reqwest::Client::new();
let res = client.get(&url)
.header("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36")
.send()
.await
.map_err(|e| e.to_string())?;
let bytes = res.bytes().await.map_err(|e| e.to_string())?;
// Convert to base64
let b64 = general_purpose::STANDARD.encode(&bytes);
// Simple heuristic for mime type
let mime = if url.to_lowercase().ends_with(".png") { "image/png" } else { "image/jpeg" };
Ok(format!("data:{};base64,{}", mime, b64))
}
#[tauri::command] #[tauri::command]
pub async fn fetch_metadata(app: AppHandle, url: String, parse_mix_playlist: bool) -> Result<downloader::MetadataResult, String> { pub async fn fetch_metadata(app: AppHandle, url: String, parse_mix_playlist: bool) -> Result<downloader::MetadataResult, String> {
downloader::fetch_metadata(&app, &url, parse_mix_playlist).await.map_err(|e| e.to_string()) downloader::fetch_metadata(&app, &url, parse_mix_playlist).await.map_err(|e| e.to_string())

View File

@@ -7,6 +7,7 @@ use serde::{Deserialize, Serialize};
use anyhow::{Result, anyhow}; use anyhow::{Result, anyhow};
use regex::Regex; use regex::Regex;
use crate::binary_manager; use crate::binary_manager;
use crate::storage;
#[derive(Serialize, Deserialize, Debug, Clone)] #[derive(Serialize, Deserialize, Debug, Clone)]
pub struct VideoMetadata { pub struct VideoMetadata {
@@ -15,6 +16,7 @@ pub struct VideoMetadata {
pub thumbnail: String, pub thumbnail: String,
pub duration: Option<f64>, pub duration: Option<f64>,
pub uploader: Option<String>, pub uploader: Option<String>,
pub url: Option<String>,
} }
#[derive(Serialize, Deserialize, Debug, Clone)] #[derive(Serialize, Deserialize, Debug, Clone)]
@@ -37,6 +39,7 @@ pub struct DownloadOptions {
pub quality: String, // e.g., "1080", "720", "best" pub quality: String, // e.g., "1080", "720", "best"
pub output_path: String, // Directory pub output_path: String, // Directory
pub output_format: String, // "original", "mp4", "webm", "mkv", "m4a", "aac", "opus", "vorbis", "wav", etc. pub output_format: String, // "original", "mp4", "webm", "mkv", "m4a", "aac", "opus", "vorbis", "wav", etc.
pub cookies_path: Option<String>,
} }
#[derive(Serialize, Clone, Debug)] #[derive(Serialize, Clone, Debug)]
@@ -66,29 +69,75 @@ pub async fn fetch_metadata(app: &AppHandle, url: &str, parse_mix_playlist: bool
let ytdlp_path = binary_manager::get_ytdlp_path(app)?; let ytdlp_path = binary_manager::get_ytdlp_path(app)?;
let qjs_path = binary_manager::get_qjs_path(app)?; // Get absolute path to quickjs let qjs_path = binary_manager::get_qjs_path(app)?; // Get absolute path to quickjs
let mut cmd = Command::new(ytdlp_path); // Load settings to check for cookies
#[cfg(target_os = "windows")] let settings = storage::load_settings(app)?;
cmd.creation_flags(0x08000000);
let mut args = Vec::new();
// Pass the runtime and its absolute path to --js-runtimes // Pass the runtime and its absolute path to --js-runtimes
// Rust's Command automatically handles spaces in arguments, so we should NOT quote the path here. // Rust's Command automatically handles spaces in arguments, so we should NOT quote the path here.
cmd.arg("--js-runtimes").arg(format!("quickjs:{}", qjs_path.to_string_lossy())); args.push("--js-runtimes".to_string());
args.push(format!("quickjs:{}", qjs_path.to_string_lossy()));
cmd.arg("--dump-single-json") let mut has_cookies = false;
.arg("--flat-playlist") if let Some(cookies) = &settings.cookies_path {
.arg("--no-warnings"); if !cookies.is_empty() {
if std::path::Path::new(cookies).exists() {
// Optimize metadata fetching: skip heavy manifests and player JS execution. args.push("--cookies".to_string());
// Skipping JS prevents slow QuickJS spin-up and signature decryption, drastically speeding up single video parsing. args.push(cookies.clone());
cmd.arg("--extractor-args").arg("youtube:skip=dash,hls,translated_subs;player_skip=js"); has_cookies = true;
app.emit("download-log", LogEvent {
if parse_mix_playlist { id: "Analysis".to_string(),
cmd.arg("--playlist-end").arg("20"); message: format!("已加载 Cookies: {}", cookies),
level: "info".to_string(),
}).ok();
} else {
app.emit("download-log", LogEvent {
id: "Analysis".to_string(),
message: format!("Cookies 文件不存在: {}", cookies),
level: "error".to_string(),
}).ok();
}
}
} }
cmd.arg(url); args.push("--dump-single-json".to_string());
args.push("--flat-playlist".to_string());
args.push("--no-warnings".to_string());
if has_cookies {
// When using cookies, avoid skipping JS player to prevent challenge errors
args.push("--extractor-args".to_string());
args.push("youtube:skip=dash,hls,translated_subs".to_string());
} else {
// Optimize metadata fetching: skip heavy manifests and player JS execution.
// Skipping JS prevents slow QuickJS spin-up and signature decryption, drastically speeding up single video parsing.
args.push("--extractor-args".to_string());
args.push("youtube:skip=dash,hls,translated_subs;player_skip=js".to_string());
}
if parse_mix_playlist {
args.push("--playlist-end".to_string());
args.push("20".to_string());
}
args.push(url.to_string());
let mut cmd = Command::new(&ytdlp_path);
#[cfg(target_os = "windows")]
cmd.creation_flags(0x08000000);
cmd.args(&args);
cmd.stderr(Stdio::piped()); cmd.stderr(Stdio::piped());
// Log the full command
let full_cmd_str = format!("{} {}", ytdlp_path.to_string_lossy(), args.join(" "));
app.emit("download-log", LogEvent {
id: "Analysis".to_string(),
message: format!("正在执行分析命令: {}", full_cmd_str),
level: "info".to_string(),
}).ok();
let output = cmd.output().await?; let output = cmd.output().await?;
if !output.status.success() { if !output.status.success() {
@@ -150,12 +199,17 @@ fn parse_video_metadata(json: &serde_json::Value) -> VideoMetadata {
_ => format!("https://i.ytimg.com/vi/{}/mqdefault.jpg", id), _ => format!("https://i.ytimg.com/vi/{}/mqdefault.jpg", id),
}; };
let url = json["webpage_url"].as_str()
.or_else(|| json["url"].as_str())
.map(|s| s.to_string());
VideoMetadata { VideoMetadata {
id, id,
title: json["title"].as_str().unwrap_or("Unknown Title").to_string(), title: json["title"].as_str().unwrap_or("Unknown Title").to_string(),
thumbnail, thumbnail,
duration: json["duration"].as_f64(), duration: json["duration"].as_f64(),
uploader: json["uploader"].as_str().map(|s| s.to_string()), uploader: json["uploader"].as_str().map(|s| s.to_string()),
url,
} }
} }
@@ -179,6 +233,13 @@ pub async fn download_video(
args.push("--ffmpeg-location".to_string()); args.push("--ffmpeg-location".to_string());
args.push(ffmpeg_path.to_string_lossy().to_string()); args.push(ffmpeg_path.to_string_lossy().to_string());
if let Some(cookies) = &options.cookies_path {
if !cookies.is_empty() {
args.push("--cookies".to_string());
args.push(cookies.clone());
}
}
args.push(url); args.push(url);
// Output template // Output template
@@ -198,7 +259,7 @@ pub async fn download_video(
let format_arg = if options.quality == "best" { let format_arg = if options.quality == "best" {
"bestvideo+bestaudio/best".to_string() "bestvideo+bestaudio/best".to_string()
} else { } else {
format!("bestvideo[height<={}]+bestaudio/best[height<={}]", options.quality, options.quality) format!("bestvideo[height<={}]+bestaudio/best[height<={}]/best", options.quality, options.quality)
}; };
args.push("-f".to_string()); args.push("-f".to_string());
args.push(format_arg); args.push(format_arg);

View File

@@ -17,6 +17,7 @@ pub fn run() {
commands::get_ytdlp_version, commands::get_ytdlp_version,
commands::get_quickjs_version, commands::get_quickjs_version,
commands::get_ffmpeg_version, commands::get_ffmpeg_version,
commands::fetch_image,
commands::fetch_metadata, commands::fetch_metadata,
commands::start_download, commands::start_download,
commands::get_settings, commands::get_settings,

View File

@@ -9,6 +9,7 @@ use chrono::{DateTime, Utc};
#[derive(Serialize, Deserialize, Debug, Clone)] #[derive(Serialize, Deserialize, Debug, Clone)]
pub struct Settings { pub struct Settings {
pub download_path: String, pub download_path: String,
pub cookies_path: Option<String>,
pub theme: String, // 'light', 'dark', 'system' pub theme: String, // 'light', 'dark', 'system'
pub last_updated: Option<DateTime<Utc>>, pub last_updated: Option<DateTime<Utc>>,
} }
@@ -19,6 +20,7 @@ impl Default for Settings {
// but for default struct we can keep it empty or a placeholder. // but for default struct we can keep it empty or a placeholder.
Self { Self {
download_path: "".to_string(), download_path: "".to_string(),
cookies_path: None,
theme: "system".to_string(), theme: "system".to_string(),
last_updated: None, last_updated: None,
} }

View File

@@ -1,7 +1,7 @@
{ {
"$schema": "https://schema.tauri.app/config/2", "$schema": "https://schema.tauri.app/config/2",
"productName": "StreamCapture", "productName": "StreamCapture",
"version": "1.0.0", "version": "1.2.0",
"identifier": "top.volan.stream-capture", "identifier": "top.volan.stream-capture",
"build": { "build": {
"beforeDevCommand": "pnpm dev", "beforeDevCommand": "pnpm dev",
@@ -13,7 +13,7 @@
"windows": [ "windows": [
{ {
"label": "main", "label": "main",
"title": "流萤 - 视频下载 v1.0.0", "title": "流萤 - 视频下载 v1.2.0",
"width": 1300, "width": 1300,
"height": 900, "height": 900,
"visible": false "visible": false

View File

@@ -1,4 +1,3 @@
// filepath: src/App.vue
<script setup lang="ts"> <script setup lang="ts">
import { onMounted } from 'vue' import { onMounted } from 'vue'
import { RouterView, RouterLink, useRoute } from 'vue-router' import { RouterView, RouterLink, useRoute } from 'vue-router'

View File

@@ -12,11 +12,15 @@ export const useAnalysisStore = defineStore('analysis', () => {
const isMix = ref(false) const isMix = ref(false)
const scanMix = ref(false) const scanMix = ref(false)
// Input mode state
const isBatchMode = ref(false)
const options = ref({ const options = ref({
is_audio_only: false, is_audio_only: false,
quality: 'best', quality: 'best',
output_path: '', output_path: '',
output_format: 'original' output_format: 'original',
cookies_path: ''
}) })
function toggleEntry(id: string) { function toggleEntry(id: string) {
@@ -55,5 +59,5 @@ export const useAnalysisStore = defineStore('analysis', () => {
scanMix.value = false scanMix.value = false
} }
return { url, loading, error, metadata, options, isMix, scanMix, toggleEntry, setAllEntries, invertSelection, reset } return { url, loading, error, metadata, options, isMix, scanMix, isBatchMode, toggleEntry, setAllEntries, invertSelection, reset }
}) })

View File

@@ -5,6 +5,7 @@ import { ref } from 'vue'
export interface Settings { export interface Settings {
download_path: string download_path: string
cookies_path?: string
theme: 'light' | 'dark' | 'system' theme: 'light' | 'dark' | 'system'
last_updated: string | null last_updated: string | null
} }
@@ -12,6 +13,7 @@ export interface Settings {
export const useSettingsStore = defineStore('settings', () => { export const useSettingsStore = defineStore('settings', () => {
const settings = ref<Settings>({ const settings = ref<Settings>({
download_path: '', download_path: '',
cookies_path: '',
theme: 'system', theme: 'system',
last_updated: null last_updated: null
}) })

View File

@@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { watch } from 'vue' import { watch } from 'vue'
import { invoke } from '@tauri-apps/api/core' import { invoke } from '@tauri-apps/api/core'
import { Loader2 } from 'lucide-vue-next' import { Loader2, List, Link } from 'lucide-vue-next'
import { useQueueStore } from '../stores/queue' import { useQueueStore } from '../stores/queue'
import { useSettingsStore } from '../stores/settings' import { useSettingsStore } from '../stores/settings'
import { useAnalysisStore } from '../stores/analysis' import { useAnalysisStore } from '../stores/analysis'
@@ -61,6 +61,38 @@ watch(() => analysisStore.options.is_audio_only, () => {
analysisStore.options.output_format = 'original' analysisStore.options.output_format = 'original'
}) })
async function processThumbnail(url: string | undefined): Promise<string | undefined> {
if (!url) return undefined;
// Check if it's an Instagram URL or similar that needs proxying
if (url.includes('instagram.com') || url.includes('fbcdn.net') || url.includes('cdninstagram.com')) {
try {
return await invoke<string>('fetch_image', { url });
} catch (e) {
console.warn('Thumbnail fetch failed, falling back to URL', e);
return url;
}
}
return url;
}
async function processMetadataThumbnails(metadata: any) {
if (!metadata) return;
// Process single video thumbnail
if (metadata.thumbnail) {
metadata.thumbnail = await processThumbnail(metadata.thumbnail);
}
// Process playlist entries
if (metadata.entries && Array.isArray(metadata.entries)) {
await Promise.all(metadata.entries.map(async (entry: any) => {
if (entry.thumbnail) {
entry.thumbnail = await processThumbnail(entry.thumbnail);
}
}));
}
}
async function analyze() { async function analyze() {
if (!analysisStore.url) return if (!analysisStore.url) return
analysisStore.loading = true analysisStore.loading = true
@@ -68,36 +100,105 @@ async function analyze() {
analysisStore.metadata = null analysisStore.metadata = null
try { try {
let urlToScan = analysisStore.url; if (analysisStore.isBatchMode) {
let parseMix = false; // Batch Mode Logic
const lines = analysisStore.url.split('\n').map(l => l.trim()).filter(l => l);
const validLinks = lines.filter(l => {
if (!(l.startsWith('http://') || l.startsWith('https://'))) return false;
if (analysisStore.isMix) { // Allow if it has NO list param
if (analysisStore.scanMix) { if (!l.includes('list=')) return true;
// Keep URL as is, tell backend to limit scan
parseMix = true; // Allow if it has list param BUT ALSO has v= (video in playlist/mix)
} else { if (l.includes('list=') && l.includes('v=')) return true;
// Strip list param
try { // Otherwise ignore (pure playlist)
const u = new URL(urlToScan); return false;
u.searchParams.delete('list'); });
u.searchParams.delete('index');
u.searchParams.delete('start_radio'); if (validLinks.length === 0) {
urlToScan = u.toString(); throw new Error("未找到有效的单个视频链接(已忽略纯播放列表链接)。");
} catch (e) {
// Fallback regex if URL parsing fails
urlToScan = urlToScan.replace(/&list=[^&]+/, '');
}
} }
const results: any[] = [];
// Process sequentially to be safe
for (let link of validLinks) {
try {
// If it's a mix/playlist context (has v= and list=), strip the list param to treat as single video
if (link.includes('list=') && link.includes('v=')) {
try {
const u = new URL(link);
u.searchParams.delete('list');
u.searchParams.delete('index');
u.searchParams.delete('start_radio');
link = u.toString();
} catch (e) {
link = link.replace(/&list=[^&]+/, '');
}
}
// Ensure we don't accidentally trigger mix parsing on single links if logic fails
const res = await invoke<any>('fetch_metadata', { url: link, parseMixPlaylist: false });
// Only add if it's a single video (no entries)
if (!res.entries) {
results.push(res);
}
} catch (e) {
console.warn(`Failed to parse ${link}`, e);
}
}
if (results.length === 0) {
throw new Error("所有链接解析失败或均为播放列表。");
}
// Process thumbnails for batch results
await Promise.all(results.map(r => processMetadataThumbnails(r)));
// Construct synthetic playlist
analysisStore.metadata = {
id: 'batch_download_' + Date.now(),
title: `批量解析结果 (${results.length} 个视频)`,
entries: results.map(e => ({ ...e, selected: true }))
};
} else {
// Single Link Mode
let urlToScan = analysisStore.url;
let parseMix = false;
if (analysisStore.isMix) {
if (analysisStore.scanMix) {
// Keep URL as is, tell backend to limit scan
parseMix = true;
} else {
// Strip list param
try {
const u = new URL(urlToScan);
u.searchParams.delete('list');
u.searchParams.delete('index');
u.searchParams.delete('start_radio');
urlToScan = u.toString();
} catch (e) {
// Fallback regex if URL parsing fails
urlToScan = urlToScan.replace(/&list=[^&]+/, '');
}
}
}
const res = await invoke<any>('fetch_metadata', { url: urlToScan, parseMixPlaylist: parseMix })
await processMetadataThumbnails(res);
// Initialize selected state for playlist entries
if (res.entries) {
res.entries = res.entries.map((e: any) => ({ ...e, selected: true }))
}
analysisStore.metadata = res
} }
const res = await invoke<any>('fetch_metadata', { url: urlToScan, parseMixPlaylist: parseMix })
// Initialize selected state for playlist entries
if (res.entries) {
res.entries = res.entries.map((e: any) => ({ ...e, selected: true }))
}
analysisStore.metadata = res
} catch (e: any) { } catch (e: any) {
analysisStore.error = e.toString() analysisStore.error = e.toString()
} finally { } finally {
@@ -113,6 +214,9 @@ async function startDownload() {
analysisStore.options.output_path = settingsStore.settings.download_path analysisStore.options.output_path = settingsStore.settings.download_path
} }
// Ensure cookies path is set from settings
analysisStore.options.cookies_path = settingsStore.settings.cookies_path || ''
try { try {
if (analysisStore.metadata.entries) { if (analysisStore.metadata.entries) {
// Playlist Download // Playlist Download
@@ -124,7 +228,7 @@ async function startDownload() {
} }
for (const entry of selectedEntries) { for (const entry of selectedEntries) {
const videoUrl = `https://www.youtube.com/watch?v=${entry.id}` const videoUrl = entry.url || `https://www.youtube.com/watch?v=${entry.id}`
const id = await invoke<string>('start_download', { const id = await invoke<string>('start_download', {
url: videoUrl, url: videoUrl,
options: analysisStore.options, options: analysisStore.options,
@@ -189,26 +293,53 @@ async function startDownload() {
<!-- Input Section --> <!-- Input Section -->
<div class="bg-white dark:bg-zinc-900 p-6 rounded-2xl shadow-sm border border-gray-200 dark:border-zinc-800 mb-8"> <div class="bg-white dark:bg-zinc-900 p-6 rounded-2xl shadow-sm border border-gray-200 dark:border-zinc-800 mb-8">
<div class="flex gap-4">
<input <!-- Input Area with Batch Toggle -->
v-model="analysisStore.url" <div class="flex flex-col gap-3">
type="text" <div class="flex justify-end mb-1">
placeholder="https://youtube.com/watch?v=..." <button
class="flex-1 bg-gray-50 dark:bg-zinc-800 border-none rounded-xl px-4 py-3 text-zinc-900 dark:text-white focus:ring-2 focus:ring-blue-500 outline-none" @click="analysisStore.isBatchMode = !analysisStore.isBatchMode"
@keyup.enter="analyze" class="text-xs font-medium flex items-center gap-1.5 px-3 py-1.5 rounded-lg transition-colors"
/> :class="analysisStore.isBatchMode ? 'bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400' : 'bg-gray-100 text-gray-600 dark:bg-zinc-800 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-zinc-700'"
<button >
@click="analyze" <List v-if="analysisStore.isBatchMode" class="w-3.5 h-3.5" />
:disabled="analysisStore.loading" <Link v-else class="w-3.5 h-3.5" />
class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-xl font-medium transition-colors disabled:opacity-50 flex items-center gap-2 shrink-0" {{ analysisStore.isBatchMode ? '单链接模式' : '批量输入模式' }}
> </button>
<Loader2 v-if="analysisStore.loading" class="animate-spin w-5 h-5" /> </div>
<span v-else>解析</span>
</button> <div class="flex gap-4 items-start">
<div class="flex-1 relative">
<textarea
v-if="analysisStore.isBatchMode"
v-model="analysisStore.url"
placeholder="每行输入一个链接..."
rows="5"
class="w-full bg-gray-50 dark:bg-zinc-800 border-none rounded-xl px-4 py-3 text-zinc-900 dark:text-white focus:ring-2 focus:ring-blue-500 outline-none resize-none font-mono text-sm leading-relaxed"
></textarea>
<input
v-else
v-model="analysisStore.url"
type="text"
placeholder="https://..."
class="w-full bg-gray-50 dark:bg-zinc-800 border-none rounded-xl px-4 py-3 text-zinc-900 dark:text-white focus:ring-2 focus:ring-blue-500 outline-none"
@keyup.enter="analyze"
/>
</div>
<button
@click="analyze"
:disabled="analysisStore.loading"
class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-xl font-medium transition-colors disabled:opacity-50 flex items-center gap-2 shrink-0 h-[48px]"
>
<Loader2 v-if="analysisStore.loading" class="animate-spin w-5 h-5" />
<span v-else>解析</span>
</button>
</div>
</div> </div>
<!-- Mix Toggle --> <!-- Mix Toggle (Only in Single Mode) -->
<div v-if="analysisStore.isMix" class="mt-4 flex items-center gap-3"> <div v-if="!analysisStore.isBatchMode && analysisStore.isMix" class="mt-4 flex items-center gap-3">
<button <button
@click="analysisStore.scanMix = !analysisStore.scanMix" @click="analysisStore.scanMix = !analysisStore.scanMix"
class="w-12 h-6 rounded-full relative transition-colors duration-200 ease-in-out flex-shrink-0" class="w-12 h-6 rounded-full relative transition-colors duration-200 ease-in-out flex-shrink-0"

View File

@@ -3,7 +3,7 @@ import { ref } from 'vue'
import { useSettingsStore } from '../stores/settings' import { useSettingsStore } from '../stores/settings'
import { invoke } from '@tauri-apps/api/core' import { invoke } from '@tauri-apps/api/core'
import { open } from '@tauri-apps/plugin-dialog' import { open } from '@tauri-apps/plugin-dialog'
import { Folder, RefreshCw, Monitor, Sun, Moon, Terminal } from 'lucide-vue-next' import { Folder, RefreshCw, Monitor, Sun, Moon, Terminal, Download, FileText, X } from 'lucide-vue-next'
import { format } from 'date-fns' // Import format import { format } from 'date-fns' // Import format
const settingsStore = useSettingsStore() const settingsStore = useSettingsStore()
@@ -25,6 +25,25 @@ async function browsePath() {
} }
} }
async function browseCookies() {
const selected = await open({
multiple: false,
directory: false,
filters: [{ name: 'Text Files', extensions: ['txt', 'cookies'] }, { name: 'All Files', extensions: ['*'] }],
defaultPath: settingsStore.settings.cookies_path || undefined
})
if (selected) {
settingsStore.settings.cookies_path = selected as string
await settingsStore.save()
}
}
async function clearCookies() {
settingsStore.settings.cookies_path = ''
await settingsStore.save()
}
async function updateYtdlp() { async function updateYtdlp() {
updatingYtdlp.value = true updatingYtdlp.value = true
updateStatus.value = '正在更新 yt-dlp...' updateStatus.value = '正在更新 yt-dlp...'
@@ -98,6 +117,34 @@ function setTheme(theme: 'light' | 'dark' | 'system') {
</div> </div>
</section> </section>
<!-- Cookies Path -->
<section class="bg-white dark:bg-zinc-900 p-6 rounded-2xl shadow-sm border border-gray-200 dark:border-zinc-800">
<h2 class="text-lg font-bold mb-4 text-zinc-900 dark:text-white">Cookies 文件</h2>
<div class="flex gap-3">
<div class="flex-1 bg-gray-50 dark:bg-zinc-800 rounded-xl px-4 py-3 text-sm text-gray-600 dark:text-gray-300 font-mono border border-transparent focus-within:border-blue-500 transition-colors flex items-center justify-between group min-w-0">
<div class="truncate mr-2">
{{ settingsStore.settings.cookies_path || '未设置 (默认空)' }}
</div>
<button
v-if="settingsStore.settings.cookies_path"
@click="clearCookies"
class="text-gray-400 hover:text-red-500 opacity-0 group-hover:opacity-100 transition-all p-1 rounded-md hover:bg-gray-200 dark:hover:bg-zinc-700 shrink-0"
title="清除 Cookies 路径"
>
<X class="w-4 h-4" />
</button>
</div>
<button
@click="browseCookies"
class="bg-gray-100 hover:bg-gray-200 dark:bg-zinc-800 dark:hover:bg-zinc-700 text-zinc-900 dark:text-white px-4 py-3 rounded-xl font-medium transition-colors flex items-center gap-2 shrink-0"
>
<FileText class="w-5 h-5" />
选择
</button>
</div>
<p class="text-xs text-gray-400 mt-2">选填请指定包含 cookies 的文本文件Netscape 格式频繁使用 cookies 下载视频可能导致封号慎用</p>
</section>
<!-- Theme --> <!-- Theme -->
<section class="bg-white dark:bg-zinc-900 p-6 rounded-2xl shadow-sm border border-gray-200 dark:border-zinc-800"> <section class="bg-white dark:bg-zinc-900 p-6 rounded-2xl shadow-sm border border-gray-200 dark:border-zinc-800">
<h2 class="text-lg font-bold mb-4 text-zinc-900 dark:text-white">外观</h2> <h2 class="text-lg font-bold mb-4 text-zinc-900 dark:text-white">外观</h2>