Swan Sidewalk Cafe

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_154":155,"_156":157},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_117":-5,"_20":118,"_22":119,"_120":121,"_122":123,"_25":124,"_24":-5,"_125":-5,"_126":-5,"_127":53,"_128":129,"_130":44,"_131":-5,"_132":-5,"_133":134},"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","sidewalk-cafe-2","branchName","main","version","path","","project",{"_33":62,"_13":14,"_45":63,"_64":-5,"_65":53,"_66":67,"_68":67,"_69":19,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":95,"_96":97,"_98":99,"_100":53},"tree",[57],"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":55,"_18":56},"id","42efeeaa-ea04-41ff-a83a-1e774c4b4add","main.ts","fileId","2cbdf3a4-a936-11f1-9c79-1607ee4eb77e","parentId","branchId","e5fb57a9-fdb6-4263-84e0-a4f9b21280b5","branchVersion",18,"latest",true,"createdAt",["D",1788700476457],17,"fileType","http","content","// iTabs Menu — Swan Sidewalk Cafe\n// Val.town production build (blob-backed, photo upload enabled)\n// Built on the standard iTabs template + a Queue page for Grace's iPad + Square payments (sandbox).\n// Paste into a Val.town HTTP val, Save, open the HTTP URL.\n//\n// BEFORE THIS GOES LIVE WITH GRACE, replace:\n// - SANDBOX_ACCESS_TOKEN / SANDBOX_LOCATION_ID with her real Square values\n// - SQUARE_API_BASE with \"https://connect.squareup.com\" (drop \"sandbox\")\n\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst SLUG = \"swan-sidewalk-cafe\";\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 SANDBOX_ACCESS_TOKEN = \"PASTE_YOUR_SANDBOX_ACCESS_TOKEN_HERE\";\nconst SANDBOX_LOCATION_ID = \"PASTE_YOUR_SANDBOX_LOCATION_ID_HERE\";\nconst SQUARE_API_BASE = \"https://connect.squareupsandbox.com\";\n\n// Seed data — served until the first staff Save writes to blob.\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 },\n categories: [\n {\n name: \"Coffee & Hot Drinks\",\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}\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\nasync function createPaymentLink(orderNumber, itemsText, totalCents) {\n const idempotencyKey = crypto.randomUUID();\n const res = await fetch(\n SQUARE_API_BASE + \"/v2/online-checkout/payment-links\",\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": \"Bearer \" + SANDBOX_ACCESS_TOKEN,\n \"Square-Version\": \"2024-01-18\",\n },\n body: JSON.stringify({\n idempotency_key: idempotencyKey,\n quick_pay: {\n name: \"Order #\" + orderNumber + \" — \" + itemsText,\n price_money: { amount: totalCents, currency: \"AUD\" },\n location_id: SANDBOX_LOCATION_ID,\n },\n }),\n },\n );\n if (!res.ok) throw new Error(\"Square API error: \" + (await res.text()));\n const data = await res.json();\n return {\n url: data.payment_link.url,\n squareOrderId: data.payment_link.order_id,\n };\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

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

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\nfunction queuePage() {\n return `\n\nSwan Sidewalk Cafe — Queue\n\n\n

🦢 Swan Sidewalk Cafe

0 waiting

Add Order

Size

Medium

Large

Name (optional)

\n \n

Notes (optional)

\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(\" 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 await saveState(newState);\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 // Customer order (online, from the main menu page).\n // STAGE 1 — ordering only, no payment processing. Customer pays Grace directly\n // at pickup, same as a walk-up order. Square integration can be switched back\n // on later by restoring the createPaymentLink block below (kept in the file,\n // just not called) once that's worth turning on.\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 // Manual order from Grace's Queue page — no Square link, she takes payment on her own terminal.\n if (req.method === \"POST\" && url.pathname === \"/queue-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 ? i.price * 100 : 0) * i.qty;\n return i.qty + \"× \" + i.name;\n }).join(\", \");\n // Look up real prices from current menu since the Queue page only sends names.\n const state = await getState();\n const flatMenu = [];\n state.categories.forEach((c) => c.items.forEach((it) => flatMenu.push(it)));\n let realTotalCents = 0;\n const realItemsText = items.map((i) => {\n const menuItem = flatMenu.find((m) => m.name === i.name);\n const price = menuItem ? menuItem.price : 0;\n realTotalCents += Math.round(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: realItemsText,\n total: realTotalCents / 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 });\n }\n\n if (req.method === \"GET\" && url.pathname === \"/queue-data\") {\n const tab = url.searchParams.get(\"tab\") || \"active\";\n const orders = await getOrders();\n const state = await getState();\n const menuNames = [];\n state.categories.forEach((c) =>\n c.items.forEach((it) => menuNames.push(it.name))\n );\n const filtered = tab === \"active\"\n ? orders.filter((o) => !o.done).sort((a, b) =>\n a.orderNumber - b.orderNumber\n )\n : orders.filter((o) => o.done).sort((a, b) =>\n b.orderNumber - a.orderNumber\n ).slice(0, 100);\n return jsonResponse({ orders: filtered, menuNames: menuNames });\n }\n\n if (req.method === \"POST\" && url.pathname === \"/mark-paid\") {\n const body = await req.json();\n const orders = await getOrders();\n const order = orders.find((o) => o.id === body.id);\n if (order) order.paid = true;\n await saveOrders(orders);\n return jsonResponse({ ok: true });\n }\n\n if (req.method === \"POST\" && url.pathname === \"/mark-done\") {\n const body = await req.json();\n const orders = await getOrders();\n const order = orders.find((o) => o.id === body.id);\n if (order) order.done = true;\n await saveOrders(orders);\n return jsonResponse({ ok: true });\n }\n\n if (req.method === \"POST\" && url.pathname === \"/webhook/square\") {\n const event = await req.json();\n if (\n event.type === \"payment.updated\" &&\n event.data?.object?.payment?.status === \"COMPLETED\"\n ) {\n const squareOrderId = event.data.object.payment.order_id;\n const orders = await getOrders();\n const order = orders.find((o) => o.squareOrderId === squareOrderId);\n if (order) order.paid = true;\n await saveOrders(orders);\n }\n return jsonResponse({ received: true });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}","deleted",false,"label","swan-sidewalk-cafe",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":58,"_17":47,"_48":49,"_50":51,"_52":53,"_54":55,"_59":60,"_18":61},["D",1788700476457],"children",[],[35],"7ff719c7-db0f-4c8b-9c28-2a153e4314b2",["D",1788618556875],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","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",{"_11":12,"_116":112},"org",{"_11":12,"_109":110,"_111":112,"_71":72,"_113":114,"_115":53},"branch",{"_17":42,"_13":16,"_33":40,"_101":62,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":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":62,"_13":14,"_45":150,"_64":-5,"_65":53,"_66":67,"_68":67,"_69":19,"_70":-5,"_71":72,"_73":37,"_74":44,"_75":-5,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":151,"_96":152,"_98":153,"_100":53},[147],"files",[147],"counts",{"_137":78,"_138":139,"_140":78,"_31":141,"_142":143},[135],"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":55,"_18":136},[35],"pulls","branches",1,"forks",{"_144":78,"_146":78},"connections",{"_144":78,"_145":78},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":58,"_17":47,"_48":49,"_50":51,"_52":53,"_54":55,"_59":148,"_18":149},[],[35],["D",1788618556875],{"_11":12,"_116":112},{"_11":12,"_109":110,"_111":112,"_71":72,"_113":114,"_115":53},{"_17":42,"_13":16,"_33":40,"_101":62,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"ctx",{"_94":-5,"_132":187,"_188":189,"_190":191,"_192":53,"_193":53,"_194":53,"_195":44,"_196":-5,"_197":-7,"_198":-7,"_199":78,"_200":53,"_201":53,"_202":-5,"_203":53,"_204":53,"_205":53,"_206":-5},"ENV",{"_158":159,"_160":161,"_162":16,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Order Placed

Code