Major Updates: - Implement Meilisearch-inspired design system (purple/pink gradients) - Complete frontend polish for all views (Home, Search, Document, Jobs) - Add PDF.js document viewer with full page navigation - Create real-time Jobs dashboard with auto-refresh - Fix Meilisearch authentication (generated secure master key) - Configure Vite for WSL2 → Windows browser access (host: 0.0.0.0) Frontend Components: - HomeView: Hero section, gradient search bar, feature cards, footer - SearchView: Real-time search, highlighted matches, result cards - DocumentView: PDF.js viewer, dark theme, page controls - JobsView: NEW - Real-time job tracking, progress bars, status badges Design System: - Colors: Purple (#d946ef) & Pink (#f43f5e) gradients - Typography: Inter font family (300-900 weights) - Components: Gradient buttons, backdrop blur, smooth animations - Responsive: Mobile-friendly layouts with Tailwind CSS Infrastructure: - Service management scripts (start-all.sh, stop-all.sh) - Comprehensive documentation in docs/handover/ - Frontend quickstart guide for WSL2 users - Master roadmap with verticals & horizontals strategy Documentation: - Complete handover documentation - Frontend polish summary with all changes - Branding creative brief for designers - Yacht management features roadmap - Platform strategy (4 verticals, 17 horizontals) Build Status: - Clean build with no errors - Bundle size: 150KB gzipped - Dev server on port 8080 (accessible from Windows) - Production ready 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
198 lines
4.7 KiB
Markdown
198 lines
4.7 KiB
Markdown
# Google Drive OCR Quick Start
|
|
|
|
## Why Use Google Drive OCR?
|
|
|
|
Your current Tesseract setup works great (**85% confidence**), but Google Drive offers:
|
|
|
|
| Feature | Tesseract | Google Drive |
|
|
|---------|-----------|--------------|
|
|
| **Typed text** | ✅ 85% | ✅ 98% |
|
|
| **Handwriting** | ❌ No | ✅ **YES!** |
|
|
| **Tables/Columns** | ⚠️ Struggles | ✅ Excellent |
|
|
| **Speed** | Fast (2.5s) | Medium (4.2s) |
|
|
| **Cost** | Free | Free* |
|
|
| **Offline** | Yes | No |
|
|
|
|
*1 billion requests/day free quota = effectively unlimited
|
|
|
|
## Perfect For Marine Applications
|
|
|
|
- 📝 **Handwritten logbooks** - Captain's logs, maintenance records
|
|
- ✏️ **Annotated manuals** - Notes written on equipment guides
|
|
- 📋 **Service forms** - Filled-out inspection checklists
|
|
- 🗺️ **Navigation logs** - Chart annotations
|
|
|
|
## 5-Minute Setup
|
|
|
|
### Step 1: Get Google Cloud Credentials
|
|
|
|
```bash
|
|
# 1. Go to: https://console.cloud.google.com/
|
|
# 2. Create new project: "NaviDocs"
|
|
# 3. Enable "Google Drive API"
|
|
# 4. Create Service Account with "Editor" role
|
|
# 5. Download JSON credentials
|
|
```
|
|
|
|
### Step 2: Install in NaviDocs
|
|
|
|
```bash
|
|
# Copy credentials to server
|
|
cp ~/Downloads/navidocs-*.json /home/setup/navidocs/server/config/google-credentials.json
|
|
|
|
# Install Google APIs client
|
|
cd /home/setup/navidocs/server
|
|
npm install googleapis
|
|
```
|
|
|
|
### Step 3: Configure
|
|
|
|
```bash
|
|
# Add to server/.env
|
|
echo 'GOOGLE_APPLICATION_CREDENTIALS=/home/setup/navidocs/server/config/google-credentials.json' >> .env
|
|
echo 'PREFERRED_OCR_ENGINE=google-drive' >> .env
|
|
```
|
|
|
|
### Step 4: Update Worker
|
|
|
|
```bash
|
|
# Edit server/workers/ocr-worker.js
|
|
# Change line 18 from:
|
|
# import { extractTextFromPDF, cleanOCRText } from '../services/ocr.js';
|
|
# To:
|
|
# import { extractTextFromPDF, cleanOCRText } from '../services/ocr-hybrid.js';
|
|
```
|
|
|
|
### Step 5: Restart and Test
|
|
|
|
```bash
|
|
# Restart OCR worker
|
|
pkill -f ocr-worker
|
|
cd /home/setup/navidocs
|
|
node server/workers/ocr-worker.js > logs/worker.log 2>&1 &
|
|
|
|
# Upload a test PDF
|
|
curl -X POST http://localhost:8001/api/upload \
|
|
-F "file=@your-handwritten-logbook.pdf" \
|
|
-F "title=Captain's Log" \
|
|
-F "documentType=logbook" \
|
|
-F "organizationId=test-org-id"
|
|
|
|
# Check logs
|
|
tail -f logs/worker.log
|
|
# Should see: "[OCR Hybrid] Using google-drive engine"
|
|
```
|
|
|
|
## Testing Handwriting Recognition
|
|
|
|
Try it with:
|
|
- Handwritten notes
|
|
- Filled forms
|
|
- Annotated diagrams
|
|
- Cursive writing
|
|
- Mixed typed + handwritten pages
|
|
|
|
## Hybrid Mode (Best of Both Worlds)
|
|
|
|
The system **automatically chooses** the best engine:
|
|
|
|
```javascript
|
|
// Set in .env:
|
|
PREFERRED_OCR_ENGINE=auto
|
|
|
|
// Behavior:
|
|
// - Google Drive configured? → Use it for quality
|
|
// - Document > 50 pages? → Use Tesseract to save quota
|
|
// - Network error? → Fallback to Tesseract
|
|
// - Not configured? → Use Tesseract
|
|
```
|
|
|
|
## Cost Analysis
|
|
|
|
| Monthly Volume | Google Drive Cost | Recommendation |
|
|
|----------------|-------------------|----------------|
|
|
| 0-1,000 PDFs | **$0** | Use Google Drive |
|
|
| 1,000-10,000 PDFs | **$0** | Use Google Drive |
|
|
| 10,000-100,000 PDFs | **$0** | Use Google Drive |
|
|
| > 1M PDFs/month | **$0** | Still free! |
|
|
|
|
**Quota**: 1 billion requests/day = 365 billion PDFs/year
|
|
|
|
For comparison:
|
|
- If you processed **1 PDF every second** for an entire year
|
|
- That's only 31.5 million PDFs
|
|
- Still **well under the free quota**
|
|
|
|
## Monitoring Usage
|
|
|
|
Check your Google Cloud Console:
|
|
```
|
|
https://console.cloud.google.com/apis/api/drive.googleapis.com/quotas
|
|
```
|
|
|
|
You can see:
|
|
- Requests per day
|
|
- Quota remaining
|
|
- Error rates
|
|
|
|
## Troubleshooting
|
|
|
|
### "API key invalid" error
|
|
```bash
|
|
# Check credentials path
|
|
echo $GOOGLE_APPLICATION_CREDENTIALS
|
|
cat server/.env | grep GOOGLE_APPLICATION_CREDENTIALS
|
|
|
|
# Test connection
|
|
node -e "
|
|
import { testGoogleDriveConnection } from './server/services/ocr-google-drive.js';
|
|
const ok = await testGoogleDriveConnection();
|
|
console.log(ok ? '✅ Connected' : '❌ Failed');
|
|
"
|
|
```
|
|
|
|
### Worker still using Tesseract
|
|
```bash
|
|
# Verify import changed in worker
|
|
grep "ocr-hybrid" server/workers/ocr-worker.js
|
|
|
|
# Check env loaded
|
|
grep "PREFERRED_OCR_ENGINE" server/.env
|
|
```
|
|
|
|
### Want to go back to Tesseract?
|
|
```bash
|
|
# Just set in .env:
|
|
PREFERRED_OCR_ENGINE=tesseract
|
|
# Or remove the line entirely
|
|
```
|
|
|
|
## Next Steps
|
|
|
|
1. ✅ Set up Google Drive OCR (5 minutes)
|
|
2. ✅ Test with a handwritten document
|
|
3. ✅ Compare quality vs Tesseract
|
|
4. ✅ Keep hybrid mode for automatic fallback
|
|
|
|
See **docs/OCR_OPTIONS.md** for detailed comparison and advanced configuration.
|
|
|
|
## Real Example: Boat Logbook
|
|
|
|
**Before (Tesseract)**:
|
|
```
|
|
Cannot recognize handwriting
|
|
[Empty result or gibberish]
|
|
```
|
|
|
|
**After (Google Drive)**:
|
|
```
|
|
Captain's Log - May 15, 2024
|
|
Departed Marina Bay 08:30
|
|
Wind: 15 knots NE
|
|
Waves: 2-3 feet
|
|
Engine hours: 847.2
|
|
Fuel: 75% full
|
|
Arrived safe at 14:20
|
|
```
|
|
|
|
✅ **Perfect transcription of handwritten logbook!**
|