refactor(dashboard): extract favicon canonical host rules to lib

Single longest-first rule list and resolveFaviconCanonicalHost(); FaviconImage
imports the helper.

Author: izadoesdev

apps/dashboard/components/analytics/favicon-image.tsx

@@ -3,6 +3,7 @@
 import { GlobeIcon } from "@phosphor-icons/react";
 import Image from "next/image";
 import { useState } from "react";
+import { resolveFaviconCanonicalHost } from "@/lib/favicon-domain";
 
 interface FaviconImageProps {
 	domain: string;
@@ -15,40 +16,6 @@ interface FaviconImageProps {
 const hostnameRegex = /^https?:\/\//;
 const wwwRegex = /^www\./;
 
-const FAVICON_DOMAIN_MAP: Record<string, string> = {
-	"framercdn.com": "framer.com",
-	"plugins.framercdn.com": "framer.com",
-	"figma.design": "figma.com",
-	"canva.me": "canva.com",
-	"vercel.app": "vercel.com",
-	"netlify.app": "netlify.com",
-	"pages.dev": "cloudflare.com",
-	"workers.dev": "cloudflare.com",
-	"checkout.stripe.com": "stripe.com",
-	"billing.stripe.com": "stripe.com",
-	"invoice.stripe.com": "stripe.com",
-	"googleadservices.com": "ads.google.com",
-	"googleads.g.doubleclick.net": "ads.google.com",
-	"syndicatedsearch.goog": "ads.google.com",
-	"googlesyndication.com": "ads.google.com",
-};
-
-function getFaviconDomain(hostname: string): string {
-	// Check exact match first
-	if (hostname in FAVICON_DOMAIN_MAP) {
-		return FAVICON_DOMAIN_MAP[hostname];
-	}
-
-	// Check if it's a subdomain of a mapped domain
-	for (const [pattern, canonical] of Object.entries(FAVICON_DOMAIN_MAP)) {
-		if (hostname.endsWith(`.${pattern}`)) {
-			return canonical;
-		}
-	}
-
-	return hostname;
-}
-
 export function FaviconImage({
 	domain,
 	altText,
@@ -66,7 +33,7 @@ export function FaviconImage({
 		.split("?")[0]
 		.split("#")[0];
 
-	const faviconHost = getFaviconDomain(hostname);
+	const faviconHost = resolveFaviconCanonicalHost(hostname);
 
 	const invalid =
 		!hostname ||

apps/dashboard/lib/favicon-domain.ts

@@ -0,0 +1,41 @@
+/**
+ * Resolves a hostname to a canonical host for DuckDuckGo favicon URLs
+ * (`https://icons.duckduckgo.com/ip3/{host}.ico`). Use when several CDN /
+ * product domains should show the same brand icon as the public marketing site.
+ *
+ * Rules are ordered longest-`pattern` first so more specific hosts win (e.g.
+ * `googleads.g.doubleclick.net` before any hypothetical shorter suffix).
+ */
+const FAVICON_CANONICAL_RULES: ReadonlyArray<{
+	pattern: string;
+	canonical: string;
+}> = [
+		{ pattern: "googleads.g.doubleclick.net", canonical: "ads.google.com" },
+		{ pattern: "plugins.framercdn.com", canonical: "framer.com" },
+		{ pattern: "googlesyndication.com", canonical: "ads.google.com" },
+		{ pattern: "syndicatedsearch.goog", canonical: "ads.google.com" },
+		{ pattern: "googleadservices.com", canonical: "ads.google.com" },
+		{ pattern: "checkout.stripe.com", canonical: "stripe.com" },
+		{ pattern: "billing.stripe.com", canonical: "stripe.com" },
+		{ pattern: "invoice.stripe.com", canonical: "stripe.com" },
+		{ pattern: "framercdn.com", canonical: "framer.com" },
+		{ pattern: "netlify.app", canonical: "netlify.com" },
+		{ pattern: "workers.dev", canonical: "cloudflare.com" },
+		{ pattern: "figma.design", canonical: "figma.com" },
+		{ pattern: "vercel.app", canonical: "vercel.com" },
+		{ pattern: "pages.dev", canonical: "cloudflare.com" },
+		{ pattern: "canva.me", canonical: "canva.com" },
+	];
+
+function hostnameMatchesPattern(hostname: string, pattern: string): boolean {
+	return hostname === pattern || hostname.endsWith(`.${pattern}`);
+}
+
+export function resolveFaviconCanonicalHost(hostname: string): string {
+	for (const { pattern, canonical } of FAVICON_CANONICAL_RULES) {
+		if (hostnameMatchesPattern(hostname, pattern)) {
+			return canonical;
+		}
+	}
+	return hostname;
+}