mirror of
https://github.com/KuekHaoYang/KVideo.git
synced 2026-08-12 23:33:43 +08:00
302 lines
10 KiB
TypeScript
302 lines
10 KiB
TypeScript
import { useState, useEffect } from 'react';
|
|
import { settingsStore, getDefaultSources, type SortOption } from '@/lib/store/settings-store';
|
|
import type { VideoSource, SourceSubscription } from '@/lib/types';
|
|
import {
|
|
type ImportResult,
|
|
mergeSources,
|
|
parseSourcesFromJson,
|
|
fetchSourcesFromUrl
|
|
} from '@/lib/utils/source-import-utils';
|
|
|
|
export function useSettingsPage() {
|
|
const [sources, setSources] = useState<VideoSource[]>([]);
|
|
const [subscriptions, setSubscriptions] = useState<SourceSubscription[]>([]);
|
|
const [sortBy, setSortBy] = useState<SortOption>('default');
|
|
const [isAddModalOpen, setIsAddModalOpen] = useState(false);
|
|
const [isExportModalOpen, setIsExportModalOpen] = useState(false);
|
|
const [isImportModalOpen, setIsImportModalOpen] = useState(false);
|
|
const [isResetDialogOpen, setIsResetDialogOpen] = useState(false);
|
|
const [isRestoreDefaultsDialogOpen, setIsRestoreDefaultsDialogOpen] = useState(false);
|
|
const [editingSource, setEditingSource] = useState<VideoSource | null>(null);
|
|
|
|
const [passwordAccess, setPasswordAccess] = useState(false);
|
|
const [accessPasswords, setAccessPasswords] = useState<string[]>([]);
|
|
const [envPasswordSet, setEnvPasswordSet] = useState(false);
|
|
|
|
useEffect(() => {
|
|
const settings = settingsStore.getSettings();
|
|
setSources(settings.sources || []);
|
|
setSubscriptions(settings.subscriptions || []);
|
|
setSortBy(settings.sortBy);
|
|
setPasswordAccess(settings.passwordAccess);
|
|
setAccessPasswords(settings.accessPasswords);
|
|
|
|
// Fetch env password status
|
|
fetch('/api/config')
|
|
.then(res => res.json())
|
|
.then(data => setEnvPasswordSet(data.hasEnvPassword))
|
|
.catch(() => setEnvPasswordSet(false));
|
|
}, []);
|
|
|
|
const handleSourcesChange = (newSources: VideoSource[]) => {
|
|
setSources(newSources);
|
|
const currentSettings = settingsStore.getSettings();
|
|
settingsStore.saveSettings({
|
|
...currentSettings,
|
|
sources: newSources,
|
|
sortBy,
|
|
subscriptions,
|
|
searchHistory: true,
|
|
watchHistory: true,
|
|
passwordAccess,
|
|
accessPasswords
|
|
});
|
|
};
|
|
|
|
const handleAddSource = (source: VideoSource) => {
|
|
const exists = sources.some(s => s.id === source.id);
|
|
const updated = exists
|
|
? sources.map(s => s.id === source.id ? source : s)
|
|
: [...sources, source];
|
|
handleSourcesChange(updated);
|
|
setEditingSource(null);
|
|
};
|
|
|
|
const handleEditSource = (source: VideoSource) => {
|
|
setEditingSource(source);
|
|
setIsAddModalOpen(true);
|
|
};
|
|
|
|
const handleSortChange = (newSort: SortOption) => {
|
|
setSortBy(newSort);
|
|
const currentSettings = settingsStore.getSettings();
|
|
settingsStore.saveSettings({
|
|
...currentSettings,
|
|
sources,
|
|
sortBy: newSort,
|
|
searchHistory: true,
|
|
watchHistory: true,
|
|
passwordAccess,
|
|
accessPasswords
|
|
});
|
|
};
|
|
|
|
const handlePasswordToggle = (enabled: boolean) => {
|
|
setPasswordAccess(enabled);
|
|
const currentSettings = settingsStore.getSettings();
|
|
settingsStore.saveSettings({
|
|
...currentSettings,
|
|
sources,
|
|
sortBy,
|
|
searchHistory: true,
|
|
watchHistory: true,
|
|
passwordAccess: enabled,
|
|
accessPasswords
|
|
});
|
|
};
|
|
|
|
const handleAddPassword = (password: string) => {
|
|
const updated = [...accessPasswords, password];
|
|
setAccessPasswords(updated);
|
|
const currentSettings = settingsStore.getSettings();
|
|
settingsStore.saveSettings({
|
|
...currentSettings,
|
|
sources,
|
|
sortBy,
|
|
searchHistory: true,
|
|
watchHistory: true,
|
|
passwordAccess,
|
|
accessPasswords: updated
|
|
});
|
|
};
|
|
|
|
const handleRemovePassword = (password: string) => {
|
|
const updated = accessPasswords.filter(p => p !== password);
|
|
setAccessPasswords(updated);
|
|
const currentSettings = settingsStore.getSettings();
|
|
settingsStore.saveSettings({
|
|
...currentSettings,
|
|
sources,
|
|
sortBy,
|
|
searchHistory: true,
|
|
watchHistory: true,
|
|
passwordAccess,
|
|
accessPasswords: updated
|
|
});
|
|
};
|
|
|
|
const handleExport = (includeSearchHistory: boolean, includeWatchHistory: boolean) => {
|
|
const data = settingsStore.exportSettings(includeSearchHistory || includeWatchHistory);
|
|
const blob = new Blob([data], { type: 'application/json' });
|
|
const url = URL.createObjectURL(blob);
|
|
const a = document.createElement('a');
|
|
a.href = url;
|
|
a.download = `kvideo-settings-${Date.now()}.json`;
|
|
a.click();
|
|
URL.revokeObjectURL(url);
|
|
};
|
|
|
|
const handleImportFile = (jsonString: string): boolean => {
|
|
// 1. Try to import as full settings backup
|
|
const asBackupSuccess = settingsStore.importSettings(jsonString);
|
|
if (asBackupSuccess) {
|
|
const settings = settingsStore.getSettings();
|
|
setSources(settings.sources);
|
|
setSortBy(settings.sortBy);
|
|
setSubscriptions(settings.subscriptions || []);
|
|
setPasswordAccess(settings.passwordAccess);
|
|
setAccessPasswords(settings.accessPasswords);
|
|
return true;
|
|
}
|
|
|
|
// 2. Try to import as source list (JSON format)
|
|
try {
|
|
const result = parseSourcesFromJson(jsonString);
|
|
if (result.totalCount > 0) {
|
|
return handleImportLink(result, false); // Reuse link import logic
|
|
}
|
|
} catch {
|
|
return false;
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
const handleImportLink = (result: ImportResult, isSync: boolean = false): boolean => {
|
|
try {
|
|
// Merge normal sources
|
|
let updatedSources = mergeSources(sources, result.normalSources);
|
|
|
|
// Merge adult sources if needed
|
|
const currentSettings = settingsStore.getSettings();
|
|
let updatedAdultSources = mergeSources(currentSettings.adultSources, result.adultSources);
|
|
|
|
// Save everything
|
|
settingsStore.saveSettings({
|
|
...currentSettings,
|
|
sources: updatedSources,
|
|
adultSources: updatedAdultSources,
|
|
});
|
|
|
|
setSources(updatedSources); // Update local state
|
|
|
|
// If strictly creating/editing subscription, we don't reload page usually, but here we might want to refresh UI
|
|
if (!isSync) {
|
|
setTimeout(() => window.location.reload(), 1000);
|
|
}
|
|
|
|
return true;
|
|
} catch (e) {
|
|
console.error("Import error:", e);
|
|
return false;
|
|
}
|
|
};
|
|
|
|
// Subscription Handlers
|
|
const handleAddSubscription = async (sub: SourceSubscription): Promise<boolean> => {
|
|
// Verify we can fetch it
|
|
try {
|
|
const result = await fetchSourcesFromUrl(sub.url);
|
|
|
|
// Import the content
|
|
handleImportLink(result, true);
|
|
|
|
// Add subscription to store
|
|
const newSubscriptions = [...subscriptions, sub];
|
|
setSubscriptions(newSubscriptions);
|
|
|
|
const currentSettings = settingsStore.getSettings();
|
|
settingsStore.saveSettings({
|
|
...currentSettings,
|
|
subscriptions: newSubscriptions
|
|
});
|
|
|
|
return true;
|
|
} catch (e) {
|
|
console.error(e);
|
|
throw new Error('无法连接到订阅链接或格式错误');
|
|
}
|
|
};
|
|
|
|
const handleRemoveSubscription = (id: string) => {
|
|
const newSubscriptions = subscriptions.filter(s => s.id !== id);
|
|
setSubscriptions(newSubscriptions);
|
|
|
|
const currentSettings = settingsStore.getSettings();
|
|
settingsStore.saveSettings({
|
|
...currentSettings,
|
|
subscriptions: newSubscriptions
|
|
});
|
|
};
|
|
|
|
const handleRefreshSubscription = async (sub: SourceSubscription) => {
|
|
try {
|
|
const result = await fetchSourcesFromUrl(sub.url);
|
|
handleImportLink(result, true);
|
|
|
|
// Update last updated timestamp
|
|
const updatedSubscriptions = subscriptions.map(s =>
|
|
s.id === sub.id ? { ...s, lastUpdated: Date.now() } : s
|
|
);
|
|
setSubscriptions(updatedSubscriptions);
|
|
|
|
const currentSettings = settingsStore.getSettings();
|
|
settingsStore.saveSettings({
|
|
...currentSettings,
|
|
subscriptions: updatedSubscriptions
|
|
});
|
|
} catch (e) {
|
|
console.error(e);
|
|
// Optionally notify user of failure
|
|
}
|
|
};
|
|
|
|
const handleRestoreDefaults = () => {
|
|
const defaults = getDefaultSources();
|
|
handleSourcesChange(defaults);
|
|
setIsRestoreDefaultsDialogOpen(false);
|
|
};
|
|
|
|
const handleResetAll = () => {
|
|
settingsStore.resetToDefaults();
|
|
setIsResetDialogOpen(false);
|
|
window.location.reload();
|
|
};
|
|
|
|
return {
|
|
sources,
|
|
subscriptions,
|
|
sortBy,
|
|
passwordAccess,
|
|
accessPasswords,
|
|
envPasswordSet,
|
|
isAddModalOpen,
|
|
isExportModalOpen,
|
|
isImportModalOpen,
|
|
isResetDialogOpen,
|
|
isRestoreDefaultsDialogOpen,
|
|
setIsAddModalOpen,
|
|
setIsExportModalOpen,
|
|
setIsImportModalOpen,
|
|
setIsResetDialogOpen,
|
|
setIsRestoreDefaultsDialogOpen,
|
|
setEditingSource,
|
|
handleSourcesChange,
|
|
handleAddSource,
|
|
handleSortChange,
|
|
handlePasswordToggle,
|
|
handleAddPassword,
|
|
handleRemovePassword,
|
|
handleExport,
|
|
handleImportFile, // Renamed from handleImport
|
|
handleImportLink, // New
|
|
handleAddSubscription, // New
|
|
handleRemoveSubscription, // New
|
|
handleRefreshSubscription, // New
|
|
handleRestoreDefaults,
|
|
handleResetAll,
|
|
editingSource,
|
|
handleEditSource,
|
|
};
|
|
}
|