[{"_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",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_116":-5,"_20":117,"_22":118,"_119":120,"_121":122,"_25":123,"_24":-5,"_124":-5,"_125":-5,"_126":53,"_127":128,"_129":44,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.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","johnfarrell","name","val-town-talk-slides","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":-5,"_74":53,"_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",[56],"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":-5,"_18":55},"id","d83f0534-55bb-11f1-8c04-ee650bb23af1","slides.ts","fileId","2604ede6-5464-11f1-b99d-ee650bb23af1","parentId","branchId","26000e7a-5464-11f1-b99d-ee650bb23af1","branchVersion",37,"latest",true,"createdAt",["D",1779440070028],36,"fileType","http","content","// val.town talk slides — the slides about val.town are themselves running on val.town.\n// Powered by reveal.js (loaded from CDN). Hash navigation, fade transitions,\n// speaker notes (press 'S'), fullscreen (press 'F').\n\nconst SLIDES_MD = `\n

~val.town

\n\nServerless without the ceremony\n\nNote:\nHold this for ~5 seconds while people settle. Don't read it.\n\n---\n\n# What is val.town?\n\n- TypeScript on Deno, multi-file projects\n- A live working endpoint on every save\n- Built-in: SQLite (Turso), blob storage, cron, email, logs, env vars\n- Branches, version history, and PRs baked in\n- No CI, no deploy step, no infra\n\nNote:\nIt's a serverless platform — but the relevant claim isn't *that* it's serverless,\nit's *how much* comes for free. Most platforms give you the compute and leave you\nto bring everything else. Val.town hands you a runtime, a database, a key-value\nstore, a scheduler, and a public URL — without provisioning anything.\n\n---\n\n# A new spot in the stack\n\n

\nLaptop script ←———— val.town ————→ Production service\n

\n\n\nMocks · Webhook sinks · Integration PoCs · Scheduled jobs · Internal tools · Production glue\n\n\nNote:\nWe have two well-defined tiers: one-off scripts on someone's laptop, and proper\nservices in the platform. There's a whole middle ground where things deserve a\npublic URL and a database but don't deserve a Rails app — and that's been\nawkward for us.\n\nVal.town is exactly that tier. The examples on screen are the kinds of things\nI've been reaching for it for.\n\n---\n\n# Why use it\n\n- **Speed** — edit to live in seconds\n- **Shareable** — real URLs, no ngrok required\n- **Try ideas** — without touching the main codebase\n\nNote:\nI want to land three claims before I show you anything. Each of these will be\nvisible in the demo — pay attention to which ones land for you and which ones\ndon't.\n\n---\n\n# Pairs with agents\n\n- Read and edit any file in your val\n- Query the SQLite DB directly\n- Tail logs to debug a recent run\n- Run an endpoint to verify a change\n- Create branches, open PRs\n\nNote:\nThis is the operator-level access you'll see in the demo. When I ask Claude\nto polish the poll later, it's reading my code, generating a diff, writing\nthe file back, and saving. Same iteration loop as me typing — just driven\nby a prompt.\n\nYou can trigger this from Claude Code, claude.ai, Cursor — anywhere with\nMCP support.\n\nThis is your \"one more thing\" before the demo — set up the polish-via-Claude\nmoment as the live demonstration of what's on this slide.\n\n---\n\n

Let me show you.

\n\nNote:\nTransition into the cold hook. Don't linger.\n\nDemo order:\n 1. Paste BLOCK 1 (basic poll) → save → open URL → vote yourself once or twice\n 2. \"OK, that's functional. Let me make it look like I meant it.\"\n 3. Paste BLOCK 2 (polished poll) → save → refresh (data persists, layout changes)\n 4. Ask Claude via MCP to polish further → watch it edit live\n 5. Share URL / QR code → audience votes from phones → refresh → bars move\n\n---\n\n

HubSpot PoC

\n\nBuilt entirely on val.town\n\nNote:\nThe pivot. You've seen the poll — ~30 lines of code, audience-participation\napp in 90 seconds. Now let me show you what the same iteration loop looks\nlike applied to something with real integration stakes. Two weeks of\nHubSpot work — OAuth install, custom workflow actions, a UI Extension\ncard — all on val.town. None of it in our main codebase.\n\n---\n\n# Public REST API\n\n

\n\nBearer auth\n\n- \\`GET /campaigns\\` — list campaigns with embedded gifts\n- \\`GET /gifts\\` — list gift catalogue\n- \\`POST /gift_requests\\` — create gift request\n- \\`GET /gift_requests?recipient_email=…\\` — gift history\n\n

\n\nNote:\nThe andopen v2026-05 stand-in. Bearer-authed, andopen-shaped responses,\nzero HubSpot vocabulary on the wire. The CRM card calls these endpoints\nto list campaigns and create gifts; the workflow action also delegates\nto these internally after the HubSpot adapter translates the request.\n\n---\n\n# OAuth + UI Extension bootstrap\n\n

\n\nApp install\n\n- \\`GET /admin/hubspot/install\\` — start install\n- \\`GET /admin/hubspot/oauth_callback\\` — OAuth callback\n\nUser session\n\n- \\`POST /admin/hubspot/connections/:portal/session\\` — UI Extension session mint (HMAC)\n\n

\n\nNote:\nInstall, OAuth callback, and the UI Extension session bootstrap. The\nbootstrap endpoint is HMAC-verified and is the bridge between HubSpot's\nHMAC-signed runtime and our Bearer-authed public API — it mints a\nsession token bound to (tenant, user) that the card uses as its Bearer\nfor everything else.\n\n(Three debug routes also exist — list connections, force-refresh,\nsimulate-uninstall — omitted here for brevity. Available in the val if\nasked.)\n\n---\n\n# HubSpot adapter\n\n

\n\nHMAC-verified\n\nWorkflow action\n\n- \\`POST /integrations/hubspot/workflow_actions/options\\` — dropdown values\n- \\`POST /integrations/hubspot/workflow_actions/execute\\` — fire on enrollment\n\nWebhooks\n\n- \\`POST /integrations/hubspot/webhooks\\` — receive HubSpot events\n\n

\n\nNote:\nHubSpot's protocol-specific surface. Dedicated endpoints because workflow\naction URLs can't carry a Bearer token — they only receive HMAC-signed\nrequests. Translates HubSpot's request shape to andopen domain operations\nand delegates to existing services. Three endpoints: workflow action\noptions (campaign dropdown), workflow action execute (the firing), and\nthe webhook receiver (currently handles \\`app.uninstalled\\`).\n\n---\n\n

Now let me show you.

\n\nNote:\nTransition into the HubSpot demo. Don't linger.\n\nDemo order:\n 1. Show the val structure (lib/ + handlers/ + router) — emphasise it's real code, multi-file, multiple branches\n 2. Show the workflow action live in HubSpot — author picks a campaign, fires on a test contact\n 3. Show the contact tab in HubSpot — &Open card loads, lists campaigns, shows gift history\n 4. (Optional) Trigger an uninstall via the debug route, show sessions revoked\n\n---\n\n# Other potential use cases\n\n- **Mocked backends** — unblock frontend before the real BE is ready\n\nNote:\nThe HubSpot PoC is one shape of this, but val.town isn't just for\nintegration experiments. A few other places we'd reach for it.\n\n**Mocked backends.** When the FE team is ready to build a screen but the\nreal BE isn't ready, val.town can stand up a mock API with the same shape.\nFE unblocks immediately. When the real BE lands, FE points at it and\nnothing else changes.\n\n---\n\n# Other potential use cases\n\n- **Mocked backends** — unblock frontend before the real BE is ready\n- **Internal tooling** — small services that need a URL, a DB, and some logic but not a Rails app\n\nNote:\n**Internal tooling.** Small services that don't need a Rails app but do\nneed a URL, a DB, and to keep running.\n\n---\n\n# Other potential use cases\n\n- **Mocked backends** — unblock frontend before the real BE is ready\n- **Internal tooling** — small services that need a URL, a DB, and some logic but not a Rails app\n\\t- Delivery exceptions notification service\n\nNote:\nA *delivery exceptions notifier* — courier APIs flag delays, post a Slack\nping. Needs a DB to dedupe, a cron to poll, and a URL to receive webhooks.\nNot Rails-worthy.\n\n---\n\n# Other potential use cases\n\n- **Mocked backends** — unblock frontend before the real BE is ready\n- **Internal tooling** — small services that need a URL, a DB, and some logic but not a Rails app\n\\t- Delivery exceptions notification service\n\\t- Shopify → Shipwire product creation service\n\nNote:\n*Shopify → Shipwire product sync* — when a product lands in Shopify,\ncreate the corresponding Shipwire SKU. Glue code with state. The kind\nof thing that usually ends up as a half-maintained Python script on\nsomeone's laptop.\n\nBoth fit val.town's profile precisely: needs a real URL, needs persistent\nstate, doesn't deserve a full service.\n`;\n\nexport default async (_req: Request) => {\n return new Response(\n `\n\n\n \n \n val.town\n \n \n \n \n\n\n

\n \n

\n \n \n \n \n \n\n`,\n { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } },\n );\n};\n","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1779440070028],"children",[],[35],"25ff5fc0-5464-11f1-b99d-ee650bb23af1",["D",1779292453614],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Slides for the val.town team session — running on val.town","imageUrl","userId","019cd814-ec11-713b-b5c6-63004bd3de74","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"orgId","019cd814-ec11-713b-b5c6-643250d96c12","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_115":111},"org",{"_11":12,"_109":-5,"_110":111,"_71":72,"_112":113,"_114":53},"branch",{"_17":42,"_13":16,"_33":40,"_101":61,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNBbDBJakx3ZVZNc2VCdXEyMjN3OGE0SVFMQiJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":149,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":69,"_70":-5,"_71":72,"_73":-5,"_74":53,"_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":150,"_96":151,"_98":152,"_100":53},[146],"files",[146],"counts",{"_136":137,"_138":78,"_139":137,"_31":140,"_141":142},[134],"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":-5,"_18":135},[35],"pulls",0,"branches","forks",{"_143":137,"_145":137},"connections",{"_143":137,"_144":137},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":147,"_18":148},[],[35],["D",1779292453614],{"_11":12,"_115":111},{"_11":12,"_109":-5,"_110":111,"_71":72,"_112":113,"_114":53},{"_17":42,"_13":16,"_33":40,"_101":61,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":-5,"_107":14,"_108":12},"ctx",{"_94":-5,"_131":186,"_187":188,"_189":190,"_191":53,"_192":53,"_193":53,"_194":44,"_195":-5,"_196":-7,"_197":-7,"_198":137,"_199":53,"_200":53,"_201":-5,"_202":53,"_203":53,"_204":53,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":16,"_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","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"]