[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_184":185,"_186":187},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_62":149,"_16":-7,"_150":-5,"_17":151,"_152":153,"_28":154,"_21":155,"_23":156,"_157":-5,"_158":-5,"_159":-5,"_160":35,"_161":162,"_163":38,"_164":-5,"_165":-5,"_166":167},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":31,"_32":-5,"_33":-5,"_34":35,"_36":35,"_37":38},"handle","kamalnrf","name","logo-fetcher","branchName","version","project",{"_39":93,"_13":14,"_50":94,"_95":-5,"_96":35,"_97":98,"_99":98,"_100":101,"_102":-5,"_103":104,"_105":43,"_106":38,"_107":-5,"_108":-5,"_109":82,"_110":111,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":117,"_118":117,"_119":120,"_121":120,"_122":120,"_123":117,"_124":117,"_125":126,"_127":128,"_129":130,"_131":35},"tags",[],"counts",{"_81":82,"_83":84,"_85":82,"_86":87,"_88":89},"contents",[75,76],"readme","upstream","pull","files",[31,64],"preview",{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":59,"_60":61,"_62":63},"ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",true,"id","749765f4-eb2a-11f0-897e-42dde27851f2","index.ts","fileId","7e9ada26-e9f5-11f0-a83c-42dde27851f2","parentId","branchId","7e9883de-e9f5-11f0-a83c-42dde27851f2","branchVersion",15,"latest","createdAt",["D",1767722802562],8,"fileType","http","content","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);","deleted","label","logofetcher","children",[],"path",[41],{"_39":65,"_13":66,"_42":67,"_44":-5,"_45":46,"_47":68,"_49":38,"_50":69,"_16":70,"_53":71,"_55":72,"_57":35,"_58":-5,"_60":73,"_62":74},"c289e1ce-eb2a-11f0-aefd-42dde27851f2","scraper.ts","61a5b7e4-eb29-11f0-94be-42dde27851f2",19,["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",[],[66],{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":79,"_16":52,"_53":54,"_55":56,"_57":35,"_58":59,"_62":80},{"_39":65,"_13":66,"_42":67,"_44":-5,"_45":46,"_47":68,"_49":38,"_50":77,"_16":70,"_53":71,"_55":72,"_57":35,"_58":-5,"_62":78},["D",1767722933324],[66],["D",1767722802562],[41],"pulls",0,"branches",1,"forks","envVars",{"_90":82,"_92":82},"connections",{"_90":82,"_91":82},"count","unfilledCount","emptyCount","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","orgId","f427167a-3263-4778-81d8-f79626323ff5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_148":144},"org",{"_11":12,"_141":142,"_143":144,"_103":104,"_145":146,"_147":35},"branch",{"_16":68,"_13":132,"_39":46,"_133":93,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":14,"_140":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Kamal","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaVpXT3l1d2hWSFdtWTNoZFIwZ0lFUUhOd2oifQ","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_39":93,"_13":14,"_50":180,"_95":-5,"_96":35,"_97":98,"_99":98,"_100":101,"_102":-5,"_103":104,"_105":43,"_106":38,"_107":-5,"_108":-5,"_109":82,"_110":111,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":117,"_118":117,"_119":120,"_121":120,"_122":120,"_123":117,"_124":117,"_125":181,"_127":182,"_129":183,"_131":35},"tree",[174,175],[174,175],{"_81":82,"_83":84,"_85":82,"_86":172,"_88":173},[168,169],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":79,"_16":52,"_53":54,"_55":56,"_57":35,"_58":59,"_62":171},{"_39":65,"_13":66,"_42":67,"_44":-5,"_45":46,"_47":68,"_49":38,"_50":77,"_16":70,"_53":71,"_55":72,"_57":35,"_58":-5,"_62":170},[66],[41],{"_90":82,"_92":82},{"_90":82,"_91":82},{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":59,"_60":178,"_62":179},{"_39":65,"_13":66,"_42":67,"_44":-5,"_45":46,"_47":68,"_49":38,"_50":69,"_16":70,"_53":71,"_55":72,"_57":35,"_58":-5,"_60":176,"_62":177},[],[66],[],[41],["D",1767590104863],{"_11":12,"_148":144},{"_11":12,"_141":142,"_143":144,"_103":104,"_145":146,"_147":35},{"_16":68,"_13":132,"_39":46,"_133":93,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":14,"_140":12},"ctx",{"_125":-5,"_165":217,"_218":219,"_220":221,"_222":35,"_223":35,"_224":35,"_225":38,"_226":-5,"_227":-7,"_228":-7,"_229":82,"_230":35,"_231":35,"_232":-5,"_233":35,"_234":35,"_235":35,"_236":-5},"ENV",{"_188":189,"_190":191,"_192":132,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216},"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"]