${content}

\n`;\n\nrouter.get(\n \"/\",\n defineEventHandler((event) => {\n setHeader(event, \"Content-Type\", \"text/html\");\n return layout(\n \"Logo Fetcher\",\n `\n

🎨 Logo Fetcher

Extract logos and favicons from any website

\n \n

How it works

We scan the website for:

SVG favicons - Vector graphics (best quality)
Apple Touch Icons - High-res PNG icons
Standard favicons - Various sizes
Open Graph images - Social sharing images
Fallback APIs - Google & DuckDuckGo favicon services

\n `,\n );\n }),\n);\n\nrouter.get(\n \"/result\",\n defineEventHandler((event) => {\n const query = getQuery(event);\n const url = query.url as string;\n\n if (!url) {\n setHeader(event, \"Content-Type\", \"text/html\");\n return layout(\n \"Error\",\n `

Missing URL parameter

← Back`,\n );\n }\n\n setHeader(event, \"Content-Type\", \"text/html\");\n return layout(\n `Logos for ${url}`,\n `\n

🎨 Logo Fetcher

Results for ${url}

\n \n ← Back to home\n

Extracting logos...

\n \n `,\n );\n }),\n);\n\napp.use(router.handler);\n\nexport default toWebHandler(app);","deleted","label","logofetcher","children",[],[155],{"_103":175,"_96":176,"_156":177,"_157":-5,"_158":141,"_159":140,"_161":118,"_105":178,"_100":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_171":182,"_99":183},"c289e1ce-eb2a-11f0-aefd-42dde27851f2","scraper.ts","61a5b7e4-eb29-11f0-94be-42dde27851f2",["D",1767722933324],4,"script","export interface Logo {\n url: string;\n type: \"svg\" | \"png\" | \"ico\" | \"unknown\";\n source: string;\n size?: number;\n}\n\nexport interface LogoResult {\n domain: string;\n logos: Logo[];\n}\n\nfunction resolveUrl(base: string, path: string): string {\n try {\n return new URL(path, base).href;\n } catch {\n return path;\n }\n}\n\nfunction getIconType(url: string, mimeType?: string): Logo[\"type\"] {\n if (mimeType?.includes(\"svg\") || url.includes(\".svg\")) return \"svg\";\n if (mimeType?.includes(\"png\") || url.includes(\".png\")) return \"png\";\n if (mimeType?.includes(\"ico\") || url.includes(\".ico\")) return \"ico\";\n return \"unknown\";\n}\n\nfunction parseSize(sizes?: string): number | undefined {\n if (!sizes) return undefined;\n const match = sizes.match(/(\\d+)x\\d+/);\n return match ? parseInt(match[1]) : undefined;\n}\n\nexport async function extractLogos(domain: string): Promise {\n const logos: Logo[] = [];\n const seenUrls = new Set();\n\n const cleanDomain = domain.replace(/^https?:\\/\\//, \"\").replace(/\\/.*$/, \"\");\n const baseUrl = `https://${cleanDomain}`;\n\n const addLogo = (logo: Logo) => {\n if (!seenUrls.has(logo.url)) {\n seenUrls.add(logo.url);\n logos.push(logo);\n }\n };\n\n // Try to fetch and parse the HTML\n try {\n const response = await fetch(baseUrl, {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (compatible; LogoFetcher/1.0)\",\n Accept: \"text/html\",\n },\n redirect: \"follow\",\n });\n\n if (response.ok) {\n const html = await response.text();\n\n // 1. SVG favicon (highest priority)\n const svgIconMatch = html.match(\n /]+rel=[\"'](?:icon|shortcut icon)[\"'][^>]+type=[\"']image\\/svg\\+xml[\"'][^>]*>/gi\n );\n if (svgIconMatch) {\n for (const match of svgIconMatch) {\n const hrefMatch = match.match(/href=[\"']([^\"']+)[\"']/i);\n if (hrefMatch) {\n addLogo({\n url: resolveUrl(baseUrl, hrefMatch[1]),\n type: \"svg\",\n source: \"link[rel=icon][type=svg]\",\n });\n }\n }\n }\n\n // Also check reverse order (type before rel)\n const svgIconMatch2 = html.match(\n /]+type=[\"']image\\/svg\\+xml[\"'][^>]+rel=[\"'](?:icon|shortcut icon)[\"'][^>]*>/gi\n );\n if (svgIconMatch2) {\n for (const match of svgIconMatch2) {\n const hrefMatch = match.match(/href=[\"']([^\"']+)[\"']/i);\n if (hrefMatch) {\n addLogo({\n url: resolveUrl(baseUrl, hrefMatch[1]),\n type: \"svg\",\n source: \"link[rel=icon][type=svg]\",\n });\n }\n }\n }\n\n // 2. Apple touch icons (high-res PNG)\n const appleTouchMatches = html.match(\n /]+rel=[\"']apple-touch-icon(?:-precomposed)?[\"'][^>]*>/gi\n );\n if (appleTouchMatches) {\n const appleIcons: { url: string; size?: number }[] = [];\n for (const match of appleTouchMatches) {\n const hrefMatch = match.match(/href=[\"']([^\"']+)[\"']/i);\n const sizesMatch = match.match(/sizes=[\"']([^\"']+)[\"']/i);\n if (hrefMatch) {\n appleIcons.push({\n url: resolveUrl(baseUrl, hrefMatch[1]),\n size: parseSize(sizesMatch?.[1]),\n });\n }\n }\n // Sort by size descending\n appleIcons.sort((a, b) => (b.size || 0) - (a.size || 0));\n for (const icon of appleIcons) {\n addLogo({\n url: icon.url,\n type: \"png\",\n source: \"apple-touch-icon\",\n size: icon.size,\n });\n }\n }\n\n // 3. Regular favicon links\n const iconMatches = html.match(\n /]+rel=[\"'](?:icon|shortcut icon)[\"'][^>]*>/gi\n );\n if (iconMatches) {\n const icons: { url: string; size?: number; type: Logo[\"type\"] }[] = [];\n for (const match of iconMatches) {\n // Skip SVG ones we already processed\n if (match.includes(\"image/svg+xml\")) continue;\n\n const hrefMatch = match.match(/href=[\"']([^\"']+)[\"']/i);\n const sizesMatch = match.match(/sizes=[\"']([^\"']+)[\"']/i);\n const typeMatch = match.match(/type=[\"']([^\"']+)[\"']/i);\n\n if (hrefMatch) {\n const url = resolveUrl(baseUrl, hrefMatch[1]);\n icons.push({\n url,\n size: parseSize(sizesMatch?.[1]),\n type: getIconType(url, typeMatch?.[1]),\n });\n }\n }\n // Sort by size descending\n icons.sort((a, b) => (b.size || 0) - (a.size || 0));\n for (const icon of icons) {\n addLogo({\n url: icon.url,\n type: icon.type,\n source: \"link[rel=icon]\",\n size: icon.size,\n });\n }\n }\n\n // 4. Logo images - tags with \"logo\" in src, class, alt, or id\n const imgMatches = html.match(/]+>/gi) || [];\n for (const imgTag of imgMatches) {\n const srcMatch = imgTag.match(/src=[\"']([^\"']+)[\"']/i);\n if (!srcMatch) continue;\n\n const src = srcMatch[1];\n const classAttr = imgTag.match(/class=[\"']([^\"']+)[\"']/i)?.[1] || \"\";\n const altAttr = imgTag.match(/alt=[\"']([^\"']+)[\"']/i)?.[1] || \"\";\n const idAttr = imgTag.match(/id=[\"']([^\"']+)[\"']/i)?.[1] || \"\";\n\n // Check if any attribute contains logo-related keywords\n const combined = `${src} ${classAttr} ${altAttr} ${idAttr}`.toLowerCase();\n const logoKeywords = [\"logo\", \"brand\", \"site-icon\", \"site-logo\", \"company-logo\"];\n \n if (logoKeywords.some((kw) => combined.includes(kw))) {\n // Skip tiny tracking pixels or data URIs\n if (src.startsWith(\"data:\") && src.length < 200) continue;\n \n const url = resolveUrl(baseUrl, src);\n addLogo({\n url,\n type: getIconType(url),\n source: \"img[logo]\",\n });\n }\n }\n\n // 5. Open Graph image (often a good logo/brand image)\n const ogImageMatch = html.match(\n /]+property=[\"']og:image[\"'][^>]+content=[\"']([^\"']+)[\"']/i\n ) || html.match(\n /]+content=[\"']([^\"']+)[\"'][^>]+property=[\"']og:image[\"']/i\n );\n if (ogImageMatch) {\n const url = resolveUrl(baseUrl, ogImageMatch[1]);\n addLogo({\n url,\n type: getIconType(url),\n source: \"og:image\",\n });\n }\n }\n } catch (e) {\n console.error(\"Failed to fetch HTML:\", e);\n }\n\n // 6. Default favicon.ico\n addLogo({\n url: `${baseUrl}/favicon.ico`,\n type: \"ico\",\n source: \"default /favicon.ico\",\n });\n\n // 7. Google Favicon API (always reliable)\n addLogo({\n url: `https://www.google.com/s2/favicons?domain=${cleanDomain}&sz=128`,\n type: \"png\",\n source: \"Google Favicon API\",\n size: 128,\n });\n\n // 8. DuckDuckGo fallback\n addLogo({\n url: `https://icons.duckduckgo.com/ip3/${cleanDomain}.ico`,\n type: \"ico\",\n source: \"DuckDuckGo Icons\",\n });\n\n return {\n domain: cleanDomain,\n logos,\n };\n}\n",[],[176],"files",[153,174],"counts",{"_188":32,"_189":190,"_191":32,"_192":193},"pulls","branches",1,"forks","envVars",{"_194":32,"_195":32},"count","emptyCount","contents",[198,201],{"_103":154,"_96":155,"_156":116,"_157":-5,"_158":141,"_159":160,"_161":118,"_105":199,"_100":163,"_164":165,"_166":167,"_168":22,"_169":170,"_99":200},["D",1767722802562],[155],{"_103":175,"_96":176,"_156":177,"_157":-5,"_158":141,"_159":140,"_161":118,"_105":202,"_100":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_99":203},["D",1767722933324],[176],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_94":95,"_96":97,"_98":-7,"_100":-7,"_101":213,"_196":218,"_223":-7,"_224":-5,"_225":-5,"_184":226,"_233":227,"_234":-5,"_235":-5,"_236":22,"_237":22},{"_103":104,"_96":97,"_105":214,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":215,"_135":216,"_138":217,"_150":22},["D",1767590104863],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_100":140,"_96":44,"_103":141,"_142":104,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},[219,221],{"_103":154,"_96":155,"_156":116,"_157":-5,"_158":141,"_159":160,"_161":118,"_105":199,"_100":163,"_164":165,"_166":167,"_168":22,"_169":170,"_99":220},[155],{"_103":175,"_96":176,"_156":177,"_157":-5,"_158":141,"_159":140,"_161":118,"_105":202,"_100":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_99":222},[176],"readme","upstream","pull",[227,230],{"_103":154,"_96":155,"_156":116,"_157":-5,"_158":141,"_159":160,"_161":118,"_105":162,"_100":163,"_164":165,"_166":167,"_168":22,"_169":170,"_171":228,"_99":229},[],[155],{"_103":175,"_96":176,"_156":177,"_157":-5,"_158":141,"_159":140,"_161":118,"_105":178,"_100":179,"_164":180,"_166":181,"_168":22,"_169":-5,"_171":231,"_99":232},[],[176],"preview","ahead","behind","showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

kamalnrf

logo-fetcher