5316596a1b
Replaces custom IndexedDB implementation with Dexie ORM, eliminating 850+ lines of boilerplate code and introducing reactive live queries across all document types. Transforms document management from imperative refresh patterns to automatic reactive updates using dexie-react-hooks. Simplifies TTS backend by removing concurrency semaphore while maintaining request de-duplication through in-flight tracking. Streamlines document hooks by removing manual state management and refresh methods. Updates package dependencies and type definitions to support new database architecture while maintaining full backward compatibility for existing documents and settings. BREAKING CHANGE: Document hooks no longer expose refresh() methods as updates are now reactive through live queries.
89 lines
2.3 KiB
TypeScript
89 lines
2.3 KiB
TypeScript
'use client';
|
|
|
|
import { createContext, useContext, ReactNode } from 'react';
|
|
import { usePDFDocuments } from '@/hooks/pdf/usePDFDocuments';
|
|
import { useEPUBDocuments } from '@/hooks/epub/useEPUBDocuments';
|
|
import { useHTMLDocuments } from '@/hooks/html/useHTMLDocuments';
|
|
import { PDFDocument, EPUBDocument, HTMLDocument } from '@/types/documents';
|
|
|
|
interface DocumentContextType {
|
|
// PDF Documents
|
|
pdfDocs: PDFDocument[];
|
|
addPDFDocument: (file: File) => Promise<string>;
|
|
removePDFDocument: (id: string) => Promise<void>;
|
|
isPDFLoading: boolean;
|
|
|
|
// EPUB Documents
|
|
epubDocs: EPUBDocument[];
|
|
addEPUBDocument: (file: File) => Promise<string>;
|
|
removeEPUBDocument: (id: string) => Promise<void>;
|
|
isEPUBLoading: boolean;
|
|
|
|
// HTML Documents
|
|
htmlDocs: HTMLDocument[];
|
|
addHTMLDocument: (file: File) => Promise<string>;
|
|
removeHTMLDocument: (id: string) => Promise<void>;
|
|
isHTMLLoading: boolean;
|
|
|
|
clearPDFs: () => Promise<void>;
|
|
clearEPUBs: () => Promise<void>;
|
|
clearHTML: () => Promise<void>;
|
|
}
|
|
|
|
const DocumentContext = createContext<DocumentContextType | undefined>(undefined);
|
|
|
|
export function DocumentProvider({ children }: { children: ReactNode }) {
|
|
const {
|
|
documents: pdfDocs,
|
|
addDocument: addPDFDocument,
|
|
removeDocument: removePDFDocument,
|
|
isLoading: isPDFLoading,
|
|
clearDocuments: clearPDFs
|
|
} = usePDFDocuments();
|
|
|
|
const {
|
|
documents: epubDocs,
|
|
addDocument: addEPUBDocument,
|
|
removeDocument: removeEPUBDocument,
|
|
isLoading: isEPUBLoading,
|
|
clearDocuments: clearEPUBs
|
|
} = useEPUBDocuments();
|
|
|
|
const {
|
|
documents: htmlDocs,
|
|
addDocument: addHTMLDocument,
|
|
removeDocument: removeHTMLDocument,
|
|
isLoading: isHTMLLoading,
|
|
clearDocuments: clearHTML
|
|
} = useHTMLDocuments();
|
|
|
|
return (
|
|
<DocumentContext.Provider value={{
|
|
pdfDocs,
|
|
addPDFDocument,
|
|
removePDFDocument,
|
|
isPDFLoading,
|
|
epubDocs,
|
|
addEPUBDocument,
|
|
removeEPUBDocument,
|
|
isEPUBLoading,
|
|
htmlDocs,
|
|
addHTMLDocument,
|
|
removeHTMLDocument,
|
|
isHTMLLoading,
|
|
clearPDFs,
|
|
clearEPUBs,
|
|
clearHTML
|
|
}}>
|
|
{children}
|
|
</DocumentContext.Provider>
|
|
);
|
|
}
|
|
|
|
export function useDocuments() {
|
|
const context = useContext(DocumentContext);
|
|
if (context === undefined) {
|
|
throw new Error('useDocuments must be used within a DocumentProvider');
|
|
}
|
|
return context;
|
|
}
|