[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_151":152,"_153":154},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_58":126,"_16":-7,"_17":127,"_128":129,"_26":130,"_19":131,"_21":132,"_133":-5,"_134":-5,"_135":-5,"_136":33,"_137":138,"_139":33},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":-7,"_24":-5,"_25":-5,"_26":27,"_28":29,"_30":-5,"_31":-5,"_32":33,"_34":33},"handle","vawogbemi","name","StripeDemo","branchName","version","project",{"_35":75,"_13":14,"_47":76,"_77":-5,"_78":46,"_79":80,"_81":-5,"_82":-5,"_83":84,"_85":39,"_86":46,"_87":-5,"_88":-5,"_89":64,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":97,"_99":100,"_101":100,"_102":100,"_103":97,"_104":97,"_105":106,"_107":108,"_109":110,"_111":33},"counts",{"_63":64,"_65":66,"_67":66,"_68":69,"_70":71},"contents",[60],"readme","upstream","pull","files",[29],"preview",{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_16":49,"_50":51,"_52":53,"_54":33,"_55":-5,"_56":57,"_58":59},"ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","id","1014ae46-26dd-11f0-a5b3-569c3dd06744","main.tsx","fileId","0f6d033a-26dd-11f0-a5b3-569c3dd06744","parentId","branchId","0f6a2aa2-26dd-11f0-a5b3-569c3dd06744","branchVersion",31,"latest",true,"createdAt",["D",1731357477297],30,"fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport confetti from \"https://esm.sh/canvas-confetti\";\nimport React, { useEffect, useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nfunction App() {\n const [tipAmount, setTipAmount] = useState(5);\n const paymentLinks = {\n 1: \"https://buy.stripe.com/test_eVa5nA3FhblYg1y3cc\",\n 5: \"https://buy.stripe.com/test_6oE3fs7Vx0Hk4iQcMN\",\n 10: \"https://buy.stripe.com/test_aEU3fs4Jl89M7v26oq\",\n 20: \"https://buy.stripe.com/test_bIY4jwcbN61E2aI4gj\",\n };\n\n const handleTip = () => {\n window.location.href = paymentLinks[tipAmount];\n };\n\n const presetTips = [1, 5, 10, 20];\n\n return (\n

Casual Tipping

Stripe Test Mode Instructions

Use card number: 4242 4242 4242 4242
Expiry date: Any future date (e.g., 12/34)
CVC: Any 3 digits
Other fields: Use any values

\n {presetTips.map((amount) => (\n setTipAmount(amount)}\n className={`px-4 py-2 rounded ${\n tipAmount === amount\n ? \"bg-indigo-600 text-white\"\n : \"bg-gray-200 text-gray-700 hover:bg-gray-300\"\n }`}\n >\n ${amount}\n \n ))}\n

\n \n Tip ${tipAmount}\n \n

\n \n View source\n \n

\n );\n}\n\nfunction Success() {\n useEffect(() => {\n confetti({\n particleCount: 100,\n spread: 70,\n origin: { y: 0.6 },\n });\n }, []);\n\n return (\n

Thank You for Your Tip!

Your generosity is greatly appreciated.

\n Back to Home\n

\n );\n}\n\nfunction client() {\n const root = document.getElementById(\"root\");\n if (root) {\n const url = new URL(window.location.href);\n if (url.pathname === \"/success\") {\n createRoot(root).render();\n } else {\n createRoot(root).render();\n }\n }\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/success\") {\n return new Response(\n `\n \n \n Tip Successful\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n }\n\n return new Response(\n `\n \n \n Tipping Demo\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label","children",[],"path",[37],{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":61,"_16":49,"_50":51,"_52":53,"_54":33,"_55":-5,"_58":62},["D",1731357477297],[37],"pulls",0,"branches",1,"forks","envVars",{"_72":64,"_74":64},"connections",{"_72":64,"_73":64},"count","unfilledCount","emptyCount","0f69d368-26dd-11f0-a5b3-569c3dd06744",["D",1746139133668],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","userId","2a463891-c041-4488-97d7-5c4873f793b2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","4bf34fc5-775b-4490-bd5b-9599385e237f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_125":122},"org",{"_11":12,"_121":122,"_83":84,"_123":124},"branch",{"_16":44,"_13":112,"_35":42,"_113":75,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":14,"_120":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","avatar","https://images.clerk.dev/oauth_github/img_2TXrDk0iTsMgo2T7z93Wn4eqcgK.jpeg","tier","pro","profileImageUrl","",{"_35":75,"_13":14,"_47":147,"_77":-5,"_78":46,"_79":80,"_81":-5,"_82":-5,"_83":84,"_85":39,"_86":46,"_87":-5,"_88":-5,"_89":64,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":97,"_99":100,"_101":100,"_102":100,"_103":97,"_104":97,"_105":148,"_107":149,"_109":150,"_111":33},"tree",[144],[144],{"_63":64,"_65":66,"_67":66,"_68":142,"_70":143},[140],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"navCollapsed",{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":61,"_16":49,"_50":51,"_52":53,"_54":33,"_55":-5,"_58":141},[37],{"_72":64,"_74":64},{"_72":64,"_73":64},{"_35":36,"_13":37,"_38":39,"_40":-5,"_41":42,"_43":44,"_45":46,"_47":48,"_16":49,"_50":51,"_52":53,"_54":33,"_55":-5,"_56":145,"_58":146},[],[37],["D",1746139133668],{"_11":12,"_125":122},{"_11":12,"_121":122,"_83":84,"_123":124},{"_16":44,"_13":112,"_35":42,"_113":75,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":14,"_120":12},"ctx",{"_105":-5,"_184":185,"_186":187,"_188":33,"_189":33,"_190":33,"_191":-5,"_192":-7,"_193":-7,"_194":64,"_195":33,"_196":33,"_197":-5,"_198":33,"_199":33},"ENV",{"_155":156,"_157":158,"_159":160,"_161":112,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","f1316bb1ce3ad41ce227a17bcad7725ad044419f","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","API_URL","https://api.val.town","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier"]