Firewood Cafe — Menu Editor

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_202":203,"_204":205},"routes/_app.x.$handle.$name",{"_106":105,"_39":52,"_115":96,"_34":116,"_13":14,"_117":-5,"_11":118,"_119":120,"_121":122,"_123":124,"_125":126,"_26":-5,"_127":-5,"_128":-5,"_129":33,"_130":131,"_132":31,"_133":-5,"_134":-5,"_135":136},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_39":52,"_45":53,"_54":-5,"_55":33,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":31,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":89,"_90":91,"_92":93,"_94":33},"version",13,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","bcdfc029-b302-45ca-a7c4-46af9ec026ce","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":35},"file",{"_37":38,"_39":35,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":33},"previous",{"_37":38,"_39":35,"_40":41,"_42":43},"deleted",true,"deletedHere",false,"path","edit.tsx","latestPath","fileId","a9108568-4c28-11f1-88df-ee650bb23af1","name","fileType","http","content","export default async function (req: Request): Promise {\n return new Response(`\n\n\n \n \n Firewood Cafe — Menu Editor\n \n \n\n\n

Menu Editor

Enter your PIN

\n \n \n

Invalid PIN

\n \n

✨ AI Assist

\n \n \n

Generating...

\n \n

\n\n\n`, {headers: {\"Content-Type\": \"text/html; charset=utf-8\"}});\n}\n","import { email } from \"https://esm.town/v/std/email\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport crypto from \"node:crypto\";\n\nconst OWNER_EMAIL = Deno.env.get(\"OWNER_EMAIL\") || \"\";\nconst MENU_EDIT_PIN = Deno.env.get(\"MENU_EDIT_PIN\") || \"0000\";\n\n// Generate a secure reset token\nfunction generateResetToken(): string {\n return crypto.randomBytes(32).toString(\"hex\");\n}\n\n// Store reset tokens in blob (expires after 1 hour)\nconst RESET_TOKENS_KEY = \"pin_reset_tokens\";\n\nasync function saveResetToken(\n email: string,\n token: string\n): Promise {\n try {\n const stored = await blob.get(RESET_TOKENS_KEY);\n const tokens = stored ? JSON.parse(stored) : {};\n tokens[token] = {\n email,\n createdAt: Date.now(),\n expiresAt: Date.now() + 3600000, // 1 hour\n };\n await blob.set(RESET_TOKENS_KEY, JSON.stringify(tokens));\n } catch {\n // If blob doesn't exist, create it\n const tokens: Record = {};\n tokens[token] = {\n email,\n createdAt: Date.now(),\n expiresAt: Date.now() + 3600000,\n };\n await blob.set(RESET_TOKENS_KEY, JSON.stringify(tokens));\n }\n}\n\nasync function validateResetToken(\n token: string\n): Promise<{ valid: boolean; email?: string }> {\n try {\n const stored = await blob.get(RESET_TOKENS_KEY);\n if (!stored) return { valid: false };\n\n const tokens = JSON.parse(stored);\n const tokenData = tokens[token];\n\n if (!tokenData) return { valid: false };\n if (tokenData.expiresAt < Date.now()) {\n delete tokens[token];\n await blob.set(RESET_TOKENS_KEY, JSON.stringify(tokens));\n return { valid: false };\n }\n\n return { valid: true, email: tokenData.email };\n } catch {\n return { valid: false };\n }\n}\n\nasync function consumeResetToken(token: string): Promise {\n try {\n const stored = await blob.get(RESET_TOKENS_KEY);\n if (stored) {\n const tokens = JSON.parse(stored);\n delete tokens[token];\n await blob.set(RESET_TOKENS_KEY, JSON.stringify(tokens));\n }\n } catch {\n // Silent fail\n }\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const pathname = url.pathname;\n\n // GET /edit - main editor page with login\n if (pathname === \"/edit\" && req.method === \"GET\") {\n return new Response(getEditorHTML(), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n // GET /edit/reset?token=xxx - reset PIN page\n if (pathname === \"/edit/reset\" && req.method === \"GET\") {\n const token = url.searchParams.get(\"token\");\n if (!token) {\n return new Response(\"Invalid reset link\", { status: 400 });\n }\n\n const validation = await validateResetToken(token);\n if (!validation.valid) {\n return new Response(\"Reset link expired or invalid\", { status: 400 });\n }\n\n return new Response(getResetHTML(token), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n // POST /edit/api/request-reset - send reset email\n if (pathname === \"/edit/api/request-reset\" && req.method === \"POST\") {\n try {\n const { email: submittedEmail } = await req.json();\n\n if (submittedEmail !== OWNER_EMAIL) {\n return Response.json(\n { error: \"Email not found\" },\n { status: 404 }\n );\n }\n\n const resetToken = generateResetToken();\n await saveResetToken(submittedEmail, resetToken);\n\n const resetLink = `${url.origin}/edit/reset?token=${resetToken}`;\n\n await email.send({\n to: submittedEmail,\n subject: \"Firewood Cafe Menu Editor — PIN Reset\",\n text: `Hi Tara,\\n\\nClick the link below to reset your menu editor PIN:\\n\\n${resetLink}\\n\\nThis link expires in 1 hour.\\n\\nIf you didn't request this, you can ignore this email.`,\n html: `\n

Firewood Cafe Menu Editor

Click the button below to reset your PIN:

\n Reset PIN\n

This link expires in 1 hour.

If you didn't request this, you can ignore this email.

\n `,\n });\n\n return Response.json({\n success: true,\n message: \"Reset link sent to your email\",\n });\n } catch (error) {\n console.error(\"Reset request error:\", error);\n return Response.json(\n { error: \"Failed to send reset email\" },\n { status: 500 }\n );\n }\n }\n\n // POST /edit/api/reset-pin - save new PIN\n if (pathname === \"/edit/api/reset-pin\" && req.method === \"POST\") {\n try {\n const { token, newPin } = await req.json();\n\n // Validate token\n const validation = await validateResetToken(token);\n if (!validation.valid) {\n return Response.json(\n { error: \"Invalid or expired reset link\" },\n { status: 401 }\n );\n }\n\n // Validate new PIN format (4 digits)\n if (!/^\\d{4}$/.test(newPin)) {\n return Response.json(\n { error: \"PIN must be exactly 4 digits\" },\n { status: 400 }\n );\n }\n\n // Note: In a real implementation, you'd update the env var here\n // For now, we're simulating it. In production, this would need\n // a backend mechanism to update environment variables.\n // For this demo, we'll store the new PIN in blob storage temporarily\n await blob.set(\"menu_editor_pin\", newPin);\n\n // Consume the reset token\n await consumeResetToken(token);\n\n return Response.json({\n success: true,\n message: \"PIN reset successfully\",\n });\n } catch (error) {\n console.error(\"PIN reset error:\", error);\n return Response.json(\n { error: String(error) },\n { status: 500 }\n );\n }\n }\n\n return Response.json({ error: \"Not found\" }, { status: 404 });\n}\n\nfunction getEditorHTML(): string {\n return `\n\n\n \n \n Firewood Cafe — Menu Editor\n \n \n\n\n\n\n

Menu Editor

Enter your PIN

\n \n \n

\n \n

\n \n \n

\n \n

We'll send a reset link to your email.

\n \n \n

\n\n\n

\n \n

✨ AI Assist

\n \n \n

Generating...

\n \n

\n\n\n\n`;\n}\n\nfunction getResetHTML(token: string): string {\n return `\n\n\n \n \n Reset PIN — Firewood Cafe\n \n \n\n\n\n

Reset PIN

Create a new 4-digit PIN

\n \n New PIN\n \n \n Confirm PIN\n \n \n \n

\n \n

\n PIN Requirements:
\n Must be exactly 4 digits
\n Keep it somewhere safe\n

\n\n\n\n\n`;\n}\n","createdAt",["D",1778388508279],"branchVersion","branchId","4262b216-4b86-11f1-8c41-ee650bb23af1","id","4262208a-4b86-11f1-8c41-ee650bb23af1","firewood-cafe-menu",["D",1778317543661],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Firewood Cafe menu with SquareMenu ordering flow","imageUrl","9e73754f-780d-46b7-924e-110519305b47","pinnedFileId","6c4c727c-4c28-11f1-b8d4-ee650bb23af1","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","019d76ed-e14a-727a-b612-7191b6d5a9b7","tursoName","4262208a4b8611f18c41ee650bb23af1","tursoHostname","4262208a4b8611f18c41ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789468254172],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_106":105,"_114":110},"org",{"_106":105,"_107":108,"_109":110,"_19":62,"_111":112,"_113":33},"branch",{"_13":95,"_39":96,"_50":49,"_97":51,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":52,"_104":105},"isOwned",71,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jgwynne7_4bf3679b","handle","displayName","iTabs-Menu","avatar","https://avatars.githubusercontent.com/u/177847225?v=4","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_39":52,"_45":197,"_54":-5,"_55":33,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":31,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":198,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":199,"_90":200,"_92":201,"_94":33},"tree",[180,181,182,183],"files",[180,181,182,183],"counts",{"_169":159,"_170":69,"_171":159,"_172":173,"_174":175},"contents",[137,138,139,140],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_50":162,"_39":163,"_37":164,"_144":-5,"_48":49,"_47":165,"_146":31,"_45":166,"_13":159,"_40":26,"_42":167,"_30":33,"_150":-5,"_34":168},{"_50":156,"_39":157,"_37":64,"_144":-5,"_48":49,"_47":148,"_146":33,"_45":158,"_13":159,"_40":41,"_42":160,"_30":33,"_150":-5,"_34":161},{"_50":152,"_39":35,"_37":38,"_144":-5,"_48":49,"_47":14,"_146":33,"_45":153,"_13":154,"_40":41,"_42":44,"_30":33,"_150":-5,"_34":155},{"_50":141,"_39":142,"_37":143,"_144":-5,"_48":49,"_47":145,"_146":33,"_45":147,"_13":148,"_40":41,"_42":149,"_30":33,"_150":-5,"_34":151},"741c23c6-4c28-11f1-b468-ee650bb23af1","index.html","426557d2-4b86-11f1-8c41-ee650bb23af1","parentId",6,"latest",["D",1778387205544],4,"export default async function (req: Request): Promise {\n const html = `\n\n\n\n\nFirewood Cafe — SquareMenu\n\n\n\n\n\n\n\n

Breakfast

Burgers

Lunch

Drinks

\n\n\n

👆 Tap any dish name to learn more

\n\n

Breakfast

\n\n\n\n\n

View Order

\n\n\n

\n\n\n\n

Your Order

\n \n

\n\n\n

\n \n

Your Details

Your name for the order

\n \n

\n\n\n

\n \n

Payment

Choose payment method

💳

Card

Credit or debit

📱

Apple Pay

Touch / Face ID

🟢

Google Pay

Pay with Google

💬

WeChat Pay

微信支付

Card Details

▣

•••• •••• •••• ••••

Card Holder

YOUR NAME

Expires

MM/YY

Card number

\n \n

Expiry

CVV

\n \n \n

\n\n\n

Processing payment...

\n\n\n

✓

Order Confirmed!

Your Buzzer Number

We'll buzz you when it's ready 🔔

Estimated wait: ~10 mins

⭐ Enjoying your food? Leave us a Google Review!

\n\n\n \n`;\n return new Response(html, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\n}","label",[142],"7c98ed92-4c2b-11f1-9f3c-ee650bb23af1",["D",1778388508279],2,[35],"6c4c71b4-4c28-11f1-b8d4-ee650bb23af1","api.ts",["D",1778387192447],0,"import { blob } from \"https://esm.town/v/std/blob\";\n\nconst MENU_KEY = \"firewood_cafe_menu_data\";\nconst API_KEY = Deno.env.get(\"CLAUDE_API_KEY\") || \"\";\n\n// Get default menu if blob doesn't exist\nfunction getDefaultMenu() {\n return {\n breakfast: [\n {\n name: \"Big Brekky\",\n desc: \"Eggs your way, bacon, mushroom, hash brown, toast\",\n ingredients: [\"Eggs\", \"Bacon\", \"Mushroom\", \"Hash Brown\", \"Toast\"],\n price: 18,\n emoji: \"🍳\",\n tags: [\"⭐⭐ Favourite\"],\n },\n {\n name: \"Eggs Benedict\",\n desc: \"Poached eggs, hash brown, hollandaise\",\n ingredients: [\"Poached Eggs\", \"Hash Brown\", \"Hollandaise\", \"English Muffin\"],\n price: 16,\n emoji: \"🥚\",\n tags: [\"⭐ Favourite\"],\n },\n {\n name: \"Bacon & Egg Wrap\",\n desc: \"Bacon, eggs, and cheese in a warm tortilla wrap\",\n ingredients: [\"Bacon\", \"Eggs\", \"Cheese\", \"Tortilla Wrap\"],\n price: 12,\n emoji: \"🌯\",\n tags: [\"Quick\", \"Casual\"],\n },\n ],\n burgers: [\n {\n name: \"Classic Beef\",\n desc: \"120g patty with lettuce, tomato, cheese, caramelised onion, sesame bun\",\n ingredients: [\"Beef Patty\", \"Lettuce\", \"Tomato\", \"Cheese\", \"Caramelised Onion\", \"Sesame Bun\"],\n price: 16,\n emoji: \"🍔\",\n tags: [\"⭐⭐ Favourite\"],\n },\n {\n name: \"Chicken Avocado\",\n desc: \"Grilled chicken breast, fresh avocado, mayo, crisp lettuce\",\n ingredients: [\"Chicken Breast\", \"Avocado\", \"Mayonnaise\", \"Lettuce\", \"Tomato\", \"Bun\"],\n price: 17,\n emoji: \"🍗\",\n tags: [\"⭐ Favourite\", \"Fresh\"],\n },\n {\n name: \"Veggie Burger\",\n desc: \"House-made patty with roasted vegetables and vegan mayo\",\n ingredients: [\"Veggie Patty\", \"Roasted Vegetables\", \"Vegan Mayo\", \"Lettuce\", \"Bun\"],\n price: 15,\n emoji: \"🥬\",\n tags: [\"Vegetarian\", \"Vegan Option\"],\n },\n ],\n lunch: [\n {\n name: \"Fish & Chips\",\n desc: \"2 pieces battered fish with tartare sauce and lemon\",\n ingredients: [\"Fish Fillet\", \"Batter\", \"Chips\", \"Tartare Sauce\", \"Lemon\"],\n price: 18,\n emoji: \"🐟\",\n tags: [\"⭐⭐ Favourite\", \"Classic\"],\n },\n {\n name: \"Fried Chicken\",\n desc: \"3 pieces golden fried chicken with chips, coleslaw, sweet chilli\",\n ingredients: [\"Chicken\", \"Batter\", \"Chips\", \"Coleslaw\", \"Sweet Chilli Sauce\"],\n price: 16,\n emoji: \"🍗\",\n tags: [\"⭐ Favourite\", \"Crispy\"],\n },\n {\n name: \"Calamari\",\n desc: \"Tender calamari rings with lemon pepper seasoning\",\n ingredients: [\"Calamari\", \"Lemon Pepper\", \"Salt\", \"Oil\"],\n price: 15,\n emoji: \"🦑\",\n tags: [\"Seafood\", \"Tender\"],\n },\n ],\n };\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // GET /api/menu - fetch current menu\n if (req.method === \"GET\" && url.pathname === \"/api/menu\") {\n try {\n const stored = await blob.get(MENU_KEY);\n const menu = stored ? JSON.parse(stored) : getDefaultMenu();\n return Response.json(menu);\n } catch {\n return Response.json(getDefaultMenu());\n }\n }\n\n // POST /api/menu - save updated menu (PIN protected)\n if (req.method === \"POST\" && url.pathname === \"/api/menu\") {\n try {\n const { pin, menu } = await req.json();\n\n // Verify PIN (last 4 digits of phone - hardcoded for now, ideally from env var)\n const CORRECT_PIN = Deno.env.get(\"MENU_EDIT_PIN\") || \"3456\"; // Default for demo\n\n if (pin !== CORRECT_PIN) {\n return Response.json({ error: \"Invalid PIN\" }, { status: 401 });\n }\n\n // Save to blob\n await blob.set(MENU_KEY, JSON.stringify(menu));\n\n return Response.json({ success: true, message: \"Menu saved\" });\n } catch (error) {\n return Response.json({ error: String(error) }, { status: 400 });\n }\n }\n\n // POST /api/generate-dish - AI assist for dish creation\n if (req.method === \"POST\" && url.pathname === \"/api/generate-dish\") {\n try {\n const { prompt } = await req.json();\n\n if (!API_KEY) {\n return Response.json(\n { error: \"AI API key not configured\" },\n { status: 500 }\n );\n }\n\n const response = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-api-key\": API_KEY,\n },\n body: JSON.stringify({\n model: \"claude-opus-4-1-20250805\",\n max_tokens: 500,\n system: `You are a creative chef helping design new menu items. Based on a brief description, generate a JSON object with these fields:\n- name: A catchy, professional dish name (5-7 words max)\n- desc: A 1-2 sentence appealing description\n- emoji: One relevant emoji\n- tags: An array of 2-3 tags (e.g., \"Quick\", \"Vegetarian\", \"Spicy\")\n- ingredients: An array of 4-6 main ingredients\nReturn ONLY valid JSON, no markdown formatting.`,\n messages: [\n {\n role: \"user\",\n content: `Create a new menu item based on: ${prompt}`,\n },\n ],\n }),\n });\n\n if (!response.ok) {\n const err = await response.text();\n throw new Error(`API error: ${err}`);\n }\n\n const data = await response.json();\n const text = data.content?.[0]?.text || \"{}\";\n\n // Extract JSON from response (in case there's markdown wrapping)\n const jsonMatch = text.match(/\\{[\\s\\S]*\\}/);\n const json = jsonMatch ? JSON.parse(jsonMatch[0]) : JSON.parse(text);\n\n return Response.json(json);\n } catch (error) {\n return Response.json(\n { error: `AI generation failed: ${String(error)}` },\n { status: 400 }\n );\n }\n }\n\n return Response.json({ error: \"Not found\" }, { status: 404 });\n}\n",[157],"c5ff5c76-4c28-11f1-9913-ee650bb23af1","README.md","c5ff5d2a-4c28-11f1-9913-ee650bb23af1",12,["D",1778387342935],"# Firewood Cafe Menu System\n\nA modern, AI-powered menu management system for Firewood Cafe with real-time updates and PIN-protected editing.\n\n## Features\n\n### 🎯 Customer-Facing Menu (`/`)\n- Beautiful responsive menu with categories: Breakfast, Burgers, Lunch, Drinks\n- Tap any dish to see full details, ingredients, and multilingual descriptions\n- AI-generated descriptions in English, Tagalog, and Chinese\n- Smooth cart management with checkout flow\n- Buzzer system for order pickup\n- **Live data**: Always displays the latest menu from blob storage\n\n### ✏️ PIN-Protected Menu Editor (`/edit`)\n- **PIN Security**: Enter last 4 digits of phone number to unlock\n- **Real-time editing**: Edit dish names, descriptions, prices\n- **Hide/show dishes**: Toggle visibility without deleting\n- **Add new dishes**: Quick button to add menu items\n- **Delete dishes**: Remove items with confirmation\n- **Instant save**: Changes go live immediately in blob storage\n\n### 🤖 AI-Assisted Dish Creation\n- **Smart generation**: Type a few words about a new dish (e.g., \"spicy chicken curry with rice\")\n- **AI handles everything**: Claude generates:\n - Professional dish name\n - Appetizing 1-2 sentence description\n - Relevant emoji\n - Ingredient list\n - Menu tags (Spicy, Vegetarian, etc.)\n- **One-click add**: Add generated dishes directly to any category\n\n## Architecture\n\n### Files\n- **`index.html`** - Customer-facing menu (loads data from API)\n- **`edit.tsx`** - PIN-protected editor with AI integration\n- **`api.ts`** - Backend API with three endpoints:\n - `GET /api/menu` - Fetch current menu\n - `POST /api/menu` - Save menu (PIN required)\n - `POST /api/generate-dish` - AI dish generation\n\n### Data Storage\n- **Blob Storage**: Menu data persists in Val Town blob storage (key: `firewood_cafe_menu_data`)\n- **Fallback**: Default menu loads if no blob data exists\n- **No reload needed**: Changes save to blob and appear instantly on customer menu\n\n## Environment Variables\n\n```\nCLAUDE_API_KEY - Anthropic API key for AI dish generation\nMENU_EDIT_PIN - 4-digit PIN for menu editor (default: 3456)\n```\n\n### Setting Up\n1. Get your Claude API key from https://console.anthropic.com\n2. Update the env vars in Val Town dashboard:\n - `CLAUDE_API_KEY`: Your actual key\n - `MENU_EDIT_PIN`: Last 4 digits of Tara's phone number\n\n## Usage\n\n### For Customers\nVisit the main menu and:\n- Browse categories (swipe left to scroll)\n- Tap dish names to learn more\n- Tap ingredients to see details\n- Add items to cart\n- Proceed to checkout (buzzer number on completion)\n\n### For Tara (Menu Manager)\n1. Click the **🔧 Edit** link in the menu header\n2. Enter your 4-digit PIN\n3. Edit existing dishes or use AI Assist to create new ones\n4. Click **💾 Save** when done\n5. Changes go live immediately ✨\n\n### AI Assist Workflow\n1. In the editor, type a description (e.g., \"crispy tofu spring rolls with sweet chilli\")\n2. Click **Generate Dish**\n3. Review the AI output\n4. Click **Add to Menu** and select a category\n5. Saved instantly!\n\n## Customization\n\n### Default Menu\nThe default menu structure is in `api.ts`. Edit the `getDefaultMenu()` function to change it.\n\n### Styling\nBoth menus use the same color scheme:\n- Gold: `#D4841B` (primary)\n- Dark brown: `#1a1410` (background)\n- See CSS variables in HTML for full customization\n\n### Categories\nCurrently supports: Breakfast, Burgers, Lunch, Drinks\nTo add more, update:\n1. `api.ts` - `getDefaultMenu()` structure\n2. `index.html` - Category buttons and sections\n3. `edit.tsx` - Rendering logic\n\n## How It Works\n\n### Menu Flow\n1. **Tara edits menu** → PIN verified → Changes sent to `/api/menu` (POST)\n2. **API saves to blob** → Menu persists\n3. **Customers load menu** → `/api/menu` (GET) fetches latest blob data\n4. **No page reload needed** → Changes visible immediately\n\n### AI Generation\n1. **Tara types prompt** → Sent to `/api/generate-dish`\n2. **Claude processes** → Returns structured dish data (JSON)\n3. **Preview shown** → Tara confirms and selects category\n4. **Saved instantly** → Added to menu in blob\n\n## Tips\n\n- **PIN Security**: Use your phone's last 4 digits so only you remember it\n- **Bulk edits**: Edit all dishes at once; save them all together\n- **AI prompts**: Be specific for better results (ingredients work great!)\n- **Testing**: Use PIN `3456` for testing (change it in env vars)\n\n## Links\n\n- **Menu**: \n- **Editor**: \n- **API**: \n\n---\n\nBuilt with ❤️ for Firewood Cafe\n",[163],"pulls","branches","forks","envVars",{"_176":178,"_179":159},"connections",{"_176":159,"_177":159},"count","unfilledCount",3,"emptyCount",{"_50":162,"_39":163,"_37":164,"_144":-5,"_48":49,"_47":165,"_146":31,"_45":194,"_13":159,"_40":26,"_42":167,"_30":33,"_150":-5,"_185":195,"_34":196},{"_50":156,"_39":157,"_37":64,"_144":-5,"_48":49,"_47":148,"_146":33,"_45":191,"_13":159,"_40":41,"_42":160,"_30":33,"_150":-5,"_185":192,"_34":193},{"_50":152,"_39":35,"_37":38,"_144":-5,"_48":49,"_47":14,"_146":33,"_45":188,"_13":154,"_40":41,"_42":44,"_30":33,"_150":-5,"_185":189,"_34":190},{"_50":141,"_39":142,"_37":143,"_144":-5,"_48":49,"_47":145,"_146":33,"_45":184,"_13":148,"_40":41,"_42":149,"_30":33,"_150":-5,"_185":186,"_34":187},["D",1778387205544],"children",[],[142],["D",1778388508279],[],[35],["D",1778387192447],[],[157],["D",1778387342935],[],[163],["D",1778317543661],["D",1789468254172],{"_106":105,"_114":110},{"_106":105,"_107":108,"_109":110,"_19":62,"_111":112,"_113":33},{"_13":95,"_39":96,"_50":49,"_97":51,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":52,"_104":105},"ctx",{"_88":-5,"_134":235,"_236":237,"_238":239,"_240":33,"_241":33,"_242":33,"_243":31,"_244":-5,"_245":-7,"_246":-7,"_247":159,"_248":33,"_249":33,"_250":-5,"_251":33,"_252":33,"_253":33,"_254":-5},"ENV",{"_206":207,"_208":209,"_210":96,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v13