canvu-react 0.4.32 → 0.4.34

package/dist/react.cjs

@@ -72,16 +72,13 @@ function buildLinkCardSvg(width, _height, link) {
   const title = link.title?.trim() || hostname || "Link";
   const protocol = getLinkProtocol(link.href);
   const subtitle = hostname || link.href;
-  const favicon = link.favicon?.trim() || buildGoogleFaviconUrl(hostname);
   const idSuffix = getStableLinkIdSuffix(`${hostname}:${link.href}`);
-  const clipId = `canvu-link-favicon-${idSuffix}`;
   const gradientId = `canvu-link-favicon-gradient-${idSuffix}`;
   const buttonX = contentWidth - padding - buttonSize;
   const buttonY = (contentHeight - buttonSize) / 2;
   const isSecure = protocol === "https:";
   const subtitleX = isSecure ? textX + 13 : textX;
   const subtitleWidth = isSecure ? textWidth - 13 : textWidth;
-  const faviconImage = favicon ? `<image class="canvu-link-favicon-img" href="${escapeXmlAttribute(favicon)}" x="${formatNumber(padding)}" y="${formatNumber(padding)}" width="${formatNumber(badgeSize)}" height="${formatNumber(badgeSize)}" preserveAspectRatio="xMidYMid slice" clip-path="url(#${clipId})" />` : "";
   return `
 		<style>
 			.canvu-link-card-root .canvu-link-card { transition: transform .18s ease, filter .18s ease, stroke .18s ease; }
@@ -96,13 +93,9 @@ function buildLinkCardSvg(width, _height, link) {
 					<stop stop-color="${LINK_CARD_ACCENT}" />
 					<stop offset="1" stop-color="${LINK_CARD_ACCENT_DEEP}" />
 				</linearGradient>
-				<clipPath id="${clipId}">
-					<rect x="${formatNumber(padding)}" y="${formatNumber(padding)}" width="${formatNumber(badgeSize)}" height="${formatNumber(badgeSize)}" rx="11" />
-				</clipPath>
 			</defs>
 			<rect x="${formatNumber(padding)}" y="${formatNumber(padding)}" width="${formatNumber(badgeSize)}" height="${formatNumber(badgeSize)}" rx="11" fill="url(#${gradientId})" />
 			<text x="${formatNumber(padding + badgeSize / 2)}" y="${formatNumber(padding + badgeSize / 2 + 5)}" text-anchor="middle" font-family="system-ui,sans-serif" font-size="17" font-weight="700" fill="#ffffff">${escapeHtmlText(getLinkInitial(hostname))}</text>
-			${faviconImage}
 			${buildLinkTextBand({ x: textX, y: 16, width: textWidth, height: 19, text: title, fontSize: 14.5, color: LINK_CARD_TITLE_COLOR, fontWeight: 700 })}
 			${isSecure ? `<g transform="translate(${formatNumber(textX)},40)" stroke="${LINK_CARD_TEXT_COLOR}" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" fill="none"><rect x="1.5" y="4.5" width="7" height="6" rx="1" /><path d="M3 4.5 V3 a2 2 0 0 1 4 0 v1.5" /></g>` : ""}
 			${buildLinkTextBand({ x: subtitleX, y: 36, width: subtitleWidth, height: 17, text: subtitle, fontSize: 12.5, color: LINK_CARD_TEXT_COLOR })}
@@ -154,14 +147,14 @@ function rebuildLinkItemSvg(item) {
     childrenSvg: buildLinkCardSvg(width, height, link)
   };
 }
-var LINK_PLUGIN_KEY, DEFAULT_LINK_CARD_WIDTH, DEFAULT_LINK_CARD_HEIGHT, LINK_CARD_MIN_SCALE, LINK_CARD_MAX_SCALE, LINK_CARD_ASPECT, LINK_CARD_BORDER, LINK_CARD_BORDER_STRONG, LINK_CARD_ACCENT, LINK_CARD_ACCENT_DEEP, LINK_CARD_TITLE_COLOR, LINK_CARD_TEXT_COLOR, clamp, formatNumber, escapeXmlAttribute, escapeHtmlText, getLinkHostname, buildLinkTextBand, getLinkProtocol, getLinkInitial, buildGoogleFaviconUrl, getStableLinkIdSuffix, isCanvuLinkData;
+var LINK_PLUGIN_KEY, DEFAULT_LINK_CARD_WIDTH, DEFAULT_LINK_CARD_HEIGHT, LINK_CARD_MIN_SCALE, LINK_CARD_MAX_SCALE, LINK_CARD_ASPECT, LINK_CARD_BORDER, LINK_CARD_BORDER_STRONG, LINK_CARD_ACCENT, LINK_CARD_ACCENT_DEEP, LINK_CARD_TITLE_COLOR, LINK_CARD_TEXT_COLOR, clamp, formatNumber, escapeHtmlText, getLinkHostname, buildLinkTextBand, getLinkProtocol, getLinkInitial, getStableLinkIdSuffix, isCanvuLinkData;
 var init_link_item = __esm({
   "src/scene/link-item.ts"() {
     LINK_PLUGIN_KEY = "canvuLink";
     DEFAULT_LINK_CARD_WIDTH = 320;
     DEFAULT_LINK_CARD_HEIGHT = 70;
     LINK_CARD_MIN_SCALE = 0.6;
-    LINK_CARD_MAX_SCALE = 2.5;
+    LINK_CARD_MAX_SCALE = 6;
     LINK_CARD_ASPECT = DEFAULT_LINK_CARD_WIDTH / DEFAULT_LINK_CARD_HEIGHT;
     LINK_CARD_BORDER = "oklch(0.918 0.008 255)";
     LINK_CARD_BORDER_STRONG = "oklch(0.86 0.012 255)";
@@ -174,7 +167,6 @@ var init_link_item = __esm({
       const rounded = Math.round(value * 100) / 100;
       return Object.is(rounded, -0) ? "0" : String(rounded);
     };
-    escapeXmlAttribute = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
     escapeHtmlText = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
     getLinkHostname = (href) => {
       try {
@@ -199,7 +191,6 @@ var init_link_item = __esm({
       const first = hostname.trim().charAt(0).toUpperCase();
       return first || "L";
     };
-    buildGoogleFaviconUrl = (hostname) => hostname ? `https://www.google.com/s2/favicons?domain=${encodeURIComponent(hostname)}&sz=64` : null;
     getStableLinkIdSuffix = (value) => {
       let hash = 0;
       for (const char of value) {