PDF Text Extractor
+Processing PDF...
} + {pages.map(page => ( +
+
+ ))}
+ Page {page.page}
+{page.content}
+- `content`: Extracted text in markdown
- `metadata`: Processing metadata | -| `ocrllm.pdf(input)` | Processes a PDF document | `input`: File path, URL, base64 string, or Buffer | `Promise
- Page number
- Content
- Metadata | +### `OcrLLM` Class + +#### `new OcrLLM(config)` + +Creates a new instance of OcrLLM. + +- **Parameters**: + - `config` (Object): + - `provider` (string): OCR provider (currently only `'openai'` is supported) + - `key` (string): API key for the provider +- **Returns**: `OcrLLM` instance + +### Image Processing + +#### `ocrllm.image(input)` + +Processes a single image. + +- **Parameters**: + - `input` (string | Buffer): File path, URL, base64 string, or Buffer +- **Returns**: `Promise
-
-);
+const FileUpload = dynamic(() => import('@/components/file-upload'), {
+ ssr: false,
+});
-const SkeletonLoader = () => (
-
- {type === 'image' ? (
- 
- ) : (
-
- )}
-
-
- {[...Array(15)].map((_, i) => (
-
-
- ))}
+const Loader = () => (
+
+
);
const ContentDisplay = ({
contents,
- isLoading,
}: {
contents: PageResult[] | ImageResult[];
- isLoading: boolean;
}) => {
- if (isLoading) {
- return (
- Extracting text
-
- );
- }
-
return (
-
+
{contents?.map((content, i) => (
{'page' in content && (
@@ -152,81 +88,91 @@ const ContentDisplay = ({
);
};
-const Landing = ({
- onUpload,
-}: {
- onUpload: (url: string, type: 'image' | 'pdf') => void;
-}) => (
- ([]);
const [isLoading, setIsLoading] = useState(false);
- const [previewUrl, setPreviewUrl] = useState('');
- const [fileType, setFileType] = useState<'image' | 'pdf' | null>(null);
+ const abortControllerRef = useRef(null);
- const handleUpload = async (url: string, type: 'image' | 'pdf') => {
+ const handleUpload = async (urls: string | string[]) => {
+ // Abort any ongoing request
+ if (abortControllerRef.current) {
+ abortControllerRef.current.abort();
+ }
+
+ // Create new AbortController for this request
+ abortControllerRef.current = new AbortController();
setIsLoading(true);
- setPreviewUrl(url);
- setFileType(type);
try {
const response = await fetch('/api/extract', {
method: 'POST',
- body: JSON.stringify({url, type}),
+ body: JSON.stringify({urls}),
+ signal: abortControllerRef.current.signal,
});
const {result} = (await response.json()) ?? {};
- setContents(type === 'image' ? [result] : result);
+ setContents(!Array.isArray(result) ? [result] : result);
+ } catch (error) {
+ if (error instanceof DOMException && error.name === 'AbortError') {
+ setContents([]);
+ } else {
+ console.error('Error during extraction:', error);
+ }
} finally {
setIsLoading(false);
+ abortControllerRef.current = null;
}
};
- const handleReset = () => {
+ const handleClose = () => {
+ if (abortControllerRef.current) {
+ abortControllerRef.current.abort();
+ }
setContents([]);
- setPreviewUrl('');
- setFileType(null);
- setIsLoading(false);
};
- if (previewUrl && fileType) {
- return (
-
-
-);
-
export default function Home() {
const [contents, setContents] = useState
-
-
-
- - OcrLLM -
-- Fast, ultra-accurate text extraction from any image or PDF—including - challenging ones—with structured markdown output powered by vision - models. -
-
-
-