\n \n \n \n\n",[],[18,93,402],"37478e76-e267-4a56-b46b-dc15e9c014cf","auth.tsx","0ed6945c-808e-11f1-9b85-1607ee4eb77e",162,["D",1784153405097],"/** @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// Val Town handles allowed in besides org members — James and team.\nconst ALLOWED_USERS = [\"jayhype\"];\n\n// Auth guard for the dashboard. The x-debug-token header bypass lets headless\n// agents (and curl) hit the dashboard for debugging without a browser login.\nexport async function requireOrgMember(c: any, next: any) {\n if (IS_TEMPLATE_PREVIEW && c.req.method === \"GET\") return next();\n const debugToken = Deno.env.get(\"DEBUG_TOKEN\");\n if (debugToken && c.req.header(\"x-debug-token\") === debugToken) return next();\n const session = await getOAuthUserData(c.req.raw);\n if (!session) return c.html();\n const allowed = session.isOrgMember ||\n ALLOWED_USERS.includes(session.user.username?.toLowerCase() ?? \"\");\n if (!allowed) {\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",[],[18,93,410],"76b0dafb-253e-41a2-b6e2-6b4b31e6f6ba","app.tsx","2d703346-808e-11f1-a292-1607ee4eb77e",["D",1784208421885],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// The dashboard app: score-sorted list of lead cards, filterable by score bucket.\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { marked } from \"https://esm.sh/marked@12\";\n\nconst QUALIFIED_SCORE = 80; // keep in sync with utils/db.ts\n\ninterface Lead {\n login: string;\n activity: string | null; // JSON: [{ type, repo, when? }]\n email: string | null;\n status: string;\n score: number | null;\n card: string | null;\n error: string | null;\n flagged: string | null;\n created_at: number;\n scored_at: number | null;\n contacted_at: number | null;\n}\n\nfunction shortDate(ts: number | null): string | null {\n if (!ts) return null;\n return new Date(ts).toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n}\n\n// When the person last acted on our repos (starred/forked/PR'd) — the date\n// that matters, not when our cron processed them.\nfunction lastActivityDate(lead: Lead): string | null {\n try {\n const acts = JSON.parse(lead.activity ?? \"[]\") as { when?: string }[];\n const last = acts.map((a) => a.when).filter(Boolean).sort().at(-1);\n if (!last) return null;\n return new Date(last).toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n } catch {\n return null;\n }\n}\n\ndeclare global {\n interface Window {\n __INITIAL_DATA__: { initialLeads: Lead[] };\n }\n}\n\nconst BUCKETS = [\"ALL\", \"80+\", \"50–79\", \"<50\", \"PENDING\"] as const;\ntype Bucket = (typeof BUCKETS)[number];\n\nfunction bucket(lead: Lead): Bucket {\n if (lead.status !== \"done\") return \"PENDING\";\n const s = lead.score ?? 0;\n if (s >= QUALIFIED_SCORE) return \"80+\";\n if (s >= 50) return \"50–79\";\n return \"<50\";\n}\n\nconst SCORE_BADGE: Record = {\n \"80+\": \"bg-green-100 text-green-800\",\n \"50–79\": \"bg-yellow-100 text-yellow-800\",\n \"<50\": \"bg-gray-100 text-gray-400\",\n PENDING: \"bg-blue-100 text-blue-800\",\n ALL: \"\",\n};\n\n// First non-label line of the card is \"Name — title\".\nfunction headline(lead: Lead): string {\n const lines = (lead.card ?? \"\").split(\"\\n\").map((l) => l.trim()).filter(Boolean);\n return lines.find((l) => !/^(Verdict|Score|Company|Why|Opener|Links):/i.test(l)) ?? lead.login;\n}\n\nfunction App({ initialLeads }: { initialLeads: Lead[] }) {\n const [leads, setLeads] = useState(initialLeads);\n const [filter, setFilter] = useState(\"ALL\");\n const [open, setOpen] = useState(null);\n const [username, setUsername] = useState(\"\");\n\n const counts = useMemo(() => {\n const c: Record = {};\n for (const l of leads) c[bucket(l)] = (c[bucket(l)] ?? 0) + 1;\n return c;\n }, [leads]);\n\n // Uncontacted qualified leads first — they're the to-do list — then by score.\n const visible = useMemo(() => {\n const list = filter === \"ALL\" ? leads : leads.filter((l) => bucket(l) === filter);\n const todo = (l: Lead) =>\n l.status === \"done\" && (l.score ?? 0) >= QUALIFIED_SCORE && !l.contacted_at ? 0 : 1;\n return [...list].sort(\n (a, b) => todo(a) - todo(b) || (b.score ?? -1) - (a.score ?? -1),\n );\n }, [leads, filter]);\n\n async function toggleContacted(lead: Lead) {\n const contacted = !lead.contacted_at;\n // Optimistic; the server is the source of truth on next fetch.\n setLeads((ls) =>\n ls.map((l) => (l.login === lead.login ? { ...l, contacted_at: contacted ? Date.now() : null } : l))\n );\n await fetch(`/api/leads/${encodeURIComponent(lead.login)}/contacted`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ contacted }),\n });\n }\n\n async function scoreUsername(e: React.FormEvent) {\n e.preventDefault();\n if (!username.trim()) return;\n await fetch(\"/api/leads\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ github_username: username.trim() }),\n });\n setUsername(\"\");\n setLeads(await (await fetch(\"/api/leads\")).json());\n }\n\n return (\n

GitHub Leads

\n\n

\n {BUCKETS.map((v) => (\n setFilter(v)}\n className={`px-3 py-1 rounded-full text-sm border ${\n filter === v ? \"bg-gray-900 text-white border-gray-900\" : \"bg-white border-gray-200\"\n }`}\n >\n {v.toLowerCase()} {v === \"ALL\" ? leads.length : counts[v] ?? 0}\n \n ))}\n

\n\n

\n {visible.map((lead) => {\n const b = bucket(lead);\n return (\n

\n setOpen(open === lead.login ? null : lead.login)}\n className=\"w-full text-left px-4 py-3 flex items-center gap-3 cursor-pointer\"\n >\n \n {lead.status === \"done\" ? lead.score ?? \"—\" : \"…\"}\n \n \n {lead.login}\n {lead.status === \"done\" && (\n · {headline(lead)}\n )}\n {lead.flagged && · {lead.flagged}}\n {lead.error && · {lead.error}}\n \n \n \n {lastActivityDate(lead) ?? shortDate(lead.created_at)}\n \n e.stopPropagation()}\n title={lead.contacted_at ? \"Mark not contacted\" : \"Mark contacted\"}\n >\n toggleContacted(lead)}\n />\n {lead.contacted_at ? `contacted ${shortDate(lead.contacted_at)}` : \"contacted\"}\n \n \n

\n {open === lead.login && lead.card && (\n \n )}\n

\n );\n })}\n {visible.length === 0 && (\n

Nothing here yet.

\n )}\n

\n \n );\n}\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\ncreateRoot(root).render();\n",[],[18,93,418],["D",1784148289445],[319,320,321,322],[18,93],["D",1784148204925],[318,323],[18],"dd36b046-1612-484d-bd5b-82a9b298e6fe","github.ts","fa7f3b30-808d-11f1-80cc-1607ee4eb77e","d292f7ec-808d-11f1-8cb9-1607ee4eb77e",76,["D",1784148381651],"// cron: poll for new github activity, add to db.\nimport { Octokit } from \"npm:octokit@5.0.5\";\nimport { getLead, insertPending } from \"../utils/db.ts\";\n\n// GitHub orgs we watch. Activity on these repos is what makes someone a lead.\nexport const WATCHED = [\"miracodeai\", \"dbprohq\"];\n\n// Our own team — never lead-scored. The maintainer check below catches\n// unlisted team accounts, but add known handles here.\nexport const EXCLUDE_USERS = new Set([\n \"JSMira\",\n \"jayhyp\",\n \"JackHyp\",\n \"coolio85\",\n \"modrink\",\n \"JDSmith97\",\n]);\n\nexport default async function (interval: Interval) {\n // First run looks back one hour; history was handled by the backlog report.\n const lastChecked = interval.lastRunAt ?? new Date(Date.now() - 60 * 60 * 1000);\n const octokit = new Octokit({ auth: Deno.env.get(\"GITHUB_TOKEN\") });\n\n const events = (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) =>\n e.actor?.login && !e.actor.login.includes(\"[bot]\") && !EXCLUDE_USERS.has(e.actor.login)\n );\n\n const byActor = Map.groupBy(events, (e: any) => e.actor.login as string);\n console.log(`${events.length} new events from ${byActor.size} people`);\n\n for (const [login, actorEvents] of byActor) {\n if (await getLead(login)) continue; // already known — first contact is the signal\n\n const activity = actorEvents.map((e: any) => ({\n type: e.type,\n repo: e.repo?.name,\n when: e.created_at?.slice(0, 10),\n title: e.payload?.issue?.title ?? e.payload?.pull_request?.title ?? undefined,\n }));\n\n // Maintainer signals: merging others' PRs or pushing straight to the repo.\n // Probably a team account missing from EXCLUDE_USERS — ask, don't score.\n const looksLikeMaintainer = actorEvents.some((e: any) =>\n e.type === \"PushEvent\" ||\n (e.type === \"PullRequestEvent\" && e.payload?.action === \"closed\" &&\n e.payload?.pull_request?.merged &&\n e.payload?.pull_request?.user?.login !== login)\n );\n\n await insertPending(login, activity, {\n flagged: looksLikeMaintainer ? \"maintainer?\" : undefined,\n });\n console.log(`new: ${login}${looksLikeMaintainer ? \" (flagged maintainer?)\" : \"\"}`);\n }\n}\n",[],[440,432],"inputs","a9ae1a9b-3628-4c21-b06f-02f2e1b999e0",61,["D",1784148203624],[316],[440],["D",1783725503703],["D",1789526460011],{"_11":12,"_248":244},{"_11":12,"_242":243,"_83":244,"_31":-5,"_245":246,"_247":24},{"_52":229,"_13":16,"_46":49,"_230":189,"_231":232,"_233":234,"_235":194,"_236":237,"_238":239,"_240":14,"_241":12},"ctx",{"_65":-5,"_269":484,"_485":486,"_487":488,"_489":30,"_490":30,"_491":30,"_492":24,"_493":-5,"_494":-7,"_495":-7,"_496":26,"_497":30,"_498":30,"_499":-5,"_500":30,"_501":30,"_502":30,"_503":-5},"ENV",{"_455":456,"_457":458,"_459":16,"_460":461,"_462":463,"_464":465,"_466":467,"_468":469,"_470":471,"_472":473,"_474":475,"_476":477,"_478":479,"_480":481,"_482":483},"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 · outputs