Files
KVideo/app/settings/hooks/useSettingsPage.ts
T
2025-12-24 23:53:24 +08:00

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,
};
}