⚠️ Application Error

Failed to load the application. Please try again later.

Error: ${error.message}

\n \n \n `);\n }\n});\n\n// Catch-all for SPA routing\napp.get(\"*\", async c => {\n try {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n } catch (error) {\n return c.text(\"Page not found\", 404);\n }\n});\n\nexport default app;",[],[152,221],[152],{"_104":229,"_95":230,"_153":231,"_155":-5,"_156":138,"_157":232,"_159":160,"_106":233,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":234,"_98":243},"18d889bc-3fab-11f0-8d21-76b3cceeab13","shared","472838cf-90ef-41ac-bd0a-f11cf4b1ce3d",9,["D",1748866453717],[235],{"_104":236,"_95":237,"_153":238,"_155":231,"_156":138,"_157":232,"_159":160,"_106":239,"_100":32,"_162":181,"_164":240,"_165":22,"_166":-5,"_167":241,"_98":242},"18d880a2-3fab-11f0-8d21-76b3cceeab13","types.ts","18d8814c-3fab-11f0-8d21-76b3cceeab13",["D",1748866453717],"// Shared types for WhatsApp Business Catalog Generator\n\nexport interface Product {\n id: string;\n name: string;\n description: string;\n price: number;\n currency: string;\n category: string;\n imageUrl?: string;\n availability: 'in_stock' | 'out_of_stock';\n sku?: string;\n tags?: string[];\n}\n\nexport interface WhatsAppCatalogItem {\n retailer_id: string;\n name: string;\n description: string;\n price: string;\n currency: string;\n availability: string;\n category: string;\n image_url?: string;\n url?: string;\n}\n\nexport interface AutoReplyScript {\n id: string;\n trigger: string;\n response: string;\n category: 'greeting' | 'product_inquiry' | 'order_status' | 'support' | 'closing';\n variables?: string[];\n}\n\nexport interface VoiceInputResult {\n transcript: string;\n confidence: number;\n products?: Partial[];\n}\n\nexport interface CatalogExport {\n products: WhatsAppCatalogItem[];\n autoReplies: AutoReplyScript[];\n metadata: {\n businessName: string;\n generatedAt: string;\n totalProducts: number;\n };\n}\n\nexport interface AIGenerationRequest {\n type: 'description' | 'auto_reply';\n input: string;\n context?: {\n productName?: string;\n category?: string;\n businessType?: string;\n };\n}\n\nexport interface AIGenerationResponse {\n generated: string;\n suggestions?: string[];\n}",[],[230,237],[230],{"_104":245,"_95":246,"_153":247,"_155":-5,"_156":138,"_157":248,"_159":160,"_106":249,"_100":32,"_162":181,"_164":250,"_165":22,"_166":-5,"_167":251,"_98":252},"d18d0044-3fa8-11f0-b121-76b3cceeab13","01_script.tsx","d18d0102-3fa8-11f0-b121-76b3cceeab13",2,["D",1748865475117],"// 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",[],[246],{"_104":254,"_95":255,"_153":256,"_155":-5,"_156":138,"_157":257,"_159":160,"_106":258,"_100":32,"_162":259,"_164":260,"_165":22,"_166":-5,"_167":261,"_98":262},"d1907850-3fa8-11f0-b121-76b3cceeab13","02_http.tsx","d1907918-3fa8-11f0-b121-76b3cceeab13",3,["D",1748865475139],"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}",[],[255],{"_104":264,"_95":265,"_153":266,"_155":-5,"_156":138,"_157":267,"_159":160,"_106":268,"_100":32,"_162":269,"_164":270,"_165":22,"_166":-5,"_167":271,"_98":272},"d1937b4a-3fa8-11f0-b121-76b3cceeab13","03_cron.tsx","d1937bf4-3fa8-11f0-b121-76b3cceeab13",4,["D",1748865475159],"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}",[],[265],{"_104":274,"_95":275,"_153":276,"_155":-5,"_156":138,"_157":277,"_159":160,"_106":278,"_100":32,"_162":279,"_164":280,"_165":22,"_166":-5,"_167":281,"_98":282},"d197d938-3fa8-11f0-b121-76b3cceeab13","04_email.tsx","d197d9c4-3fa8-11f0-b121-76b3cceeab13",5,["D",1748865475188],"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}",[],[275],{"_104":284,"_95":285,"_153":286,"_155":-5,"_156":138,"_157":287,"_159":160,"_106":288,"_100":289,"_162":290,"_164":291,"_165":22,"_166":-5,"_167":292,"_98":293},"130d28bc-3fab-11f0-8946-76b3cceeab13","README.md","d1897014-3fa8-11f0-b121-76b3cceeab13",8,["D",1748866443995],1,"file","# WhatsApp Business Catalog Generator\n\nA comprehensive tool for generating WhatsApp Business catalog content and auto-response scripts.\n\n## Features\n\n- **Product Catalog Generation**: Convert product lists into WhatsApp catalog-ready format\n- **Voice Input Support**: Add products using voice commands\n- **AI-Enhanced Descriptions**: Generate compelling product descriptions\n- **Auto-Reply Scripts**: Create professional customer support responses\n- **Export Options**: Download catalog data and scripts\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main Hono server\n│ ├── routes/\n│ │ ├── catalog.ts # Catalog generation endpoints\n│ │ └── voice.ts # Voice processing endpoints\n│ └── services/\n│ ├── ai.ts # AI content generation\n│ └── whatsapp.ts # WhatsApp formatting utilities\n├── frontend/\n│ ├── index.html # Main application\n│ ├── index.tsx # React app entry point\n│ ├── components/\n│ │ ├── App.tsx # Main app component\n│ │ ├── ProductForm.tsx # Product input form\n│ │ ├── VoiceInput.tsx # Voice recording component\n│ │ ├── CatalogPreview.tsx # Catalog preview\n│ │ └── AutoReplyGenerator.tsx # Auto-reply scripts\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Usage\n\n1. **Add Products**: Enter product details manually or use voice input\n2. **Generate Descriptions**: AI enhances product descriptions for better appeal\n3. **Preview Catalog**: See how products will appear in WhatsApp Business\n4. **Create Auto-Replies**: Generate professional customer support scripts\n5. **Export**: Download catalog data and scripts\n\n## Tech Stack\n\n- **Backend**: Hono + TypeScript\n- **Frontend**: React + TypeScript + TailwindCSS\n- **AI**: OpenAI GPT for content generation\n- **Voice**: Web Speech API for voice input",[],[285],"files",[150,169,176,185,195,201,209,219,228,235,244,253,263,273,283],"counts",{"_298":32,"_299":289,"_300":32,"_301":32},"pulls","branches","forks","envVars","contents",[304,307],{"_104":177,"_95":178,"_153":179,"_155":172,"_156":138,"_157":173,"_159":160,"_106":305,"_100":32,"_162":181,"_164":182,"_165":22,"_166":-5,"_98":306},["D",1748866533024],[152,171,178],{"_104":186,"_95":187,"_153":188,"_155":172,"_156":138,"_157":189,"_159":160,"_106":308,"_100":32,"_162":181,"_164":191,"_165":22,"_166":-5,"_98":309},["D",1748866562274],[152,171,187],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":173,"_159":160,"_106":311,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":312},["D",1748866533024],[152,171],"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":321,"_148":326,"_294":372,"_290":373,"_302":375,"_380":-5,"_381":22,"_382":-5,"_383":-5,"_384":-5,"_385":386},{"_104":105,"_95":96,"_106":322,"_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":323,"_132":324,"_135":325,"_147":22},["D",1748865475083],{"_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},[327,351,357,360,363,366,369],{"_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":328,"_98":350},[329,338,347],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":173,"_159":160,"_106":174,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":330,"_98":337},[331,334],{"_104":177,"_95":178,"_153":179,"_155":172,"_156":138,"_157":173,"_159":160,"_106":180,"_100":32,"_162":181,"_164":182,"_165":22,"_166":-5,"_167":332,"_98":333},[],[152,171,178],{"_104":186,"_95":187,"_153":188,"_155":172,"_156":138,"_157":189,"_159":160,"_106":190,"_100":32,"_162":181,"_164":191,"_165":22,"_166":-5,"_167":335,"_98":336},[],[152,171,187],[152,171],{"_104":196,"_95":197,"_153":198,"_155":154,"_156":138,"_157":158,"_159":160,"_106":199,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":339,"_98":346},[340,343],{"_104":202,"_95":203,"_153":204,"_155":198,"_156":138,"_157":158,"_159":160,"_106":205,"_100":32,"_162":181,"_164":206,"_165":22,"_166":-5,"_167":341,"_98":342},[],[152,197,203],{"_104":210,"_95":211,"_153":212,"_155":198,"_156":138,"_157":213,"_159":160,"_106":214,"_100":32,"_162":181,"_164":215,"_165":22,"_166":-5,"_167":344,"_98":345},[],[152,197,211],[152,197],{"_104":220,"_95":221,"_153":222,"_155":154,"_156":138,"_157":101,"_159":22,"_106":223,"_100":32,"_162":181,"_164":224,"_165":22,"_166":-5,"_167":348,"_98":349},[],[152,221],[152],{"_104":229,"_95":230,"_153":231,"_155":-5,"_156":138,"_157":232,"_159":160,"_106":233,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":352,"_98":356},[353],{"_104":236,"_95":237,"_153":238,"_155":231,"_156":138,"_157":232,"_159":160,"_106":239,"_100":32,"_162":181,"_164":240,"_165":22,"_166":-5,"_167":354,"_98":355},[],[230,237],[230],{"_104":245,"_95":246,"_153":247,"_155":-5,"_156":138,"_157":248,"_159":160,"_106":249,"_100":32,"_162":181,"_164":250,"_165":22,"_166":-5,"_167":358,"_98":359},[],[246],{"_104":254,"_95":255,"_153":256,"_155":-5,"_156":138,"_157":257,"_159":160,"_106":258,"_100":32,"_162":259,"_164":260,"_165":22,"_166":-5,"_167":361,"_98":362},[],[255],{"_104":264,"_95":265,"_153":266,"_155":-5,"_156":138,"_157":267,"_159":160,"_106":268,"_100":32,"_162":269,"_164":270,"_165":22,"_166":-5,"_167":364,"_98":365},[],[265],{"_104":274,"_95":275,"_153":276,"_155":-5,"_156":138,"_157":277,"_159":160,"_106":278,"_100":32,"_162":279,"_164":280,"_165":22,"_166":-5,"_167":367,"_98":368},[],[275],{"_104":284,"_95":285,"_153":286,"_155":-5,"_156":138,"_157":287,"_159":160,"_106":288,"_100":289,"_162":290,"_164":291,"_165":22,"_166":-5,"_167":370,"_98":371},[],[285],[327,329,331,334,338,340,343,347,351,353,357,360,363,366,369],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":173,"_159":160,"_106":311,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":374},[152,171],[376,378],{"_104":177,"_95":178,"_153":179,"_155":172,"_156":138,"_157":173,"_159":160,"_106":305,"_100":32,"_162":181,"_164":182,"_165":22,"_166":-5,"_98":377},[152,171,178],{"_104":186,"_95":187,"_153":188,"_155":172,"_156":138,"_157":189,"_159":160,"_106":308,"_100":32,"_162":181,"_164":191,"_165":22,"_166":-5,"_98":379},[152,171,187],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]