iTabs — Square Sandbox Test

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_155":156,"_157":158},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_105":86,"_27":53,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_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":25},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":37,"_35":36,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","2cbdf3a4-a936-11f1-9c79-1607ee4eb77e","name","fileType","script","content","// iTabs — Square Payment Link test val (SANDBOX)\n// Paste this straight into a new Val.town HTTP val.\n//\n// SETUP (one-time, ~10 min):\n// 1. Go to developer.squareup.com/apps and create a free developer account\n// 2. Create an \"Application\" (any name, e.g. \"iTabs Test\")\n// 3. In the app dashboard, flip to \"Sandbox\" mode (top toggle)\n// 4. Copy the \"Sandbox Access Token\" — paste it into SANDBOX_ACCESS_TOKEN below\n// 5. Copy the \"Sandbox Location ID\" (Locations tab) — paste into SANDBOX_LOCATION_ID below\n// 6. Deploy this val, open its URL — you'll see a test order with a Pay button\n// 7. Tap Pay → Square opens a hosted checkout page → use Square's test card\n// number 4111 1111 1111 1111, any future expiry, any CVV — it will NOT charge\n// a real card, sandbox mode never touches real money\n//\n// This is intentionally separate from the queue build. Nothing here needs to\n// touch the Swan Sidewalk Cafe queue — it's just proving the payment flow works\n// end-to-end before Grace ever connects her own real Square account.\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\"; // sandbox endpoint\n\nfunction html(body: string) {\n return new Response(body, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n\nasync function createPaymentLink(\n orderNumber: number,\n itemName: string,\n amountCents: number,\n) {\n const idempotencyKey = crypto.randomUUID();\n\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 + \" — \" + itemName,\n price_money: {\n amount: amountCents, // Square uses cents\n currency: \"AUD\",\n },\n location_id: SANDBOX_LOCATION_ID,\n },\n }),\n },\n );\n\n if (!res.ok) {\n const errText = await res.text();\n throw new Error(\"Square API error (\" + res.status + \"): \" + errText);\n }\n\n const data = await res.json();\n return data.payment_link.url as string;\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // Endpoint: create the payment link and redirect straight to Square's hosted checkout\n if (url.pathname === \"/pay\") {\n try {\n const checkoutUrl = await createPaymentLink(\n 14,\n \"Flat White (M), Oat\",\n 600,\n ); // 600 cents = $6.00\n return Response.redirect(checkoutUrl, 302);\n } catch (err) {\n return html(\n \"

Payment link failed

\" +\n          String(err) +\n          \"

Check your SANDBOX_ACCESS_TOKEN and SANDBOX_LOCATION_ID are pasted in correctly.

\",\n );\n }\n }\n\n // Default: simple test page\n return html(`\n \n \n \n \n iTabs — Square Sandbox Test\n \n \n \n

Order #14

Flat White (M), Oat — $6.00

\n Pay with Square →\n

Sandbox mode — test card 4111 1111 1111 1111, no real charge

\n \n \n `);\n}","http","createdAt",["D",1788618581324],"branchVersion","branchId","e5fb57a9-fdb6-4263-84e0-a4f9b21280b5","id","7ff719c7-db0f-4c8b-9c28-2a153e4314b2","sidewalk-cafe-2",["D",1788618556875],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","9e73754f-780d-46b7-924e-110519305b47","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d76ed-e14a-727a-b612-7191b6d5a9b7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"isOwned",18,"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",{"_43":44,"_32":45,"_38":151,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_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":152,"_80":153,"_82":154,"_84":25},"tree",[146],"files",[146],"counts",{"_135":62,"_136":137,"_138":62,"_139":140,"_141":142},"contents",[126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":130,"_13":131,"_33":37,"_35":36,"_24":25,"_132":133,"_27":134},"c19dbbc8-0c7b-404d-8d97-7a8921caa789","parentId","latest",["D",1788618581324],2,"label","swan-sidewalk-cafe",[28],"pulls","branches",1,"forks","envVars",{"_143":62,"_145":62},"connections",{"_143":62,"_144":62},"count","unfilledCount","emptyCount",{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":147,"_13":131,"_33":37,"_35":36,"_24":25,"_132":133,"_148":149,"_27":150},["D",1788618581324],"children",[],[28],["D",1788618556875],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_78":-5,"_123":188,"_189":190,"_191":192,"_193":25,"_194":25,"_195":25,"_196":58,"_197":-5,"_198":-7,"_199":-7,"_200":62,"_201":25,"_202":25,"_203":-5,"_204":25,"_205":25,"_206":25,"_207":-5},"ENV",{"_159":160,"_161":162,"_163":86,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187},"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 · v3