[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_163":164,"_165":166},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_61":133,"_16":-7,"_134":-5,"_17":135,"_136":137,"_28":138,"_21":139,"_23":140,"_141":-5,"_142":-5,"_143":-5,"_144":36,"_145":146,"_147":34,"_148":-5,"_149":-5,"_150":151},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":-5,"_31":-5,"_32":-5,"_33":34,"_35":36,"_37":34},"handle","johnfarrell","name","val-town-talk-slides","branchName","version","project",{"_39":78,"_13":14,"_50":79,"_80":-5,"_81":36,"_82":83,"_84":83,"_85":86,"_87":-5,"_88":89,"_90":-5,"_91":36,"_92":-5,"_93":-5,"_94":69,"_95":96,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":102,"_103":102,"_104":105,"_106":105,"_107":105,"_108":102,"_109":102,"_110":111,"_112":113,"_114":115,"_116":36},"tags",[],"counts",{"_66":67,"_68":69,"_70":67,"_71":72,"_73":74},"contents",[63],"readme","upstream","pull","files",[38],"preview","ahead","behind","showHomeCustomizationHint",true,"showHTTPPreviewSettingsHint",false,"hasHTTPFiles",{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":34,"_50":51,"_16":52,"_53":54,"_55":56,"_57":36,"_58":-5,"_59":60,"_61":62},"id","d83f0534-55bb-11f1-8c04-ee650bb23af1","slides.ts","fileId","2604ede6-5464-11f1-b99d-ee650bb23af1","parentId","branchId","26000e7a-5464-11f1-b99d-ee650bb23af1","branchVersion",37,"latest","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","label","children",[],"path",[41],{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":34,"_50":64,"_16":52,"_53":54,"_55":56,"_57":36,"_58":-5,"_61":65},["D",1779440070028],[41],"pulls",0,"branches",1,"forks","envVars",{"_75":67,"_77":67},"connections",{"_75":67,"_76":67},"count","unfilledCount","emptyCount","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","orgId","019cd814-ec11-713b-b5c6-643250d96c12","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_132":128},"org",{"_11":12,"_126":-5,"_127":128,"_88":89,"_129":130,"_131":36},"branch",{"_16":48,"_13":117,"_39":46,"_118":78,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":14,"_125":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNBbDBJakx3ZVZNc2VCdXEyMjN3OGE0SVFMQiJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_39":78,"_13":14,"_50":159,"_80":-5,"_81":36,"_82":83,"_84":83,"_85":86,"_87":-5,"_88":89,"_90":-5,"_91":36,"_92":-5,"_93":-5,"_94":69,"_95":96,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":102,"_103":102,"_104":105,"_106":105,"_107":105,"_108":102,"_109":102,"_110":160,"_112":161,"_114":162,"_116":36},"tree",[156],[156],{"_66":67,"_68":69,"_70":67,"_71":154,"_73":155},[152],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":34,"_50":64,"_16":52,"_53":54,"_55":56,"_57":36,"_58":-5,"_61":153},[41],{"_75":67,"_77":67},{"_75":67,"_76":67},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":34,"_50":51,"_16":52,"_53":54,"_55":56,"_57":36,"_58":-5,"_59":157,"_61":158},[],[41],["D",1779292453614],{"_11":12,"_132":128},{"_11":12,"_126":-5,"_127":128,"_88":89,"_129":130,"_131":36},{"_16":48,"_13":117,"_39":46,"_118":78,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":14,"_125":12},"ctx",{"_110":-5,"_149":196,"_197":198,"_199":200,"_201":36,"_202":36,"_203":36,"_204":34,"_205":-5,"_206":-7,"_207":-7,"_208":67,"_209":36,"_210":36,"_211":-5,"_212":36,"_213":36,"_214":36,"_215":-5},"ENV",{"_167":168,"_169":170,"_171":117,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195},"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"]