AI Media Recognition Platform

Loading application...

Error: ${error.message}

\n \n \n `);\n }\n});\n\n// Catch-all route for SPA routing\napp.get(\"*\", async c => {\n // For any other route, serve the main app (SPA routing)\n return app.fetch(new Request(new URL(\"/\", c.req.url)));\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[152,252],[152],{"_104":261,"_95":262,"_153":263,"_155":-5,"_156":138,"_157":101,"_159":160,"_106":264,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":265,"_98":275},"c18548fa-3cba-11f0-aa86-9e149126039e","frontend","b8367289-7745-4625-961a-e594774f7d4d",["D",1748543325673],[266],{"_104":267,"_95":268,"_153":269,"_155":263,"_156":138,"_157":101,"_159":160,"_106":270,"_100":32,"_162":271,"_164":272,"_165":22,"_166":-5,"_167":273,"_98":274},"c185260e-3cba-11f0-aa86-9e149126039e","index.html","c18526b8-3cba-11f0-aa86-9e149126039e",["D",1748543325673],"file","\n\n\n \n \n AI Media Recognition Platform\n \n \n 🤖\">\n \n\n\n

\n \n \n\n",[],[262,268],[262],{"_104":277,"_95":278,"_153":279,"_155":-5,"_156":138,"_157":280,"_159":160,"_106":281,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":282,"_98":299},"532f31b8-3cba-11f0-b872-9e149126039e","shared","d1679996-877c-44a1-9d8e-b54e3dba81a5",8,["D",1748543140561],[283,291],{"_104":284,"_95":285,"_153":286,"_155":279,"_156":138,"_157":280,"_159":160,"_106":287,"_100":32,"_162":180,"_164":288,"_165":22,"_166":-5,"_167":289,"_98":290},"532f12f0-3cba-11f0-b872-9e149126039e","types.ts","532f13cc-3cba-11f0-b872-9e149126039e",["D",1748543140561],"// Shared TypeScript types and interfaces\n\nexport interface User {\n id: number;\n email: string;\n username: string;\n created_at: string;\n}\n\nexport interface AuthResponse {\n success: boolean;\n user?: User;\n token?: string;\n message?: string;\n}\n\nexport interface MediaAnalysis {\n id: number;\n user_id: number;\n media_type: 'image' | 'video' | 'audio';\n file_name: string;\n file_size: number;\n analysis_result: string;\n tags: string[];\n confidence_score: number;\n created_at: string;\n}\n\nexport interface AnalysisRequest {\n mediaType: 'image' | 'video' | 'audio';\n fileName: string;\n fileData: string; // base64 encoded\n}\n\nexport interface AnalysisResponse {\n success: boolean;\n analysis?: {\n description: string;\n tags: string[];\n confidence: number;\n objects?: string[];\n emotions?: string[];\n text?: string;\n };\n message?: string;\n}\n\nexport interface SearchRequest {\n query: string;\n mediaType?: 'image' | 'video' | 'audio';\n limit?: number;\n}\n\nexport interface SearchResponse {\n success: boolean;\n results?: MediaAnalysis[];\n message?: string;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n message?: string;\n error?: string;\n}\n\nexport interface CaptureOptions {\n video?: boolean;\n audio?: boolean;\n facingMode?: 'user' | 'environment';\n}\n\nexport interface MediaConstraints {\n maxFileSize: number; // in bytes\n allowedTypes: string[];\n maxDuration?: number; // for video/audio in seconds\n}\n\nexport const MEDIA_CONSTRAINTS: MediaConstraints = {\n maxFileSize: 50 * 1024 * 1024, // 50MB\n allowedTypes: [\n 'image/jpeg',\n 'image/png',\n 'image/webp',\n 'video/mp4',\n 'video/webm',\n 'audio/mp3',\n 'audio/wav',\n 'audio/webm'\n ],\n maxDuration: 300 // 5 minutes\n};",[],[278,285],{"_104":292,"_95":177,"_153":293,"_155":279,"_156":138,"_157":294,"_159":160,"_106":295,"_100":32,"_162":180,"_164":296,"_165":22,"_166":-5,"_167":297,"_98":298},"5ac9717c-3cba-11f0-a693-9e149126039e","5ac97244-3cba-11f0-a693-9e149126039e",9,["D",1748543153316],"// Shared utility functions\n\nexport function validateEmail(email: string): boolean {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return emailRegex.test(email);\n}\n\nexport function validatePassword(password: string): { valid: boolean; message?: string } {\n if (password.length < 8) {\n return { valid: false, message: 'Password must be at least 8 characters long' };\n }\n if (!/(?=.*[a-z])/.test(password)) {\n return { valid: false, message: 'Password must contain at least one lowercase letter' };\n }\n if (!/(?=.*[A-Z])/.test(password)) {\n return { valid: false, message: 'Password must contain at least one uppercase letter' };\n }\n if (!/(?=.*\\d)/.test(password)) {\n return { valid: false, message: 'Password must contain at least one number' };\n }\n return { valid: true };\n}\n\nexport function formatFileSize(bytes: number): string {\n if (bytes === 0) return '0 Bytes';\n const k = 1024;\n const sizes = ['Bytes', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];\n}\n\nexport function formatDate(dateString: string): string {\n const date = new Date(dateString);\n return date.toLocaleDateString() + ' ' + date.toLocaleTimeString();\n}\n\nexport function generateId(): string {\n return Math.random().toString(36).substr(2, 9);\n}\n\nexport function sanitizeFileName(fileName: string): string {\n return fileName.replace(/[^a-zA-Z0-9.-]/g, '_');\n}\n\nexport function extractFileExtension(fileName: string): string {\n return fileName.split('.').pop()?.toLowerCase() || '';\n}\n\nexport function isValidMediaType(mimeType: string, allowedTypes: string[]): boolean {\n return allowedTypes.includes(mimeType);\n}\n\nexport function truncateText(text: string, maxLength: number): string {\n if (text.length <= maxLength) return text;\n return text.substr(0, maxLength) + '...';\n}\n\nexport function debounce any>(\n func: T,\n wait: number\n): (...args: Parameters) => void {\n let timeout: number | undefined;\n return (...args: Parameters) => {\n clearTimeout(timeout);\n timeout = setTimeout(() => func(...args), wait);\n };\n}\n\nexport function createFormData(data: Record): FormData {\n const formData = new FormData();\n Object.entries(data).forEach(([key, value]) => {\n if (value instanceof File) {\n formData.append(key, value);\n } else {\n formData.append(key, JSON.stringify(value));\n }\n });\n return formData;\n}",[],[278,177],[278],{"_104":301,"_95":302,"_153":303,"_155":-5,"_156":138,"_157":304,"_159":160,"_106":305,"_100":32,"_162":180,"_164":306,"_165":22,"_166":-5,"_167":307,"_98":308},"61d0c65c-3cb8-11f0-a555-9e149126039e","01_script.tsx","61d0c706-3cb8-11f0-a555-9e149126039e",2,["D",1748542306117],"// This script returns a random fun fact\n// You can run scripts manually in this view or call it from other vals.\nexport default function getRandomFact() {\n const funFacts = [\n \"Honey never spoils.\",\n \"Bananas are actually berries, but strawberries are not.\",\n \"Val Town has a citizen Juicy Bear. 🐻\",\n ];\n const fact = funFacts[Math.floor(Math.random() * funFacts.length)];\n return fact;\n}\nconsole.log(\"Fun fact:\", getRandomFact());\n",[],[302],{"_104":310,"_95":311,"_153":312,"_155":-5,"_156":138,"_157":313,"_159":160,"_106":314,"_100":32,"_162":315,"_164":316,"_165":22,"_166":-5,"_167":317,"_98":318},"61d29036-3cb8-11f0-a555-9e149126039e","02_http.tsx","61d290ea-3cb8-11f0-a555-9e149126039e",3,["D",1748542306129],"http","// This code responds to HTTP web requests.\n// Access it via its public URL (you can also pick a nicer subdomain).\n// Try adding ?name=YourName to the URL!\nexport default function httpHandler(req: Request): Response {\n const url = new URL(req.url);\n const name = url.searchParams.get(\"name\") || \"Friend\";\n console.log(`Greeted ${name} via HTTP`);\n return new Response(`Hello, ${name}! Welcome to Val Town.`);\n}",[],[311],{"_104":320,"_95":321,"_153":322,"_155":-5,"_156":138,"_157":323,"_159":160,"_106":324,"_100":32,"_162":325,"_164":326,"_165":22,"_166":-5,"_167":327,"_98":328},"61d4961a-3cb8-11f0-a555-9e149126039e","03_cron.tsx","61d496ba-3cb8-11f0-a555-9e149126039e",4,["D",1748542306141],"interval","// This cron runs on a schedule (e.g. every hour, day).\n// Configure the timer with the 🕒 icon in the top right.\n// This example just logs the current time.\nexport function scheduledHandler() {\n const timestamp = new Date().toISOString();\n console.log(`Cron val executed at: ${timestamp}`);\n return `Executed at ${timestamp}`;\n}",[],[321],{"_104":330,"_95":99,"_153":331,"_155":-5,"_156":138,"_157":332,"_159":160,"_106":333,"_100":32,"_162":334,"_164":335,"_165":22,"_166":-5,"_167":336,"_98":337},"61d6e258-3cb8-11f0-a555-9e149126039e","61d6e2ee-3cb8-11f0-a555-9e149126039e",5,["D",1748542306158],"email","// This code is triggered when an email is sent to its unique address.\n// Click \"Run\", copy and paste the email address and send an email to it.\n// This example will log the email details received.\nexport default async function emailHandler(email: Email){\n console.log(\"Email received!\", email.from, email.subject, email.text);\n for (const file of email.attachments) {\n console.log(`Filename: ${file.name}`);\n console.log(`Content Type: ${file.type}`);\n console.log(`Content: ${await file.text()}`);\n }\n}",[],[99],{"_104":339,"_95":340,"_153":341,"_155":-5,"_156":138,"_157":342,"_159":160,"_106":343,"_100":344,"_162":271,"_164":345,"_165":22,"_166":-5,"_167":346,"_98":347},"4cd1f45e-3cba-11f0-9eda-9e149126039e","README.md","61ceda04-3cb8-11f0-a555-9e149126039e",7,["D",1748543129866],1,"# AI/ML Media Recognition Platform\n\nA comprehensive platform for AI-powered media recognition with user authentication, real-time analysis, and intelligent search capabilities.\n\n## Features\n\n- **User Authentication**: Secure login/signup system with session management\n- **Multi-Media Support**: Image, video, and audio recognition\n- **Real-time Capture**: In-browser media capture capabilities\n- **AI Analysis**: Powered by OpenAI's vision and audio models\n- **Intelligent Search**: Find similar content based on descriptions\n- **Secure Storage**: User data and media metadata stored securely\n\n## Architecture\n\n### Backend (`/backend/`)\n- **index.ts**: Main Hono server with API routes\n- **database/**: SQLite database setup and queries\n- **routes/**: Modular route handlers\n- **auth/**: Authentication middleware and utilities\n\n### Frontend (`/frontend/`)\n- **index.html**: Main application shell\n- **components/**: React components for UI\n- **services/**: API communication and media handling\n- **utils/**: Client-side utilities\n\n### Shared (`/shared/`)\n- **types.ts**: TypeScript interfaces and types\n- **utils.ts**: Shared utility functions\n\n## API Endpoints\n\n- `POST /api/auth/login` - User login\n- `POST /api/auth/signup` - User registration\n- `POST /api/auth/logout` - User logout\n- `GET /api/auth/me` - Get current user\n- `POST /api/media/analyze` - Analyze uploaded media\n- `POST /api/media/search` - Search similar content\n- `GET /api/media/history` - Get user's analysis history\n\n## Technology Stack\n\n- **Backend**: Hono, SQLite, OpenAI API\n- **Frontend**: React, TailwindCSS\n- **AI/ML**: OpenAI GPT-4 Vision, Whisper\n- **Storage**: Val Town Blob storage\n- **Authentication**: JWT-based sessions\n\n## Getting Started\n\n1. Set up environment variables:\n - `OPENAI_API_KEY`: Your OpenAI API key\n - `JWT_SECRET`: Secret for JWT token signing\n\n2. The application will automatically create database tables on first run\n\n3. Access the application at the HTTP endpoint URL\n\n## Security Features\n\n- Password hashing with bcrypt\n- JWT-based authentication\n- CORS protection\n- Input validation and sanitization\n- Secure file upload handling",[],[340],{"_104":349,"_95":350,"_153":351,"_155":-5,"_156":138,"_157":352,"_159":160,"_106":353,"_100":32,"_162":180,"_164":72,"_165":22,"_166":-5,"_167":354,"_98":355},"b767872c-3cb8-11f0-9e5d-9e149126039e","new-file-5453.tsx","b76787cc-3cb8-11f0-9e5d-9e149126039e",6,["D",1748542449711],[],[350],"files",[150,169,175,185,191,199,209,216,224,234,241,250,260,266,276,283,291,300,309,319,329,338,348],"counts",{"_360":32,"_361":344,"_362":32,"_363":32},"pulls","branches","forks","envVars","contents",[],{"_104":330,"_156":138,"_153":331,"_95":99,"_164":335,"_162":334,"_100":32,"_155":-5,"_106":367,"_157":332,"_166":-5,"_98":368},["D",1748542306158],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":377,"_148":382,"_356":452,"_271":453,"_364":456,"_457":-5,"_458":22,"_459":-5,"_460":-5,"_461":-5,"_462":463},{"_104":105,"_95":96,"_106":378,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":379,"_132":380,"_135":381,"_147":22},["D",1748542306097],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[383,419,425,434,437,440,443,446,449],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":384,"_98":418},[385,391,400,409,415],{"_104":170,"_95":7,"_153":171,"_155":154,"_156":138,"_157":172,"_159":160,"_106":173,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":386,"_98":390},[387],{"_104":176,"_95":177,"_153":178,"_155":171,"_156":138,"_157":172,"_159":160,"_106":179,"_100":32,"_162":180,"_164":181,"_165":22,"_166":-5,"_167":388,"_98":389},[],[152,7,177],[152,7],{"_104":186,"_95":187,"_153":188,"_155":154,"_156":138,"_157":158,"_159":160,"_106":189,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":392,"_98":399},[393,396],{"_104":192,"_95":193,"_153":194,"_155":188,"_156":138,"_157":158,"_159":160,"_106":195,"_100":32,"_162":180,"_164":196,"_165":22,"_166":-5,"_167":394,"_98":395},[],[152,187,193],{"_104":200,"_95":201,"_153":202,"_155":188,"_156":138,"_157":203,"_159":160,"_106":204,"_100":32,"_162":180,"_164":205,"_165":22,"_166":-5,"_167":397,"_98":398},[],[152,187,201],[152,187],{"_104":210,"_95":211,"_153":212,"_155":154,"_156":138,"_157":213,"_159":160,"_106":214,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":401,"_98":408},[402,405],{"_104":217,"_95":218,"_153":219,"_155":212,"_156":138,"_157":213,"_159":160,"_106":220,"_100":32,"_162":180,"_164":221,"_165":22,"_166":-5,"_167":403,"_98":404},[],[152,211,218],{"_104":225,"_95":226,"_153":227,"_155":212,"_156":138,"_157":228,"_159":160,"_106":229,"_100":32,"_162":180,"_164":230,"_165":22,"_166":-5,"_167":406,"_98":407},[],[152,211,226],[152,211],{"_104":235,"_95":236,"_153":237,"_155":154,"_156":138,"_157":238,"_159":160,"_106":239,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":410,"_98":414},[411],{"_104":242,"_95":243,"_153":244,"_155":237,"_156":138,"_157":238,"_159":160,"_106":245,"_100":32,"_162":180,"_164":246,"_165":22,"_166":-5,"_167":412,"_98":413},[],[152,236,243],[152,236],{"_104":251,"_95":252,"_153":253,"_155":154,"_156":138,"_157":254,"_159":160,"_106":255,"_100":32,"_162":180,"_164":256,"_165":22,"_166":-5,"_167":416,"_98":417},[],[152,252],[152],{"_104":261,"_95":262,"_153":263,"_155":-5,"_156":138,"_157":101,"_159":160,"_106":264,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":420,"_98":424},[421],{"_104":267,"_95":268,"_153":269,"_155":263,"_156":138,"_157":101,"_159":160,"_106":270,"_100":32,"_162":271,"_164":272,"_165":22,"_166":-5,"_167":422,"_98":423},[],[262,268],[262],{"_104":277,"_95":278,"_153":279,"_155":-5,"_156":138,"_157":280,"_159":160,"_106":281,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":426,"_98":433},[427,430],{"_104":284,"_95":285,"_153":286,"_155":279,"_156":138,"_157":280,"_159":160,"_106":287,"_100":32,"_162":180,"_164":288,"_165":22,"_166":-5,"_167":428,"_98":429},[],[278,285],{"_104":292,"_95":177,"_153":293,"_155":279,"_156":138,"_157":294,"_159":160,"_106":295,"_100":32,"_162":180,"_164":296,"_165":22,"_166":-5,"_167":431,"_98":432},[],[278,177],[278],{"_104":301,"_95":302,"_153":303,"_155":-5,"_156":138,"_157":304,"_159":160,"_106":305,"_100":32,"_162":180,"_164":306,"_165":22,"_166":-5,"_167":435,"_98":436},[],[302],{"_104":310,"_95":311,"_153":312,"_155":-5,"_156":138,"_157":313,"_159":160,"_106":314,"_100":32,"_162":315,"_164":316,"_165":22,"_166":-5,"_167":438,"_98":439},[],[311],{"_104":320,"_95":321,"_153":322,"_155":-5,"_156":138,"_157":323,"_159":160,"_106":324,"_100":32,"_162":325,"_164":326,"_165":22,"_166":-5,"_167":441,"_98":442},[],[321],{"_104":330,"_95":99,"_153":331,"_155":-5,"_156":138,"_157":332,"_159":160,"_106":333,"_100":32,"_162":334,"_164":335,"_165":22,"_166":-5,"_167":444,"_98":445},[],[99],{"_104":339,"_95":340,"_153":341,"_155":-5,"_156":138,"_157":342,"_159":160,"_106":343,"_100":344,"_162":271,"_164":345,"_165":22,"_166":-5,"_167":447,"_98":448},[],[340],{"_104":349,"_95":350,"_153":351,"_155":-5,"_156":138,"_157":352,"_159":160,"_106":353,"_100":32,"_162":180,"_164":72,"_165":22,"_166":-5,"_167":450,"_98":451},[],[350],[383,385,387,391,393,396,400,402,405,409,411,415,419,421,425,427,430,434,437,440,443,446,449],{"_104":330,"_95":99,"_153":331,"_155":-5,"_156":138,"_157":332,"_159":160,"_106":454,"_100":32,"_162":334,"_164":335,"_165":22,"_166":-5,"_98":455},["D",1748542306158],[99],[],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]