[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_189":190,"_191":192},"routes/_app.x.$handle.$name",{"_95":94,"_32":44,"_104":85,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":26,"_119":120,"_121":24,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":26,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":24,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":26},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":26,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":26},"previous","deleted",true,"deletedHere",false,"path","ui.ts","latestPath","fileId","78272a02-eb29-11f0-be9c-42dde27851f2","name","fileType","script","content","import { createRouter, defineEventHandler, getQuery, setHeader } from \"npm:h3@2.0.1-rc.7\";\n\nexport const uiRouter = createRouter();\n\nconst layout = (title: string, content: string) => `\n\n\n \n \n ${title}\n \n \n\n\n

\n ${content}\n

\n\n`;\n\n// GET / - Form UI\nuiRouter.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 \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\n// GET /result?url=stripe.com - Results page\nuiRouter.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(\"Error\", `

Missing URL parameter

← Back`);\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 \n \n ← Back to home\n \n

Extracting logos...

\n \n \n `\n );\n })\n);\n","createdAt",["D",1767722379045],"branchVersion","branchId","7e9883de-e9f5-11f0-a83c-42dde27851f2","id","7e983776-e9f5-11f0-a83c-42dde27851f2","logo-fetcher",["D",1767590104863],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Extract logos from any website","imageUrl","3ee322c5-8742-48e0-86c7-5f3ae129683b","pinnedFileId","7e9ada26-e9f5-11f0-a83c-42dde27851f2","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",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":54,"_100":101,"_102":26},"branch",{"_13":84,"_32":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"isOwned",19,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","kamalnrf","handle","displayName","Kamal","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaVpXT3l1d2hWSFdtWTNoZFIwZ0lFUUhOd2oifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":185,"_46":-5,"_47":26,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":24,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":186,"_79":187,"_81":188,"_83":26},"tree",[168,169,170,171],"files",[168,169,170,171],"counts",{"_158":61,"_159":145,"_160":61,"_161":162,"_163":164},"contents",[126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":151,"_32":152,"_30":153,"_131":-5,"_40":41,"_39":154,"_132":26,"_37":155,"_13":61,"_33":34,"_35":156,"_23":26,"_134":-5,"_27":157},{"_42":143,"_32":144,"_30":56,"_131":-5,"_40":41,"_39":145,"_132":26,"_37":146,"_13":61,"_33":147,"_35":148,"_23":26,"_134":149,"_27":150},{"_42":136,"_32":137,"_30":138,"_131":-5,"_40":41,"_39":139,"_132":26,"_37":140,"_13":61,"_33":34,"_35":141,"_23":26,"_134":-5,"_27":142},{"_42":130,"_32":28,"_30":31,"_131":-5,"_40":41,"_39":14,"_132":26,"_37":133,"_13":61,"_33":34,"_35":36,"_23":26,"_134":-5,"_27":135},"7827293a-eb29-11f0-be9c-42dde27851f2","parentId","latest",["D",1767722379045],"label",[28],"61a5b744-eb29-11f0-94be-42dde27851f2","scraper.ts","61a5b7e4-eb29-11f0-94be-42dde27851f2",2,["D",1767722341286],"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. 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 // 5. Default favicon.ico\n addLogo({\n url: `${baseUrl}/favicon.ico`,\n type: \"ico\",\n source: \"default /favicon.ico\",\n });\n\n // 6. 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 // 7. 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",[137],"7e9ad968-e9f5-11f0-a83c-42dde27851f2","index.ts",1,["D",1767590104874],"http","import { createApp, toWebHandler } from \"npm:h3\";\nimport { apiRouter } from \"./api.ts\";\nimport { uiRouter } from \"./ui.ts\";\n\nconst app = createApp();\n\napp.use(\"/api\", apiRouter.handler);\napp.use(\"/\", uiRouter.handler);\n\nexport default toWebHandler(app);\n","logofetcher",[144],"676accf0-eb29-11f0-ade4-42dde27851f2","api.ts","676acdc2-eb29-11f0-ade4-42dde27851f2",3,["D",1767722350964],"import { createRouter, defineEventHandler, getQuery, setHeader, send } from \"npm:h3@2.0.1-rc.7\";\nimport { extractLogos } from \"./scraper.ts\";\n\nexport const apiRouter = createRouter();\n\n// GET /api/extract?url=stripe.com\napiRouter.get(\n \"/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\n// GET /api/proxy?url=...\napiRouter.get(\n \"/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\") || \"application/octet-stream\";\n const buffer = await response.arrayBuffer();\n\n // Determine filename from URL\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 setHeader(event, \"Content-Type\", contentType);\n setHeader(event, \"Content-Disposition\", `attachment; filename=\"${filename}\"`);\n setHeader(event, \"Cache-Control\", \"public, max-age=3600\");\n\n return send(event, new Uint8Array(buffer));\n } catch (e) {\n setHeader(event, \"Content-Type\", \"application/json\");\n return { error: (e as Error).message };\n }\n })\n);\n",[152],"pulls","branches","forks","envVars",{"_165":61,"_167":61},"connections",{"_165":61,"_166":61},"count","unfilledCount","emptyCount",{"_42":151,"_32":152,"_30":153,"_131":-5,"_40":41,"_39":154,"_132":26,"_37":182,"_13":61,"_33":34,"_35":156,"_23":26,"_134":-5,"_173":183,"_27":184},{"_42":143,"_32":144,"_30":56,"_131":-5,"_40":41,"_39":145,"_132":26,"_37":179,"_13":61,"_33":147,"_35":148,"_23":26,"_134":149,"_173":180,"_27":181},{"_42":136,"_32":137,"_30":138,"_131":-5,"_40":41,"_39":139,"_132":26,"_37":176,"_13":61,"_33":34,"_35":141,"_23":26,"_134":-5,"_173":177,"_27":178},{"_42":130,"_32":28,"_30":31,"_131":-5,"_40":41,"_39":14,"_132":26,"_37":172,"_13":61,"_33":34,"_35":36,"_23":26,"_134":-5,"_173":174,"_27":175},["D",1767722379045],"children",[],[28],["D",1767722341286],[],[137],["D",1767590104874],[],[144],["D",1767722350964],[],[152],["D",1767590104863],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":54,"_100":101,"_102":26},{"_13":84,"_32":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_123":222,"_223":224,"_225":226,"_227":26,"_228":26,"_229":26,"_230":24,"_231":-5,"_232":-7,"_233":-7,"_234":61,"_235":26,"_236":26,"_237":-5,"_238":26,"_239":26,"_240":26,"_241":-5},"ENV",{"_193":194,"_195":196,"_197":85,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"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"]

Diff · v4