\n \n \n \n\n","label",[175,63],"frontend","pulls","branches",1,"forks",13,"envVars",{"_185":90,"_187":26},"connections",{"_185":26,"_186":26},"count","unfilledCount","emptyCount",{"_32":362,"_13":331,"_61":325,"_42":-5,"_34":35,"_168":363,"_169":86,"_36":364,"_38":26,"_64":260,"_171":-5,"_65":24,"_173":-5,"_217":365,"_17":366},{"_32":354,"_13":355,"_61":356,"_42":325,"_34":35,"_168":357,"_169":86,"_36":358,"_38":178,"_64":252,"_171":359,"_65":24,"_173":-5,"_217":360,"_17":361},{"_32":346,"_13":347,"_61":348,"_42":325,"_34":35,"_168":349,"_169":86,"_36":350,"_38":26,"_64":252,"_171":351,"_65":24,"_173":-5,"_217":352,"_17":353},{"_32":339,"_13":340,"_61":341,"_42":325,"_34":35,"_168":250,"_169":86,"_36":342,"_38":178,"_64":252,"_171":343,"_65":24,"_173":-5,"_217":344,"_17":345},{"_32":332,"_13":333,"_61":334,"_42":325,"_34":35,"_168":250,"_169":86,"_36":335,"_38":90,"_64":252,"_171":336,"_65":24,"_173":-5,"_217":337,"_17":338},{"_32":322,"_13":323,"_61":324,"_42":325,"_34":35,"_168":326,"_169":86,"_36":327,"_38":26,"_64":252,"_171":328,"_65":24,"_173":-5,"_217":329,"_17":330},{"_32":318,"_13":175,"_61":167,"_42":-5,"_34":35,"_168":39,"_169":86,"_36":319,"_38":26,"_64":260,"_171":-5,"_65":24,"_173":-5,"_217":320,"_17":321},{"_32":313,"_13":282,"_61":277,"_42":167,"_34":35,"_168":314,"_169":86,"_36":315,"_38":26,"_64":260,"_171":-5,"_65":24,"_173":-5,"_217":316,"_17":317},{"_32":305,"_13":306,"_61":307,"_42":277,"_34":35,"_168":119,"_169":86,"_36":308,"_38":309,"_64":252,"_171":310,"_65":24,"_173":-5,"_217":311,"_17":312},{"_32":298,"_13":299,"_61":300,"_42":277,"_34":35,"_168":250,"_169":86,"_36":301,"_38":178,"_64":252,"_171":302,"_65":24,"_173":-5,"_217":303,"_17":304},{"_32":290,"_13":291,"_61":292,"_42":277,"_34":35,"_168":293,"_169":86,"_36":294,"_38":26,"_64":252,"_171":295,"_65":24,"_173":-5,"_217":296,"_17":297},{"_32":283,"_13":284,"_61":285,"_42":277,"_34":35,"_168":250,"_169":86,"_36":286,"_38":178,"_64":252,"_171":287,"_65":24,"_173":-5,"_217":288,"_17":289},{"_32":274,"_13":275,"_61":276,"_42":277,"_34":35,"_168":250,"_169":86,"_36":278,"_38":178,"_64":252,"_171":279,"_65":24,"_173":-5,"_217":280,"_17":281},{"_32":166,"_13":63,"_61":62,"_42":167,"_34":35,"_168":39,"_169":86,"_36":271,"_38":26,"_64":21,"_171":172,"_65":24,"_173":-5,"_217":272,"_17":273},{"_32":263,"_13":264,"_61":265,"_42":167,"_34":35,"_168":266,"_169":86,"_36":267,"_38":26,"_64":252,"_171":268,"_65":24,"_173":-5,"_217":269,"_17":270},{"_32":257,"_13":256,"_61":249,"_42":-5,"_34":35,"_168":258,"_169":86,"_36":259,"_38":26,"_64":260,"_171":-5,"_65":24,"_173":-5,"_217":261,"_17":262},{"_32":246,"_13":247,"_61":248,"_42":249,"_34":35,"_168":250,"_169":86,"_36":251,"_38":178,"_64":252,"_171":253,"_65":24,"_173":-5,"_217":254,"_17":255},{"_32":238,"_13":239,"_61":240,"_42":-5,"_34":35,"_168":241,"_169":86,"_36":242,"_38":178,"_64":21,"_171":243,"_65":24,"_173":-5,"_217":244,"_17":245},{"_32":229,"_13":230,"_61":231,"_42":-5,"_34":35,"_168":232,"_169":86,"_36":233,"_38":234,"_64":21,"_171":235,"_65":24,"_173":-5,"_217":236,"_17":237},{"_32":220,"_13":221,"_61":222,"_42":-5,"_34":35,"_168":114,"_169":86,"_36":223,"_38":224,"_64":225,"_171":226,"_65":24,"_173":-5,"_217":227,"_17":228},{"_32":209,"_13":210,"_61":84,"_42":-5,"_34":35,"_168":211,"_169":86,"_36":212,"_38":213,"_64":214,"_171":215,"_65":24,"_173":216,"_217":218,"_17":219},"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",[],[210],"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",[],[221],"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",[],[230],"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",[],[239],"90bd6031-1614-4163-95aa-9e415f7542e6","types.ts","45f2a14e-7cae-11f1-9c75-1607ee4eb77e","da5f8181-1e13-4ebe-9f1b-2c28666398f9",134,["D",1783724582527],"script","// 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",[],[256,247],"shared","9c1cdea9-4ba2-4b3a-8b3e-6f50d66ad73c",105,["D",1783722336474],"directory",[204],[256],"6795c3c0-48bf-452e-a4e1-8ba2628a4865","index.tsx","7aa9c386-7cae-11f1-90ea-1607ee4eb77e",112,["D",1783722424916],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { type Lead } from \"../shared/types.ts\";\nimport { App } from \"./components/App.tsx\";\n\ndeclare global {\n interface Window {\n __INITIAL_DATA__: {\n initialLeads: Lead[];\n webhookUrl: string;\n username: string | null;\n };\n }\n}\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\n\ncreateRoot(root).render();\n",[],[175,264],["D",1783722422595],[],[175,63],"2090f864-1ae4-4e96-ad34-053059870dd1","LeadRow.tsx","8e29bf56-7cae-11f1-b2a2-1607ee4eb77e","39c36895-5e32-445e-af9f-74dfb1e5b8fa",["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",[],[175,282,275],"components","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",[],[175,282,284],"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",[],[175,282,291],"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",[],[175,282,299],"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",[],[175,282,306],"9e2bd10f-7d2a-464e-b45d-037986304901",113,["D",1783722437854],[196,197,198,199,200],[175,282],"37ace2e5-094f-4035-8c56-6ae08d47b6a9",["D",1783722422595],[195,201,202],[175],"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",[],[331,323],"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",[],[331,333],"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",[],[331,340],"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",[],[331,347],"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",[],[331,355],"ab2bb3e7-4a60-438d-8cac-2baf00804fe0",106,["D",1783722357816],[189,190,191,192,193],[331],["D",1767974365657],["D",1789542098478],{"_11":12,"_132":128},{"_11":12,"_126":127,"_68":128,"_30":-5,"_129":130,"_131":86},{"_38":114,"_13":16,"_32":35,"_115":71,"_116":117,"_118":119,"_120":76,"_121":122,"_123":91,"_124":14,"_125":12},"ctx",{"_51":-5,"_153":405,"_406":407,"_408":409,"_410":24,"_411":24,"_412":24,"_413":86,"_414":-5,"_415":-7,"_416":-7,"_417":26,"_418":24,"_419":24,"_420":-5,"_421":24,"_422":24,"_423":24,"_424":-5},"ENV",{"_376":377,"_378":379,"_380":16,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400,"_401":402,"_403":404},"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 · index.html