📄 DocuFlow Dashboard

Intelligent Document Processing System

\n \n

Documents Today

Total Processed

Time Saved

Accuracy Rate

99.8%

\n \n

📤 Drop Documents Here

or click to select files

\n \n

Recent Documents

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Time	Document	Type	Amount	Status
\n No documents processed yet\n

\n \n

\n \n \n \n

\n \n \n \n \n `;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\n// ==========================================\n// HOMEPAGE - Landing Page\n// ==========================================\nfunction serveHomepage(): Response {\n const html = `\n \n \n \n DocuFlow API - Intelligent Document Processing\n \n \n \n

⚡ DocuFlow API

Intelligent Document Processing as a Service

\n \n

\n POST\n /process\n

Process a single document with AI extraction

{\n  \"document\": \"document text or base64\",\n  \"type\": \"invoice|receipt|contract\",\n  \"clientId\": \"your-client-id\"\n}

\n \n

\n POST\n /batch\n

Process multiple documents in one request

{\n  \"documents\": [\n    {\"content\": \"...\", \"type\": \"invoice\"},\n    {\"content\": \"...\", \"type\": \"receipt\"}\n  ],\n  \"clientId\": \"your-client-id\"\n}

\n \n

\n GET\n /status?id=document-id\n

Check processing status of a document

\n \n

\n GET\n /dashboard\n

Visual dashboard for monitoring and testing

\n \n

🚀 Quick Start

// Test the API\ncurl -X POST https://frederikstcyr--3e38d42480aa11f0b7a80224a6c84d84.web.val.run/process \\\\\n  -H \"Content-Type: application/json\" \\\\\n  -d '{\n    \"document\": \"Invoice #123, Amount: $500\",\n    \"type\": \"invoice\",\n    \"clientId\": \"demo\"\n  }'

\n \n

✨ Features

Powered by Claude AI for 99.9% accuracy
Handles invoices, receipts, contracts, and more
Automatic routing to QuickBooks, Google Sheets, etc.
Batch processing for high volume
Real-time webhook notifications
Beautiful dashboard for monitoring

\n \n Open Dashboard\n Test API\n \n

Built with ❤️ using Val.town | Powered by Claude AI

\n \n \n \n \n `;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\n// ==========================================\n// HELPER FUNCTIONS\n// ==========================================\n\nasync function identifyDocumentType(text: string): Promise {\n const lowerText = text.toLowerCase();\n if (lowerText.includes(\"invoice\") || lowerText.includes(\"bill to\")) {\n return \"invoice\";\n }\n if (lowerText.includes(\"receipt\") || lowerText.includes(\"purchased\")) {\n return \"receipt\";\n }\n if (lowerText.includes(\"agreement\") || lowerText.includes(\"contract\")) {\n return \"contract\";\n }\n if (lowerText.includes(\"purchase order\") || lowerText.includes(\"p.o.\")) {\n return \"po\";\n }\n return \"general\";\n}\n\nfunction validateExtraction(data: any, type: string): any {\n // Add validation logic\n if (type === \"invoice\" && !data.invoiceNumber) {\n data.invoiceNumber = `AUTO-${Date.now()}`;\n }\n if (data.total && typeof data.total === \"string\") {\n data.total = parseFloat(data.total.replace(/[^0-9.-]+/g, \"\"));\n }\n return data;\n}\n\nfunction calculateConfidence(data: any): number {\n let score = 100;\n const requiredFields = [\"total\", \"date\", \"vendor\"];\n requiredFields.forEach((field) => {\n if (!data[field]) score -= 10;\n });\n return Math.max(score, 60);\n}\n\nasync function getClientConfig(clientId: string): Promise {\n // In production, fetch from database\n return {\n name: clientId,\n routing: {\n invoices: \"quickbooks\",\n receipts: \"sheets\",\n contracts: \"sheets\",\n },\n };\n}\n\nasync function storeProcessedDocument(\n clientId: string,\n data: any,\n result: any,\n): Promise {\n // Store in Val.town blob storage\n const key = `docs/${clientId}/${Date.now()}`;\n await blob.setJSON(key, {\n clientId,\n data,\n result,\n timestamp: new Date().toISOString(),\n });\n}\n\nasync function logProcessing(clientId: string, type: string): Promise {\n const key = `stats/${clientId}/${new Date().toISOString().split(\"T\")[0]}`;\n const stats = await blob.getJSON(key) || { total: 0, types: {} };\n stats.total++;\n stats.types[type] = (stats.types[type] || 0) + 1;\n await blob.setJSON(key, stats);\n}\n\nasync function sendNotification(clientId: string, data: any): Promise {\n await email({\n to: CONFIG.ADMIN_EMAIL,\n subject: `⚠️ High Value Document: ${data.invoiceNumber || \"Document\"}`,\n text: `\nClient: ${clientId}\nAmount: $${data.total}\nType: ${data.documentType}\nVendor: ${data.vendor?.name || \"Unknown\"}\n\nPlease review in dashboard: ${process.env.URL}/dashboard\n `,\n });\n}\n\nasync function notifyAdmin(subject: string, message: string): Promise {\n console.error(`[ADMIN ALERT] ${subject}: ${message}`);\n // In production, send email/Slack notification\n}\n\nasync function getDocumentStatus(documentId: string): Promise {\n // Fetch from storage\n const doc = await blob.getJSON(`status/${documentId}`);\n return doc || { status: \"not_found\" };\n}\n\nasync function getClientStats(clientId: string): Promise {\n const today = new Date().toISOString().split(\"T\")[0];\n const todayStats = await blob.getJSON(`stats/${clientId}/${today}`) ||\n { total: 0 };\n\n // Calculate totals (in production, query database)\n return {\n total: 1000, // Mock data\n today: todayStats.total,\n value: 50000,\n avgTime: \"1.2s\",\n accuracy: \"99.8%\",\n };\n}\n\nasync function sendToXero(data: any, clientId: string): Promise {\n // Xero integration placeholder\n return {\n id: `xero-${Date.now()}`,\n destination: \"Xero\",\n status: \"queued\",\n };\n}\n\nasync function sendToSalesforce(data: any, clientId: string): Promise {\n // Salesforce integration placeholder\n return {\n id: `sf-${Date.now()}`,\n destination: \"Salesforce\",\n status: \"queued\",\n };\n}\n\nasync function storeForQuickBooks(\n clientId: string,\n invoice: any,\n): Promise {\n const key = `quickbooks/${clientId}/${Date.now()}`;\n await blob.setJSON(key, invoice);\n}","deleted","label",[99],"permalink","https://www.val.town/x/frederikstcyr/docuflow/code/main.tsx","extension","actionData","errors"]