@markitdownjs/react 0.1.0

package/dist/components.d.ts

@@ -0,0 +1,25 @@
+import type { ConversionResult } from '@markitdownjs/shared';
+export interface DocumentDropzoneProps {
+    onConvert: (result: ConversionResult) => void;
+    onError?: (error: Error) => void;
+    accept?: string[];
+    disabled?: boolean;
+    className?: string;
+}
+export declare function DocumentDropzone({ onConvert, onError, accept, disabled, className, }: DocumentDropzoneProps): import("react").JSX.Element;
+export interface DocumentPreviewProps {
+    result: ConversionResult;
+    className?: string;
+}
+export declare function DocumentPreview({ result, className }: DocumentPreviewProps): import("react").JSX.Element;
+export interface MarkdownViewerProps {
+    markdown: string;
+    className?: string;
+}
+export declare function MarkdownViewer({ markdown, className }: MarkdownViewerProps): import("react").JSX.Element;
+export interface ConversionProgressProps {
+    progress: number;
+    className?: string;
+}
+export declare function ConversionProgress({ progress, className }: ConversionProgressProps): import("react").JSX.Element;
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG7D,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,OAAO,EACP,MAA6F,EAC7F,QAAgB,EAChB,SAAc,GACf,EAAE,qBAAqB,+BAkFvB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,SAAc,EAAE,EAAE,oBAAoB,+BAqC/E;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,mBAAmB,+BAoB/E;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,uBAAuB,+BA2BvF"}

package/dist/components.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useRef } from 'react';
+import { useDocumentParser } from './hooks.js';
+export function DocumentDropzone({ onConvert, onError, accept = ['.pdf', '.docx', '.pptx', '.xlsx', '.html', '.csv', '.json', '.xml', '.txt', '.md'], disabled = false, className = '', }) {
+    const { convert, isConverting, progress, error } = useDocumentParser();
+    const [isDragOver, setIsDragOver] = useState(false);
+    const inputRef = useRef(null);
+    const handleFile = useCallback(async (file) => {
+        try {
+            const result = await convert(file);
+            onConvert(result);
+        }
+        catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err));
+            onError?.(e);
+        }
+    }, [convert, onConvert, onError]);
+    const handleDragOver = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled)
+            setIsDragOver(true);
+    }, [disabled]);
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+    }, []);
+    const handleDrop = useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragOver(false);
+        if (disabled)
+            return;
+        const file = e.dataTransfer.files[0];
+        if (file)
+            handleFile(file);
+    }, [disabled, handleFile]);
+    const handleInputChange = useCallback((e) => {
+        const file = e.target.files?.[0];
+        if (file)
+            handleFile(file);
+        e.target.value = '';
+    }, [handleFile]);
+    return (_jsxs("div", { onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => !disabled && inputRef.current?.click(), className: className, style: {
+            border: `2px dashed ${isDragOver ? '#3b82f6' : '#d1d5db'}`,
+            borderRadius: '8px',
+            padding: '32px',
+            textAlign: 'center',
+            cursor: disabled ? 'not-allowed' : 'pointer',
+            backgroundColor: isDragOver ? '#eff6ff' : 'transparent',
+            opacity: disabled ? 0.5 : 1,
+            transition: 'all 0.2s',
+        }, children: [_jsx("input", { ref: inputRef, type: "file", accept: accept.join(','), onChange: handleInputChange, disabled: disabled, style: { display: 'none' } }), isConverting ? (_jsx(ConversionProgress, { progress: progress })) : (_jsx("p", { style: { margin: 0, color: '#6b7280' }, children: "Drag and drop a document here, or click to browse" })), error && (_jsx("p", { style: { margin: '8px 0 0', color: '#ef4444', fontSize: '14px' }, children: error.message }))] }));
+}
+export function DocumentPreview({ result, className = '' }) {
+    return (_jsxs("div", { className: className, children: [result.metadata.title && (_jsx("h2", { style: { margin: '0 0 8px', fontSize: '1.25rem', fontWeight: 600 }, children: result.metadata.title })), result.metadata.author && (_jsxs("p", { style: { margin: '0 0 4px', color: '#6b7280', fontSize: '14px' }, children: ["By ", result.metadata.author] })), result.metadata.wordCount != null && (_jsxs("p", { style: { margin: '0 0 16px', color: '#9ca3af', fontSize: '13px' }, children: [result.metadata.wordCount.toLocaleString(), " words"] })), _jsx("pre", { style: {
+                    margin: 0,
+                    padding: '16px',
+                    backgroundColor: '#f9fafb',
+                    border: '1px solid #e5e7eb',
+                    borderRadius: '6px',
+                    overflow: 'auto',
+                    maxHeight: '400px',
+                    fontSize: '14px',
+                    lineHeight: 1.5,
+                    whiteSpace: 'pre-wrap',
+                    fontFamily: 'ui-monospace, monospace',
+                }, children: result.markdown })] }));
+}
+export function MarkdownViewer({ markdown, className = '' }) {
+    const html = markdown
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/^### (.+)$/gm, '<h3>$1</h3>')
+        .replace(/^## (.+)$/gm, '<h2>$1</h2>')
+        .replace(/^# (.+)$/gm, '<h1>$1</h1>')
+        .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
+        .replace(/\*(.+?)\*/g, '<em>$1</em>')
+        .replace(/`(.+?)`/g, '<code>$1</code>')
+        .replace(/\n/g, '<br/>');
+    return (_jsx("div", { className: className, style: { lineHeight: 1.6, fontSize: '15px' }, dangerouslySetInnerHTML: { __html: html } }));
+}
+export function ConversionProgress({ progress, className = '' }) {
+    return (_jsxs("div", { className: className, children: [_jsx("div", { style: {
+                    width: '100%',
+                    height: '6px',
+                    backgroundColor: '#e5e7eb',
+                    borderRadius: '3px',
+                    overflow: 'hidden',
+                }, children: _jsx("div", { style: {
+                        height: '100%',
+                        width: `${Math.min(100, Math.max(0, progress))}%`,
+                        backgroundColor: '#3b82f6',
+                        borderRadius: '3px',
+                        transition: 'width 0.3s ease',
+                    } }) }), _jsxs("p", { style: { margin: '8px 0 0', fontSize: '13px', color: '#6b7280' }, children: ["Converting... ", Math.round(progress), "%"] })] }));
+}
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"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"}

package/dist/hooks.d.ts

@@ -0,0 +1,20 @@
+import type { ConversionResult, ConversionOptions } from '@markitdownjs/shared';
+interface UseDocumentParserReturn {
+    convert: (file: File, options?: ConversionOptions) => Promise<ConversionResult>;
+    result: ConversionResult | null;
+    isConverting: boolean;
+    error: Error | null;
+    progress: number;
+    reset: () => void;
+}
+export declare function useDocumentParser(): UseDocumentParserReturn;
+interface UseMarkdownConversionReturn {
+    markdown: string | null;
+    isConverting: boolean;
+    error: Error | null;
+    convertToMarkdown: (file: File) => Promise<string>;
+    convertToJson: (file: File) => Promise<string>;
+}
+export declare function useMarkdownConversion(): UseMarkdownConversionReturn;
+export {};
+//# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAgB,MAAM,sBAAsB,CAAC;AAE9F,UAAU,uBAAuB;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,iBAAiB,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAChF,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,iBAAiB,IAAI,uBAAuB,CAqD3D;AAED,UAAU,2BAA2B;IACnC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACnD,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CAChD;AAED,wBAAgB,qBAAqB,IAAI,2BAA2B,CAwCnE"}

package/dist/hooks.js

@@ -0,0 +1,96 @@
+import { useState, useCallback, useRef, useEffect } from 'react';
+export function useDocumentParser() {
+    const [result, setResult] = useState(null);
+    const [isConverting, setIsConverting] = useState(false);
+    const [error, setError] = useState(null);
+    const [progress, setProgress] = useState(0);
+    const abortRef = useRef(null);
+    const convert = useCallback(async (file, options) => {
+        abortRef.current?.abort();
+        abortRef.current = new AbortController();
+        setIsConverting(true);
+        setError(null);
+        setProgress(0);
+        setResult(null);
+        try {
+            const { MarkItDown } = await import('@markitdownjs/core');
+            const parser = new MarkItDown();
+            const conversionResult = await parser.convert({
+                data: file,
+                fileName: file.name,
+                mimeType: file.type || undefined,
+                options: {
+                    ...options,
+                    signal: abortRef.current.signal,
+                    onProgress: (info) => setProgress(info.percentage),
+                },
+            });
+            setResult(conversionResult);
+            return conversionResult;
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error(String(err));
+            setError(error);
+            throw error;
+        }
+        finally {
+            setIsConverting(false);
+        }
+    }, []);
+    const reset = useCallback(() => {
+        abortRef.current?.abort();
+        setResult(null);
+        setError(null);
+        setProgress(0);
+        setIsConverting(false);
+    }, []);
+    useEffect(() => {
+        return () => {
+            abortRef.current?.abort();
+        };
+    }, []);
+    return { convert, result, isConverting, error, progress, reset };
+}
+export function useMarkdownConversion() {
+    const [markdown, setMarkdown] = useState(null);
+    const [isConverting, setIsConverting] = useState(false);
+    const [error, setError] = useState(null);
+    const convertToMarkdown = useCallback(async (file) => {
+        setIsConverting(true);
+        setError(null);
+        try {
+            const { MarkItDown } = await import('@markitdownjs/core');
+            const parser = new MarkItDown();
+            const md = await parser.convertToMarkdown(file);
+            setMarkdown(md);
+            return md;
+        }
+        catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err));
+            setError(e);
+            throw e;
+        }
+        finally {
+            setIsConverting(false);
+        }
+    }, []);
+    const convertToJson = useCallback(async (file) => {
+        setIsConverting(true);
+        setError(null);
+        try {
+            const { MarkItDown } = await import('@markitdownjs/core');
+            const parser = new MarkItDown();
+            return await parser.convertToJson(file);
+        }
+        catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err));
+            setError(e);
+            throw e;
+        }
+        finally {
+            setIsConverting(false);
+        }
+    }, []);
+    return { markdown, isConverting, error, convertToMarkdown, convertToJson };
+}
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { useDocumentParser, useMarkdownConversion } from './hooks.js';
+export { DocumentDropzone, DocumentPreview, MarkdownViewer, ConversionProgress, } from './components.js';
+export { MarkItDownProvider, useMarkItDown } from './provider.js';
+export type { DocumentDropzoneProps, DocumentPreviewProps, MarkdownViewerProps, ConversionProgressProps, } from './components.js';
+export type { MarkItDownProviderProps } from './provider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAClE,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export { useDocumentParser, useMarkdownConversion } from './hooks.js';
+export { DocumentDropzone, DocumentPreview, MarkdownViewer, ConversionProgress, } from './components.js';
+export { MarkItDownProvider, useMarkItDown } from './provider.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/provider.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+import type { ConversionInput, ConversionResult } from '@markitdownjs/shared';
+interface MarkItDownContextValue {
+    convert: (input: ConversionInput) => Promise<ConversionResult>;
+    convertToMarkdown: (input: ConversionInput) => Promise<string>;
+    convertToJson: (input: ConversionInput) => Promise<string>;
+}
+export interface MarkItDownProviderProps {
+    children: ReactNode;
+}
+export declare function MarkItDownProvider({ children }: MarkItDownProviderProps): import("react").JSX.Element;
+export declare function useMarkItDown(): MarkItDownContextValue;
+export {};
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE9E,UAAU,sBAAsB;IAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC/D,iBAAiB,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC/D,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CAC5D;AAID,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BA+BvE;AAED,wBAAgB,aAAa,IAAI,sBAAsB,CAMtD"}

package/dist/provider.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useRef, useCallback } from 'react';
+const MarkItDownContext = createContext(null);
+export function MarkItDownProvider({ children }) {
+    const parserRef = useRef(null);
+    const getParser = useCallback(async () => {
+        if (!parserRef.current) {
+            const { MarkItDown } = await import('@markitdownjs/core');
+            parserRef.current = new MarkItDown();
+        }
+        return parserRef.current;
+    }, []);
+    const convert = useCallback(async (input) => {
+        const parser = await getParser();
+        return parser.convert(input);
+    }, [getParser]);
+    const convertToMarkdown = useCallback(async (input) => {
+        const parser = await getParser();
+        return parser.convertToMarkdown(input);
+    }, [getParser]);
+    const convertToJson = useCallback(async (input) => {
+        const parser = await getParser();
+        return parser.convertToJson(input);
+    }, [getParser]);
+    return (_jsx(MarkItDownContext.Provider, { value: { convert, convertToMarkdown, convertToJson }, children: children }));
+}
+export function useMarkItDown() {
+    const context = useContext(MarkItDownContext);
+    if (!context) {
+        throw new Error('useMarkItDown must be used within a MarkItDownProvider');
+    }
+    return context;
+}
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAC;AASvF,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAC;AAM7E,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACtE,MAAM,SAAS,GAAG,MAAM,CAAiD,IAAI,CAAC,CAAC;IAE/E,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACvC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACvB,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAC;YAC1D,SAAS,CAAC,OAAO,GAAG,IAAI,UAAU,EAAE,CAAC;QACvC,CAAC;QACD,OAAO,SAAS,CAAC,OAAO,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,EAAE,KAAsB,EAAE,EAAE;QAC3D,MAAM,MAAM,GAAG,MAAM,SAAS,EAAE,CAAC;QACjC,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,EAAE,KAAsB,EAAE,EAAE;QACrE,MAAM,MAAM,GAAG,MAAM,SAAS,EAAE,CAAC;QACjC,OAAO,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,EAAE,KAAsB,EAAE,EAAE;QACjE,MAAM,MAAM,GAAG,MAAM,SAAS,EAAE,CAAC;QACjC,OAAO,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAC7E,QAAQ,GACkB,CAC9B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,wDAAwD,CAAC,CAAC;IAC5E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@markitdownjs/react",
+  "version": "0.1.0",
+  "description": "React hooks and components for MarkItDownJS document conversion",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@markitdownjs/shared": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.5.0",
+    "react": "^18.2.0",
+    "@types/react": "^18.2.0",
+    "@markitdownjs/core": "0.1.0"
+  },
+  "scripts": {
+    "build": "tsc --project tsconfig.json",
+    "dev": "tsc --watch --project tsconfig.json",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo"
+  }
+}