Swan Sidewalk Cafe

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_102":103,"_104":105},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","jgwynne7_4bf3679b","name","itabs-template-test","path","main.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":25,"_58":32,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/jgwynne7_4bf3679b/itabs-template-test/code/main.ts","extension","id","f46eadf4-d5fb-4527-99a9-27d507a4096b","fileId","b3af597a-ab70-11f1-8dd1-1607ee4eb77e","parentId","branchId","9dc42da2-6558-47cf-8bdc-c2d1cdb39cb1","branchVersion",8,"latest",true,"createdAt",["D",1788873676303],"version",7,"fileType","http","content","// iTabs Menu — Swan Sidewalk Cafe. Blob-backed, photo upload, Queue page for Grace's iPad.\n// STAGE 1 — ordering only, no online payment. Paste into a Val.town HTTP val, Save, open the URL.\n\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst SLUG = \"template-test\";\nconst STATE_KEY = \"itabs-menu-\" + SLUG;\nconst ORDERS_KEY = \"itabs-orders-\" + SLUG;\nconst LOCK_PREFIX = \"itabs-lock-\" + SLUG + \"-\";\nconst DEFAULT_PIN = \"7000\"; // last 4 of Grace's phone\nconst MAX_ATTEMPTS = 5;\nconst LOCK_MINUTES = 15;\nconst RECOVERY_CODE = \"boilermaker-reset-swansidewalk-4821\";\n\nconst SEED = {\n settings: {\n venue: \"Swan Sidewalk Cafe\",\n tagline: \"Satisfy your Craving\",\n phone: \"0437 007 000\",\n mapUrl: \"\",\n photoMode: \"photos\",\n accent: \"#e8791f\",\n pin: DEFAULT_PIN,\n logo: \"\",\n heroImg: \"\",\n eventLabel: \"\",\n eventCutoff: \"\",\n },\n categories: [\n {\n name: \"Coffee & Hot Drinks\",\n categoryPhoto: \"\",\n items: [\n {\n name: \"Cappuccino (M)\",\n desc: \"\",\n price: 5.50,\n photo: \"\",\n popular: true,\n soldOut: false,\n },\n {\n name: \"Cappuccino (L)\",\n desc: \"\",\n price: 6.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Chai (M)\",\n desc: \"\",\n price: 5.50,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Chai (L)\",\n desc: \"\",\n price: 6.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Dirty Chai (M)\",\n desc: \"\",\n price: 6.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Dirty Chai (L)\",\n desc: \"\",\n price: 6.50,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Flat White (M)\",\n desc: \"\",\n price: 5.50,\n photo: \"\",\n popular: true,\n soldOut: false,\n },\n {\n name: \"Flat White (L)\",\n desc: \"\",\n price: 6.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Hot Chocolate (M)\",\n desc: \"\",\n price: 5.50,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Hot Chocolate (L)\",\n desc: \"\",\n price: 6.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Latte (M)\",\n desc: \"\",\n price: 5.50,\n photo: \"\",\n popular: true,\n soldOut: false,\n },\n {\n name: \"Latte (L)\",\n desc: \"\",\n price: 6.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Long Black (M)\",\n desc: \"\",\n price: 4.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Long Black (L)\",\n desc: \"\",\n price: 4.50,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Mocha (M)\",\n desc: \"\",\n price: 6.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Mocha (L)\",\n desc: \"\",\n price: 6.50,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Matcha (M)\",\n desc: \"\",\n price: 5.50,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Matcha (L)\",\n desc: \"\",\n price: 6.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Tea (M)\",\n desc: \"\",\n price: 4.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Tea (L)\",\n desc: \"\",\n price: 4.50,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Macchiato\",\n desc: \"\",\n price: 4.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Long Mac Topped Up\",\n desc: \"\",\n price: 5.00,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n {\n name: \"Espresso\",\n desc: \"\",\n price: 4.50,\n photo: \"\",\n popular: false,\n soldOut: false,\n },\n ],\n },\n ],\n};\n\nasync function getState() {\n try {\n const state = await blob.getJSON(STATE_KEY);\n if (state && state.settings && state.categories) return state;\n } catch (e) {}\n return SEED;\n}\nasync function saveState(state) {\n await blob.setJSON(STATE_KEY, state);\n}\nasync function getLock(ip) {\n try {\n const lock = await blob.getJSON(LOCK_PREFIX + ip);\n if (lock) return lock;\n } catch (e) {}\n return { attempts: 0, lockedUntil: 0 };\n}\nasync function setLock(ip, lock) {\n try {\n await blob.setJSON(LOCK_PREFIX + ip, lock);\n } catch (e) {}\n}\nasync function getOrders() {\n try {\n const orders = await blob.getJSON(ORDERS_KEY);\n if (Array.isArray(orders)) return orders;\n } catch (e) {}\n return [];\n}\nasync function saveOrders(orders) {\n await blob.setJSON(ORDERS_KEY, orders);\n}\n\nasync function savePhotoBlob(dataUrl) {\n const key = \"itabs-photo-\" + SLUG + \"-\" + crypto.randomUUID();\n await blob.setJSON(key, { dataUrl });\n return key;\n}\nasync function getPhotoBlob(key) {\n const data = await blob.getJSON(key);\n return data ? data.dataUrl : null;\n}\n\nfunction getIp(req) {\n const fwd = req.headers.get(\"x-forwarded-for\");\n if (fwd) return fwd.split(\",\")[0].trim();\n return \"unknown\";\n}\nfunction jsonResponse(obj, status) {\n return new Response(JSON.stringify(obj), {\n status: status || 200,\n headers: { \"Content-Type\": \"application/json\" },\n });\n}\n\nasync function nextOrderNumber(orders) {\n const today = new Date().toISOString().slice(0, 10);\n let max = 13;\n for (const o of orders) {\n if (\n o.createdAt && o.createdAt.slice(0, 10) === today && o.orderNumber > max\n ) max = o.orderNumber;\n }\n return max + 1;\n}\n\nconst HTML_TEMPLATE = String.raw`\n\n\n\n\nSwan Sidewalk Cafe | Order\n\n\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

Connect

\n Get directions\n

\n\n

Your order

Total$0.00

\n\n

Pickup time

\n\n

Name

\n \n\n

Dietary

\n\n

Notes for the kitchen

\n \n\n

Pay online now — show this screen when you pick up

\n \n

\n\n\n\n

Owner access

\n \n \n \n \n

\n \n

\n\n

Venue settings & menu

\n \n \n

\n\n

Venue name

\n \n

Tagline

\n \n

Phone

\n \n

Map link

\n \n

Next pickup (optional)

Where / which event

\n \n \n

Order cutoff date & time

\n \n \n

Item photos

\n \n

Brand colour

\n \n

Logo (URL or upload)

\n \n Upload\n

\n \n

Hero banner image (URL or upload)

\n \n Upload\n

Change PIN

New PIN (4 digits)

\n \n

Confirm new PIN

\n \n

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

\n\n\n\n\n`;\n\nexport default async function (req) {\n const url = new URL(req.url);\n\n if (req.method === \"GET\" && url.pathname === \"/\") {\n const state = await getState();\n const dataForClient = {\n settings: Object.assign({}, state.settings, { pin: undefined }),\n categories: state.categories,\n };\n delete dataForClient.settings.pin;\n let dataJson = JSON.stringify(dataForClient);\n dataJson = dataJson.split(\" c.charCodeAt(0));\n return new Response(bytes, {\n headers: {\n \"Content-Type\": contentType,\n \"cache-control\": \"public, max-age=31536000\",\n },\n });\n } catch (err) {\n return new Response(\"Not found\", { status: 404 });\n }\n }\n\n if (req.method === \"GET\" && url.pathname === \"/recover-pin\") {\n const code = url.searchParams.get(\"code\");\n if (code !== RECOVERY_CODE) {\n return new Response(\"Not found\", { status: 404 });\n }\n const state = await getState();\n await saveState({\n settings: Object.assign({}, state.settings, { pin: DEFAULT_PIN }),\n categories: state.categories,\n });\n return new Response(\"PIN reset to \" + DEFAULT_PIN + \".\", {\n headers: { \"Content-Type\": \"text/plain\" },\n });\n }\n\n if (req.method === \"POST\" && url.pathname === \"/unlock\") {\n const ip = getIp(req);\n const lock = await getLock(ip);\n if (lock.lockedUntil > Date.now()) {\n return jsonResponse({\n ok: false,\n locked: true,\n minutesLeft: Math.ceil((lock.lockedUntil - Date.now()) / 60000),\n });\n }\n let body;\n try {\n body = await req.json();\n } catch (e) {\n return jsonResponse({ ok: false });\n }\n const state = await getState();\n const currentPin = state.settings.pin || DEFAULT_PIN;\n if (body && body.pin === currentPin) {\n await setLock(ip, { attempts: 0, lockedUntil: 0 });\n return jsonResponse({ ok: true });\n }\n const attempts = (lock.attempts || 0) + 1;\n if (attempts >= MAX_ATTEMPTS) {\n await setLock(ip, {\n attempts: 0,\n lockedUntil: Date.now() + LOCK_MINUTES * 60000,\n });\n return jsonResponse({\n ok: false,\n locked: true,\n minutesLeft: LOCK_MINUTES,\n });\n }\n await setLock(ip, { attempts: attempts, lockedUntil: 0 });\n return jsonResponse({ ok: false, locked: false });\n }\n\n if (req.method === \"POST\" && url.pathname === \"/save\") {\n const ip = getIp(req);\n const lock = await getLock(ip);\n if (lock.lockedUntil > Date.now()) {\n return jsonResponse({\n ok: false,\n message: \"Too many attempts. Try again in \" +\n Math.ceil((lock.lockedUntil - Date.now()) / 60000) + \" min.\",\n });\n }\n let body;\n try {\n body = await req.json();\n } catch (e) {\n return jsonResponse({ ok: false, message: \"Bad request.\" });\n }\n const state = await getState();\n const currentPin = state.settings.pin || DEFAULT_PIN;\n if (!body || body.pin !== currentPin) {\n return jsonResponse({\n ok: false,\n message: \"PIN check failed — please unlock again.\",\n });\n }\n if (!body.settings || !body.categories) {\n return jsonResponse({ ok: false, message: \"Missing data.\" });\n }\n const newState = {\n settings: Object.assign({}, state.settings, body.settings),\n categories: body.categories,\n };\n newState.settings.pin = (body.newPin && /^[0-9]{4}$/.test(body.newPin))\n ? body.newPin\n : currentPin;\n try {\n await saveState(newState);\n } catch (err) {\n return jsonResponse({\n ok: false,\n message:\n \"Save failed — the menu data is likely too large (probably too many/too-large photos). Try removing a photo or two and save again. (\" +\n String(err) + \")\",\n }, 500);\n }\n const responseSettings = Object.assign({}, newState.settings, {\n pin: undefined,\n });\n delete responseSettings.pin;\n const result = {\n ok: true,\n settings: responseSettings,\n categories: newState.categories,\n };\n if (body.newPin && /^[0-9]{4}$/.test(body.newPin)) result.pin = body.newPin;\n return jsonResponse(result);\n }\n\n if (req.method === \"POST\" && url.pathname === \"/order\") {\n let body;\n try {\n body = await req.json();\n } catch (e) {\n return jsonResponse({ ok: false });\n }\n const orders = await getOrders();\n const items = body.items || [];\n let totalCents = 0;\n const itemsText = items.map((i) => {\n totalCents += Math.round(i.price * 100) * i.qty;\n return i.qty + \"× \" + i.name;\n }).join(\", \");\n const orderNumber = await nextOrderNumber(orders);\n const order = {\n id: SLUG + \"-\" + Date.now().toString(36).toUpperCase(),\n orderNumber: orderNumber,\n name: body.name || \"\",\n notes: body.notes || \"\",\n itemsText: itemsText,\n total: totalCents / 100,\n paid: false,\n done: false,\n squareOrderId: \"\",\n createdAt: new Date().toISOString(),\n };\n orders.push(order);\n await saveOrders(orders);\n return jsonResponse({ ok: true, orderId: order.id, payUrl: null });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","deleted",false,"label",[14],"d3db4ae8-86c0-4a5a-b71d-3197f250c171",["D",1788863596382],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","itabs-template-tes","imageUrl","userId","9e73754f-780d-46b7-924e-110519305b47","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019d76ed-e14a-727a-b612-7191b6d5a9b7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_101":97},"org",{"_9":10,"_94":95,"_96":97,"_55":56,"_98":99,"_100":42},"branch",{"_35":30,"_11":85,"_22":28,"_86":45,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":12,"_93":10},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","iTabs-Menu","avatar","https://avatars.githubusercontent.com/u/177847225?v=4","tier","pro","canRestrictVals","profileImageUrl","ctx",{"_78":-5,"_135":136,"_137":138,"_139":140,"_141":42,"_142":42,"_143":42,"_144":32,"_145":-5,"_146":-7,"_147":-7,"_148":62,"_149":42,"_150":42,"_151":-5,"_152":42,"_153":42,"_154":42,"_155":-5},"ENV",{"_106":107,"_108":109,"_110":85,"_111":112,"_113":114,"_115":116,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Order Placed