\n \n \n \n",[],[67,106],"a259f26c-39b4-11f1-b5ef-42b51c65c3df","favicon.svg","019d9731-ceb7-76bd-9726-b83463316c6a",9,["D",1776358340560],"",[],[67,114],"1d1f520e-39b4-11f1-90cb-42b51c65c3df","components","019d9731-ceb7-76bd-9726-b67d8460c785",["D",1776358116966],[127,128,129,130],[67,122],{"_36":154,"_13":155,"_39":156,"_41":123,"_42":43,"_44":157,"_46":47,"_48":158,"_17":50,"_51":101,"_53":159,"_55":56,"_57":-5,"_84":160,"_18":161},{"_36":147,"_13":148,"_39":149,"_41":123,"_42":43,"_44":50,"_46":47,"_48":150,"_17":70,"_51":101,"_53":151,"_55":56,"_57":-5,"_84":152,"_18":153},{"_36":139,"_13":140,"_39":141,"_41":123,"_42":43,"_44":142,"_46":47,"_48":143,"_17":70,"_51":101,"_53":144,"_55":56,"_57":-5,"_84":145,"_18":146},{"_36":131,"_13":132,"_39":133,"_41":123,"_42":43,"_44":134,"_46":47,"_48":135,"_17":70,"_51":101,"_53":136,"_55":56,"_57":-5,"_84":137,"_18":138},"6be35c6e-39b4-11f1-8360-42b51c65c3df","LeadResults.tsx","6be35d0e-39b4-11f1-8360-42b51c65c3df",5,["D",1776358249208],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { ExtractionResult, Lead } from \"./App.tsx\";\n\ninterface LeadResultsProps {\n result: ExtractionResult;\n}\n\nexport function LeadResults({ result }: LeadResultsProps) {\n const { leads, summary, pagesScanned } = result;\n\n return (\n

\n {/* Summary */}\n

📋 Summary

{summary}

\n\n {/* Leads Table */}\n {leads.length > 0 ? (\n

\n 🎯 Found {leads.length} lead{leads.length !== 1 ? \"s\" : \"\"}\n

\n copyToClipboard(leads)}\n className=\"text-sm px-3 py-1 bg-white border border-gray-300 rounded-md\n hover:bg-gray-50 transition-colors text-gray-600\"\n >\n 📋 Copy all emails\n \n

\n \n \n \n \n \n \n \n \n \n \n {leads.map((lead, i) => (\n \n \n \n \n \n \n ))}\n \n

Email	Name	Role	Source
\n \n {lead.email}\n \n	{lead.name \|\| \"—\"}	{lead.role \|\| \"—\"}	{lead.source \|\| \"—\"}

\n ) : (\n

\n No email leads found on this website. Try a different URL, like a company's\n \"About\" or \"Contact\" page.\n

\n )}\n\n {/* Pages Scanned */}\n {pagesScanned.length > 0 && (\n

\n Pages scanned ({pagesScanned.length})\n

\n \n {page}\n \n

\n )}\n

\n );\n}\n\nfunction copyToClipboard(leads: Lead[]) {\n const emails = leads.map((l) => l.email).join(\"\\n\");\n navigator.clipboard.writeText(emails).then(() => {\n alert(`Copied ${leads.length} email(s) to clipboard!`);\n });\n}",[],[67,122,132],"6504cbc6-39b4-11f1-8360-42b51c65c3df","LeadForm.tsx","6504cc5c-39b4-11f1-8360-42b51c65c3df",4,["D",1776358237679],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface LeadFormProps {\n onSubmit: (url: string) => void;\n loading: boolean;\n}\n\nexport function LeadForm({ onSubmit, loading }: LeadFormProps) {\n const [url, setUrl] = useState(\"\");\n\n function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n const trimmed = url.trim();\n if (!trimmed) return;\n\n // Add https:// if no protocol\n const finalUrl = trimmed.match(/^https?:\\/\\//) ? trimmed : `https://${trimmed}`;\n onSubmit(finalUrl);\n }\n\n return (\n

\n setUrl(e.target.value)}\n placeholder=\"e.g. example.com or https://example.com/about\"\n disabled={loading}\n className=\"flex-1 px-4 py-3 border border-gray-300 rounded-lg text-lg\n focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\n disabled:bg-gray-100 disabled:text-gray-400\n placeholder-gray-400\"\n />\n \n {loading ? \"Scanning...\" : \"Extract Leads\"}\n \n \n );\n}",[],[67,122,140],"1d1f4a48-39b4-11f1-90cb-42b51c65c3df","Counter.tsx","019d9731-ceb7-76bd-9726-b3a0f7e0dc0f",["D",1776358116966],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[67,122,148],"5fb93134-39b4-11f1-8701-42b51c65c3df","App.tsx","019d9731-ceb7-76bd-9726-ad7554057fa1",3,["D",1776358228786],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { LeadForm } from \"./LeadForm.tsx\";\nimport { LeadResults } from \"./LeadResults.tsx\";\n\nexport interface Lead {\n name?: string;\n email: string;\n role?: string;\n source?: string;\n}\n\nexport interface ExtractionResult {\n leads: Lead[];\n summary: string;\n pagesScanned: string[];\n}\n\nexport function App() {\n const [loading, setLoading] = useState(false);\n const [result, setResult] = useState(null);\n const [error, setError] = useState(null);\n\n async function handleExtract(url: string) {\n setLoading(true);\n setError(null);\n setResult(null);\n\n try {\n const res = await fetch(\"/api/extract\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ url }),\n });\n\n if (!res.ok) {\n const errData = await res.json().catch(() => ({ error: \"Extraction failed\" }));\n throw new Error(errData.error || `HTTP ${res.status}`);\n }\n\n const data: ExtractionResult = await res.json();\n setResult(data);\n } catch (e: any) {\n setError(e.message || \"Something went wrong\");\n } finally {\n setLoading(false);\n }\n }\n\n return (\n

\n 🔍 Lead Extractor\n

\n Enter a website URL and our AI agent will scan it for contact information\n

\n\n \n\n {error && (\n

\n ⚠️ {error}\n

\n )}\n\n {loading && (\n

\n AI agent is scanning the website for leads... this may take a minute.\n

\n )}\n\n {result && !loading && }\n\n \n

\n );\n}",[],[67,122,155],["D",1776358279913],[165,166],[74],{"_36":174,"_13":175,"_39":176,"_41":75,"_42":43,"_44":177,"_46":47,"_48":178,"_17":50,"_51":101,"_53":179,"_55":56,"_57":-5,"_84":180,"_18":181},{"_36":167,"_13":168,"_39":169,"_41":75,"_42":43,"_44":76,"_46":47,"_48":170,"_17":70,"_51":101,"_53":171,"_55":56,"_57":-5,"_84":172,"_18":173},"7e310cc2-39b4-11f1-b6fc-42b51c65c3df","scraper.ts","7e310d80-39b4-11f1-b6fc-42b51c65c3df",["D",1776358279913],"import { load } from \"npm:cheerio\";\n\n/** Fetch a page and extract all email addresses + internal links */\nexport async function scrapePage(url: string): Promise<{\n emails: string[];\n links: string[];\n text: string;\n}> {\n const res = await fetch(url, {\n headers: {\n \"User-Agent\":\n \"Mozilla/5.0 (compatible; LeadExtractorBot/1.0; +https://val.town)\",\n Accept: \"text/html,application/xhtml+xml\",\n },\n redirect: \"follow\",\n });\n\n if (!res.ok) {\n throw new Error(`Failed to fetch ${url}: ${res.status}`);\n }\n\n const contentType = res.headers.get(\"content-type\") || \"\";\n if (!contentType.includes(\"text/html\")) {\n return { emails: [], links: [], text: \"\" };\n }\n\n const html = await res.text();\n const $ = load(html);\n\n // Extract emails from mailto links\n const emails = new Set();\n $(\"a[href^='mailto:']\").each((_, el) => {\n const href = $(el).attr(\"href\") || \"\";\n const email = href.replace(\"mailto:\", \"\").split(\"?\")[0].toLowerCase().trim();\n if (email && isValidEmail(email)) {\n emails.add(email);\n }\n });\n\n // Extract emails from visible text using regex\n const bodyText = $(\"body\").text();\n const emailRegex = /[a-zA-Z0-9._%+\\-]+@[a-zA-Z0-9.\\-]+\\.[a-zA-Z]{2,}/g;\n const textEmails = bodyText.match(emailRegex) || [];\n for (const e of textEmails) {\n const clean = e.toLowerCase().trim();\n if (isValidEmail(clean)) {\n emails.add(clean);\n }\n }\n\n // Also check href attributes and other common places\n $(\"a[href]\").each((_, el) => {\n const href = $(el).attr(\"href\") || \"\";\n const hrefEmails = href.match(emailRegex) || [];\n for (const e of hrefEmails) {\n if (isValidEmail(e.toLowerCase())) emails.add(e.toLowerCase());\n }\n });\n\n // Extract internal links for further crawling\n const baseUrl = new URL(url);\n const internalLinks = new Set();\n\n $(\"a[href]\").each((_, el) => {\n const href = $(el).attr(\"href\") || \"\";\n try {\n const resolved = new URL(href, url);\n if (resolved.hostname === baseUrl.hostname && resolved.protocol.startsWith(\"http\")) {\n // Clean the URL (remove hash, normalize)\n resolved.hash = \"\";\n internalLinks.add(resolved.toString());\n }\n } catch {\n // ignore invalid URLs\n }\n });\n\n // Get useful text context (truncated)\n const pageText = $(\"body\").text().replace(/\\s+/g, \" \").trim().slice(0, 3000);\n\n return {\n emails: Array.from(emails),\n links: Array.from(internalLinks),\n text: pageText,\n };\n}\n\nfunction isValidEmail(email: string): boolean {\n // Basic validation — exclude common false positives\n if (email.length > 254) return false;\n if (email.endsWith(\".png\") || email.endsWith(\".jpg\") || email.endsWith(\".gif\")) return false;\n if (email.includes(\"@example.\") || email.includes(\"@test.\")) return false;\n if (email.startsWith(\"@\") || email.endsWith(\"@\")) return false;\n return /^[a-zA-Z0-9._%+\\-]+@[a-zA-Z0-9.\\-]+\\.[a-zA-Z]{2,}$/.test(email);\n}\n",[],[74,168],"0d2af582-39b5-11f1-b31d-42b51c65c3df","agent.ts","90cb1760-39b4-11f1-b5ef-42b51c65c3df",11,["D",1776358519783],"import { Agent, run, tool } from \"npm:@openai/agents@0.7\";\nimport { z } from \"npm:zod\";\nimport { scrapePage } from \"./scraper.ts\";\n\n/** Tool: scrape a URL for emails and links */\nconst scrapeUrl = tool({\n name: \"scrape_url\",\n description:\n \"Fetch a web page and extract all email addresses and internal links found on it. \" +\n \"Use this to scan pages for lead information. Returns emails found, internal links to explore, \" +\n \"and a snippet of the page text.\",\n parameters: z.object({\n url: z.string().describe(\"The full URL to scrape, e.g. https://example.com\"),\n }),\n async execute({ url }) {\n try {\n const result = await scrapePage(url);\n return JSON.stringify(result);\n } catch (e: any) {\n return JSON.stringify({ error: e.message, emails: [], links: [], text: \"\" });\n }\n },\n});\n\nconst leadExtractorAgent = new Agent({\n name: \"Lead Extractor\",\n model: \"gpt-4o-mini\",\n instructions: `You are a lead extraction agent. Given a website URL, your job is to find email addresses \nand contact information of people who work at or are associated with that website.\n\nStrategy:\n1. Start by scraping the given URL.\n2. Look at the internal links found and prioritize pages likely to contain contact info:\n - \"about\", \"team\", \"contact\", \"people\", \"staff\", \"leadership\", \"our-team\"\n - Footer links, \"get in touch\", etc.\n3. Scrape up to 5-6 of the most promising pages (don't go overboard).\n4. For each email you find, try to identify the person's name and role from the surrounding context.\n\nIMPORTANT: When you're done, respond with ONLY a valid JSON object (no markdown, no backticks) in this exact format:\n{\n \"leads\": [\n {\n \"email\": \"person@company.com\",\n \"name\": \"John Smith\",\n \"role\": \"CEO\",\n \"source\": \"https://example.com/about\"\n }\n ],\n \"summary\": \"A brief summary of what you found\",\n \"pagesScanned\": [\"https://example.com\", \"https://example.com/about\"]\n}\n\nIf name or role aren't available, use null for those fields. Always include the source URL where each email was found.`,\n tools: [scrapeUrl],\n});\n\nexport async function extractLeads(url: string) {\n const result = await run(\n leadExtractorAgent,\n `Extract leads from this website: ${url}`,\n { maxTurns: 10 },\n );\n\n // Parse the agent's JSON output\n try {\n const output = result.finalOutput.trim();\n // Try to extract JSON if agent wrapped it in markdown\n const jsonMatch = output.match(/```(?:json)?\\s*([\\s\\S]*?)```/) || [null, output];\n return JSON.parse(jsonMatch[1]!.trim());\n } catch {\n // Fallback if parsing fails\n return {\n leads: [],\n summary: result.finalOutput,\n pagesScanned: [],\n };\n }\n}\n",[],[74,175],"1d157234-39b4-11f1-90cb-42b51c65c3df",["D",1776358116966],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","f82d7dbb-2899-430f-8e34-4c8688c5bdad","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019d9718-b2f5-70df-aa7f-b4e7ee91e025","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_235":231},"org",{"_11":12,"_229":-5,"_230":231,"_192":-5,"_232":233,"_234":47},"branch",{"_17":177,"_13":16,"_36":43,"_221":182,"_222":-5,"_223":-5,"_224":-5,"_225":-5,"_226":-5,"_227":14,"_228":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b87e7fbf-eb13-44a9-847a-14d2be1c5a00/square512?exp=1789552799&sig=65e579819e8ee4837432016223ee1c0ec7a2d8d2214b1918218358eda5b95ccc","tier","business","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":182,"_13":14,"_48":313,"_184":-5,"_185":56,"_186":187,"_188":187,"_189":190,"_191":-5,"_192":193,"_194":40,"_195":47,"_196":-5,"_197":-5,"_198":70,"_199":200,"_201":-5,"_202":-5,"_203":-5,"_204":-5,"_205":206,"_207":206,"_208":209,"_210":209,"_211":209,"_212":206,"_213":206,"_214":314,"_216":315,"_218":316,"_220":56},[271,274,283,284],"files",[271,272,273,274,275,276,277,278,279,280,281,282,283,284],"counts",{"_262":70,"_263":50,"_264":70,"_31":265,"_266":267},[254,255,256,257],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":77,"_17":70,"_51":71,"_53":-5,"_55":56,"_57":-5,"_18":261},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":69,"_17":70,"_51":71,"_53":-5,"_55":56,"_57":-5,"_18":260},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":63,"_17":50,"_51":24,"_53":64,"_55":56,"_57":-5,"_18":259},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":258},[38],[60],[67],[74],"pulls","branches","forks",{"_268":50,"_270":70},"connections",{"_268":70,"_269":70},"count","unfilledCount","emptyCount",{"_36":73,"_13":74,"_39":75,"_41":-5,"_42":43,"_44":76,"_46":47,"_48":162,"_17":70,"_51":71,"_53":-5,"_55":56,"_57":-5,"_84":311,"_18":312},{"_36":174,"_13":175,"_39":176,"_41":75,"_42":43,"_44":177,"_46":47,"_48":178,"_17":50,"_51":101,"_53":179,"_55":56,"_57":-5,"_84":309,"_18":310},{"_36":167,"_13":168,"_39":169,"_41":75,"_42":43,"_44":76,"_46":47,"_48":170,"_17":70,"_51":101,"_53":171,"_55":56,"_57":-5,"_84":307,"_18":308},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":50,"_46":47,"_48":90,"_17":70,"_51":71,"_53":-5,"_55":56,"_57":-5,"_84":305,"_18":306},{"_36":121,"_13":122,"_39":123,"_41":68,"_42":43,"_44":50,"_46":47,"_48":124,"_17":70,"_51":71,"_53":-5,"_55":56,"_57":-5,"_84":303,"_18":304},{"_36":154,"_13":155,"_39":156,"_41":123,"_42":43,"_44":157,"_46":47,"_48":158,"_17":50,"_51":101,"_53":159,"_55":56,"_57":-5,"_84":301,"_18":302},{"_36":147,"_13":148,"_39":149,"_41":123,"_42":43,"_44":50,"_46":47,"_48":150,"_17":70,"_51":101,"_53":151,"_55":56,"_57":-5,"_84":299,"_18":300},{"_36":139,"_13":140,"_39":141,"_41":123,"_42":43,"_44":142,"_46":47,"_48":143,"_17":70,"_51":101,"_53":144,"_55":56,"_57":-5,"_84":297,"_18":298},{"_36":131,"_13":132,"_39":133,"_41":123,"_42":43,"_44":134,"_46":47,"_48":135,"_17":70,"_51":101,"_53":136,"_55":56,"_57":-5,"_84":295,"_18":296},{"_36":113,"_13":114,"_39":115,"_41":68,"_42":43,"_44":116,"_46":47,"_48":117,"_17":50,"_51":24,"_53":118,"_55":56,"_57":-5,"_84":293,"_18":294},{"_36":105,"_13":106,"_39":107,"_41":68,"_42":43,"_44":108,"_46":47,"_48":109,"_17":50,"_51":24,"_53":110,"_55":56,"_57":-5,"_84":291,"_18":292},{"_36":97,"_13":98,"_39":99,"_41":68,"_42":43,"_44":50,"_46":47,"_48":100,"_17":70,"_51":101,"_53":102,"_55":56,"_57":-5,"_84":289,"_18":290},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":62,"_46":47,"_48":87,"_17":50,"_51":24,"_53":64,"_55":56,"_57":-5,"_84":287,"_18":288},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":83,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_84":285,"_18":286},[],[38],[],[60],[],[67,98],[],[67,106],[],[67,114],[],[67,122,132],[],[67,122,140],[],[67,122,148],[],[67,122,155],[276,277,278,279],[67,122],[275,280,281,282],[67],[],[74,168],[],[74,175],[272,273],[74],["D",1776358116966],{"_11":12,"_235":231},{"_11":12,"_229":-5,"_230":231,"_192":-5,"_232":233,"_234":47},{"_17":177,"_13":16,"_36":43,"_221":182,"_222":-5,"_223":-5,"_224":-5,"_225":-5,"_226":-5,"_227":14,"_228":12},"ctx",{"_214":-5,"_251":350,"_351":352,"_353":354,"_355":56,"_356":56,"_357":56,"_358":47,"_359":-5,"_360":-7,"_361":-7,"_362":70,"_363":56,"_364":56,"_365":-5,"_366":56,"_367":56,"_368":56,"_369":-5},"ENV",{"_321":322,"_323":324,"_325":16,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349},"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"]

Code