[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_194":195,"_196":197},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_106":87,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":59,"_124":-5,"_125":-5,"_126":127},"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":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",6,"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","4b668a6e-26cd-11f1-a918-42dde27851f2","name","fileType","http","content","const SLOTS: Record = {\n \"15 min\": \"https://calendar.app.google/6Spoz8zfkKgeyCh27\",\n \"30 min\": \"https://calendar.app.google/2eaG4fM7xbjXDQCE6\",\n \"45 min\": \"https://calendar.app.google/eunDXmZcVJzjqpur5\",\n};\n\nconst VAL_URL = \"https://www.val.town/x/dcm31/meet\";\n\nexport default function(req: Request): Response {\n const slots = Object.entries(SLOTS)\n .map(\n ([label, url]) =>\n `${label}`,\n )\n .join(\"\\n\");\n\n return new Response(\n `\n\n\n \n \n Grab some time with Charlie\n \n\n\n

Grab some time with
charlie@val.town

\n ${slots}\n

\n Remix this on Val Town\n\n`,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n}\n","import { page, SLOTS } from \"./page.ts\";\n\nexport default function(req: Request): Response {\n return page(Object.entries(SLOTS));\n}\n","createdAt",["D",1786112177095],"branchVersion","branchId","4b5c79c0-26cd-11f1-a918-42dde27851f2","id","4b5b5b26-26cd-11f1-a918-42dde27851f2","meet",["D",1774279859956],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Grab some time with Charlie","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","132454ac-926a-11f1-846d-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",8,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789563599&sig=6d4d4bc45e131131f67274a1f94308a04e903573252e7f03fdbea160d142eca1","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":190,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":191,"_81":192,"_83":193,"_85":25},"tree",[173,174,175,176],"files",[173,174,175,176],"counts",{"_162":63,"_163":164,"_165":152,"_166":167,"_168":169},"contents",[128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":155,"_32":156,"_30":157,"_134":-5,"_41":42,"_40":158,"_136":25,"_38":159,"_13":152,"_33":20,"_35":160,"_24":25,"_139":-5,"_27":161},{"_43":150,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":59,"_38":151,"_13":152,"_33":34,"_35":37,"_24":25,"_139":153,"_27":154},{"_43":142,"_32":143,"_30":144,"_134":-5,"_41":42,"_40":145,"_136":59,"_38":146,"_13":63,"_33":147,"_35":148,"_24":25,"_139":-5,"_27":149},{"_43":132,"_32":133,"_30":57,"_134":-5,"_41":42,"_40":135,"_136":25,"_38":137,"_13":63,"_33":34,"_35":138,"_24":25,"_139":140,"_27":141},"19cc035a-2215-4701-8a87-23bc24078780","slackbot.ts","parentId",3,"latest",["D",1786111971012],"/**\n * Slackbot office hours — a separate, disposable funnel.\n *\n * Own file = own URL, so this never touches charliechat.val.run.\n * Nuke options, softest to hardest:\n * 1. GET /close?key=$SLACKBOT_KEY -> shows the \"full\" page, link stops working\n * 2. auto-close: CAP bookings per rolling 7 days\n * 3. delete this file -> URL 404s, main.ts unaffected\n */\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst BOOK_URL = \"https://calendar.app.google/2eaG4fM7xbjXDQCE6\"; // 30 min\nconst EMAIL = \"charlie@val.town\";\nconst CAP = 8; // clicks-through per rolling 7 days before it auto-closes\nconst WINDOW_MS = 7 * 24 * 60 * 60 * 1000;\nconst BLOB_KEY = \"slackbot-gate\";\n\ntype Gate = { closed: boolean; clicks: number[] };\n\nasync function readGate(): Promise {\n const g = await blob.getJSON(BLOB_KEY).catch(() => null);\n return (g as Gate) ?? { closed: false, clicks: [] };\n}\n\nfunction recent(g: Gate): number[] {\n const cutoff = Date.now() - WINDOW_MS;\n return g.clicks.filter((t) => t > cutoff);\n}\n\nfunction isOpen(g: Gate): boolean {\n return !g.closed && recent(g).length < CAP;\n}\n\nconst CSS = `\n * { box-sizing: border-box; margin: 0; padding: 0; }\n :root { --bg:#fafafa; --fg:#1a1a1a; --muted:#666; --border:#e0e0e0; --hover-bg:#f0f0f0; }\n @media (prefers-color-scheme: dark) {\n :root { --bg:#111; --fg:#e8e8e8; --muted:#888; --border:#333; --hover-bg:#1e1e1e; }\n }\n body {\n font-family: \"Berkeley Mono\",\"SF Mono\",\"Fira Code\",\"Fira Mono\",\"Roboto Mono\",monospace;\n background: var(--bg); color: var(--fg); min-height: 100dvh;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n padding: 2rem; line-height: 1.6;\n }\n main { max-width: 34rem; width: 100%; }\n h1 { font-size: 1.4rem; font-weight: 500; margin-bottom: 1.5rem; line-height: 1.4; }\n p { color: var(--muted); font-size: 0.9rem; margin-bottom: 1rem; }\n ul { color: var(--muted); font-size: 0.9rem; margin: 0 0 1.75rem 1.1rem; }\n li { margin-bottom: 0.35rem; }\n strong { color: var(--fg); font-weight: 500; }\n .cta {\n display: inline-flex; align-items: center; justify-content: center;\n padding: 0.8rem 1.6rem; border: 1px solid var(--border); border-radius: 6px;\n color: var(--fg); text-decoration: none; font-size: 0.95rem; font-family: inherit;\n transition: background .15s, border-color .15s;\n }\n .cta:hover { background: var(--hover-bg); border-color: var(--fg); }\n footer { margin-top: 3rem; font-size: .8rem; color: var(--muted); }\n footer a { color: var(--muted); text-decoration: none; border-bottom: 1px solid var(--border); }\n footer a:hover { color: var(--fg); border-color: var(--fg); }\n`;\n\nfunction page(title: string, body: string): Response {\n return new Response(\n `\n\n\n \n \n \n ${title}\n \n\n\n

${body}

\n \n\n`,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n}\n\nconst openPage = page(\n \"Self-building Slackbot — office hours\",\n `

Help building a Slackbot
that builds itself

A Slack agent that can read a request, write the code for it, deploy it, and\n then answer with the thing it just built. I've shipped a few of these. Book 30\n minutes and I'll help you get yours past the awkward part.

Good fit if you

have a Slack workspace and an idea that keeps turning into a ticket
can write or read TypeScript, or are happy letting an agent write it
want to leave the call with something running, not a doc

Bring your workspace admin access, and one concrete thing\n you want the bot to do on day one.

\n Book 30 minutes →`,\n);\n\nconst closedPage = page(\n \"Office hours are full\",\n `

Office hours are full

I've capped this so the calls stay useful. It reopens when the queue clears.

Email ${EMAIL}\n with one paragraph on what you're building and I'll come back to you when a slot opens.

`,\n);\n\nexport default async function(req: Request): Promise {\n const { pathname, searchParams } = new URL(req.url);\n const key = Deno.env.get(\"SLACKBOT_KEY\");\n const authed = !!key && searchParams.get(\"key\") === key;\n\n if (pathname === \"/source\") {\n return new Response(null, { status: 302, headers: { Location: parseVal().links.self.val } });\n }\n\n // --- admin ---\n if (pathname === \"/open\" || pathname === \"/close\" || pathname === \"/status\") {\n if (!authed) return new Response(\"nope\", { status: 401 });\n const g = await readGate();\n if (pathname !== \"/status\") {\n g.closed = pathname === \"/close\";\n await blob.setJSON(BLOB_KEY, g);\n }\n return Response.json({\n open: isOpen(g),\n manuallyClosed: g.closed,\n clicksLast7d: recent(g).length,\n cap: CAP,\n });\n }\n\n if (pathname === \"/reset\" && authed) {\n await blob.setJSON(BLOB_KEY, { closed: false, clicks: [] });\n return Response.json({ ok: true });\n }\n\n // --- public ---\n const gate = await readGate();\n if (!isOpen(gate)) return closedPage.clone();\n\n if (pathname === \"/go\") {\n await blob.setJSON(BLOB_KEY, { closed: gate.closed, clicks: [...recent(gate), Date.now()] });\n return new Response(null, { status: 302, headers: { Location: BOOK_URL } });\n }\n\n return openPage.clone();\n}\n","label","charlieslackchat",[133],"a7d985b3-3294-431a-ad34-da867e14d3dc","page.ts","8ae79ad0-926a-11f1-9c19-1607ee4eb77e",5,["D",1786112171971],"script","/**\n * The booking page. Rendered by both main.ts and slackbot.ts so the two URLs\n * stay identical — only the hrefs behind the slots differ.\n */\nexport const SLOTS: Record = {\n \"15 min\": \"https://calendar.app.google/6Spoz8zfkKgeyCh27\",\n \"30 min\": \"https://calendar.app.google/2eaG4fM7xbjXDQCE6\",\n \"45 min\": \"https://calendar.app.google/eunDXmZcVJzjqpur5\",\n};\n\nexport const EMAIL = \"charlie@val.town\";\n\nconst VAL_URL = \"https://www.val.town/x/dcm31/meet\";\n\nexport function page(\n slots: [label: string, href: string][],\n opts: { noindex?: boolean } = {},\n): Response {\n const links = slots\n .map(\n ([label, href]) =>\n `${label}`,\n )\n .join(\"\\n\");\n\n return new Response(\n `\n\n\n \n ${\n opts.noindex ? `\\n ` : \"\"\n }\n Grab some time with Charlie\n \n\n\n

Grab some time with
${EMAIL}

\n ${links}\n

\n Remix this on Val Town\n\n`,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } },\n );\n}\n",[143],"145fae37-56f0-4bce-9be7-9d0d891f4c83",["D",1786112177095],1,"charliechat",[28],"f1880569-40f8-4e57-be1b-683bd67dadf3","README.md","4f275d18-26cd-11f1-9def-42dde27851f2",4,["D",1786112024099],"# meet\n\nTwo independent booking pages, one per HTTP file. Separate files = separate\nsubdomains, so either can be killed without touching the other.\n\n| file | url | purpose |\n| ------------- | -------------------------------------- | -------------------------------- |\n| `main.ts` | | general \"grab some time\" |\n| `slackbot.ts` | | self-building Slackbot help |\n\n## main.ts\n\nEdit the `SLOTS` object to set time slots and Google Calendar links.\n\n```ts\nconst SLOTS: Record = {\n \"15 min\": \"https://calendar.app.google/...\",\n};\n```\n\n## slackbot.ts\n\nA single-offer landing page with a gate in front of the calendar link. Three\nways to shut it off, softest to hardest:\n\n1. **Manual** — `GET /close?key=$SLACKBOT_KEY`. Reopen with `/open`, inspect\n with `/status`, zero the counter with `/reset`.\n2. **Automatic** — `CAP` click-throughs per rolling 7 days, then it closes\n itself. Bump `CAP` in the file.\n3. **Nuclear** — delete `slackbot.ts`. The subdomain 404s;\n charliechat.val.run is unaffected.\n\nClosed state swaps in a \"full, email me instead\" page — the `/go` route stops\nredirecting too, so a copy-pasted link can't sneak past the gate.\n\nState lives in the val-scoped blob `slackbot-gate`. `SLACKBOT_KEY` is an env\nvar on this val.\n\n```mermaid\nflowchart LR\n V[visitor] --> G{gate open?}\n G -- no --> F[full page + mailto]\n G -- yes --> L[landing page] --> Go[\"/go\"] --> C[Google Calendar]\n Go -.->|log click| B[(blob: slackbot-gate)]\n A[admin + key] -->|/open /close /reset| B\n B --> G\n```\n\nLight/dark via system preference. No dependencies.\n",[156],"pulls","branches",2,"forks","envVars",{"_170":152,"_172":63},"connections",{"_170":63,"_171":63},"count","unfilledCount","emptyCount",{"_43":155,"_32":156,"_30":157,"_134":-5,"_41":42,"_40":158,"_136":25,"_38":187,"_13":152,"_33":20,"_35":160,"_24":25,"_139":-5,"_178":188,"_27":189},{"_43":150,"_32":28,"_30":31,"_134":-5,"_41":42,"_40":14,"_136":59,"_38":184,"_13":152,"_33":34,"_35":37,"_24":25,"_139":153,"_178":185,"_27":186},{"_43":142,"_32":143,"_30":144,"_134":-5,"_41":42,"_40":145,"_136":59,"_38":181,"_13":63,"_33":147,"_35":148,"_24":25,"_139":-5,"_178":182,"_27":183},{"_43":132,"_32":133,"_30":57,"_134":-5,"_41":42,"_40":135,"_136":25,"_38":177,"_13":63,"_33":34,"_35":138,"_24":25,"_139":140,"_178":179,"_27":180},["D",1786111971012],"children",[],[133],["D",1786112171971],[],[143],["D",1786112177095],[],[28],["D",1786112024099],[],[156],["D",1774279859956],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_125":227,"_228":229,"_230":231,"_232":25,"_233":25,"_234":25,"_235":59,"_236":-5,"_237":-7,"_238":-7,"_239":63,"_240":25,"_241":25,"_242":-5,"_243":25,"_244":25,"_245":25,"_246":-5},"ENV",{"_198":199,"_200":201,"_202":87,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226},"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"]

Grab some time withcharlie@val.town

Help building a Slackbotthat builds itself

Office hours are full

Grab some time with${EMAIL}

Grab some time with
charlie@val.town

Help building a Slackbot
that builds itself

Grab some time with
${EMAIL}

Diff · v6