[{"_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",{"_96":95,"_32":44,"_105":86,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":48,"_120":121,"_122":25,"_123":-5,"_124":-5,"_125":126},"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":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":48},"version",9,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",true,"deletedHere","path","api.ts","latestPath","fileId","676acdc2-eb29-11f0-ade4-42dde27851f2","name","fileType","script","content","import { createRouter, defineEventHandler, getQuery, setHeader } 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 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","createdAt",["D",1767722517846],"branchVersion","branchId","7e9883de-e9f5-11f0-a83c-42dde27851f2","id","7e983776-e9f5-11f0-a83c-42dde27851f2","logo-fetcher",["D",1767590104863],"deletedAt","legacyEnvVars",false,"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",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":55,"_101":102,"_103":48},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"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":180,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":181,"_80":182,"_82":183,"_84":48},"tree",[167,168,169],"files",[167,168,169],"counts",{"_156":62,"_157":158,"_159":62,"_160":161,"_162":163},"contents",[127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":147,"_32":148,"_30":57,"_133":-5,"_40":41,"_39":149,"_135":48,"_37":150,"_13":151,"_33":152,"_35":153,"_24":48,"_138":154,"_27":155},{"_42":140,"_32":141,"_30":142,"_133":-5,"_40":41,"_39":143,"_135":48,"_37":144,"_13":62,"_33":34,"_35":145,"_24":48,"_138":-5,"_27":146},{"_42":130,"_32":131,"_30":132,"_133":-5,"_40":41,"_39":134,"_135":48,"_37":136,"_13":62,"_33":34,"_35":137,"_24":48,"_138":-5,"_27":139},"7827293a-eb29-11f0-be9c-42dde27851f2","ui.ts","78272a02-eb29-11f0-be9c-42dde27851f2","parentId",4,"latest",["D",1767722379045],"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","label",[131],"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",[141],"c46111a8-eb29-11f0-83fa-42dde27851f2","index.ts",8,["D",1767722506921],3,"http","import { createApp, createRouter, toWebHandler, defineEventHandler, getQuery, setHeader } 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\") || \"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 ${title}\n \n \n\n

${content}

\n`;\n\nrouter.get(\n \"/\",\n defineEventHandler((event) => {\n setHeader(event, \"Content-Type\", \"text/html\");\n return layout(\"Logo Fetcher\", `\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\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(\"Error\", `

Missing URL parameter

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

🎨 Logo Fetcher

Results for ${url}

\n \n ← Back to home\n

Extracting logos...

\n \n `);\n })\n);\n\napp.use(router.handler);\n\nexport default toWebHandler(app);\n","logofetcher",[148],"pulls","branches",1,"forks","envVars",{"_164":62,"_166":62},"connections",{"_164":62,"_165":62},"count","unfilledCount","emptyCount",{"_42":147,"_32":148,"_30":57,"_133":-5,"_40":41,"_39":149,"_135":48,"_37":177,"_13":151,"_33":152,"_35":153,"_24":48,"_138":154,"_171":178,"_27":179},{"_42":140,"_32":141,"_30":142,"_133":-5,"_40":41,"_39":143,"_135":48,"_37":174,"_13":62,"_33":34,"_35":145,"_24":48,"_138":-5,"_171":175,"_27":176},{"_42":130,"_32":131,"_30":132,"_133":-5,"_40":41,"_39":134,"_135":48,"_37":170,"_13":62,"_33":34,"_35":137,"_24":48,"_138":-5,"_171":172,"_27":173},["D",1767722379045],"children",[],[131],["D",1767722341286],[],[141],["D",1767722506921],[],[148],["D",1767590104863],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":55,"_101":102,"_103":48},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_124":217,"_218":219,"_220":221,"_222":48,"_223":48,"_224":48,"_225":25,"_226":-5,"_227":-7,"_228":-7,"_229":62,"_230":48,"_231":48,"_232":-5,"_233":48,"_234":48,"_235":48,"_236":-5},"ENV",{"_188":189,"_190":191,"_192":86,"_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","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v9