\n \n \n \n",[],[136,187],"a259f26c-39b4-11f1-b5ef-42b51c65c3df","favicon.svg","019d9731-ceb7-76bd-9726-b83463316c6a",9,["D",1776358340560],"",[],[136,195],"6be35c6e-39b4-11f1-8360-42b51c65c3df","LeadResults.tsx","6be35d0e-39b4-11f1-8360-42b51c65c3df","019d9731-ceb7-76bd-9726-b67d8460c785",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}",[],[136,211,203],"components","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}",[],[136,211,213],"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",[],[136,211,221],"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}",[],[136,211,228],"1d1f520e-39b4-11f1-90cb-42b51c65c3df",["D",1776358116966],[162,163,164,165],[136,211],["D",1776358116966],[161,166,167,168],[136],"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",[],[142,243],"0d2af582-39b5-11f1-b31d-42b51c65c3df","agent.ts","90cb1760-39b4-11f1-b5ef-42b51c65c3df",["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",[],[142,250],["D",1776358279913],[158,159],[142],["D",1776358116966],{"_16":17,"_83":79},{"_16":17,"_77":-5,"_78":79,"_33":-5,"_80":81,"_82":38},{"_65":66,"_20":67,"_18":68,"_69":19,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":21,"_76":17},"ctx",{"_58":-5,"_104":296,"_297":298,"_299":300,"_301":26,"_302":26,"_303":26,"_304":38,"_305":-5,"_306":-7,"_307":-7,"_308":42,"_309":26,"_310":26,"_311":-5,"_312":26,"_313":26,"_314":26,"_315":-5},"ENV",{"_267":268,"_269":270,"_271":67,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295},"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"]

Search