iTabs — Square Sandbox Test

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_104":85,"_27":36,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":25,"_121":-5,"_122":-5,"_123":124},"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":36,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",2,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_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}","createdAt",["D",1788618574780],"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",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":54,"_100":101,"_102":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"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":149,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":36,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":150,"_79":151,"_81":152,"_83":25},"tree",[144],"files",[144],"counts",{"_134":61,"_135":130,"_136":61,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":132,"_27":133},"d83f52d8-b6cd-47a6-8856-5acbb9362cb2","parentId","latest",["D",1788618574780],1,"label","swan-sidewalk-cafe",[28],"pulls","branches","forks","envVars",{"_141":61,"_143":61},"connections",{"_141":61,"_142":61},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":132,"_146":147,"_27":148},["D",1788618574780],"children",[],[28],["D",1788618556875],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":54,"_100":101,"_102":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":57,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":85,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"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"]

Diff · v2