canvu-react 0.4.32 → 0.4.34

package/dist/chatbot.d.cts

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CanvasPlugin } from './types-BS-YG8Hx.cjs';
+import { C as CanvasPlugin } from './types-NBYvslB-.cjs';
 import 'react';
 import './types-BCCvY6ie.cjs';
 import './shape-builders-CKEMjivV.cjs';
 import './link-item-Dncuz2d_.cjs';
+import './types-BQUbxMgz.cjs';
 
 type ChatbotPluginPanelProps = {
     /**

package/dist/chatbot.d.ts

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CanvasPlugin } from './types-UZYYwK-v.js';
+import { C as CanvasPlugin } from './types-DeDm865m.js';
 import 'react';
 import './types-BCCvY6ie.js';
 import './shape-builders-Cyh8zvDG.js';
 import './link-item-voRU0Up9.js';
+import './types-B82WiQQh.js';
 
 type ChatbotPluginPanelProps = {
     /**

package/dist/index.cjs

@@ -995,7 +995,7 @@ var LINK_PLUGIN_KEY = "canvuLink";
 var DEFAULT_LINK_CARD_WIDTH = 320;
 var DEFAULT_LINK_CARD_HEIGHT = 70;
 var LINK_CARD_MIN_SCALE = 0.6;
-var LINK_CARD_MAX_SCALE = 2.5;
+var LINK_CARD_MAX_SCALE = 6;
 var LINK_CARD_BORDER = "oklch(0.918 0.008 255)";
 var LINK_CARD_BORDER_STRONG = "oklch(0.86 0.012 255)";
 var LINK_CARD_ACCENT = "oklch(0.55 0.19 264)";
@@ -1007,7 +1007,6 @@ var formatNumber = (value) => {
   const rounded = Math.round(value * 100) / 100;
   return Object.is(rounded, -0) ? "0" : String(rounded);
 };
-var escapeXmlAttribute = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 var escapeHtmlText = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 var getLinkHostname = (href) => {
   try {
@@ -1032,7 +1031,6 @@ var getLinkInitial = (hostname) => {
   const first = hostname.trim().charAt(0).toUpperCase();
   return first || "L";
 };
-var buildGoogleFaviconUrl = (hostname) => hostname ? `https://www.google.com/s2/favicons?domain=${encodeURIComponent(hostname)}&sz=64` : null;
 var getStableLinkIdSuffix = (value) => {
   let hash = 0;
   for (const char of value) {
@@ -1055,16 +1053,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; }
@@ -1079,13 +1074,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 })}