[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_168":169,"_170":171},"routes/_app.x.$handle.$name",{"_96":95,"_32":44,"_104":86,"_27":98,"_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":58,"_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",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_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",11,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","index.html","latestPath","fileId","6dca6664-808e-11f1-88a9-1607ee4eb77e","name","fileType","content","\n\n\n \n \n Event Signup\n \n\n\n

Event Signup

We can't wait to see you there!

\n \n

\n \n\n\n","\n\n\n \n \n Divergent Futures Research & Critical Interventions Hub Mailing List Signup/title>\n <style>\n * { margin: 0; padding: 0; }\n body { padding: 1rem; }\n .field { margin-bottom: 1rem; }\n label { display: block; margin-bottom: 0.25rem; }\n textarea { min-height: 90px; }\n .alert { margin-bottom: 1rem; }\n </style>\n</head>\n<body>\n <div class=\"card\">\n <h1>Divergent Futures Research & Critical Interventions Hub Mailing List Signup</h1>\n <div id=\"alert\"></div>\n <form id=\"signupForm\">\n <div class=\"field\">\n <label for=\"name\">Name</label>\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Jane Doe\">\n </div>\n <div class=\"field\">\n <label for=\"email\">Email</label>\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"jane@example.com\">\n </div>\n <div class=\"field\">\n <label for=\"motivation\">What made you decide to come to this event?</label>\n <textarea id=\"motivation\" name=\"motivation\" required placeholder=\"...\"></textarea>\n </div>\n <button type=\"submit\" id=\"submitBtn\">Submit</button>\n </form>\n </div>\n <script>\n const form = document.getElementById('signupForm');\n const alertDiv = document.getElementById('alert');\n const btn = document.getElementById('submitBtn');\n\n form.addEventListener('submit', async (e) => {\n e.preventDefault();\n btn.disabled = true;\n btn.textContent = 'Submitting...';\n alertDiv.innerHTML = '';\n\n try {\n const res = await fetch(window.location.href, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n name: document.getElementById('name').value,\n email_address: document.getElementById('email').value,\n motivation: document.getElementById('motivation').value,\n }),\n });\n const data = await res.json();\n if (res.ok) {\n alertDiv.innerHTML = '<div class=\"alert success\">Thanks for signing up!</div>';\n form.reset();\n } else {\n throw new Error(data.error || 'Something went wrong');\n }\n } catch (err) {\n alertDiv.innerHTML = '<div class=\"alert error\">❌ ' + err.message + '</div>';\n } finally {\n btn.disabled = false;\n btn.textContent = 'Submit';\n }\n });\n </script>\n</body>\n</html>","createdAt",["D",1784403009977],"branchVersion","branchId","70938e56-4f27-428c-9f9c-af8129b2e447","id","ed67b156-002b-4dcb-9fff-0f4ae30a7122","event-signup-form",["D",1784148440694],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Event signup form submitting to Grist and Buttondown","imageUrl","31bde073-ed50-4ae3-8e80-5849a7300ef4","pinnedFileId","6dc1a934-808e-11f1-b263-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f6787-5bcc-7188-aa54-7554abdc2d19","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":98},"org",{"_96":95,"_97":98,"_99":98,"_18":54,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",19,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dfrci","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_32":44,"_37":164,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_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":165,"_80":166,"_82":167,"_84":25},"tree",[155,156],"files",[155,156],"counts",{"_143":62,"_144":145,"_146":62,"_147":148,"_149":150},"contents",[125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":139,"_32":28,"_30":31,"_129":-5,"_40":41,"_39":14,"_131":25,"_37":140,"_13":141,"_33":20,"_34":36,"_24":25,"_136":-5,"_27":142},{"_42":127,"_32":128,"_30":56,"_129":-5,"_40":41,"_39":130,"_131":25,"_37":132,"_13":133,"_33":134,"_34":135,"_24":25,"_136":137,"_27":138},"60d5488c-ffd4-49be-a0ce-b0ce4d521efd","main.ts","parentId",10,"latest",["D",1784402976201],6,"http","import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n// --- Env vars you need to set ---\n// GRIST_API_KEY — from Grist → Account Settings → API\n// GRIST_DOC_ID — the doc ID in your Grist URL: https://docs.getgrist.com/docs/{DOC_ID}\n// GRIST_TABLE_ID — the table name (case-sensitive) to add rows to\n// BUTTONDOWN_API_KEY — from Buttondown → Settings → API\n//\n// Grist table columns: Email2, Name, Motivation\n\nexport default async function (req: Request): Promise<Response> {\n if (req.method === \"GET\") {\n const html = await readFile(\"index.html\");\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n if (req.method === \"POST\") {\n try {\n const { email_address, name, motivation } = await req.json();\n\n if (!email_address || !name || !motivation) {\n return Response.json({ error: \"All fields are required\" }, {\n status: 400,\n });\n }\n\n // Submit to both Grist and Buttondown in parallel\n const gristPromise = submitToGrist(name, email_address, motivation);\n const buttondownPromise = submitToButtondown(\n email_address,\n name,\n motivation,\n );\n\n const [gristRes, bdRes] = await Promise.allSettled([\n gristPromise,\n buttondownPromise,\n ]);\n\n const gristOk = gristRes.status === \"fulfilled\";\n const bdOk = bdRes.status === \"fulfilled\";\n\n if (!gristOk) {\n console.error(\n \"Grist error:\",\n (gristRes as PromiseRejectedResult).reason,\n );\n }\n if (!bdOk) {\n console.error(\n \"Buttondown error:\",\n (bdRes as PromiseRejectedResult).reason,\n );\n }\n\n if (!gristOk && !bdOk) {\n return Response.json(\n { error: \"Both submissions failed. Please try again.\" },\n { status: 502 },\n );\n }\n\n return Response.json({\n success: true,\n grist: gristOk ? \"ok\" : \"failed\",\n buttondown: bdOk ? \"ok\" : \"failed\",\n });\n } catch (err) {\n console.error(\"Form submission error:\", err);\n return Response.json({ error: \"Internal server error\" }, { status: 500 });\n }\n }\n\n return new Response(\"Method not allowed\", { status: 405 });\n}\n\nasync function submitToGrist(\n name: string,\n email: string,\n motivation: string,\n): Promise<void> {\n const apiKey = Deno.env.get(\"GRIST_API_KEY\");\n const docId = Deno.env.get(\"GRIST_DOC_ID\");\n const tableId = Deno.env.get(\"GRIST_TABLE_ID\");\n\n if (!apiKey || !docId || !tableId) {\n throw new Error(\n \"Missing Grist env vars (GRIST_API_KEY, GRIST_DOC_ID, GRIST_TABLE_ID)\",\n );\n }\n\n const res = await fetch(\n `https://docs.getgrist.com/api/docs/${docId}/tables/${tableId}/records`,\n {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n records: [\n {\n fields: {\n Name: name,\n Email2: email,\n Motivation: motivation,\n },\n },\n ],\n }),\n },\n );\n\n if (!res.ok) {\n const text = await res.text();\n throw new Error(`Grist API error ${res.status}: ${text}`);\n }\n}\n\nasync function submitToButtondown(\n email: string,\n name: string,\n motivation: string,\n): Promise<void> {\n const apiKey = Deno.env.get(\"BUTTONDOWN_API_KEY\");\n\n if (!apiKey) {\n throw new Error(\"Missing BUTTONDOWN_API_KEY env var\");\n }\n\n const res = await fetch(\"https://api.buttondown.com/v1/subscribers\", {\n method: \"POST\",\n headers: {\n \"Authorization\": `Token ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n email_address: email,\n metadata: {\n name,\n motivation,\n },\n notes: motivation,\n tags: [\"event-signup\"],\n }),\n });\n\n const body = await res.text();\n console.log(`Buttondown response ${res.status}: ${body}`);\n\n // 201 = created, 400 = already subscribed (acceptable)\n if (res.status === 201 || res.status === 200) {\n return;\n }\n\n // 400 could mean \"already subscribed\" or a real error — check the body\n if (res.status === 400) {\n try {\n const parsed = JSON.parse(body);\n // \"already subscribed\" is fine, anything else is an error\n if (parsed.code === \"already_subscribed\") {\n return;\n }\n } catch {\n // can't parse, treat as error\n }\n throw new Error(`Buttondown API error 400: ${body}`);\n }\n\n throw new Error(`Buttondown API error ${res.status}: ${body}`);\n}\n","label","dfrci-h",[128],"51015056-cfc2-448c-a47c-b4034b6947be",["D",1784403009977],3,[28],"pulls","branches",1,"forks","envVars",{"_151":153,"_154":62},"connections",{"_151":62,"_152":62},"count","unfilledCount",4,"emptyCount",{"_42":139,"_32":28,"_30":31,"_129":-5,"_40":41,"_39":14,"_131":25,"_37":161,"_13":141,"_33":20,"_34":36,"_24":25,"_136":-5,"_158":162,"_27":163},{"_42":127,"_32":128,"_30":56,"_129":-5,"_40":41,"_39":130,"_131":25,"_37":157,"_13":133,"_33":134,"_34":135,"_24":25,"_136":137,"_158":159,"_27":160},["D",1784402976201],"children",[],[128],["D",1784403009977],[],[28],["D",1784148440694],{"_96":95,"_103":98},{"_96":95,"_97":98,"_99":98,"_18":54,"_100":101,"_102":25},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_122":201,"_202":203,"_204":205,"_206":25,"_207":25,"_208":25,"_209":58,"_210":-5,"_211":-7,"_212":-7,"_213":62,"_214":25,"_215":25,"_216":-5,"_217":25,"_218":25,"_219":25,"_220":-5},"ENV",{"_172":173,"_174":175,"_176":86,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","9e167d8120a57de5d747867e0b686da51bcc19a4","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"] </article></body></html>

Diff · v11