@aivue/doc-intelligence

> AI-powered document parser and extractor for Vue 3 - Upload PDFs/images, extract structured data from invoices, receipts, forms, and IDs with OCR and entity recognition


✨ Features

$3

- PDF Processing - Extract text from PDF documents
- Image Processing - Support for PNG, JPG, JPEG, and more
- Drag & Drop Upload - Intuitive file upload interface
- Multi-File Processing - Process multiple documents simultaneously

$3

- Document Type Detection - Automatically identifies invoices, receipts, forms, IDs, passports, driver licenses, business cards, and contracts
- AI-Powered Classification - Optional AI enhancement for better accuracy
- Pattern Matching - Fast, offline document type detection

$3

- Offline OCR - Uses Tesseract.js for privacy-first text extraction
- Multi-Language Support - Process documents in 100+ languages
- High Accuracy - Advanced OCR with confidence scores
- PDF Text Extraction - Native PDF text extraction with fallback to OCR

$3

- Dates - Extracts dates in various formats
- Monetary Amounts - Identifies currency values
- Names - Detects person and company names
- Email Addresses - Finds email contacts
- Phone Numbers - Extracts phone numbers in multiple formats
- Addresses - Identifies street addresses
- Invoice Numbers - Detects invoice/receipt numbers
- Tax IDs - Finds tax identification numbers

$3

- Smart Form Generation - Automatically creates Vue forms from extracted data
- Editable Fields - Review and edit extracted information
- Confidence Indicators - Shows extraction confidence for each field
- Validation - Built-in form validation

$3

- DocumentUpload - Drag-and-drop file upload with preview
- DocumentViewer - Display documents with extracted data overlay
- ExtractedDataForm - Auto-generated forms from document data

$3

- Local Processing - All OCR happens in the browser
- No Server Required - Works completely offline
- Data Security - Your documents never leave your device

📦 Installation

``bash
npm install @aivue/doc-intelligence
`

🚀 Quick Start

$3

`vue



`

$3

`vue

`

📚 Components

$3

Upload component with drag-and-drop support.

Props:
- title (String) - Upload area title
- description (String) - Upload area description
- acceptedTypes (String) - Accepted file MIME types
- acceptedFormats (String) - Display text for accepted formats
- multiple (Boolean) - Allow multiple file selection
- maxFileSize (Number) - Maximum file size in MB
- maxFiles (Number) - Maximum number of files
- showProgress (Boolean) - Show upload progress bar

Events:
- files-selected - Emitted when files are selected
- file-removed - Emitted when a file is removed
- error - Emitted on validation errors

$3

Display documents with extracted data overlay.

Props:
- documentUrl (String) - Document URL or data URL
- documentName (String) - Document filename
- documentType (Object) - Detected document type
- extractedData (Object) - Extracted entities
- showExtractedData (Boolean) - Show data panel

$3

Auto-generated form from extracted data.

Props:
- title (String) - Form title
- description (String) - Form description
- fields (Array) - Custom form fields
- extractedData (Object) - Extracted data to generate form from
- autoGenerateFields (Boolean) - Auto-generate fields from data
- submitButtonText (String) - Submit button text

Events:
- submit - Emitted on form submission
- reset - Emitted on form reset
- field-change - Emitted when field value changes

🎯 Composable API

$3

Main composable for document processing.

`typescript
const {
documents,
isProcessing,
currentDocument,
totalDocuments,
completedDocuments,
failedDocuments,
addDocuments,
processDocument,
processAllDocuments,
removeDocument,
clearAllDocuments,
getDocument,
cleanup
} = useDocIntelligence(options);
`

Options:
- useAI (Boolean) - Use AI for enhanced accuracy
- aiClient (Object) - AI client instance
- ocrLanguage (String) - OCR language code (default: 'eng')
- autoProcess (Boolean) - Auto-process documents on upload

🔧 Utility Functions

$3

`typescript
import { extractTextFromImage, extractTextFromPDF, initializeOCR } from '@aivue/doc-intelligence';

// Extract text from image
const result = await extractTextFromImage(imageFile);

// Extract text from PDF
const results = await extractTextFromPDF(pdfFile);
`

$3

`typescript
import { detectDocumentType, detectDocumentTypeWithAI } from '@aivue/doc-intelligence';

// Pattern-based detection
const type = detectDocumentType(text);

// AI-enhanced detection
const type = await detectDocumentTypeWithAI(text, aiClient);
`

$3

`typescript
import { extractAllEntities, extractEntitiesWithAI } from '@aivue/doc-intelligence';

// Pattern-based extraction
const entities = extractAllEntities(text);

// AI-enhanced extraction
const entities = await extractEntitiesWithAI(text, aiClient);
``

📖 Examples

Check out the demo for live examples.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📦 Related Packages

Explore the complete @aivue ecosystem:

$3

Core AI functionality for Vue.js components

$3

AI-powered chat components for Vue.js

$3

AI-powered suggestion components for Vue.js

$3

AI-powered form validation for Vue.js

$3

Emotion-aware UI components with sentiment analysis

$3

AI-powered predictive text input

$3

Intelligent notification system

$3

Voice command integration

$3

Advanced data table components

$3

AI-powered image captioning with OpenAI Vision models

$3

AI-powered analytics and insights

📄 License

MIT © reachbrt

🔗 Links

- Documentation
- Demo
- GitHub
- npm