\n \n \n \n\n",[18,66],"9e2bd10f-7d2a-464e-b45d-037986304901",["D",1783722437854],[18,91],"pulls","branches",1,"forks",13,"envVars",{"_219":113,"_221":26},"connections",{"_219":26,"_220":26},"count","unfilledCount","emptyCount",{"_35":384,"_13":353,"_64":347,"_45":-5,"_37":38,"_192":385,"_199":24,"_39":386,"_41":26,"_67":92,"_190":-5,"_68":30,"_193":-5,"_251":387,"_17":388},{"_35":376,"_13":377,"_64":378,"_45":347,"_37":38,"_192":379,"_199":24,"_39":380,"_41":212,"_67":82,"_190":381,"_68":30,"_193":-5,"_251":382,"_17":383},{"_35":368,"_13":369,"_64":370,"_45":347,"_37":38,"_192":371,"_199":24,"_39":372,"_41":26,"_67":82,"_190":373,"_68":30,"_193":-5,"_251":374,"_17":375},{"_35":361,"_13":362,"_64":363,"_45":347,"_37":38,"_192":284,"_199":24,"_39":364,"_41":212,"_67":82,"_190":365,"_68":30,"_193":-5,"_251":366,"_17":367},{"_35":354,"_13":355,"_64":356,"_45":347,"_37":38,"_192":284,"_199":24,"_39":357,"_41":113,"_67":82,"_190":358,"_68":30,"_193":-5,"_251":359,"_17":360},{"_35":344,"_13":345,"_64":346,"_45":347,"_37":38,"_192":348,"_199":24,"_39":349,"_41":26,"_67":82,"_190":350,"_68":30,"_193":-5,"_251":351,"_17":352},{"_35":189,"_13":18,"_64":93,"_45":-5,"_37":38,"_192":42,"_199":24,"_39":341,"_41":26,"_67":92,"_190":-5,"_68":30,"_193":-5,"_251":342,"_17":343},{"_35":207,"_13":91,"_64":90,"_45":93,"_37":38,"_192":85,"_199":24,"_39":338,"_41":26,"_67":92,"_190":-5,"_68":30,"_193":-5,"_251":339,"_17":340},{"_35":330,"_13":331,"_64":332,"_45":90,"_37":38,"_192":142,"_199":24,"_39":333,"_41":334,"_67":82,"_190":335,"_68":30,"_193":-5,"_251":336,"_17":337},{"_35":323,"_13":324,"_64":325,"_45":90,"_37":38,"_192":284,"_199":24,"_39":326,"_41":212,"_67":82,"_190":327,"_68":30,"_193":-5,"_251":328,"_17":329},{"_35":315,"_13":316,"_64":317,"_45":90,"_37":38,"_192":318,"_199":24,"_39":319,"_41":26,"_67":82,"_190":320,"_68":30,"_193":-5,"_251":321,"_17":322},{"_35":308,"_13":309,"_64":310,"_45":90,"_37":38,"_192":284,"_199":24,"_39":311,"_41":212,"_67":82,"_190":312,"_68":30,"_193":-5,"_251":313,"_17":314},{"_35":301,"_13":302,"_64":303,"_45":90,"_37":38,"_192":284,"_199":24,"_39":304,"_41":212,"_67":82,"_190":305,"_68":30,"_193":-5,"_251":306,"_17":307},{"_35":203,"_13":66,"_64":65,"_45":93,"_37":38,"_192":42,"_199":24,"_39":298,"_41":26,"_67":21,"_190":205,"_68":30,"_193":-5,"_251":299,"_17":300},{"_35":198,"_13":81,"_64":80,"_45":93,"_37":38,"_192":75,"_199":24,"_39":295,"_41":26,"_67":82,"_190":201,"_68":30,"_193":-5,"_251":296,"_17":297},{"_35":290,"_13":289,"_64":283,"_45":-5,"_37":38,"_192":291,"_199":24,"_39":292,"_41":26,"_67":92,"_190":-5,"_68":30,"_193":-5,"_251":293,"_17":294},{"_35":280,"_13":281,"_64":282,"_45":283,"_37":38,"_192":284,"_199":24,"_39":285,"_41":212,"_67":82,"_190":286,"_68":30,"_193":-5,"_251":287,"_17":288},{"_35":272,"_13":273,"_64":274,"_45":-5,"_37":38,"_192":275,"_199":24,"_39":276,"_41":212,"_67":21,"_190":277,"_68":30,"_193":-5,"_251":278,"_17":279},{"_35":263,"_13":264,"_64":265,"_45":-5,"_37":38,"_192":266,"_199":24,"_39":267,"_41":268,"_67":21,"_190":269,"_68":30,"_193":-5,"_251":270,"_17":271},{"_35":254,"_13":255,"_64":256,"_45":-5,"_37":38,"_192":137,"_199":24,"_39":257,"_41":258,"_67":259,"_190":260,"_68":30,"_193":-5,"_251":261,"_17":262},{"_35":243,"_13":244,"_64":108,"_45":-5,"_37":38,"_192":245,"_199":24,"_39":246,"_41":247,"_67":248,"_190":249,"_68":30,"_193":250,"_251":252,"_17":253},"615b215e-2589-44f3-9ff1-0cc85aec2d7b","main.ts",118,["D",1783722493347],6,"http","import { oauthMiddleware } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport app from \"./backend/index.ts\";\n\nexport default oauthMiddleware(app.fetch);\n","githubleads","children",[],[244],"5ff16b3a-3059-478b-a135-586de0297c59","github.cron.ts","81346198-ed75-11f0-a2b0-42dde27851f2",["D",1783726173324],43,"interval","import { Octokit } from \"npm:octokit@5.0.5\";\nimport { processLead } from \"./backend/agent.ts\";\nimport { appendFollowup, createProcessingLead, findLeadByGithubUsername } from \"./backend/db.ts\";\n\n// ── CONFIGURE: GitHub orgs to watch. The relationship label gives the scoring\n// agent context: activity on your own repos is a much hotter signal than\n// activity on a competitor's.\nexport const WATCHED = [\n { org: \"val-town\", relationship: \"our repos\" },\n // { org: \"some-competitor\", relationship: \"competitor's repos\" },\n];\n\n// Hourly sweep of each watched org's public events (stars, forks, issues,\n// PRs). Each new person becomes a lead run through the same scoring pipeline\n// as webhook submissions; repeat activity appends to their existing lead.\n// Note: GitHub's Events API only returns the ~300 most recent events per org.\nexport default async function (interval: Interval) {\n // First run: only look back an hour — otherwise we'd score all ~300 events\n // GitHub returns in one burst.\n const lastChecked = interval.lastRunAt ?? new Date(Date.now() - 60 * 60 * 1000);\n const octokit = new Octokit({ auth: Deno.env.get(\"GITHUB_TOKEN\") });\n // Lets the agent (and a human reading the lead) see how we relate to each org.\n const watched = Object.fromEntries(WATCHED.map((w) => [w.org, w.relationship]));\n\n const newEvents = (await Promise.all(\n WATCHED.map(({ org }) =>\n octokit.paginate(octokit.rest.activity.listPublicOrgEvents, { org, per_page: 100 })\n ),\n ))\n .flat()\n .filter((e: any) => new Date(e.created_at) > lastChecked)\n .filter((e: any) => e.actor?.login && !e.actor.login.includes(\"[bot]\"));\n\n const actorEvents = Map.groupBy(newEvents, (e: any) => e.actor.login);\n console.log(`${newEvents.length} new events from ${actorEvents.size} users`);\n\n await Promise.all(\n Array.from(actorEvents, async ([login, events]) => {\n const existing = await findLeadByGithubUsername(login);\n if (existing) return appendFollowup(existing.id, events);\n // github_username keys Clay enrichment and dedupe on later sweeps;\n // events carry the GitHub activity for the agent to research.\n const inputData = { github_username: login, events, watched };\n const leadId = await createProcessingLead(inputData);\n await processLead(leadId, inputData);\n }),\n );\n}\n",[],[255],"6f10165d-cf01-4793-a607-8da5d0ca4c99","README.md","019ba37b-ea2b-73cf-99fa-f3d9c3769619",145,["D",1783725679633],11,"# GitHub Leads\n\nFind potential customers from GitHub activity. A cron watches the public\nevents (stars, forks, issues, PRs) on GitHub orgs you choose — yours and your\ncompetitors' — and AI researches every new person on the live web and scores\nthem against [your ideal customer profile](./PROMPT.md). Qualified leads ping\nSlack the moment they're scored.\n\nThis is the [leads](https://www.val.town/x/templates/leads) template plus one\nextra source. The engine never needs editing; each optional piece is one small\nfile (sources can simply be deleted; sinks are inert without their env var):\n\n| | file | what it does |\n|---|---|---|\n| source | [`github.cron.ts`](./github.cron.ts) | hourly sweep of your watched orgs |\n| source | `POST` to this val's URL | any form, signup webhook, or CRM |\n| sink | [`backend/notify.ts`](./backend/notify.ts) | Slack ping when a lead scores 80+ |\n| brain | [`PROMPT.md`](./PROMPT.md) | your ideal customer profile — edit this |\n| engine | `backend/`, `frontend/`, `shared/` | webhook, agent, enrichment, dashboard |\n\n## Getting started\n\n1. Click [**Remix**](/?intent=remix)\n2. Set `WATCHED` in [`github.cron.ts`](./github.cron.ts) to your GitHub orgs\n (label competitors as such — the AI scores their activity as a cooler\n signal), and swap your criteria into [`PROMPT.md`](./PROMPT.md)\n3. Add a `GITHUB_TOKEN` env var\n ([create one here](https://github.com/settings/tokens); no scopes needed —\n it only reads public activity). Without a token GitHub allows 60\n requests/hour per IP, and Val Town's shared IPs blow through that, so\n tokenless polling fails unpredictably\n4. Optional: `SLACK_WEBHOOK_URL` env var for instant qualified-lead pings\n ([setup guide](https://docs.val.town/guides/slack/send-messages-to-slack/))\n\nThe same URL is your dashboard, gated to members of your org: type any GitHub\nusername into the box at the top to score someone on demand.\n",[],[264],"0af37b84-d977-4a92-ad5a-647baab117e3","PROMPT.md","b585c27a-7cae-11f1-a257-1607ee4eb77e",142,["D",1783725452141],"You are a lead qualification researcher.\n\nI'm sending you data about a lead — usually a GitHub user and their recent activity (stars, forks, issues, PRs). Exhaustively research the person: their GitHub profile and repos, linked personal and company sites, blogs they've written, etc. Then score how well they fit the ideal customer profile below.\n\nThe lead may include a `watched` field describing our relationship to each org they were active in (e.g. \"our repos\" vs \"competitor's repos\"). Activity on our own repos is a much hotter signal than activity on a competitor's — weigh it accordingly, and say in your reasoning where the lead came from.\n\nIdeal customer profile (replace these criteria with your own):\n\n1. Founder or engineer with buying influence\n2. B2B SaaS startup\n3. They know how to code\n\nHow to score:\n\n- 80-100: strong fit, meets nearly all of the criteria\n- 50-79: partial fit, meets some of the criteria\n- 0-49: weak fit, meets few or none of the criteria\n\nReturn your final response in JSON only with the following schema. Keep these exact fields even after you change the criteria above:\n\n{\n \"name\": string,\n \"company\": string,\n \"score\": integer from 0 to 100,\n \"reasoning\": string\n}\n",[],[273],"90bd6031-1614-4163-95aa-9e415f7542e6","types.ts","45f2a14e-7cae-11f1-9c75-1607ee4eb77e","da5f8181-1e13-4ebe-9f1b-2c28666398f9",134,["D",1783724582527],"// Types shared between the Hono backend and the React frontend.\n\nexport interface LeadOutput {\n name?: string;\n company?: string;\n score?: number;\n reasoning?: string;\n error?: string;\n [key: string]: unknown;\n}\n\nexport type LeadStatus = \"processing\" | \"done\" | \"failed\";\n\nexport interface Lead {\n id: number;\n timestamp: number;\n input: Record;\n output: LeadOutput | null;\n status: LeadStatus;\n score: number | null;\n}\n\n// A lead still \"processing\" after this long almost certainly crashed.\nexport const PROCESSING_TIMEOUT_MS = 3 * 60 * 1000;\n\n// A lead is qualified at or above this score: green in the UI, and the bar\n// any notification (email digest, Slack, etc.) should trigger on.\nexport const QUALIFIED_SCORE = 80;\n\n// Sentinel the backend writes into output_data when it claims a lead for\n// scoring, so concurrent /process calls can't double-score it. Both \"\" (just\n// created) and this sentinel mean \"still processing\".\nexport const CLAIMED_OUTPUT = \"claimed\";\n\ninterface LeadRow {\n id: number;\n timestamp: number;\n input_data: string;\n output_data: string;\n}\n\n// Turn a raw DB row (input_data/output_data as JSON strings) into the shape the\n// frontend consumes: parsed fields plus a single computed status. Keeping this\n// one function as the source of truth means the server and client never disagree\n// about whether a lead is processing, done, or failed.\nexport function toClientLead(row: LeadRow, now: number): Lead {\n let input: Record = {};\n try {\n input = JSON.parse(row.input_data);\n } catch { /* leave as {} */ }\n\n const base = { id: row.id, timestamp: row.timestamp, input };\n\n // Empty or claimed output = the agent hasn't written a result yet.\n if (row.output_data === \"\" || row.output_data === CLAIMED_OUTPUT) {\n const timedOut = now - row.timestamp > PROCESSING_TIMEOUT_MS;\n return { ...base, output: null, status: timedOut ? \"failed\" : \"processing\", score: null };\n }\n\n let output: LeadOutput;\n try {\n output = JSON.parse(row.output_data);\n } catch {\n return { ...base, output: { error: \"Malformed output\" }, status: \"failed\", score: null };\n }\n\n if (output.error) return { ...base, output, status: \"failed\", score: null };\n\n return {\n ...base,\n output,\n status: \"done\",\n score: typeof output.score === \"number\" ? output.score : 0,\n };\n}\n",[],[289,281],"shared","9c1cdea9-4ba2-4b3a-8b3e-6f50d66ad73c",105,["D",1783722336474],[238],[289],["D",1783722424916],[],[18,81],["D",1783722422595],[],[18,66],"2090f864-1ae4-4e96-ad34-053059870dd1","LeadRow.tsx","8e29bf56-7cae-11f1-b2a2-1607ee4eb77e",["D",1783724582527],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { type Lead, QUALIFIED_SCORE } from \"../../shared/types.ts\";\n\n// Relative dates keep the feed scannable: \"2h ago\" matters, exact dates don't.\nexport function timeAgo(ts: number): string {\n const mins = Math.floor((Date.now() - ts) / 60_000);\n if (mins < 1) return \"just now\";\n if (mins < 60) return `${mins}m ago`;\n const hours = Math.floor(mins / 60);\n if (hours < 24) return `${hours}h ago`;\n const days = Math.floor(hours / 24);\n if (days < 30) return `${days}d ago`;\n return new Date(ts).toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\", year: \"numeric\" });\n}\n\n// Fixed-width score column; green is reserved for qualified,\n// red for failed. Everything else stays quiet.\nfunction Score({ lead }: { lead: Lead }) {\n if (lead.status === \"processing\") {\n return ··;\n }\n if (lead.status === \"failed\") {\n return ✗;\n }\n const score = lead.score ?? 0;\n return (\n = QUALIFIED_SCORE ? \"text-green-700 font-semibold\" : \"text-gray-400\"}>\n {score}\n \n );\n}\n\nconst ROW = \"w-full text-left py-2.5 border-b border-gray-100 grid grid-cols-[2.5rem_1fr_auto] items-baseline gap-3\";\n\nexport function LeadRow({ lead, onSelect }: { lead: Lead; onSelect: (id: number) => void }) {\n const displayName = lead.output?.name || (lead.input.name as string) ||\n (lead.input.github_username as string) || (lead.input.company as string) || \"Unknown\";\n\n return (\n onSelect(lead.id)}\n className={`${ROW} hover:bg-gray-50 cursor-pointer`}\n >\n \n \n {displayName}\n {lead.output?.company && · {lead.output.company}}\n {lead.status === \"processing\" && · scoring…}\n {lead.status === \"failed\" && · failed}\n \n {timeAgo(lead.timestamp)}\n \n );\n}\n\nexport function SampleRow(\n { name, company, score }: { name: string; company: string; score: number },\n) {\n return (\n

\n = QUALIFIED_SCORE ? \"text-green-700 font-semibold\" : \"text-gray-400\"}`}>\n {score}\n \n \n {name}\n · {company}\n \n example\n

\n );\n}\n",[],[18,91,302],"212b80fa-0b61-4759-93ea-e0aea5d6e204","LeadDetail.tsx","93758c4c-7cae-11f1-8d68-1607ee4eb77e",["D",1783724582527],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { type Lead, QUALIFIED_SCORE } from \"../../shared/types.ts\";\nimport { timeAgo } from \"./LeadRow.tsx\";\n\nexport function LeadDetail({ lead, onBack }: { lead: Lead; onBack: () => void }) {\n const output = lead.output;\n const score = lead.score ?? 0;\n const displayName = output?.name || (lead.input.name as string) ||\n (lead.input.github_username as string) || (lead.input.company as string) || \"Unknown\";\n\n return (\n

\n \n ← All leads\n \n\n

{displayName}

\n {output?.company && `${output.company} · `}\n {timeAgo(lead.timestamp)}\n

\n\n {lead.status === \"failed\"\n ? (\n

\n {output?.error ||\n \"This lead has been processing for over 3 minutes and likely failed. Try resubmitting it.\"}\n

\n )\n : lead.status === \"processing\"\n ? (\n

\n Scoring — the AI is researching this lead. Usually takes a minute or two.\n

\n )\n : (\n

= QUALIFIED_SCORE ? \"text-green-700\" : \"\"}`}>\n {score}\n / 100\n

\n {output?.reasoning || \"No reasoning provided\"}\n

\n )}\n\n \n {output && lead.status !== \"processing\" && }\n

\n );\n}\n\nfunction DataList({ title, data }: { title: string; data: Record }) {\n const entries = Object.entries(data);\n if (entries.length === 0) return null;\n\n return (\n

{title}

\n {entries.map(([key, value]) => (\n

\n {key}\n \n {typeof value === \"object\" ? JSON.stringify(value) : String(value ?? \"\")}\n \n

\n ))}\n

\n );\n}\n",[],[18,91,309],"5b182ec0-70e0-450b-94f0-7d90681fc9de","GithubTester.tsx","ab940f6e-7cb4-11f1-91dd-1607ee4eb77e",135,["D",1783725083915],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\n// One quiet line under the title: score any GitHub username on demand, plus\n// the webhook URL for wiring up other sources (forms, signups, CRMs).\nexport function GithubTester({ webhookUrl, onSent }: { webhookUrl: string; onSent: () => void }) {\n const [handle, setHandle] = React.useState(\"\");\n const [sending, setSending] = React.useState(false);\n const [error, setError] = React.useState(null);\n const [copied, setCopied] = React.useState(false);\n\n const copy = async () => {\n try {\n await navigator.clipboard.writeText(webhookUrl);\n } catch {\n // Clipboard API is blocked by permissions policy inside iframes (like\n // the Val Town preview); fall back to the legacy selection approach.\n const ta = document.createElement(\"textarea\");\n ta.value = webhookUrl;\n ta.style.position = \"fixed\";\n ta.style.opacity = \"0\";\n document.body.appendChild(ta);\n ta.select();\n document.execCommand(\"copy\");\n ta.remove();\n }\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n };\n\n const send = async () => {\n const username = handle.trim().replace(/^@/, \"\");\n if (!username || sending) return;\n setSending(true);\n setError(null);\n try {\n const res = await fetch(`${webhookUrl}?source=manual`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ github_username: username }),\n });\n const data = await res.json();\n if (data.error) {\n setError(data.error);\n } else {\n setHandle(\"\");\n onSent();\n }\n } catch (err) {\n setError(err instanceof Error ? err.message : String(err));\n } finally {\n setSending(false);\n }\n };\n\n return (\n

\n setHandle(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && send()}\n placeholder=\"Score a GitHub username…\"\n spellCheck={false}\n className=\"border border-gray-200 px-2.5 py-1.5 w-56 focus:outline-none focus:border-gray-400\"\n />\n \n {sending ? \"sending…\" : \"score\"}\n \n \n or POST JSON to{\" \"}\n this URL{\" \"}\n \n {copied ? \"copied\" : \"copy\"}\n \n \n

\n {error &&

{error}

}\n

\n );\n}\n",[],[18,91,316],"284b7892-9473-4b1c-a95f-57e2cadf22ab","Dashboard.tsx","88552f7a-7cae-11f1-9c3a-1607ee4eb77e",["D",1783724582527],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type Lead, QUALIFIED_SCORE } from \"../../shared/types.ts\";\nimport { LeadRow, SampleRow } from \"./LeadRow.tsx\";\n\nconst WEEK_MS = 7 * 24 * 60 * 60 * 1000;\n\n// Shown only when there are no leads yet, so the dashboard demonstrates what\n// scored leads look like before the first real one arrives.\nconst SAMPLE_LEADS = [\n { name: \"Maya Chen\", company: \"Parabolic Systems\", score: 92 },\n { name: \"Diego Alvarez\", company: \"Kestrel Analytics\", score: 61 },\n { name: \"Sam Hobbyist\", company: \"Personal blog\", score: 14 },\n];\n\n// Best leads first, but only within the last week — an old high score\n// shouldn't outrank this morning's lead forever. Still-processing leads pin\n// to the top; leads older than a week collapse under \"Earlier\".\nfunction byScoreThenNewest(a: Lead, b: Lead): number {\n if ((a.status === \"processing\") !== (b.status === \"processing\")) {\n return a.status === \"processing\" ? -1 : 1;\n }\n return (b.score ?? 0) - (a.score ?? 0) || b.timestamp - a.timestamp;\n}\n\nexport function Dashboard(\n { leads, onSelect }: { leads: Lead[]; onSelect: (id: number) => void },\n) {\n const sorted = [...leads].sort(byScoreThenNewest);\n const cutoff = Date.now() - WEEK_MS;\n const recent = sorted.filter((l) => l.timestamp >= cutoff);\n const earlier = sorted.filter((l) => l.timestamp < cutoff);\n const qualified = recent.filter(\n (l) => l.status === \"done\" && (l.score ?? 0) >= QUALIFIED_SCORE,\n );\n\n if (leads.length === 0) {\n return (\n

\n No leads yet — here's what scored leads look like.\n

\n {SAMPLE_LEADS.map((s) => )}\n

\n );\n }\n\n return (\n

\n {recent.length} {recent.length === 1 ? \"lead\" : \"leads\"} this week\n {qualified.length > 0 && ` · ${qualified.length} qualified`}\n

\n\n {recent.map((l) => )}\n\n {earlier.length > 0 && (\n

\n Earlier · {earlier.length} {earlier.length === 1 ? \"lead\" : \"leads\"}\n

\n {earlier.map((l) => (\n \n ))}\n

\n )}\n

\n );\n}\n",[],[18,91,324],"5bb7a25e-9b35-4231-9185-dc4dc06f3cdb","App.tsx","82622adc-7cae-11f1-af2f-1607ee4eb77e",["D",1783725093024],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { type Lead } from \"../../shared/types.ts\";\nimport { Dashboard } from \"./Dashboard.tsx\";\nimport { LeadDetail } from \"./LeadDetail.tsx\";\nimport { GithubTester } from \"./GithubTester.tsx\";\n\nexport function App(\n { initialLeads = [], webhookUrl = \"\", username = null }: {\n initialLeads?: Lead[];\n webhookUrl?: string;\n username?: string | null;\n },\n) {\n const [leads, setLeads] = React.useState(initialLeads);\n const [selectedId, setSelectedId] = React.useState(null);\n\n const refresh = React.useCallback(async () => {\n try {\n const res = await fetch(\"/api/leads\");\n if (res.ok) setLeads(await res.json());\n } catch (err) {\n console.error(\"Failed to refresh leads\", err);\n }\n }, []);\n\n // Poll only while something is still being researched.\n const hasProcessing = leads.some((l) => l.status === \"processing\");\n React.useEffect(() => {\n if (!hasProcessing) return;\n const timer = setInterval(refresh, 3000);\n return () => clearInterval(timer);\n }, [hasProcessing, refresh]);\n\n const selected = leads.find((l) => l.id === selectedId) ?? null;\n\n return (\n

\n {selected\n ? setSelectedId(null)} />\n : (\n <>\n

GitHub Leads

\n {username && (\n \n {username} ·{\" \"}\n \n \n )}\n

\n \n \n \n )}\n \n

\n );\n}\n",[],[18,91,331],["D",1783722437854],[230,231,232,233,234],[18,91],["D",1783722422595],[229,235,236],[18],"db78c653-e245-4201-8a6d-437ba72c44ff","notify.ts","5a4b0398-7cae-11f1-b950-1607ee4eb77e","3ea2838f-5343-48f4-b985-0a829d249ddb",107,["D",1783722370612],"import { httpEndpoint } from \"https://esm.town/v/std/utils/index.ts\";\nimport { IncomingWebhook } from \"npm:@slack/webhook\";\nimport { LeadOutput, QUALIFIED_SCORE } from \"../shared/types.ts\";\n\n// Set the SLACK_WEBHOOK_URL env var to get a Slack message the moment a lead\n// scores as qualified. Without it, this is a no-op.\n// https://docs.val.town/guides/slack/send-messages-to-slack/\nexport async function notifySlack(output: LeadOutput) {\n const webhookUrl = Deno.env.get(\"SLACK_WEBHOOK_URL\");\n if (!webhookUrl) return;\n if (typeof output.score !== \"number\" || output.score < QUALIFIED_SCORE) return;\n\n // Best-effort: a Slack hiccup should never fail (or retry) the lead scoring.\n try {\n const dashboardUrl = await httpEndpoint(\"main.ts\", import.meta.url);\n const who = [output.name, output.company].filter(Boolean).join(\" · \");\n await new IncomingWebhook(webhookUrl).send({\n text: [\n `🎯 Qualified lead (${output.score}): *${who || \"Unknown\"}*`,\n output.reasoning,\n `<${dashboardUrl}|Open dashboard>`,\n ].filter(Boolean).join(\"\\n\"),\n });\n } catch (err) {\n console.error(\"Slack notification failed:\", err);\n }\n}\n",[],[353,345],"backend","297c7ba7-27a8-4dea-bc55-34c1ecda923b","index.ts","72e001e2-7cae-11f1-aed8-1607ee4eb77e",["D",1783724582527],"import { getOAuthUserData } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport { parseVal, readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono@4\";\nimport { toClientLead } from \"../shared/types.ts\";\nimport { processLead } from \"./agent.ts\";\nimport { claimLead, createProcessingLead, getAllLeads, getLeadById } from \"./db.ts\";\nimport { requireOrgMember } from \"./auth.tsx\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors so the platform surfaces the real error, not \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// Serialize every lead the same way for both the initial page load and the API.\nasync function clientLeads() {\n const now = Date.now();\n const rows = await getAllLeads();\n return rows.map((row) => toClientLead(row, now));\n}\n\n// ── Public webhook endpoints (no auth) ──\n\napp.post(\"/\", async (c) => {\n let body: Record;\n try {\n body = await c.req.json();\n } catch {\n return c.json({ ok: false, error: \"Request body must be valid JSON\" }, 400);\n }\n const url = new URL(c.req.url);\n const query = Object.fromEntries(url.searchParams);\n const inputData = Object.keys(query).length ? { ...body, _query: query } : body;\n\n // Create the lead immediately in a processing state and respond fast.\n const leadId = await createProcessingLead(inputData);\n\n // Fire-and-forget the slow scoring in a separate request.\n // https://docs.val.town/vals/http/early-return/\n fetch(`${url.origin}/process`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ leadId }),\n });\n\n return c.json({ ok: true, leadId });\n});\n\napp.post(\"/process\", async (c) => {\n const { leadId } = await c.req.json();\n // This route is public (registered before the auth guard) so POST / can call\n // it fire-and-forget. The atomic claim means each lead is scored exactly\n // once, and the input comes from the DB row — not the request — so this\n // can't be used to re-score, overwrite, or feed the agent forged data.\n if (!(await claimLead(leadId))) return c.json({ ok: false }, 409);\n const lead = await getLeadById(leadId);\n await processLead(leadId, JSON.parse(lead!.input_data));\n return c.json({ ok: true });\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ── Everything below requires an org member (the template preview allows GET) ──\napp.use(\"/*\", requireOrgMember);\n\n// Serve the React dashboard, bootstrapping the leads into the HTML so the list\n// paints immediately instead of flashing empty while the first fetch runs.\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\");\n const session = await getOAuthUserData(c.req.raw);\n const data = {\n initialLeads: await clientLeads(),\n webhookUrl: new URL(c.req.url).origin,\n username: session?.user?.username ?? null,\n };\n // Escape \"<\" so lead content containing \"\" can't terminate the tag\n // early (which dumps raw JSON into the page and breaks hydration).\n const json = JSON.stringify(data).replace(/window.__INITIAL_DATA__ = ${json}`;\n html = html.replace(\"\", `${script}`);\n return c.html(html);\n});\n\n// JSON endpoint the frontend polls while leads are still processing.\napp.get(\"/api/leads\", async (c) => c.json(await clientLeads()));\n\n// Serve the frontend modules (/public/**) and shared types (/shared/**).\napp.get(\"/public/**/*\", (c) => serveFile(c.req.path.replace(\"/public\", \"/frontend\")));\napp.get(\"/shared/**/*\", (c) => serveFile(c.req.path));\n\nexport default app;\n",[],[353,355],"6123db91-f115-4486-8ffd-444b454fa80a","db.ts","52aba23c-7cae-11f1-a02d-1607ee4eb77e",["D",1783724582527],"import sqlite from \"https://esm.town/v/std/db/main.ts\";\nimport { CLAIMED_OUTPUT } from \"../shared/types.ts\";\n\nconst TABLE_NAME = \"leads\";\n\nawait createTable();\n\nexport interface Lead {\n id: number;\n timestamp: number;\n input_data: string;\n output_data: string;\n}\n\nexport async function createProcessingLead(\n inputData: Record,\n): Promise {\n const result = await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (timestamp, input_data, output_data)\n VALUES (?, ?, ?)`,\n [Date.now(), JSON.stringify(inputData), \"\"],\n );\n return Number(result.lastInsertRowid);\n}\n\n// Atomically claim a just-created lead for scoring. Returns false if the\n// lead doesn't exist or was already claimed/finished, so concurrent /process\n// calls can't double-score (and double-spend on) the same lead.\nexport async function claimLead(id: number): Promise {\n const result = await sqlite.execute(\n `UPDATE ${TABLE_NAME} SET output_data = ? WHERE id = ? AND output_data = ''`,\n [CLAIMED_OUTPUT, id],\n );\n return result.rowsAffected > 0;\n}\n\nexport async function updateLeadOutput(\n id: number,\n outputData: Record,\n) {\n await sqlite.execute(\n `UPDATE ${TABLE_NAME} SET output_data = ? WHERE id = ?`,\n [JSON.stringify(outputData), id],\n );\n}\n\nexport async function getAllLeads(): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} ORDER BY timestamp DESC`,\n );\n return rowsToLeads(result);\n}\n\nexport async function getLeadById(id: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} WHERE id = ?`,\n [id],\n );\n const leads = rowsToLeads(result);\n return leads[0] || null;\n}\n\n// Find an existing lead by the github_username stored in its input, so the\n// GitHub cron appends new activity to the same person instead of creating a\n// duplicate lead.\nexport async function findLeadByGithubUsername(\n login: string,\n): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME}\n WHERE json_extract(input_data, '$.github_username') = ?`,\n [login],\n );\n const leads = rowsToLeads(result);\n return leads[0] || null;\n}\n\n// Append new GitHub events to an existing lead's input, deduplicated by\n// event id so repeat sweeps don't grow the lead unboundedly.\nexport async function appendFollowup(\n id: number,\n newEvents: Array<{ id?: string }>,\n) {\n const lead = await getLeadById(id);\n if (!lead) return;\n const input = JSON.parse(lead.input_data);\n const events: Array<{ id?: string }> = Array.isArray(input.events) ? input.events : [];\n const existingIds = new Set(events.map((e) => e.id).filter(Boolean));\n events.push(...newEvents.filter((e) => !e.id || !existingIds.has(e.id)));\n await sqlite.execute(\n `UPDATE ${TABLE_NAME} SET input_data = ? WHERE id = ?`,\n [JSON.stringify({ ...input, events }), id],\n );\n}\n\nfunction rowsToLeads(result: { columns: string[]; rows: unknown[] }): Lead[] {\n return result.rows.map((row: any) => {\n const obj: Record = {};\n result.columns.forEach((col, idx) => {\n obj[col] = row[idx];\n });\n return obj as Lead;\n });\n}\n\nasync function createTable() {\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n timestamp INTEGER NOT NULL,\n input_data TEXT NOT NULL,\n output_data TEXT NOT NULL\n )`,\n );\n}\n\nexport function isProcessing(lead: Lead): boolean {\n return lead.output_data === \"\" || lead.output_data === CLAIMED_OUTPUT;\n}\n\nexport function isFailed(lead: Lead): boolean {\n if (isProcessing(lead)) return false;\n try {\n return Boolean(JSON.parse(lead.output_data).error);\n } catch {\n return true;\n }\n}\n",[],[353,362],"fcf76045-e5c1-4a27-9591-87c38b079a37","auth.tsx","6b89867a-7cae-11f1-b5b0-1607ee4eb77e",109,["D",1783722399530],"/** @jsxImportSource npm:hono@4/jsx */\nimport { getOAuthUserData } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The template's own live preview (owned by the \"templates\" org) is publicly\n// viewable. Your remix is owned by your org, so it requires login.\nconst IS_TEMPLATE_PREVIEW = parseVal().username === \"templates\";\n\n// Auth guard for the dashboard routes. Register the public webhook routes\n// (POST / and /process) BEFORE this so external systems can submit leads\n// without logging in.\nexport async function requireOrgMember(c: any, next: any) {\n if (IS_TEMPLATE_PREVIEW && c.req.method === \"GET\") return next();\n const session = await getOAuthUserData(c.req.raw);\n if (!session) return c.html();\n if (!session.isOrgMember) {\n return c.html(, 403);\n }\n await next();\n}\n\nfunction Shell({ title, children }: { title: string; children: any }) {\n return (\n \n \n \n \n {title}\n \n \n \n

\n {children}\n

\n \n \n );\n}\n\nfunction LoginPage() {\n return (\n \n

🔒

GitHub Leads Dashboard

\n \n $\"\"$ \n Sign in with Val Town\n \n

\n \n );\n}\n\nfunction UnauthorizedPage({ username }: { username: string }) {\n return (\n \n

⛔

Access Denied

\n You must be a member of this val's organization to view the dashboard.\n

\n Logged in as {username}\n

\n \n );\n}\n",[],[353,369],"6f03c74e-41d9-4f67-a22e-2ee4627684e2","agent.ts","5ffdc05a-7cae-11f1-ab77-1607ee4eb77e",140,["D",1783725440312],"import { ValTownOpenAI } from \"https://esm.town/v/std/openai/main.ts\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { enrich } from \"https://esm.town/v/valdottown/peopledatalabs/sdk.ts\";\nimport OpenAI from \"npm:openai\";\nimport { updateLeadOutput } from \"./db.ts\";\nimport { notifySlack } from \"./notify.ts\";\n\n// Uses Val Town's built-in OpenAI proxy, so no API key setup is needed.\n// If you hit its rate limits, set the OPENAI_API_KEY env var to use your\n// own OpenAI account instead.\nconst apiKey = Deno.env.get(\"OPENAI_API_KEY\");\nconst openai = apiKey ? new OpenAI({ apiKey }) : new ValTownOpenAI({});\n\nconst PROMPT = await readFile(\"/PROMPT.md\");\n\n// Enrichment (person, LinkedIn, company, work history) via Val Town's\n// People Data Labs proxy. Pro accounts get $10/month included; free accounts\n// get 2 ever, then fall back to web search alone.\nasync function enrichLead(inputData: Record) {\n if (!inputData.email && !inputData.github_username) return {};\n try {\n const { data } = await enrich({\n email: inputData.email as string | undefined,\n github_username: inputData.github_username as string | undefined,\n });\n return data ? { enrichment: data } : {};\n } catch (err) {\n if (err.status === 401 || err.status === 403 || err.status === 429) {\n return {\n enrichmentNote:\n \"Enrichment quota reached — Val Town Pro includes $10/month (https://www.val.town/pricing)\",\n };\n }\n console.error(\"Enrichment failed:\", err);\n return { enrichmentNote: `Enrichment failed: ${err.message}` };\n }\n}\n\nexport async function processLead(\n leadId: number,\n inputData: Record,\n) {\n try {\n const { enrichment, enrichmentNote } = await enrichLead(inputData);\n const response = await openai.responses.create({\n model: \"gpt-5\",\n tools: [{ type: \"web_search\" }],\n instructions: PROMPT,\n input: JSON.stringify(enrichment ? { ...inputData, enrichment } : inputData),\n });\n if (response.status !== \"completed\") {\n throw new Error(`Model response ${response.status}: ${JSON.stringify(response.incomplete_details)}`);\n }\n // The prompt asks for bare JSON, but models sometimes wrap it in ```json fences\n const json = response.output_text.replace(/^\\s*```(?:json)?\\s*|\\s*```\\s*$/g, \"\");\n const outputData = { ...JSON.parse(json), ...(enrichmentNote && { enrichmentNote }) };\n await updateLeadOutput(leadId, outputData);\n await notifySlack(outputData);\n return { outputData };\n } catch (err) {\n // Record the failure so the dashboard shows it immediately instead of\n // spinning until the timeout. Log first so the root cause survives even if\n // this DB write itself throws.\n console.error(`Lead ${leadId} failed:`, err);\n const error = err instanceof Error ? err.message : String(err);\n await updateLeadOutput(leadId, { error });\n throw err;\n }\n}\n",[],[353,377],"ab2bb3e7-4a60-438d-8cac-2baf00804fe0",106,["D",1783722357816],[223,224,225,226,227],[353],["D",1767974365657],["D",1789455078571],{"_11":12,"_155":151},{"_11":12,"_149":150,"_71":151,"_31":-5,"_152":153,"_154":24},{"_41":137,"_13":16,"_35":38,"_138":95,"_139":140,"_141":142,"_143":100,"_144":145,"_146":114,"_147":14,"_148":12},"ctx",{"_54":-5,"_176":427,"_428":429,"_430":431,"_432":30,"_433":30,"_434":30,"_435":24,"_436":-5,"_437":-7,"_438":-7,"_439":26,"_440":30,"_441":30,"_442":-5,"_443":30,"_444":30,"_445":30,"_446":-5},"ENV",{"_398":399,"_400":401,"_402":16,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420,"_421":422,"_423":424,"_425":426},"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"]

History · frontend