support multiple input

This commit is contained in:
Julian Freeman
2025-12-30 00:50:55 -04:00
parent f164569e89
commit 0a439dbd71
2 changed files with 140 additions and 46 deletions

View File

@@ -12,6 +12,9 @@ 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',
@@ -55,5 +58,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

@@ -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'
@@ -68,6 +68,69 @@ async function analyze() {
analysisStore.metadata = null analysisStore.metadata = null
try { try {
if (analysisStore.isBatchMode) {
// 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;
// Allow if it has NO list param
if (!l.includes('list=')) return true;
// Allow if it has list param BUT ALSO has v= (video in playlist/mix)
if (l.includes('list=') && l.includes('v=')) return true;
// Otherwise ignore (pure playlist)
return false;
});
if (validLinks.length === 0) {
throw new Error("未找到有效的单个视频链接(已忽略纯播放列表链接)。");
}
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("所有链接解析失败或均为播放列表。");
}
// 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 urlToScan = analysisStore.url;
let parseMix = false; let parseMix = false;
@@ -98,6 +161,7 @@ async function analyze() {
} }
analysisStore.metadata = res analysisStore.metadata = res
}
} catch (e: any) { } catch (e: any) {
analysisStore.error = e.toString() analysisStore.error = e.toString()
} finally { } finally {
@@ -189,26 +253,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 Area with Batch Toggle -->
<div class="flex flex-col gap-3">
<div class="flex justify-end mb-1">
<button
@click="analysisStore.isBatchMode = !analysisStore.isBatchMode"
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'"
>
<List v-if="analysisStore.isBatchMode" class="w-3.5 h-3.5" />
<Link v-else class="w-3.5 h-3.5" />
{{ analysisStore.isBatchMode ? '切换到单链接模式' : '批量输入模式' }}
</button>
</div>
<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 <input
v-else
v-model="analysisStore.url" v-model="analysisStore.url"
type="text" type="text"
placeholder="https://youtube.com/watch?v=..." placeholder="https://youtube.com/watch?v=..."
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" 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" @keyup.enter="analyze"
/> />
</div>
<button <button
@click="analyze" @click="analyze"
:disabled="analysisStore.loading" :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" 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" /> <Loader2 v-if="analysisStore.loading" class="animate-spin w-5 h-5" />
<span v-else>解析</span> <span v-else>解析</span>
</button> </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"