[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_174":175,"_176":177},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_132":-5,"_20":133,"_22":134,"_135":136,"_137":138,"_25":139,"_24":-5,"_140":-5,"_141":-5,"_142":54,"_143":144,"_145":45,"_146":-5,"_147":-5,"_148":149},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","kamalnrf","name","logo-fetcher","branchName","main","version","path","","project",{"_34":76,"_13":14,"_46":77,"_78":-5,"_79":54,"_80":81,"_82":81,"_83":84,"_85":-5,"_86":87,"_88":59,"_89":45,"_90":-5,"_91":-5,"_92":93,"_94":95,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":101,"_102":101,"_103":104,"_105":104,"_106":104,"_107":101,"_108":101,"_109":110,"_111":112,"_113":114,"_115":54},"tree",[67,68],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":63,"_51":64,"_53":54,"_55":65,"_18":66},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","c289e1ce-eb2a-11f0-aefd-42dde27851f2","scraper.ts","fileId","61a5b7e4-eb29-11f0-94be-42dde27851f2","parentId","branchId","7e9883de-e9f5-11f0-a83c-42dde27851f2","branchVersion",19,"latest",true,"createdAt",["D",1767722933324],4,"fileType","script","content","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","deleted",false,"label",[36],"749765f4-eb2a-11f0-897e-42dde27851f2","index.ts","7e9ada26-e9f5-11f0-a83c-42dde27851f2",15,["D",1767722802562],8,"http","import {\n createApp,\n createRouter,\n defineEventHandler,\n getQuery,\n setHeader,\n toWebHandler,\n} from \"npm:h3@2.0.1-rc.7\";\nimport { extractLogos } from \"./scraper.ts\";\n\nconst app = createApp();\nconst router = createRouter();\n\n// API Routes\nrouter.get(\n \"/api/extract\",\n defineEventHandler(async (event) => {\n const query = getQuery(event);\n const url = query.url as string;\n\n if (!url) {\n setHeader(event, \"Content-Type\", \"application/json\");\n return { error: \"Missing url parameter\" };\n }\n\n try {\n const result = await extractLogos(url);\n setHeader(event, \"Content-Type\", \"application/json\");\n return result;\n } catch (e) {\n setHeader(event, \"Content-Type\", \"application/json\");\n return { error: (e as Error).message };\n }\n }),\n);\n\nrouter.get(\n \"/api/proxy\",\n defineEventHandler(async (event) => {\n const query = getQuery(event);\n const url = query.url as string;\n\n if (!url) {\n setHeader(event, \"Content-Type\", \"application/json\");\n return { error: \"Missing url parameter\" };\n }\n\n try {\n const response = await fetch(url, {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (compatible; LogoFetcher/1.0)\",\n },\n });\n\n if (!response.ok) {\n throw new Error(`Failed to fetch: ${response.status}`);\n }\n\n const contentType = response.headers.get(\"Content-Type\") ||\n \"application/octet-stream\";\n const buffer = await response.arrayBuffer();\n\n const urlObj = new URL(url);\n let filename = urlObj.pathname.split(\"/\").pop() || \"logo\";\n if (!filename.includes(\".\")) {\n if (contentType.includes(\"svg\")) filename += \".svg\";\n else if (contentType.includes(\"png\")) filename += \".png\";\n else if (contentType.includes(\"ico\")) filename += \".ico\";\n else filename += \".png\";\n }\n\n return new Response(buffer, {\n headers: {\n \"Content-Type\": contentType,\n \"Content-Disposition\": `attachment; filename=\"${filename}\"`,\n \"Cache-Control\": \"public, max-age=3600\",\n },\n });\n } catch (e) {\n setHeader(event, \"Content-Type\", \"application/json\");\n return { error: (e as Error).message };\n }\n }),\n);\n\n// UI Routes\nconst layout = (title: string, content: string) =>\n `\n\n\n \n \n ${title}\n \n \n\n

${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);","logofetcher",[58],{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":73,"_17":62,"_49":63,"_51":64,"_53":54,"_55":65,"_70":74,"_18":75},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":69,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_70":71,"_18":72},["D",1767722933324],"children",[],[36],["D",1767722802562],[],[58],"7e983776-e9f5-11f0-a83c-42dde27851f2",["D",1767590104863],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Extract logos from any website","imageUrl","userId","3ee322c5-8742-48e0-86c7-5f3ae129683b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","f427167a-3263-4778-81d8-f79626323ff5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_131":127},"org",{"_11":12,"_124":125,"_126":127,"_86":87,"_128":129,"_130":54},"branch",{"_17":43,"_13":16,"_34":41,"_116":76,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":14,"_123":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Kamal","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaVpXT3l1d2hWSFdtWTNoZFIwZ0lFUUhOd2oifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":76,"_13":14,"_46":170,"_78":-5,"_79":54,"_80":81,"_82":81,"_83":84,"_85":-5,"_86":87,"_88":59,"_89":45,"_90":-5,"_91":-5,"_92":93,"_94":95,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":101,"_102":101,"_103":104,"_105":104,"_106":104,"_107":101,"_108":101,"_109":171,"_111":172,"_113":173,"_115":54},[164,165],"files",[164,165],"counts",{"_154":93,"_155":156,"_157":93,"_31":158,"_159":160},[150,151],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":63,"_51":64,"_53":54,"_55":65,"_18":153},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":152},[36],[58],"pulls","branches",1,"forks",{"_161":93,"_163":93},"connections",{"_161":93,"_162":93},"count","unfilledCount","emptyCount",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":73,"_17":62,"_49":63,"_51":64,"_53":54,"_55":65,"_70":168,"_18":169},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":69,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_70":166,"_18":167},[],[36],[],[58],["D",1767590104863],{"_11":12,"_131":127},{"_11":12,"_124":125,"_126":127,"_86":87,"_128":129,"_130":54},{"_17":43,"_13":16,"_34":41,"_116":76,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":14,"_123":12},"ctx",{"_109":-5,"_147":207,"_208":209,"_210":211,"_212":54,"_213":54,"_214":54,"_215":45,"_216":-5,"_217":-7,"_218":-7,"_219":93,"_220":54,"_221":54,"_222":-5,"_223":54,"_224":54,"_225":54,"_226":-5},"ENV",{"_178":179,"_180":181,"_182":16,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206},"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