Order Ahead

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_116":-5,"_20":117,"_22":118,"_119":120,"_121":122,"_25":123,"_24":-5,"_124":-5,"_125":-5,"_126":53,"_127":128,"_129":44,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","jgwynne7_4bf3679b","name","mo-coffee","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":47,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","8724ed5a-8b4b-45b9-9e4c-a14052360d32","main.ts","fileId","2567be26-9c7c-11f1-9a3b-1607ee4eb77e","parentId","branchId","a08a5b5a-2fd1-4799-9e83-01c2f849f6d8","branchVersion",1,"latest",true,"createdAt",["D",1787219244251],0,"fileType","http","content","// Mo Coffee — iTabs order-ahead menu\n// Generated by iTabs Studio from the master template. Blob-backed:\n// staff edits persist and are shared across every device.\n// Staff PIN starts as 0000 — change it in the editor (Venue settings > Change PIN).\n\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { email } from \"https://esm.town/v/std/email\";\n\nconst SLUG = \"mo-coffee\";\nconst VENUE = \"Mo Coffee\";\nconst ACCENT = \"#6f4e37\";\nconst DEFAULT_PIN = \"0000\";\n\nconst HTML = \"\\n\\n\\n\\n\\n\\nOrder Ahead\\n\\n\\n\\n\\n\\n\\n

\\n\\n

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

\\n

0 items · $0.00

\\n \\n

\\n\\n\\n

\\n

Connect

\\n

Find us and stay in the loop

\\n 📞 Call us\\n 💬 WhatsApp us\\n ✉️ Email us\\n 📍 Find us\\n 🌐 Website\\n \\n

\\n\\n\\n

\\n

Your order

\\n

Pay at the counter and show this screen

\\n

Total$0.00

\\n\\n

\\n Pickup time\\n

\\n

\\n Table number (optional)\\n \\n

\\n

\\n Name\\n \\n

\\n

\\n Email (for your receipt + 1-tap reorder)\\n \\n

\\n

\\n Dietary (optional)\\n

\\n

\\n Notes for the kitchen (optional)\\n \\n

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

\\n\\n\\n

\\n

✅

\\n

#---

\\n \\n

Show this screen at the counter.

\\n

Total$0.00

\\n \\n

\\n\\n\\n

\\n

Owner access

\\n

Enter your 4-digit PIN to edit the menu

\\n

\\n \\n

\\n \\n \\n

\\n

\\n\\n\\n

\\n

Edit menu

\\n

Tap a photo tile to change it. Edit names, descriptions, prices, mark best-sellers, add or remove items — then save. Changes go live on every device.

\\n

\\n \\n \\n

\\n\\n\\n\\n\\n\";\n\nconst KEY = \"itabs-menu-\" + SLUG;\nconst lockKey = (ip: string) => \"itabs-lock-\" + SLUG + \"-\" + ip;\n\nasync function getState(): Promise {\n try { const s = await blob.getJSON(KEY); return s || null; } catch { return null; }\n}\nasync function getLock(ip: string): Promise {\n try { return (await blob.getJSON(lockKey(ip))) || { fails: 0, until: 0 }; }\n catch { return { fails: 0, until: 0 }; }\n}\nasync function setLock(ip: string, l: any): Promise {\n try { await blob.setJSON(lockKey(ip), l); } catch {}\n}\nasync function effectivePin(): Promise {\n const s = await getState();\n return (s && s.settings && s.settings.pin) ? s.settings.pin : DEFAULT_PIN;\n}\nfunction json(o: any, status = 200): Response {\n return new Response(JSON.stringify(o), { status, headers: { \"Content-Type\": \"application/json\" } });\n}\nfunction money(n: number): string { return \"$\" + Number(n || 0).toFixed(2); }\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const ip = (req.headers.get(\"x-forwarded-for\") || \"unknown\").split(\",\")[0].trim();\n\n // --- unlock: verify staff PIN, with IP lockout (5 fails = 15 min) ---\n if (req.method === \"POST\" && url.pathname === \"/unlock\") {\n const lock = await getLock(ip); const now = Date.now();\n if (lock.until > now) return json({ minutes: Math.ceil((lock.until - now) / 60000) }, 429);\n let body: any = {}; try { body = await req.json(); } catch {}\n if (body.pin === (await effectivePin())) {\n await setLock(ip, { fails: 0, until: 0 });\n return json({ ok: true });\n }\n lock.fails = (lock.fails || 0) + 1;\n if (lock.fails >= 5) { lock.until = now + 15 * 60 * 1000; lock.fails = 0; await setLock(ip, lock); return json({ minutes: 15 }, 429); }\n await setLock(ip, lock);\n return json({ ok: false, left: 5 - lock.fails }, 401);\n }\n\n // --- save: PIN-checked write to blob (shared across every device) ---\n if (req.method === \"POST\" && url.pathname === \"/save\") {\n const lock = await getLock(ip); const now = Date.now();\n if (lock.until > now) return json({ minutes: Math.ceil((lock.until - now) / 60000) }, 429);\n let body: any = {}; try { body = await req.json(); } catch {}\n const pin = await effectivePin();\n if (body.pin !== pin) {\n lock.fails = (lock.fails || 0) + 1;\n if (lock.fails >= 5) { lock.until = now + 15 * 60 * 1000; lock.fails = 0; await setLock(ip, lock); return json({ minutes: 15 }, 429); }\n await setLock(ip, lock);\n return json({ error: \"Incorrect PIN\" }, 401);\n }\n const state = await getState();\n const base = (state && state.settings) ? state.settings : {};\n const merged: any = Object.assign({}, base, body.settings || {});\n if (!merged.pin) merged.pin = pin;\n await blob.setJSON(KEY, {\n categories: body.categories || (state && state.categories) || [],\n settings: merged,\n });\n return json({ ok: true });\n }\n\n // --- receipt: emails the customer their order + a 1-tap reorder link ---\n if (req.method === \"POST\" && url.pathname === \"/receipt\") {\n let b: any = {}; try { b = await req.json(); } catch {}\n const to = String(b.to || \"\").trim();\n if (!to || to.indexOf(\"@\") === -1) return json({ ok: false }, 400);\n try {\n const items = Array.isArray(b.items) ? b.items : [];\n const rows = items.map((i: any) =>\n \"\" + i.qty + \"× \" + i.name +\n \"\" + money(i.qty * i.price) + \"\"\n ).join(\"\");\n const reorder = String(b.reorderUrl || \"\");\n const html = \"

\" +\n \"

\" + VENUE + \"

\" +\n \"

Order #\" + String(b.code || \"\") + \"\" +\n (b.table ? \" · Table \" + b.table : \"\") + \"

\" +\n \"\" + rows +\n \"\" +\n \"

Total

\" + money(b.total) + \"

\" +\n (b.diet && b.diet.length ? \"

Dietary: \" + b.diet.join(\", \") + \"

\" : \"\") +\n (b.notes ? \"

Notes: \" + b.notes + \"

\" : \"\") +\n (reorder ? \"

Reorder this in one tap

\" : \"\") +\n \"

\";\n await email({ to, subject: VENUE + \" — order #\" + String(b.code || \"\"), html });\n return json({ ok: true });\n } catch (e: any) {\n return json({ ok: false, error: String(e && e.message || e) }, 200);\n }\n }\n\n // --- GET /menu.json : the live menu, PIN stripped ---\n if (req.method === \"GET\" && url.pathname === \"/menu.json\") {\n const s = await getState();\n if (!s) return json({ note: \"No edits saved yet — serving seed.\", categories: null, settings: null });\n const pub = Object.assign({}, s.settings || {});\n delete pub.pin;\n return json({ categories: s.categories, settings: pub });\n }\n\n // --- GET / : the menu, with current blob state injected (PIN stripped) ---\n const state = await getState();\n let injected: any = null;\n if (state) {\n const pub = Object.assign({}, state.settings || {});\n delete pub.pin;\n injected = { categories: state.categories, settings: pub };\n }\n const data = JSON.stringify(injected).replace(/<\\//g, \"<\\\\/\");\n const page = HTML.replace(\"__ITABS_DATA__\", () => data);\n return new Response(page, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\n}\n","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1787219244251],"children",[],[35],"e8aff40f-0eb6-4488-b620-4ec5911ca216",["D",1787219244153],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Mo Coffee — iTabs order-ahead menu","imageUrl","userId","9e73754f-780d-46b7-924e-110519305b47","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019d76ed-e14a-727a-b612-7191b6d5a9b7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_115":111},"org",{"_11":12,"_108":109,"_110":111,"_71":72,"_112":113,"_114":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","iTabs-Menu","avatar","https://avatars.githubusercontent.com/u/177847225?v=4","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":148,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":47,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":149,"_95":150,"_97":151,"_99":53},[145],"files",[145],"counts",{"_136":47,"_137":42,"_138":47,"_31":139,"_140":141},[134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":135},[35],"pulls","branches","forks",{"_142":47,"_144":47},"connections",{"_142":47,"_143":47},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":146,"_18":147},[],[35],["D",1787219244153],{"_11":12,"_115":111},{"_11":12,"_108":109,"_110":111,"_71":72,"_112":113,"_114":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_131":185,"_186":187,"_188":189,"_190":53,"_191":53,"_192":53,"_193":44,"_194":-5,"_195":-7,"_196":-7,"_197":47,"_198":53,"_199":53,"_200":-5,"_201":53,"_202":53,"_203":53,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":16,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"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"]

Code