@aparte/plugin-cards 0.0.0-stage → 0.29.1

package/dist/link.js

@@ -0,0 +1,387 @@
+import { b as defineCard, q as str, r as word, e as el, h as formatNumber, m as glyph, w as webUrl, t as toDate, p as num, n as intlTag } from "./format-BFq79ydr.js";
+const svg = (body) => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">${body}</svg>`;
+const CHAIN = svg('<path d="M10 14a4.2 4.2 0 0 0 6 0l3-3a4.2 4.2 0 0 0-6-6l-1 1"/><path d="M14 10a4.2 4.2 0 0 0-6 0l-3 3a4.2 4.2 0 0 0 6 6l1-1"/>');
+const PLAY = '<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 5.6v12.8a1 1 0 0 0 1.5.86l10.2-6.4a1 1 0 0 0 0-1.72L10 4.74a1 1 0 0 0-1.5.86z"/></svg>';
+const TYPE_GLYPHS = {
+  // A page of lines.
+  article: svg('<path d="M6.5 3.5h8l3.5 3.5v12.5a1 1 0 0 1-1 1H6.5a1 1 0 0 1-1-1v-15a1 1 0 0 1 1-1z"/><path d="M14 3.5V7h4M8.5 11.5h7M8.5 14.5h7M8.5 17.5h4.5"/>'),
+  // A screen with the triangle.
+  video: svg('<rect x="3" y="5" width="18" height="14" rx="3"/><path d="m10.2 9.4 4.4 2.6-4.4 2.6z"/>'),
+  // A branch: two commits and the line between them.
+  repo: svg('<circle cx="7" cy="6" r="2"/><circle cx="7" cy="18" r="2"/><circle cx="17" cy="8" r="2"/><path d="M7 8v8M17 10c0 3.5-4 3.5-8.5 6.5"/>'),
+  // A price tag.
+  product: svg('<path d="M3.8 12.6 11.4 5a2 2 0 0 1 1.4-.6h5.3a1.5 1.5 0 0 1 1.5 1.5v5.3a2 2 0 0 1-.6 1.4l-7.6 7.6a1.5 1.5 0 0 1-2.1 0l-5.5-5.5a1.5 1.5 0 0 1 0-2.1z"/><circle cx="15.6" cy="8.4" r="1.3"/>')
+};
+function typeGlyph(type) {
+  return TYPE_GLYPHS[type];
+}
+const linkStyles = '/* =========================================\n   The link card — @aparte/plugin-cards/link\n   =========================================\n   Three variants of one card, chosen by `data-variant` on its root:\n     card      the page\'s picture on top (16:9), its site line (icon, name, author, date,\n               kind), the title on two lines, the description on three. The whole card is\n               the link. Several links are stacked rows, as in `compact`.\n     compact   one row: the site\'s mark with its kind in the corner, the title, the site and\n               the date, the picture as a small square at the end.\n     quote     the block chat apps draw under an unfurled link: a coloured rule down its\n               side, the site, the title, the description, the author and date, the picture\n               beside it when there is room, under it when there is not.\n   Every colour is a core token or a `--aparte-link-preview-*` one here: six hues a site\'s initial\n   and a quote\'s rule are drawn in (picked from the host, so one site keeps its colour), and\n   the accent a page\'s own `theme-color` replaces. The block is `aparte-link-preview`, not\n   `aparte-link`: that name is core\'s text-link recipe, and wearing it would repaint every\n   card as one underlined link.\n   */\n\n.aparte-link-card {\n  --aparte-link-preview-hue-0: #2f6fdf;\n  --aparte-link-preview-hue-1: #d6336c;\n  --aparte-link-preview-hue-2: #2f9e44;\n  --aparte-link-preview-hue-3: #e8710a;\n  --aparte-link-preview-hue-4: #7048e8;\n  --aparte-link-preview-hue-5: #0c9488;\n  --aparte-link-preview-media-ratio: 16 / 9;\n  --aparte-link-preview-thumb-size: 3.25rem;\n  --aparte-link-preview-rule-width: 4px;\n}\n\n.aparte-link-card[data-variant="card"]:has(> .aparte-link-preview--card) { --aparte-rich-card-max-inline-size: 22rem; }\n.aparte-link-card[data-variant="quote"] { --aparte-rich-card-max-inline-size: 30rem; }\n\n/* A quote draws its own block, so the card around it steps back. */\n.aparte-link-card[data-variant="quote"]:is([data-state="ready"], [data-state="loading"]) {\n  overflow: visible;\n  border-color: transparent;\n  background: transparent;\n}\n\n/* Each tint reads its hue once; everything inside says `--aparte-link-preview-hue`. */\n.aparte-link-card [data-hue="0"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-0); }\n.aparte-link-card [data-hue="1"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-1); }\n.aparte-link-card [data-hue="2"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-2); }\n.aparte-link-card [data-hue="3"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-3); }\n.aparte-link-card [data-hue="4"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-4); }\n.aparte-link-card [data-hue="5"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-5); }\n\n/* ── What every variant shares ───────────────────────────────────────── */\n\n.aparte-link-preview {\n  position: relative;\n  display: flex;\n  min-inline-size: 0;\n  color: var(--aparte-text);\n}\n\n.aparte-link-preview__dot {\n  flex: none;\n  color: var(--aparte-text-muted);\n  opacity: 0.7;\n}\n\n.aparte-link-preview__title {\n  font-size: var(--aparte-font-size-base);\n  font-weight: var(--aparte-font-weight-semibold);\n  letter-spacing: -0.005em;\n  line-height: 1.3;\n  overflow-wrap: anywhere;\n}\n\n.aparte-link-preview__anchor {\n  color: inherit;\n  text-decoration: none;\n  border-radius: var(--aparte-radius-xs);\n}\n\n/* The title\'s link covers its whole card, row or block: one target, one name. The ring is\n   then drawn around the target, inset, because the card clips what passes its edge. */\n.aparte-link-preview__anchor::after {\n  content: "";\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  border-radius: inherit;\n}\n\n.aparte-link-preview__anchor:focus-visible { outline: none; }\n\n.aparte-link-preview__anchor:focus-visible::after {\n  outline: var(--aparte-focus-outline-width) solid var(--aparte-border-focus);\n  outline-offset: calc(var(--aparte-focus-outline-width) * -1);\n}\n\n.aparte-link-preview:hover .aparte-link-preview__anchor {\n  text-decoration: underline;\n  text-decoration-thickness: 1px;\n  text-underline-offset: 0.18em;\n}\n\n.aparte-link-preview__description {\n  display: -webkit-box;\n  margin: 0;\n  overflow: hidden;\n  color: var(--aparte-text-muted);\n  font-size: var(--aparte-font-size-md);\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n}\n\n/* The site line: its mark, its name, who wrote it, when — and the kind of page at the end. */\n.aparte-link-preview__site {\n  display: flex;\n  align-items: center;\n  gap: var(--aparte-space-3);\n  min-inline-size: 0;\n  color: var(--aparte-text-muted);\n  font-size: var(--aparte-font-size-sm);\n}\n\n.aparte-link-preview__site-text,\n.aparte-link-preview__meta,\n.aparte-link-preview__byline {\n  display: flex;\n  align-items: center;\n  gap: var(--aparte-space-2);\n  min-inline-size: 0;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.aparte-link-preview__site-name {\n  overflow: hidden;\n  color: var(--aparte-text);\n  font-weight: var(--aparte-font-weight-medium);\n  text-overflow: ellipsis;\n}\n\n.aparte-link-preview__author {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.aparte-link-preview__date { flex: none; }\n\n/* ── The site\'s mark: its icon over its initial on a tint ────────────── */\n\n.aparte-link-preview__icon {\n  position: relative;\n  display: inline-grid;\n  flex: none;\n  place-items: center;\n  overflow: hidden;\n  border-radius: var(--aparte-radius-sm);\n  background: color-mix(in oklab, var(--aparte-link-preview-hue) 16%, var(--aparte-surface-1));\n  /* The hue, pulled toward the text: readable on the tint in either theme. */\n  color: color-mix(in oklab, var(--aparte-link-preview-hue) 72%, var(--aparte-text));\n  font-weight: var(--aparte-font-weight-bold, 700);\n  line-height: 1;\n}\n\n.aparte-link-preview__icon--sm {\n  inline-size: 1.125rem;\n  block-size: 1.125rem;\n  font-size: 0.625rem;\n}\n\n.aparte-link-preview__icon--lg {\n  inline-size: 2.5rem;\n  block-size: 2.5rem;\n  border-radius: var(--aparte-radius-md);\n  font-size: var(--aparte-font-size-base);\n}\n\n/* An icon of its own sits on the card\'s ground, not on the tint; the initial stays behind it. */\n.aparte-link-preview__icon[data-favicon] {\n  background: var(--aparte-surface-1);\n  box-shadow: inset 0 0 0 var(--aparte-border-width) var(--aparte-border);\n}\n\n.aparte-link-preview__favicon {\n  position: absolute;\n  inset: 0;\n  inline-size: 100%;\n  block-size: 100%;\n  object-fit: contain;\n  background: var(--aparte-surface-1);\n}\n\n.aparte-link-preview__icon--lg > .aparte-link-preview__favicon { padding: 0.4rem; }\n\n/* ── The kind of page ────────────────────────────────────────────────── */\n\n.aparte-link-preview__type {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  gap: var(--aparte-space-1);\n  margin-inline-start: auto;\n  padding: var(--aparte-space-1) var(--aparte-space-3) var(--aparte-space-1) var(--aparte-space-2);\n  border-radius: var(--aparte-radius-full);\n  background: color-mix(in oklab, var(--aparte-text) 6%, transparent);\n  color: var(--aparte-text-muted);\n  font-size: var(--aparte-font-size-xs);\n  font-weight: var(--aparte-font-weight-medium);\n  line-height: 1.3;\n}\n\n.aparte-link-preview__type-glyph { --aparte-rich-card-glyph-size: 0.85rem; }\n\n/* ── card ────────────────────────────────────────────────────────────── */\n\n.aparte-link-preview--card {\n  flex-direction: column;\n  transition: background-color var(--aparte-duration-fast, 0.12s) ease;\n}\n\n.aparte-link-preview__media {\n  position: relative;\n  aspect-ratio: var(--aparte-link-preview-media-ratio);\n  overflow: hidden;\n  border-block-end: var(--aparte-border-width) solid var(--aparte-border);\n  background: var(--aparte-surface-2);\n}\n\n.aparte-link-preview__img {\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  object-fit: cover;\n  transition: transform var(--aparte-duration-slower, 0.3s) ease;\n}\n\n.aparte-link-preview--card:hover .aparte-link-preview__media > .aparte-link-preview__img { transform: scale(1.03); }\n\n/* A video page: the play disc over its picture. */\n.aparte-link-preview__play {\n  position: absolute;\n  inset-block-start: 50%;\n  inset-inline-start: 50%;\n  display: grid;\n  place-items: center;\n  inline-size: 3.25rem;\n  block-size: 3.25rem;\n  border-radius: var(--aparte-radius-full);\n  background: rgb(0 0 0 / 0.55);\n  color: #ffffff;\n  box-shadow: 0 0 0 1px rgb(255 255 255 / 0.25) inset, 0 6px 20px -6px rgb(0 0 0 / 0.6);\n  backdrop-filter: blur(6px);\n  translate: -50% -50%;\n  transition: background-color var(--aparte-duration-base, 0.15s) ease;\n}\n\n.aparte-link-preview__play:dir(rtl) { translate: 50% -50%; }\n.aparte-link-preview__play-glyph { --aparte-rich-card-glyph-size: 1.4rem; margin-inline-start: 0.15rem; }\n.aparte-link-preview__play:dir(rtl) .aparte-link-preview__play-glyph { margin-inline: 0 0.15rem; transform: scaleX(-1); }\n.aparte-link-preview--card:hover .aparte-link-preview__play { background: var(--aparte-primary); }\n\n.aparte-link-preview__body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--aparte-space-3);\n  min-inline-size: 0;\n  padding: var(--aparte-space-5) var(--aparte-space-6) var(--aparte-space-6);\n}\n\n.aparte-link-preview--card .aparte-link-preview__title {\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n\n.aparte-link-preview--card:hover { background: color-mix(in oklab, var(--aparte-text) 2.5%, transparent); }\n\n/* ── compact: rows ───────────────────────────────────────────────────── */\n\n.aparte-link-preview--row {\n  align-items: center;\n  gap: var(--aparte-space-5);\n  padding: var(--aparte-space-4) var(--aparte-space-6);\n  transition: background-color var(--aparte-duration-fast, 0.12s) ease;\n}\n\n.aparte-link-preview--row:hover { background: color-mix(in oklab, var(--aparte-text) 4%, transparent); }\n\n.aparte-link-preview__mark {\n  position: relative;\n  flex: none;\n  display: inline-flex;\n}\n\n/* The kind of page, as a small disc on the mark\'s corner. */\n.aparte-link-preview__corner {\n  position: absolute;\n  inset-block-end: -0.3rem;\n  inset-inline-end: -0.3rem;\n  display: grid;\n  place-items: center;\n  inline-size: 1.15rem;\n  block-size: 1.15rem;\n  border-radius: var(--aparte-radius-full);\n  background: var(--aparte-surface-1);\n  box-shadow: 0 0 0 var(--aparte-border-width) var(--aparte-border);\n  color: var(--aparte-text-muted);\n}\n\n.aparte-link-preview__corner-glyph { --aparte-rich-card-glyph-size: 0.7rem; }\n\n.aparte-link-preview__text {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: var(--aparte-space-1);\n  min-inline-size: 0;\n}\n\n.aparte-link-preview--row .aparte-link-preview__title {\n  overflow: hidden;\n  font-size: var(--aparte-font-size-md);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.aparte-link-preview--row .aparte-link-preview__meta {\n  color: var(--aparte-text-muted);\n  font-size: var(--aparte-font-size-sm);\n}\n\n.aparte-link-preview--row .aparte-link-preview__site-name {\n  color: inherit;\n  font-weight: var(--aparte-font-weight-normal);\n}\n\n.aparte-link-preview__thumb {\n  flex: none;\n  inline-size: var(--aparte-link-preview-thumb-size);\n  block-size: var(--aparte-link-preview-thumb-size);\n  overflow: hidden;\n  border-radius: var(--aparte-radius-md);\n  background: var(--aparte-surface-2);\n  box-shadow: inset 0 0 0 var(--aparte-border-width) var(--aparte-border);\n}\n\n.aparte-link-preview__list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.aparte-link-preview__list > li + li { border-block-start: var(--aparte-border-width) solid var(--aparte-border); }\n\n.aparte-link-preview__heading {\n  display: flex;\n  align-items: center;\n  gap: var(--aparte-space-3);\n  min-inline-size: 0;\n  padding: var(--aparte-space-5) var(--aparte-space-6) var(--aparte-space-4);\n  border-block-end: var(--aparte-border-width) solid var(--aparte-border);\n  font-size: var(--aparte-font-size-md);\n  font-weight: var(--aparte-font-weight-semibold);\n}\n\n.aparte-link-preview__heading-glyph {\n  --aparte-rich-card-glyph-size: 1rem;\n  color: var(--aparte-text-muted);\n}\n\n.aparte-link-preview__heading-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* ── quote: the unfurled block ───────────────────────────────────────── */\n\n.aparte-link-preview--quote {\n  /* The page\'s own colour when it gives one, else its host\'s hue. */\n  --aparte-link-preview-accent-default: var(--aparte-link-preview-hue, var(--aparte-primary));\n  container-type: inline-size;\n  flex-direction: column;\n  gap: var(--aparte-space-5);\n  padding: var(--aparte-space-5) var(--aparte-space-6) var(--aparte-space-6);\n  border: var(--aparte-border-width) solid var(--aparte-border);\n  border-inline-start: var(--aparte-link-preview-rule-width) solid var(--aparte-link-preview-accent, var(--aparte-link-preview-accent-default));\n  border-radius: var(--aparte-radius-md);\n  background: color-mix(in oklab, var(--aparte-link-preview-accent, var(--aparte-link-preview-accent-default)) 4%, var(--aparte-surface-1));\n  transition: background-color var(--aparte-duration-fast, 0.12s) ease;\n}\n\n.aparte-link-preview--quote:hover {\n  background: color-mix(in oklab, var(--aparte-link-preview-accent, var(--aparte-link-preview-accent-default)) 8%, var(--aparte-surface-1));\n}\n\n.aparte-link-preview__quote-text {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: var(--aparte-space-2);\n  min-inline-size: 0;\n}\n\n.aparte-link-preview--quote .aparte-link-preview__site { margin-block-end: var(--aparte-space-1); }\n\n/* The title is a link: core\'s link colour, the one every link in the chat is written in. */\n.aparte-link-preview--quote .aparte-link-preview__title {\n  color: var(--aparte-link-color, var(--aparte-primary-ink, var(--aparte-text)));\n}\n\n.aparte-link-preview--quote .aparte-link-preview__description { -webkit-line-clamp: 4; }\n\n.aparte-link-preview__byline {\n  margin-block-start: var(--aparte-space-1);\n  color: var(--aparte-text-muted);\n  font-size: var(--aparte-font-size-sm);\n}\n\n/* Narrow: the picture under the words, wide. */\n.aparte-link-preview__quote-media {\n  overflow: hidden;\n  aspect-ratio: var(--aparte-link-preview-media-ratio);\n  border-radius: var(--aparte-radius-md);\n  background: var(--aparte-surface-2);\n}\n\n/* With room: the picture beside the words, a square — the shape of a link\'s thumbnail. */\n@container (min-width: 24rem) {\n  .aparte-link-preview--quote:has(> .aparte-link-preview__quote-media) {\n    flex-direction: row;\n    align-items: flex-start;\n  }\n\n  .aparte-link-preview__quote-media {\n    flex: none;\n    inline-size: 6.5rem;\n    aspect-ratio: 1;\n  }\n}\n\n.aparte-link-preview__stack {\n  display: grid;\n  gap: var(--aparte-space-4);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n/* ── Loading ─────────────────────────────────────────────────────────── */\n\n.aparte-link-card[data-state="loading"] .aparte-link-preview__sk-media {\n  block-size: auto;\n  border-radius: 0;\n}\n\n.aparte-link-card[data-state="loading"] .aparte-link-preview__sk-icon {\n  flex: none;\n  inline-size: 1.125rem;\n  block-size: 1.125rem;\n  border-radius: var(--aparte-radius-sm);\n}\n\n.aparte-link-card[data-state="loading"] .aparte-link-preview__sk-mark {\n  flex: none;\n  inline-size: 2.5rem;\n  block-size: 2.5rem;\n  border-radius: var(--aparte-radius-md);\n}\n\n.aparte-link-card[data-state="loading"] .aparte-link-preview__sk-site { inline-size: 40%; }\n.aparte-link-card[data-state="loading"] .aparte-link-preview__sk-title { inline-size: 75%; block-size: 1rem; }\n.aparte-link-card[data-state="loading"] .aparte-link-preview__sk-line { inline-size: 92%; }\n.aparte-link-card[data-state="loading"] .aparte-link-preview__sk-line--short { inline-size: 60%; }\n\n/* ── Small screens, and stillness ────────────────────────────────────── */\n\n@media (max-width: 380px) {\n  .aparte-link-preview__body { padding: var(--aparte-space-4) var(--aparte-space-5) var(--aparte-space-5); }\n  .aparte-link-preview--row { gap: var(--aparte-space-4); padding: var(--aparte-space-4) var(--aparte-space-5); }\n  .aparte-link-preview--quote { padding: var(--aparte-space-4) var(--aparte-space-5) var(--aparte-space-5); }\n  .aparte-link-card { --aparte-link-preview-thumb-size: 2.75rem; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .aparte-link-preview--card:hover .aparte-link-preview__media > .aparte-link-preview__img { transform: none; }\n}\n';
+const L = {
+  cardsLinkTitle: { en: "Link", fr: "Lien", de: "Link", es: "Enlace", it: "Link", ja: "リンク", ko: "링크", pt: "Link", ru: "Ссылка", zh: "链接" },
+  cardsLinkCount: { en: "{n} links", fr: "{n} liens", de: "{n} Links", es: "{n} enlaces", it: "{n} link", ja: "リンク{n}件", ko: "링크 {n}개", pt: "{n} links", ru: "Ссылок: {n}", zh: "{n} 个链接" },
+  cardsLinkArticle: { en: "Article", fr: "Article", de: "Artikel", es: "Artículo", it: "Articolo", ja: "記事", ko: "기사", pt: "Artigo", ru: "Статья", zh: "文章" },
+  cardsLinkVideo: { en: "Video", fr: "Vidéo", de: "Video", es: "Vídeo", it: "Video", ja: "動画", ko: "동영상", pt: "Vídeo", ru: "Видео", zh: "视频" },
+  cardsLinkRepo: { en: "Repository", fr: "Dépôt", de: "Repository", es: "Repositorio", it: "Repository", ja: "リポジトリ", ko: "저장소", pt: "Repositório", ru: "Репозиторий", zh: "代码仓库" },
+  cardsLinkProduct: { en: "Product", fr: "Produit", de: "Produkt", es: "Producto", it: "Prodotto", ja: "商品", ko: "상품", pt: "Produto", ru: "Товар", zh: "商品" }
+};
+const TYPE_WORD = { article: "cardsLinkArticle", video: "cardsLinkVideo", repo: "cardsLinkRepo", product: "cardsLinkProduct" };
+const MAX_LINKS = 10;
+const MAX_DESCRIPTION = 400;
+const HUES = 6;
+const bag = (value) => value && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+function linkOf(value) {
+  const first = Array.isArray(value) ? value[0] : value;
+  const o = bag(first);
+  return o ? o["url"] ?? o["src"] ?? o["href"] ?? o["secure_url"] ?? o["uri"] : first;
+}
+function address(value, guessScheme = false) {
+  let s = str(linkOf(value));
+  if (!s) return void 0;
+  if (s.startsWith("//")) s = `https:${s}`;
+  else if (!/^https?:\/\//i.test(s)) {
+    if (!guessScheme || !/^[\w-]+(\.[\w-]+)+(\/|$)/.test(s)) return void 0;
+    s = `https://${s}`;
+  }
+  return webUrl(s) ?? void 0;
+}
+function textOf(value) {
+  const first = Array.isArray(value) ? value[0] : value;
+  const o = bag(first);
+  return o ? str(o["name"] ?? o["title"] ?? o["text"]) : str(first);
+}
+function plain(text) {
+  if (!text) return text;
+  const entities = { "&lt;": "<", "&gt;": ">", "&quot;": '"', "&#39;": "'", "&#x27;": "'", "&amp;": "&" };
+  return text.replace(/<\/?(?:strong|b|em|i|mark)>/gi, "").replace(/&(?:lt|gt|quot|#39|#x27|amp);/gi, (entity) => entities[entity.toLowerCase()]).trim() || void 0;
+}
+function pick(sources, keys) {
+  for (const source of sources) {
+    if (!source) continue;
+    for (const key of keys) {
+      const value = source[key];
+      if (value !== void 0 && value !== null && value !== "") return value;
+    }
+  }
+  return void 0;
+}
+function dateOf(value) {
+  if (value instanceof Date) return toDate(value) ?? void 0;
+  const n = num(value);
+  if (n !== void 0) return n >= 1e9 ? toDate(n) ?? void 0 : void 0;
+  const s = str(value);
+  return s && /\d{4}/.test(s) ? toDate(s) ?? void 0 : void 0;
+}
+const TYPE_RULES = [
+  ["video", /video|movie|episode|tv[_ .]?show|\bclip\b/],
+  ["article", /article|blog|news|post|story/],
+  ["repo", /repo|repository|code|software/],
+  ["product", /product|offer/]
+];
+function typeOf(value, url) {
+  const s = str(value)?.toLowerCase();
+  if (s) {
+    for (const [type, rule] of TYPE_RULES) if (rule.test(s)) return type;
+    if (s === "website") return "website";
+  }
+  const host = url.hostname.replace(/^(www|m)\./, "");
+  const path = url.pathname.split("/").filter(Boolean);
+  if (/^(github\.com|gitlab\.com|codeberg\.org|bitbucket\.org)$/.test(host) && path.length >= 2) return "repo";
+  if (host === "youtu.be" || /(^|\.)(youtube\.com|vimeo\.com|twitch\.tv|dailymotion\.com)$/.test(host)) return "video";
+  return "website";
+}
+function readLink(raw) {
+  const r = bag(typeof raw === "string" ? { url: raw } : raw);
+  if (!r) return null;
+  const og = bag(r["open_graph"] ?? r["openGraph"] ?? r["og"]);
+  const meta = bag(r["meta"]);
+  const twitter = bag(r["twitter_card"] ?? r["twitterCard"] ?? r["twitter"]);
+  const pagemap = bag(r["pagemap"]);
+  const tags = bag(Array.isArray(pagemap?.["metatags"]) ? pagemap["metatags"][0] : void 0);
+  const sources = [r, og, meta, tags, twitter];
+  const url = address(pick(sources, ["url", "link", "href", "og:url", "ogUrl", "canonical", "uri"])) ?? address(r["displayLink"] ?? r["displayed_link"], true);
+  if (!url) return null;
+  const parsed = new URL(url);
+  const host = parsed.hostname.replace(/^www\./, "");
+  const imageCandidates = [
+    r["image"],
+    r["imageUrl"],
+    r["image_url"],
+    r["og:image"],
+    r["ogImage"],
+    og?.["image"],
+    og?.["images"],
+    r["twitter:image"],
+    r["twitterImage"],
+    twitter?.["image"],
+    twitter?.["images"],
+    r["thumbnail"],
+    r["thumbnail_url"],
+    r["thumbnailUrl"],
+    tags?.["og:image"],
+    tags?.["twitter:image"],
+    pagemap?.["cse_image"],
+    pagemap?.["cse_thumbnail"],
+    meta?.["image"]
+  ];
+  const description = plain(str(pick(sources, ["description", "snippet", "summary", "excerpt", "og:description", "ogDescription", "twitter:description", "twitterDescription", "content", "abstract"]))?.replace(/\s+/g, " "));
+  const color = str(pick([r, tags], ["themeColor", "theme-color", "theme_color", "color"]));
+  return {
+    url,
+    host,
+    title: plain(textOf(pick(sources, ["title", "og:title", "ogTitle", "twitter:title", "twitterTitle", "headline", "name"]))),
+    description: description && description.length > MAX_DESCRIPTION ? `${description.slice(0, MAX_DESCRIPTION - 1).trimEnd()}…` : description,
+    image: imageCandidates.map((v) => address(v)).find(Boolean),
+    siteName: textOf(pick(sources, ["siteName", "site_name", "og:site_name", "ogSiteName", "site", "publisher", "source", "provider_name", "providerName"]) ?? r["profile"]),
+    favicon: [r["favicon"], r["icon"], r["logo"], r["faviconUrl"], r["favicon_url"], r["meta_url"]?.["favicon"], r["profile"]?.["img"], meta?.["favicon"]].map((v) => address(v)).find(Boolean),
+    author: textOf(pick(sources, ["author", "byline", "article:author", "creator", "authors"])),
+    publishedAt: dateOf(pick(sources, ["publishedAt", "published_at", "datePublished", "published_date", "publishedDate", "article:published_time", "publishedTime", "date", "pubDate", "page_age", "createdAt", "created_at"]) ?? og?.["article"]?.["published_time"]),
+    type: typeOf(pick(sources, ["type", "og:type", "ogType", "kind"]), parsed),
+    themeColor: color && /^#(?:[0-9a-f]{3}){1,2}$/i.test(color) ? color : void 0
+  };
+}
+function readLinks(raw) {
+  const value = typeof raw === "string" ? [raw] : raw;
+  if (!value || typeof value !== "object") return null;
+  let title;
+  let list;
+  if (Array.isArray(value)) {
+    list = value;
+  } else {
+    const r = value;
+    const nested = [r["links"], r["results"], r["items"], r["organic_results"], r["sources"], r["search_results"], r["web"]?.["results"]].find(Array.isArray);
+    if (nested) {
+      list = nested;
+      title = str(r["title"]);
+    } else {
+      list = [value];
+    }
+  }
+  const links = list.map(readLink).filter((l) => l !== null).slice(0, MAX_LINKS);
+  return links.length ? { ...title ? { title } : {}, links } : null;
+}
+const titleOf = (link) => link.title ?? link.host;
+const siteOf = (link) => link.siteName ?? link.host;
+function hueOf(host) {
+  let sum = 0;
+  for (const char of host) sum = (sum * 31 + char.charCodeAt(0)) % 9973;
+  return sum % HUES;
+}
+function publishedText(config, date, now = /* @__PURE__ */ new Date()) {
+  return new Intl.DateTimeFormat(intlTag(config), {
+    month: "short",
+    day: "numeric",
+    year: date.getFullYear() === now.getFullYear() ? void 0 : "numeric"
+  }).format(date);
+}
+const dot = () => el("span", { class: "aparte-link-preview__dot", attrs: { "aria-hidden": "true" }, text: "·" });
+function joined(className, parts) {
+  const present = parts.filter((p) => p !== null);
+  if (!present.length) return null;
+  const line = el("span", { class: className });
+  present.forEach((part, i) => {
+    if (i) line.append(dot());
+    line.append(part);
+  });
+  return line;
+}
+function dateNode(ctx, link) {
+  if (!link.publishedAt) return null;
+  const date = link.publishedAt;
+  const node = el("time", { class: "aparte-link-preview__date", attrs: { datetime: date.toISOString() } });
+  ctx.bind(node, () => publishedText(ctx.config, date));
+  return node;
+}
+function iconOf(link, size) {
+  const initial = Array.from(siteOf(link))[0].toUpperCase();
+  const box = el(
+    "span",
+    { class: `aparte-link-preview__icon aparte-link-preview__icon--${size}`, attrs: { "aria-hidden": "true", "data-hue": hueOf(link.host) } },
+    el("span", { class: "aparte-link-preview__initial", text: initial })
+  );
+  if (link.favicon) {
+    const img = el("img", { class: "aparte-link-preview__favicon", attrs: { src: link.favicon, alt: "", loading: "lazy", decoding: "async" } });
+    img.addEventListener("error", () => {
+      img.remove();
+      box.removeAttribute("data-favicon");
+    }, { once: true });
+    box.setAttribute("data-favicon", "");
+    box.append(img);
+  }
+  return box;
+}
+function typeBadge(ctx, link) {
+  if (link.type === "website") return null;
+  const key = TYPE_WORD[link.type];
+  const label2 = el("span", { class: "aparte-link-preview__type-label" });
+  ctx.word(label2, key, L[key]);
+  return el(
+    "span",
+    { class: "aparte-link-preview__type", attrs: { "data-type": link.type } },
+    glyph(typeGlyph(link.type), "aparte-rich-card__glyph aparte-link-preview__type-glyph"),
+    label2
+  );
+}
+function titleNode(link) {
+  return el(
+    "div",
+    { class: "aparte-link-preview__title" },
+    el("a", { class: "aparte-link-preview__anchor", attrs: { href: link.url, target: "_blank", rel: "noopener noreferrer" }, text: titleOf(link) })
+  );
+}
+function descriptionOf(link) {
+  return link.description ? el("p", { class: "aparte-link-preview__description", text: link.description }) : null;
+}
+function mediaOf(link, className) {
+  if (!link.image) return null;
+  const box = el("div", { class: className, attrs: { "data-loading": "" } });
+  const img = el("img", { class: "aparte-link-preview__img", attrs: { src: link.image, alt: "", loading: "lazy", decoding: "async" } });
+  img.addEventListener("load", () => box.removeAttribute("data-loading"), { once: true });
+  img.addEventListener("error", () => box.remove(), { once: true });
+  box.append(img);
+  return box;
+}
+function cardOf(ctx, link) {
+  const media = mediaOf(link, "aparte-link-preview__media");
+  if (media && link.type === "video") {
+    media.append(el("span", { class: "aparte-link-preview__play", attrs: { "aria-hidden": "true" } }, glyph(PLAY, "aparte-rich-card__glyph aparte-link-preview__play-glyph")));
+  }
+  const site = el(
+    "div",
+    { class: "aparte-link-preview__site" },
+    iconOf(link, "sm"),
+    joined("aparte-link-preview__site-text", [
+      el("span", { class: "aparte-link-preview__site-name", text: siteOf(link) }),
+      link.author ? el("span", { class: "aparte-link-preview__author", text: link.author }) : null,
+      dateNode(ctx, link)
+    ]),
+    typeBadge(ctx, link)
+  );
+  const body = el("div", { class: "aparte-link-preview__body" }, site, titleNode(link), descriptionOf(link));
+  return el("article", { class: "aparte-link-preview aparte-link-preview--card", attrs: { "data-type": link.type } }, media, body);
+}
+function rowOf(ctx, link, tag) {
+  const mark = el("span", { class: "aparte-link-preview__mark" }, iconOf(link, "lg"));
+  if (link.type !== "website") {
+    const corner = el(
+      "span",
+      { class: "aparte-link-preview__corner", attrs: { role: "img", "data-type": link.type } },
+      glyph(typeGlyph(link.type), "aparte-rich-card__glyph aparte-link-preview__corner-glyph")
+    );
+    ctx.bind(corner, () => word(ctx.config, TYPE_WORD[link.type], L[TYPE_WORD[link.type]]), "aria-label");
+    mark.append(corner);
+  }
+  const meta = joined("aparte-link-preview__meta", [el("span", { class: "aparte-link-preview__site-name", text: siteOf(link) }), dateNode(ctx, link)]);
+  const text = el("div", { class: "aparte-link-preview__text" }, titleNode(link), meta);
+  return el(tag, { class: "aparte-link-preview aparte-link-preview--row", attrs: { "data-type": link.type } }, mark, text, mediaOf(link, "aparte-link-preview__thumb"));
+}
+function quoteOf(ctx, link, tag) {
+  const site = el(
+    "div",
+    { class: "aparte-link-preview__site" },
+    iconOf(link, "sm"),
+    el("span", { class: "aparte-link-preview__site-name", text: siteOf(link) }),
+    typeBadge(ctx, link)
+  );
+  const byline = joined("aparte-link-preview__byline", [link.author ? el("span", { class: "aparte-link-preview__author", text: link.author }) : null, dateNode(ctx, link)]);
+  const text = el("div", { class: "aparte-link-preview__quote-text" }, site, titleNode(link), descriptionOf(link), byline);
+  const node = el(
+    tag,
+    { class: "aparte-link-preview aparte-link-preview--quote", attrs: { "data-type": link.type, "data-hue": hueOf(link.host) } },
+    text,
+    mediaOf(link, "aparte-link-preview__quote-media")
+  );
+  if (link.themeColor) node.style.setProperty("--aparte-link-preview-accent", link.themeColor);
+  return node;
+}
+function countLabel(config, data) {
+  return data.title ?? word(config, "cardsLinkCount", L.cardsLinkCount, { n: formatNumber(config, data.links?.length ?? 0) });
+}
+function headingOf(ctx, data) {
+  const text = el("span", { class: "aparte-link-preview__heading-text" });
+  ctx.bind(text, () => countLabel(ctx.config, data));
+  return el("div", { class: "aparte-link-preview__heading" }, glyph(CHAIN, "aparte-rich-card__glyph aparte-link-preview__heading-glyph"), text);
+}
+function render(data, ctx) {
+  const [first] = data.links;
+  if (data.links.length === 1) {
+    if (ctx.variant === "compact") return [rowOf(ctx, first, "div")];
+    if (ctx.variant === "quote") return [quoteOf(ctx, first, "div")];
+    return [cardOf(ctx, first)];
+  }
+  if (ctx.variant === "quote") {
+    const stack = el("ul", { class: "aparte-link-preview__stack" }, ...data.links.map((l) => quoteOf(ctx, l, "li")));
+    ctx.bind(stack, () => countLabel(ctx.config, data), "aria-label");
+    return [stack];
+  }
+  const list = el("ul", { class: "aparte-link-preview__list" }, ...data.links.map((l) => rowOf(ctx, l, "li")));
+  ctx.bind(list, () => countLabel(ctx.config, data), "aria-label");
+  return [headingOf(ctx, data), list];
+}
+function skeleton(partial2, ctx) {
+  const block = (cls, kind = "rect") => el("span", { class: `aparte-skeleton aparte-skeleton--${kind} ${cls}`, attrs: { "aria-hidden": "true" } });
+  const known = partial2?.links?.[0];
+  const title = known?.title ?? partial2?.title;
+  const titleLine = title ? el("div", { class: "aparte-link-preview__title", text: title }) : block("aparte-link-preview__sk-title", "text");
+  const siteLine = el(
+    "div",
+    { class: "aparte-link-preview__site" },
+    block("aparte-link-preview__sk-icon"),
+    known ? el("span", { class: "aparte-link-preview__site-name", text: siteOf(known) }) : block("aparte-link-preview__sk-site", "text")
+  );
+  if (ctx.variant === "compact") {
+    return [el(
+      "div",
+      { class: "aparte-link-preview aparte-link-preview--row" },
+      block("aparte-link-preview__sk-mark"),
+      el("div", { class: "aparte-link-preview__text" }, titleLine, known ? el("span", { class: "aparte-link-preview__meta", text: siteOf(known) }) : block("aparte-link-preview__sk-site", "text"))
+    )];
+  }
+  const lines = [block("aparte-link-preview__sk-line", "text"), block("aparte-link-preview__sk-line aparte-link-preview__sk-line--short", "text")];
+  if (ctx.variant === "quote") {
+    return [el("div", { class: "aparte-link-preview aparte-link-preview--quote" }, el("div", { class: "aparte-link-preview__quote-text" }, siteLine, titleLine, ...lines))];
+  }
+  return [el(
+    "article",
+    { class: "aparte-link-preview aparte-link-preview--card" },
+    block("aparte-link-preview__media aparte-link-preview__sk-media"),
+    el("div", { class: "aparte-link-preview__body" }, siteLine, titleLine, ...lines)
+  )];
+}
+function label(data, ctx) {
+  const links = data?.links ?? [];
+  if (links.length === 1) return titleOf(links[0]);
+  if (links.length > 1) return countLabel(ctx.config, data);
+  return data?.title ?? word(ctx.config, "cardsLinkTitle", L.cardsLinkTitle);
+}
+function fallback(data) {
+  const lines = data.links.map((l) => `${titleOf(l)} — ${siteOf(l)} (${l.url})`);
+  return data.title ? `${data.title}:
+${lines.join("\n")}` : lines.join("\n");
+}
+function partial(input) {
+  const one = readLink({ url: input["url"] ?? input["link"] ?? input["href"] });
+  if (one) return { links: [one] };
+  const query = str(input["query"] ?? input["q"] ?? input["search"] ?? input["title"]);
+  return query ? { title: query } : null;
+}
+const linkCard = defineCard({
+  name: "link",
+  variants: ["card", "compact", "quote"],
+  styles: linkStyles,
+  icon: CHAIN,
+  normalize: readLinks,
+  render,
+  skeleton,
+  label,
+  fallback,
+  partial
+});
+function setupLinkCard(options = {}) {
+  return linkCard.setup(options);
+}
+export {
+  linkCard,
+  readLinks,
+  setupLinkCard
+};
+//# sourceMappingURL=link.js.map

package/dist/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../src/link/icons.ts","../src/link/link.css?raw","../src/link/index.ts"],"sourcesContent":["/**\n * The link card's glyphs: the chain that names the card, one small badge per kind of page\n * (an article, a video, a code repository, a product), and the play disc a video's preview\n * wears.\n *\n * Drawn on a 24 × 24 grid in `currentColor`, so the sheet colours them through `color` and\n * a theme follows. Constants of this package — the only markup the card parses.\n */\nimport type { LinkType } from './index.js';\n\nconst svg = (body: string) =>\n    `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http://www.w3.org/2000/svg\">${body}</svg>`; // safe-text: this package's own SVG, built from its glyph constants\n\n/** Two links of a chain: a link, and the card's one-line state glyph. */\nexport const CHAIN = svg('<path d=\"M10 14a4.2 4.2 0 0 0 6 0l3-3a4.2 4.2 0 0 0-6-6l-1 1\"/><path d=\"M14 10a4.2 4.2 0 0 0-6 0l-3 3a4.2 4.2 0 0 0 6 6l1-1\"/>');\n\n/** The play triangle, filled: it sits on a disc over a video's preview. */\nexport const PLAY = '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.5 5.6v12.8a1 1 0 0 0 1.5.86l10.2-6.4a1 1 0 0 0 0-1.72L10 4.74a1 1 0 0 0-1.5.86z\"/></svg>';\n\nconst TYPE_GLYPHS: Record<Exclude<LinkType, 'website'>, string> = {\n    // A page of lines.\n    article: svg('<path d=\"M6.5 3.5h8l3.5 3.5v12.5a1 1 0 0 1-1 1H6.5a1 1 0 0 1-1-1v-15a1 1 0 0 1 1-1z\"/><path d=\"M14 3.5V7h4M8.5 11.5h7M8.5 14.5h7M8.5 17.5h4.5\"/>'),\n    // A screen with the triangle.\n    video: svg('<rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"3\"/><path d=\"m10.2 9.4 4.4 2.6-4.4 2.6z\"/>'),\n    // A branch: two commits and the line between them.\n    repo: svg('<circle cx=\"7\" cy=\"6\" r=\"2\"/><circle cx=\"7\" cy=\"18\" r=\"2\"/><circle cx=\"17\" cy=\"8\" r=\"2\"/><path d=\"M7 8v8M17 10c0 3.5-4 3.5-8.5 6.5\"/>'),\n    // A price tag.\n    product: svg('<path d=\"M3.8 12.6 11.4 5a2 2 0 0 1 1.4-.6h5.3a1.5 1.5 0 0 1 1.5 1.5v5.3a2 2 0 0 1-.6 1.4l-7.6 7.6a1.5 1.5 0 0 1-2.1 0l-5.5-5.5a1.5 1.5 0 0 1 0-2.1z\"/><circle cx=\"15.6\" cy=\"8.4\" r=\"1.3\"/>'),\n};\n\n/** The badge glyph for a kind of page; a plain website has none. */\nexport function typeGlyph(type: Exclude<LinkType, 'website'>): string {\n    return TYPE_GLYPHS[type];\n}\n","export default \"/* =========================================\\n   The link card — @aparte/plugin-cards/link\\n   =========================================\\n   Three variants of one card, chosen by `data-variant` on its root:\\n     card      the page's picture on top (16:9), its site line (icon, name, author, date,\\n               kind), the title on two lines, the description on three. The whole card is\\n               the link. Several links are stacked rows, as in `compact`.\\n     compact   one row: the site's mark with its kind in the corner, the title, the site and\\n               the date, the picture as a small square at the end.\\n     quote     the block chat apps draw under an unfurled link: a coloured rule down its\\n               side, the site, the title, the description, the author and date, the picture\\n               beside it when there is room, under it when there is not.\\n   Every colour is a core token or a `--aparte-link-preview-*` one here: six hues a site's initial\\n   and a quote's rule are drawn in (picked from the host, so one site keeps its colour), and\\n   the accent a page's own `theme-color` replaces. The block is `aparte-link-preview`, not\\n   `aparte-link`: that name is core's text-link recipe, and wearing it would repaint every\\n   card as one underlined link.\\n   */\\n\\n.aparte-link-card {\\n  --aparte-link-preview-hue-0: #2f6fdf;\\n  --aparte-link-preview-hue-1: #d6336c;\\n  --aparte-link-preview-hue-2: #2f9e44;\\n  --aparte-link-preview-hue-3: #e8710a;\\n  --aparte-link-preview-hue-4: #7048e8;\\n  --aparte-link-preview-hue-5: #0c9488;\\n  --aparte-link-preview-media-ratio: 16 / 9;\\n  --aparte-link-preview-thumb-size: 3.25rem;\\n  --aparte-link-preview-rule-width: 4px;\\n}\\n\\n.aparte-link-card[data-variant=\\\"card\\\"]:has(> .aparte-link-preview--card) { --aparte-rich-card-max-inline-size: 22rem; }\\n.aparte-link-card[data-variant=\\\"quote\\\"] { --aparte-rich-card-max-inline-size: 30rem; }\\n\\n/* A quote draws its own block, so the card around it steps back. */\\n.aparte-link-card[data-variant=\\\"quote\\\"]:is([data-state=\\\"ready\\\"], [data-state=\\\"loading\\\"]) {\\n  overflow: visible;\\n  border-color: transparent;\\n  background: transparent;\\n}\\n\\n/* Each tint reads its hue once; everything inside says `--aparte-link-preview-hue`. */\\n.aparte-link-card [data-hue=\\\"0\\\"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-0); }\\n.aparte-link-card [data-hue=\\\"1\\\"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-1); }\\n.aparte-link-card [data-hue=\\\"2\\\"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-2); }\\n.aparte-link-card [data-hue=\\\"3\\\"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-3); }\\n.aparte-link-card [data-hue=\\\"4\\\"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-4); }\\n.aparte-link-card [data-hue=\\\"5\\\"] { --aparte-link-preview-hue: var(--aparte-link-preview-hue-5); }\\n\\n/* ── What every variant shares ───────────────────────────────────────── */\\n\\n.aparte-link-preview {\\n  position: relative;\\n  display: flex;\\n  min-inline-size: 0;\\n  color: var(--aparte-text);\\n}\\n\\n.aparte-link-preview__dot {\\n  flex: none;\\n  color: var(--aparte-text-muted);\\n  opacity: 0.7;\\n}\\n\\n.aparte-link-preview__title {\\n  font-size: var(--aparte-font-size-base);\\n  font-weight: var(--aparte-font-weight-semibold);\\n  letter-spacing: -0.005em;\\n  line-height: 1.3;\\n  overflow-wrap: anywhere;\\n}\\n\\n.aparte-link-preview__anchor {\\n  color: inherit;\\n  text-decoration: none;\\n  border-radius: var(--aparte-radius-xs);\\n}\\n\\n/* The title's link covers its whole card, row or block: one target, one name. The ring is\\n   then drawn around the target, inset, because the card clips what passes its edge. */\\n.aparte-link-preview__anchor::after {\\n  content: \\\"\\\";\\n  position: absolute;\\n  inset: 0;\\n  z-index: 2;\\n  border-radius: inherit;\\n}\\n\\n.aparte-link-preview__anchor:focus-visible { outline: none; }\\n\\n.aparte-link-preview__anchor:focus-visible::after {\\n  outline: var(--aparte-focus-outline-width) solid var(--aparte-border-focus);\\n  outline-offset: calc(var(--aparte-focus-outline-width) * -1);\\n}\\n\\n.aparte-link-preview:hover .aparte-link-preview__anchor {\\n  text-decoration: underline;\\n  text-decoration-thickness: 1px;\\n  text-underline-offset: 0.18em;\\n}\\n\\n.aparte-link-preview__description {\\n  display: -webkit-box;\\n  margin: 0;\\n  overflow: hidden;\\n  color: var(--aparte-text-muted);\\n  font-size: var(--aparte-font-size-md);\\n  line-height: 1.45;\\n  overflow-wrap: anywhere;\\n  -webkit-box-orient: vertical;\\n  -webkit-line-clamp: 3;\\n}\\n\\n/* The site line: its mark, its name, who wrote it, when — and the kind of page at the end. */\\n.aparte-link-preview__site {\\n  display: flex;\\n  align-items: center;\\n  gap: var(--aparte-space-3);\\n  min-inline-size: 0;\\n  color: var(--aparte-text-muted);\\n  font-size: var(--aparte-font-size-sm);\\n}\\n\\n.aparte-link-preview__site-text,\\n.aparte-link-preview__meta,\\n.aparte-link-preview__byline {\\n  display: flex;\\n  align-items: center;\\n  gap: var(--aparte-space-2);\\n  min-inline-size: 0;\\n  overflow: hidden;\\n  white-space: nowrap;\\n}\\n\\n.aparte-link-preview__site-name {\\n  overflow: hidden;\\n  color: var(--aparte-text);\\n  font-weight: var(--aparte-font-weight-medium);\\n  text-overflow: ellipsis;\\n}\\n\\n.aparte-link-preview__author {\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n.aparte-link-preview__date { flex: none; }\\n\\n/* ── The site's mark: its icon over its initial on a tint ────────────── */\\n\\n.aparte-link-preview__icon {\\n  position: relative;\\n  display: inline-grid;\\n  flex: none;\\n  place-items: center;\\n  overflow: hidden;\\n  border-radius: var(--aparte-radius-sm);\\n  background: color-mix(in oklab, var(--aparte-link-preview-hue) 16%, var(--aparte-surface-1));\\n  /* The hue, pulled toward the text: readable on the tint in either theme. */\\n  color: color-mix(in oklab, var(--aparte-link-preview-hue) 72%, var(--aparte-text));\\n  font-weight: var(--aparte-font-weight-bold, 700);\\n  line-height: 1;\\n}\\n\\n.aparte-link-preview__icon--sm {\\n  inline-size: 1.125rem;\\n  block-size: 1.125rem;\\n  font-size: 0.625rem;\\n}\\n\\n.aparte-link-preview__icon--lg {\\n  inline-size: 2.5rem;\\n  block-size: 2.5rem;\\n  border-radius: var(--aparte-radius-md);\\n  font-size: var(--aparte-font-size-base);\\n}\\n\\n/* An icon of its own sits on the card's ground, not on the tint; the initial stays behind it. */\\n.aparte-link-preview__icon[data-favicon] {\\n  background: var(--aparte-surface-1);\\n  box-shadow: inset 0 0 0 var(--aparte-border-width) var(--aparte-border);\\n}\\n\\n.aparte-link-preview__favicon {\\n  position: absolute;\\n  inset: 0;\\n  inline-size: 100%;\\n  block-size: 100%;\\n  object-fit: contain;\\n  background: var(--aparte-surface-1);\\n}\\n\\n.aparte-link-preview__icon--lg > .aparte-link-preview__favicon { padding: 0.4rem; }\\n\\n/* ── The kind of page ────────────────────────────────────────────────── */\\n\\n.aparte-link-preview__type {\\n  display: inline-flex;\\n  flex: none;\\n  align-items: center;\\n  gap: var(--aparte-space-1);\\n  margin-inline-start: auto;\\n  padding: var(--aparte-space-1) var(--aparte-space-3) var(--aparte-space-1) var(--aparte-space-2);\\n  border-radius: var(--aparte-radius-full);\\n  background: color-mix(in oklab, var(--aparte-text) 6%, transparent);\\n  color: var(--aparte-text-muted);\\n  font-size: var(--aparte-font-size-xs);\\n  font-weight: var(--aparte-font-weight-medium);\\n  line-height: 1.3;\\n}\\n\\n.aparte-link-preview__type-glyph { --aparte-rich-card-glyph-size: 0.85rem; }\\n\\n/* ── card ────────────────────────────────────────────────────────────── */\\n\\n.aparte-link-preview--card {\\n  flex-direction: column;\\n  transition: background-color var(--aparte-duration-fast, 0.12s) ease;\\n}\\n\\n.aparte-link-preview__media {\\n  position: relative;\\n  aspect-ratio: var(--aparte-link-preview-media-ratio);\\n  overflow: hidden;\\n  border-block-end: var(--aparte-border-width) solid var(--aparte-border);\\n  background: var(--aparte-surface-2);\\n}\\n\\n.aparte-link-preview__img {\\n  display: block;\\n  inline-size: 100%;\\n  block-size: 100%;\\n  object-fit: cover;\\n  transition: transform var(--aparte-duration-slower, 0.3s) ease;\\n}\\n\\n.aparte-link-preview--card:hover .aparte-link-preview__media > .aparte-link-preview__img { transform: scale(1.03); }\\n\\n/* A video page: the play disc over its picture. */\\n.aparte-link-preview__play {\\n  position: absolute;\\n  inset-block-start: 50%;\\n  inset-inline-start: 50%;\\n  display: grid;\\n  place-items: center;\\n  inline-size: 3.25rem;\\n  block-size: 3.25rem;\\n  border-radius: var(--aparte-radius-full);\\n  background: rgb(0 0 0 / 0.55);\\n  color: #ffffff;\\n  box-shadow: 0 0 0 1px rgb(255 255 255 / 0.25) inset, 0 6px 20px -6px rgb(0 0 0 / 0.6);\\n  backdrop-filter: blur(6px);\\n  translate: -50% -50%;\\n  transition: background-color var(--aparte-duration-base, 0.15s) ease;\\n}\\n\\n.aparte-link-preview__play:dir(rtl) { translate: 50% -50%; }\\n.aparte-link-preview__play-glyph { --aparte-rich-card-glyph-size: 1.4rem; margin-inline-start: 0.15rem; }\\n.aparte-link-preview__play:dir(rtl) .aparte-link-preview__play-glyph { margin-inline: 0 0.15rem; transform: scaleX(-1); }\\n.aparte-link-preview--card:hover .aparte-link-preview__play { background: var(--aparte-primary); }\\n\\n.aparte-link-preview__body {\\n  display: flex;\\n  flex-direction: column;\\n  gap: var(--aparte-space-3);\\n  min-inline-size: 0;\\n  padding: var(--aparte-space-5) var(--aparte-space-6) var(--aparte-space-6);\\n}\\n\\n.aparte-link-preview--card .aparte-link-preview__title {\\n  display: -webkit-box;\\n  overflow: hidden;\\n  -webkit-box-orient: vertical;\\n  -webkit-line-clamp: 2;\\n}\\n\\n.aparte-link-preview--card:hover { background: color-mix(in oklab, var(--aparte-text) 2.5%, transparent); }\\n\\n/* ── compact: rows ───────────────────────────────────────────────────── */\\n\\n.aparte-link-preview--row {\\n  align-items: center;\\n  gap: var(--aparte-space-5);\\n  padding: var(--aparte-space-4) var(--aparte-space-6);\\n  transition: background-color var(--aparte-duration-fast, 0.12s) ease;\\n}\\n\\n.aparte-link-preview--row:hover { background: color-mix(in oklab, var(--aparte-text) 4%, transparent); }\\n\\n.aparte-link-preview__mark {\\n  position: relative;\\n  flex: none;\\n  display: inline-flex;\\n}\\n\\n/* The kind of page, as a small disc on the mark's corner. */\\n.aparte-link-preview__corner {\\n  position: absolute;\\n  inset-block-end: -0.3rem;\\n  inset-inline-end: -0.3rem;\\n  display: grid;\\n  place-items: center;\\n  inline-size: 1.15rem;\\n  block-size: 1.15rem;\\n  border-radius: var(--aparte-radius-full);\\n  background: var(--aparte-surface-1);\\n  box-shadow: 0 0 0 var(--aparte-border-width) var(--aparte-border);\\n  color: var(--aparte-text-muted);\\n}\\n\\n.aparte-link-preview__corner-glyph { --aparte-rich-card-glyph-size: 0.7rem; }\\n\\n.aparte-link-preview__text {\\n  display: flex;\\n  flex: 1;\\n  flex-direction: column;\\n  gap: var(--aparte-space-1);\\n  min-inline-size: 0;\\n}\\n\\n.aparte-link-preview--row .aparte-link-preview__title {\\n  overflow: hidden;\\n  font-size: var(--aparte-font-size-md);\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n\\n.aparte-link-preview--row .aparte-link-preview__meta {\\n  color: var(--aparte-text-muted);\\n  font-size: var(--aparte-font-size-sm);\\n}\\n\\n.aparte-link-preview--row .aparte-link-preview__site-name {\\n  color: inherit;\\n  font-weight: var(--aparte-font-weight-normal);\\n}\\n\\n.aparte-link-preview__thumb {\\n  flex: none;\\n  inline-size: var(--aparte-link-preview-thumb-size);\\n  block-size: var(--aparte-link-preview-thumb-size);\\n  overflow: hidden;\\n  border-radius: var(--aparte-radius-md);\\n  background: var(--aparte-surface-2);\\n  box-shadow: inset 0 0 0 var(--aparte-border-width) var(--aparte-border);\\n}\\n\\n.aparte-link-preview__list {\\n  margin: 0;\\n  padding: 0;\\n  list-style: none;\\n}\\n\\n.aparte-link-preview__list > li + li { border-block-start: var(--aparte-border-width) solid var(--aparte-border); }\\n\\n.aparte-link-preview__heading {\\n  display: flex;\\n  align-items: center;\\n  gap: var(--aparte-space-3);\\n  min-inline-size: 0;\\n  padding: var(--aparte-space-5) var(--aparte-space-6) var(--aparte-space-4);\\n  border-block-end: var(--aparte-border-width) solid var(--aparte-border);\\n  font-size: var(--aparte-font-size-md);\\n  font-weight: var(--aparte-font-weight-semibold);\\n}\\n\\n.aparte-link-preview__heading-glyph {\\n  --aparte-rich-card-glyph-size: 1rem;\\n  color: var(--aparte-text-muted);\\n}\\n\\n.aparte-link-preview__heading-text {\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n\\n/* ── quote: the unfurled block ───────────────────────────────────────── */\\n\\n.aparte-link-preview--quote {\\n  /* The page's own colour when it gives one, else its host's hue. */\\n  --aparte-link-preview-accent-default: var(--aparte-link-preview-hue, var(--aparte-primary));\\n  container-type: inline-size;\\n  flex-direction: column;\\n  gap: var(--aparte-space-5);\\n  padding: var(--aparte-space-5) var(--aparte-space-6) var(--aparte-space-6);\\n  border: var(--aparte-border-width) solid var(--aparte-border);\\n  border-inline-start: var(--aparte-link-preview-rule-width) solid var(--aparte-link-preview-accent, var(--aparte-link-preview-accent-default));\\n  border-radius: var(--aparte-radius-md);\\n  background: color-mix(in oklab, var(--aparte-link-preview-accent, var(--aparte-link-preview-accent-default)) 4%, var(--aparte-surface-1));\\n  transition: background-color var(--aparte-duration-fast, 0.12s) ease;\\n}\\n\\n.aparte-link-preview--quote:hover {\\n  background: color-mix(in oklab, var(--aparte-link-preview-accent, var(--aparte-link-preview-accent-default)) 8%, var(--aparte-surface-1));\\n}\\n\\n.aparte-link-preview__quote-text {\\n  display: flex;\\n  flex: 1;\\n  flex-direction: column;\\n  gap: var(--aparte-space-2);\\n  min-inline-size: 0;\\n}\\n\\n.aparte-link-preview--quote .aparte-link-preview__site { margin-block-end: var(--aparte-space-1); }\\n\\n/* The title is a link: core's link colour, the one every link in the chat is written in. */\\n.aparte-link-preview--quote .aparte-link-preview__title {\\n  color: var(--aparte-link-color, var(--aparte-primary-ink, var(--aparte-text)));\\n}\\n\\n.aparte-link-preview--quote .aparte-link-preview__description { -webkit-line-clamp: 4; }\\n\\n.aparte-link-preview__byline {\\n  margin-block-start: var(--aparte-space-1);\\n  color: var(--aparte-text-muted);\\n  font-size: var(--aparte-font-size-sm);\\n}\\n\\n/* Narrow: the picture under the words, wide. */\\n.aparte-link-preview__quote-media {\\n  overflow: hidden;\\n  aspect-ratio: var(--aparte-link-preview-media-ratio);\\n  border-radius: var(--aparte-radius-md);\\n  background: var(--aparte-surface-2);\\n}\\n\\n/* With room: the picture beside the words, a square — the shape of a link's thumbnail. */\\n@container (min-width: 24rem) {\\n  .aparte-link-preview--quote:has(> .aparte-link-preview__quote-media) {\\n    flex-direction: row;\\n    align-items: flex-start;\\n  }\\n\\n  .aparte-link-preview__quote-media {\\n    flex: none;\\n    inline-size: 6.5rem;\\n    aspect-ratio: 1;\\n  }\\n}\\n\\n.aparte-link-preview__stack {\\n  display: grid;\\n  gap: var(--aparte-space-4);\\n  margin: 0;\\n  padding: 0;\\n  list-style: none;\\n}\\n\\n/* ── Loading ─────────────────────────────────────────────────────────── */\\n\\n.aparte-link-card[data-state=\\\"loading\\\"] .aparte-link-preview__sk-media {\\n  block-size: auto;\\n  border-radius: 0;\\n}\\n\\n.aparte-link-card[data-state=\\\"loading\\\"] .aparte-link-preview__sk-icon {\\n  flex: none;\\n  inline-size: 1.125rem;\\n  block-size: 1.125rem;\\n  border-radius: var(--aparte-radius-sm);\\n}\\n\\n.aparte-link-card[data-state=\\\"loading\\\"] .aparte-link-preview__sk-mark {\\n  flex: none;\\n  inline-size: 2.5rem;\\n  block-size: 2.5rem;\\n  border-radius: var(--aparte-radius-md);\\n}\\n\\n.aparte-link-card[data-state=\\\"loading\\\"] .aparte-link-preview__sk-site { inline-size: 40%; }\\n.aparte-link-card[data-state=\\\"loading\\\"] .aparte-link-preview__sk-title { inline-size: 75%; block-size: 1rem; }\\n.aparte-link-card[data-state=\\\"loading\\\"] .aparte-link-preview__sk-line { inline-size: 92%; }\\n.aparte-link-card[data-state=\\\"loading\\\"] .aparte-link-preview__sk-line--short { inline-size: 60%; }\\n\\n/* ── Small screens, and stillness ────────────────────────────────────── */\\n\\n@media (max-width: 380px) {\\n  .aparte-link-preview__body { padding: var(--aparte-space-4) var(--aparte-space-5) var(--aparte-space-5); }\\n  .aparte-link-preview--row { gap: var(--aparte-space-4); padding: var(--aparte-space-4) var(--aparte-space-5); }\\n  .aparte-link-preview--quote { padding: var(--aparte-space-4) var(--aparte-space-5) var(--aparte-space-5); }\\n  .aparte-link-card { --aparte-link-preview-thumb-size: 2.75rem; }\\n}\\n\\n@media (prefers-reduced-motion: reduce) {\\n  .aparte-link-preview--card:hover .aparte-link-preview__media > .aparte-link-preview__img { transform: none; }\\n}\\n\"","/**\n * @aparte/plugin-cards/link — a web page, previewed: its picture, its site, its title and\n * what it says it is about, the whole card one link to it.\n *\n *   import { setupLinkCard } from '@aparte/plugin-cards/link';\n *\n *   setupLinkCard({ tool: 'unfurl' });                               // one page's Open Graph, as it is\n *   setupLinkCard({ tool: 'web_search', map: (r) => r.items });      // search results\n *\n * One link, several (`[...]`), or `{ title, links: [...] }`. Three variants of one card:\n * `card` (the picture on top, the site, the title, the description), `compact` (one row: the\n * site's icon, the title, a small picture at the end) and `quote` (the block chat apps draw\n * under an unfurled link, with a coloured rule down its side). Your tool keeps its own\n * fields: `readLinks` reads Open Graph and Twitter keys, unfurlers' nested shapes and search\n * results (Google's Custom Search, SerpAPI, Brave, Tavily, Exa), and `map` says the rest.\n *\n * The card fetches nothing the tool's data does not name: no page, and no address of its\n * own making — no favicon service is asked, no icon guessed at `/favicon.ico`. A picture or an\n * icon the data names is loaded as given, wherever it is hosted (Brave's results name icons\n * on Brave's own proxy). A site without an icon in the data gets its initial on a tinted\n * square, and a page without a picture gets no picture.\n *\n * Every value is text. Search engines highlight the query in their snippets with markup\n * (Brave's `<strong>`): those tags are dropped and the usual entities decoded, and what is\n * left goes in as text — never parsed.\n */\nimport type { AparteConfig } from '@aparte/core';\nimport { defineCard, type CardContext, type CardSetupOptions } from '../kit/define.js';\nimport { el, glyph, num, str, webUrl, type Loose } from '../kit/dom.js';\nimport { formatNumber, toDate } from '../kit/format.js';\nimport { intlTag, word, type CardWord } from '../kit/strings.js';\nimport { CHAIN, PLAY, typeGlyph } from './icons.js';\nimport linkStyles from './link.css?raw';\n\nexport type LinkType = 'article' | 'video' | 'repo' | 'product' | 'website';\nexport type LinkVariant = 'card' | 'compact' | 'quote';\n\n/**\n * A link as `map` returns it. Only `url` is needed; every other field adds a line when it is\n * there and nothing when it is not. `readLinks` also reads the usual aliases (listed on each\n * field).\n */\nexport interface LinkInput {\n    /** An `http(s)` page. Also `link`, `href`, `og:url`. */\n    url: string;\n    /** Falls back to the page's host. Also `og:title`, `twitter:title`, `meta.title`, `name`. */\n    title?: string;\n    /** Also `og:description`, `snippet`, `summary`, `content`. */\n    description?: string;\n    /** Also `og:image`, `twitter:image`, `thumbnail`, `open_graph.images[0].url`, `pagemap.cse_image[0].src`. */\n    image?: string;\n    /** Falls back to the host without `www.`. Also `og:site_name`, `site`, `publisher`, `source`. */\n    siteName?: string;\n    /** The site's icon, loaded as given. Without it, the site's initial on a tinted square — no icon address is made up. Also `icon`, `logo`, Brave's `meta_url.favicon`. */\n    favicon?: string;\n    /** Also `byline`, `article:author`, `authors[0]`. */\n    author?: string;\n    /** An ISO date or an epoch. Also `datePublished`, `published_date`, `date`, `article:published_time`. */\n    publishedAt?: string | number | Date;\n    /** The badge it wears. Read from `og:type` and the host (GitHub → repo, YouTube → video) when absent. */\n    type?: LinkType;\n    /** A colour for the quote's side rule: `#rgb` or `#rrggbb`. Also `theme-color`. */\n    themeColor?: string;\n}\n\n/** A link as the card draws it, once read. */\nexport interface Link {\n    url: string;\n    /** The page's host without `www.` — what stands in for a missing title or site name. */\n    host: string;\n    title?: string;\n    description?: string;\n    image?: string;\n    siteName?: string;\n    favicon?: string;\n    author?: string;\n    publishedAt?: Date;\n    type: LinkType;\n    themeColor?: string;\n}\n\n/** The card's data: one link or several, and the collection's title. */\nexport interface LinkData {\n    title?: string;\n    links: Link[];\n}\n\nexport type LinkCardOptions = CardSetupOptions<LinkData, LinkVariant>;\n\nconst L = {\n    cardsLinkTitle: { en: 'Link', fr: 'Lien', de: 'Link', es: 'Enlace', it: 'Link', ja: 'リンク', ko: '링크', pt: 'Link', ru: 'Ссылка', zh: '链接' },\n    cardsLinkCount: { en: '{n} links', fr: '{n} liens', de: '{n} Links', es: '{n} enlaces', it: '{n} link', ja: 'リンク{n}件', ko: '링크 {n}개', pt: '{n} links', ru: 'Ссылок: {n}', zh: '{n} 个链接' },\n    cardsLinkArticle: { en: 'Article', fr: 'Article', de: 'Artikel', es: 'Artículo', it: 'Articolo', ja: '記事', ko: '기사', pt: 'Artigo', ru: 'Статья', zh: '文章' },\n    cardsLinkVideo: { en: 'Video', fr: 'Vidéo', de: 'Video', es: 'Vídeo', it: 'Video', ja: '動画', ko: '동영상', pt: 'Vídeo', ru: 'Видео', zh: '视频' },\n    cardsLinkRepo: { en: 'Repository', fr: 'Dépôt', de: 'Repository', es: 'Repositorio', it: 'Repository', ja: 'リポジトリ', ko: '저장소', pt: 'Repositório', ru: 'Репозиторий', zh: '代码仓库' },\n    cardsLinkProduct: { en: 'Product', fr: 'Produit', de: 'Produkt', es: 'Producto', it: 'Prodotto', ja: '商品', ko: '상품', pt: 'Produto', ru: 'Товар', zh: '商品' },\n} satisfies Record<string, CardWord>;\n\nconst TYPE_WORD = { article: 'cardsLinkArticle', video: 'cardsLinkVideo', repo: 'cardsLinkRepo', product: 'cardsLinkProduct' } as const;\n\n/** The most links one card holds: a result page of fifty is a page, not a card. */\nconst MAX_LINKS = 10;\n/** A description longer than this is cut before it reaches the page; the sheet clamps what is left to its lines. */\nconst MAX_DESCRIPTION = 400;\n/** How many tints a site's initial can stand on: the sheet's six hues. */\nconst HUES = 6;\n\n// ── Reading ──────────────────────────────────────────────────────────────────\n\ntype Bag = Loose;\n\nconst bag = (value: unknown): Bag | undefined =>\n    value && typeof value === 'object' && !Array.isArray(value) ? value as Bag : undefined;\n\n/** An address given as a string, as `{ url | src | href | secure_url }`, or as the first of a list of either. */\nfunction linkOf(value: unknown): unknown {\n    const first = Array.isArray(value) ? value[0] : value;\n    const o = bag(first);\n    return o ? o['url'] ?? o['src'] ?? o['href'] ?? o['secure_url'] ?? o['uri'] : first;\n}\n\n/**\n * A page or picture address: `http(s)`, protocol-relative, or a bare host (\"example.com/x\",\n * what a search result's `displayLink` is), read as `https`.\n */\nfunction address(value: unknown, guessScheme = false): string | undefined {\n    let s = str(linkOf(value));\n    if (!s) return undefined;\n    if (s.startsWith('//')) s = `https:${s}`;\n    else if (!/^https?:\\/\\//i.test(s)) {\n        if (!guessScheme || !/^[\\w-]+(\\.[\\w-]+)+(\\/|$)/.test(s)) return undefined;\n        s = `https://${s}`;\n    }\n    return webUrl(s) ?? undefined;\n}\n\n/** A name given as a string, as `{ name }`, or as the first of a list of either. */\nfunction textOf(value: unknown): string | undefined {\n    const first = Array.isArray(value) ? value[0] : value;\n    const o = bag(first);\n    return o ? str(o['name'] ?? o['title'] ?? o['text']) : str(first);\n}\n\n/**\n * A search engine's snippet as plain text: its highlighting tags dropped (Brave wraps the\n * query's words in `<strong>`, others in `<b>` or `<em>`), then the usual entities decoded —\n * in that order, so `&lt;b&gt;` comes out as the text `<b>`, not as a tag to drop. Only those\n * inline tags: a title that NAMES a tag (\"Why <div> is not a button\") keeps it. The result\n * still goes in as text.\n */\nfunction plain(text: string | undefined): string | undefined {\n    if (!text) return text;\n    const entities: Record<string, string> = { '&lt;': '<', '&gt;': '>', '&quot;': '\"', '&#39;': \"'\", '&#x27;': \"'\", '&amp;': '&' };\n    return text\n        .replace(/<\\/?(?:strong|b|em|i|mark)>/gi, '')\n        .replace(/&(?:lt|gt|quot|#39|#x27|amp);/gi, (entity) => entities[entity.toLowerCase()]!)\n        .trim() || undefined;\n}\n\n/** The first value under any of `keys`, in any of `sources`, in that order — source by source. */\nfunction pick(sources: Array<Bag | undefined>, keys: string[]): unknown {\n    for (const source of sources) {\n        if (!source) continue;\n        for (const key of keys) {\n            const value = source[key];\n            if (value !== undefined && value !== null && value !== '') return value;\n        }\n    }\n    return undefined;\n}\n\n/** A publication date: a Date, an epoch, or a text with a year in it — \"2 days ago\" is no date. */\nfunction dateOf(value: unknown): Date | undefined {\n    if (value instanceof Date) return toDate(value) ?? undefined;\n    const n = num(value);\n    if (n !== undefined) return n >= 1e9 ? toDate(n) ?? undefined : undefined;\n    const s = str(value);\n    return s && /\\d{4}/.test(s) ? toDate(s) ?? undefined : undefined;\n}\n\nconst TYPE_RULES: Array<[Exclude<LinkType, 'website'>, RegExp]> = [\n    ['video', /video|movie|episode|tv[_ .]?show|\\bclip\\b/],\n    ['article', /article|blog|news|post|story/],\n    ['repo', /repo|repository|code|software/],\n    ['product', /product|offer/],\n];\n\nfunction typeOf(value: unknown, url: URL): LinkType {\n    const s = str(value)?.toLowerCase();\n    if (s) {\n        for (const [type, rule] of TYPE_RULES) if (rule.test(s)) return type;\n        if (s === 'website') return 'website';\n    }\n    const host = url.hostname.replace(/^(www|m)\\./, '');\n    const path = url.pathname.split('/').filter(Boolean);\n    if (/^(github\\.com|gitlab\\.com|codeberg\\.org|bitbucket\\.org)$/.test(host) && path.length >= 2) return 'repo';\n    if (host === 'youtu.be' || /(^|\\.)(youtube\\.com|vimeo\\.com|twitch\\.tv|dailymotion\\.com)$/.test(host)) return 'video';\n    return 'website';\n}\n\nfunction readLink(raw: unknown): Link | null {\n    const r = bag(typeof raw === 'string' ? { url: raw } : raw);\n    if (!r) return null;\n    const og = bag(r['open_graph'] ?? r['openGraph'] ?? r['og']);\n    const meta = bag(r['meta']);\n    const twitter = bag(r['twitter_card'] ?? r['twitterCard'] ?? r['twitter']);\n    const pagemap = bag(r['pagemap']);\n    const tags = bag(Array.isArray(pagemap?.['metatags']) ? pagemap!['metatags'][0] : undefined);\n    const sources = [r, og, meta, tags, twitter];\n\n    const url = address(pick(sources, ['url', 'link', 'href', 'og:url', 'ogUrl', 'canonical', 'uri']))\n        ?? address(r['displayLink'] ?? r['displayed_link'], true);\n    if (!url) return null;\n    const parsed = new URL(url);\n    const host = parsed.hostname.replace(/^www\\./, '');\n\n    const imageCandidates = [\n        r['image'], r['imageUrl'], r['image_url'], r['og:image'], r['ogImage'], og?.['image'], og?.['images'],\n        r['twitter:image'], r['twitterImage'], twitter?.['image'], twitter?.['images'], r['thumbnail'], r['thumbnail_url'], r['thumbnailUrl'],\n        tags?.['og:image'], tags?.['twitter:image'], pagemap?.['cse_image'], pagemap?.['cse_thumbnail'], meta?.['image'],\n    ];\n    const description = plain(str(pick(sources, ['description', 'snippet', 'summary', 'excerpt', 'og:description', 'ogDescription', 'twitter:description', 'twitterDescription', 'content', 'abstract']))\n        ?.replace(/\\s+/g, ' '));\n    const color = str(pick([r, tags], ['themeColor', 'theme-color', 'theme_color', 'color']));\n    return {\n        url,\n        host,\n        title: plain(textOf(pick(sources, ['title', 'og:title', 'ogTitle', 'twitter:title', 'twitterTitle', 'headline', 'name']))),\n        description: description && description.length > MAX_DESCRIPTION ? `${description.slice(0, MAX_DESCRIPTION - 1).trimEnd()}…` : description,\n        image: imageCandidates.map((v) => address(v)).find(Boolean),\n        siteName: textOf(pick(sources, ['siteName', 'site_name', 'og:site_name', 'ogSiteName', 'site', 'publisher', 'source', 'provider_name', 'providerName']) ?? r['profile']),\n        favicon: [r['favicon'], r['icon'], r['logo'], r['faviconUrl'], r['favicon_url'], r['meta_url']?.['favicon'], r['profile']?.['img'], meta?.['favicon']]\n            .map((v) => address(v)).find(Boolean),\n        author: textOf(pick(sources, ['author', 'byline', 'article:author', 'creator', 'authors'])),\n        publishedAt: dateOf(pick(sources, ['publishedAt', 'published_at', 'datePublished', 'published_date', 'publishedDate', 'article:published_time', 'publishedTime', 'date', 'pubDate', 'page_age', 'createdAt', 'created_at'])\n            ?? og?.['article']?.['published_time']),\n        type: typeOf(pick(sources, ['type', 'og:type', 'ogType', 'kind']), parsed),\n        themeColor: color && /^#(?:[0-9a-f]{3}){1,2}$/i.test(color) ? color : undefined,\n    };\n}\n\n/**\n * The card's data from what `map` returns: one link (an object, or its address), an array,\n * or a collection (`{ title?, links | results | items | organic_results | sources }`, and\n * Brave's `web.results`). At most ten; `null` when not one has an `http(s)` address.\n */\nexport function readLinks(raw: unknown): LinkData | null {\n    const value = typeof raw === 'string' ? [raw] : raw;\n    if (!value || typeof value !== 'object') return null;\n    let title: string | undefined;\n    let list: unknown[];\n    if (Array.isArray(value)) {\n        list = value;\n    } else {\n        const r = value as Bag;\n        const nested = [r['links'], r['results'], r['items'], r['organic_results'], r['sources'], r['search_results'], r['web']?.['results']].find(Array.isArray);\n        if (nested) {\n            list = nested;\n            title = str(r['title']);\n        } else {\n            list = [value];\n        }\n    }\n    const links = list.map(readLink).filter((l): l is Link => l !== null).slice(0, MAX_LINKS);\n    return links.length ? { ...(title ? { title } : {}), links } : null;\n}\n\n// ── Drawing ──────────────────────────────────────────────────────────────────\n\nconst titleOf = (link: Link) => link.title ?? link.host;\nconst siteOf = (link: Link) => link.siteName ?? link.host;\n\n/** A host's tint, the same every time it is drawn: a sum of its letters, folded onto the six. */\nfunction hueOf(host: string): number {\n    let sum = 0;\n    for (const char of host) sum = (sum * 31 + char.charCodeAt(0)) % 9973;\n    return sum % HUES;\n}\n\n/** \"Mar 3\", or \"Mar 3, 2024\" when it is not this year — as the chat's language writes it. */\nfunction publishedText(config: AparteConfig, date: Date, now = new Date()): string {\n    return new Intl.DateTimeFormat(intlTag(config), {\n        month: 'short', day: 'numeric', year: date.getFullYear() === now.getFullYear() ? undefined : 'numeric',\n    }).format(date);\n}\n\n/** The middle dot between two facts on a line — drawn, not read. */\nconst dot = () => el('span', { class: 'aparte-link-preview__dot', attrs: { 'aria-hidden': 'true' }, text: '·' });\n\nfunction joined(className: string, parts: Array<Node | null>): HTMLElement | null {\n    const present = parts.filter((p): p is Node => p !== null);\n    if (!present.length) return null;\n    const line = el('span', { class: className });\n    present.forEach((part, i) => {\n        if (i) line.append(dot());\n        line.append(part);\n    });\n    return line;\n}\n\nfunction dateNode(ctx: CardContext, link: Link): HTMLElement | null {\n    if (!link.publishedAt) return null;\n    const date = link.publishedAt;\n    const node = el('time', { class: 'aparte-link-preview__date', attrs: { datetime: date.toISOString() } });\n    ctx.bind(node, () => publishedText(ctx.config, date));\n    return node;\n}\n\n/**\n * The site's mark: its own icon when the data gives one, over its initial on a tint — the\n * initial is what shows when there is no icon, or when the icon fails to load. Decoration:\n * the site's name is written beside it.\n */\nfunction iconOf(link: Link, size: 'sm' | 'lg'): HTMLElement {\n    const initial = Array.from(siteOf(link))[0]!.toUpperCase();\n    const box = el('span', { class: `aparte-link-preview__icon aparte-link-preview__icon--${size}`, attrs: { 'aria-hidden': 'true', 'data-hue': hueOf(link.host) } },\n        el('span', { class: 'aparte-link-preview__initial', text: initial }));\n    if (link.favicon) {\n        const img = el('img', { class: 'aparte-link-preview__favicon', attrs: { src: link.favicon, alt: '', loading: 'lazy', decoding: 'async' } });\n        img.addEventListener('error', () => {\n            img.remove();\n            box.removeAttribute('data-favicon');\n        }, { once: true });\n        box.setAttribute('data-favicon', '');\n        box.append(img);\n    }\n    return box;\n}\n\n/** The kind of page, as a glyph and a word — a plain website wears none. */\nfunction typeBadge(ctx: CardContext, link: Link): HTMLElement | null {\n    if (link.type === 'website') return null;\n    const key = TYPE_WORD[link.type];\n    const label = el('span', { class: 'aparte-link-preview__type-label' });\n    ctx.word(label, key, L[key]);\n    return el('span', { class: 'aparte-link-preview__type', attrs: { 'data-type': link.type } },\n        glyph(typeGlyph(link.type), 'aparte-rich-card__glyph aparte-link-preview__type-glyph'), label);\n}\n\n/**\n * The title, as THE link: its `::after` is stretched over the whole card or row, so every\n * part of it opens the page and a reader hears one link, named by the title.\n */\nfunction titleNode(link: Link): HTMLElement {\n    return el('div', { class: 'aparte-link-preview__title' },\n        el('a', { class: 'aparte-link-preview__anchor', attrs: { href: link.url, target: '_blank', rel: 'noopener noreferrer' }, text: titleOf(link) }));\n}\n\nfunction descriptionOf(link: Link): HTMLElement | null {\n    return link.description ? el('p', { class: 'aparte-link-preview__description', text: link.description }) : null;\n}\n\n/**\n * The page's picture, in a box of its own. Decoration — the title names the link — so its\n * alternative text is empty. A picture that fails to load takes its box with it: a preview\n * without a picture is a preview, a grey hole is not.\n */\nfunction mediaOf(link: Link, className: string): HTMLElement | null {\n    if (!link.image) return null;\n    const box = el('div', { class: className, attrs: { 'data-loading': '' } });\n    const img = el('img', { class: 'aparte-link-preview__img', attrs: { src: link.image, alt: '', loading: 'lazy', decoding: 'async' } });\n    img.addEventListener('load', () => box.removeAttribute('data-loading'), { once: true });\n    img.addEventListener('error', () => box.remove(), { once: true });\n    box.append(img);\n    return box;\n}\n\n/** `card`: the picture on top, the site line, the title, the description. */\nfunction cardOf(ctx: CardContext, link: Link): HTMLElement {\n    const media = mediaOf(link, 'aparte-link-preview__media');\n    if (media && link.type === 'video') {\n        media.append(el('span', { class: 'aparte-link-preview__play', attrs: { 'aria-hidden': 'true' } }, glyph(PLAY, 'aparte-rich-card__glyph aparte-link-preview__play-glyph')));\n    }\n    const site = el('div', { class: 'aparte-link-preview__site' }, iconOf(link, 'sm'),\n        joined('aparte-link-preview__site-text', [\n            el('span', { class: 'aparte-link-preview__site-name', text: siteOf(link) }),\n            link.author ? el('span', { class: 'aparte-link-preview__author', text: link.author }) : null,\n            dateNode(ctx, link),\n        ]),\n        typeBadge(ctx, link));\n    const body = el('div', { class: 'aparte-link-preview__body' }, site, titleNode(link), descriptionOf(link));\n    return el('article', { class: 'aparte-link-preview aparte-link-preview--card', attrs: { 'data-type': link.type } }, media, body);\n}\n\n/** `compact`: one row — the site's mark (with its kind in the corner), the title, the site, a small picture. */\nfunction rowOf(ctx: CardContext, link: Link, tag: 'div' | 'li'): HTMLElement {\n    const mark = el('span', { class: 'aparte-link-preview__mark' }, iconOf(link, 'lg'));\n    if (link.type !== 'website') {\n        const corner = el('span', { class: 'aparte-link-preview__corner', attrs: { role: 'img', 'data-type': link.type } },\n            glyph(typeGlyph(link.type), 'aparte-rich-card__glyph aparte-link-preview__corner-glyph'));\n        ctx.bind(corner, () => word(ctx.config, TYPE_WORD[link.type as keyof typeof TYPE_WORD], L[TYPE_WORD[link.type as keyof typeof TYPE_WORD]]), 'aria-label');\n        mark.append(corner);\n    }\n    const meta = joined('aparte-link-preview__meta', [el('span', { class: 'aparte-link-preview__site-name', text: siteOf(link) }), dateNode(ctx, link)]);\n    const text = el('div', { class: 'aparte-link-preview__text' }, titleNode(link), meta);\n    return el(tag, { class: 'aparte-link-preview aparte-link-preview--row', attrs: { 'data-type': link.type } }, mark, text, mediaOf(link, 'aparte-link-preview__thumb'));\n}\n\n/** `quote`: the block a chat app draws under an unfurled link — a coloured rule, the site, the title, the words, the picture beside. */\nfunction quoteOf(ctx: CardContext, link: Link, tag: 'div' | 'li'): HTMLElement {\n    const site = el('div', { class: 'aparte-link-preview__site' }, iconOf(link, 'sm'),\n        el('span', { class: 'aparte-link-preview__site-name', text: siteOf(link) }), typeBadge(ctx, link));\n    const byline = joined('aparte-link-preview__byline', [link.author ? el('span', { class: 'aparte-link-preview__author', text: link.author }) : null, dateNode(ctx, link)]);\n    const text = el('div', { class: 'aparte-link-preview__quote-text' }, site, titleNode(link), descriptionOf(link), byline);\n    const node = el(tag, { class: 'aparte-link-preview aparte-link-preview--quote', attrs: { 'data-type': link.type, 'data-hue': hueOf(link.host) } },\n        text, mediaOf(link, 'aparte-link-preview__quote-media'));\n    // A colour the reader checked (#rgb, #rrggbb), set as a property — never a style string.\n    if (link.themeColor) node.style.setProperty('--aparte-link-preview-accent', link.themeColor);\n    return node;\n}\n\nfunction countLabel(config: AparteConfig, data: Partial<LinkData>): string {\n    return data.title ?? word(config, 'cardsLinkCount', L.cardsLinkCount, { n: formatNumber(config, data.links?.length ?? 0) });\n}\n\nfunction headingOf(ctx: CardContext, data: LinkData): HTMLElement {\n    const text = el('span', { class: 'aparte-link-preview__heading-text' });\n    ctx.bind(text, () => countLabel(ctx.config, data));\n    return el('div', { class: 'aparte-link-preview__heading' }, glyph(CHAIN, 'aparte-rich-card__glyph aparte-link-preview__heading-glyph'), text);\n}\n\nfunction render(data: LinkData, ctx: CardContext<LinkVariant>): Node[] {\n    const [first] = data.links as [Link];\n    if (data.links.length === 1) {\n        if (ctx.variant === 'compact') return [rowOf(ctx, first, 'div')];\n        if (ctx.variant === 'quote') return [quoteOf(ctx, first, 'div')];\n        return [cardOf(ctx, first)];\n    }\n    if (ctx.variant === 'quote') {\n        const stack = el('ul', { class: 'aparte-link-preview__stack' }, ...data.links.map((l) => quoteOf(ctx, l, 'li')));\n        ctx.bind(stack, () => countLabel(ctx.config, data), 'aria-label');\n        return [stack];\n    }\n    // Several cards would be a wall of pictures in a chat: several links are rows, stacked,\n    // in `card` as in `compact`.\n    const list = el('ul', { class: 'aparte-link-preview__list' }, ...data.links.map((l) => rowOf(ctx, l, 'li')));\n    ctx.bind(list, () => countLabel(ctx.config, data), 'aria-label');\n    return [headingOf(ctx, data), list];\n}\n\nfunction skeleton(partial: Partial<LinkData> | null, ctx: CardContext<LinkVariant>): Node[] {\n    const block = (cls: string, kind: 'text' | 'rect' = 'rect') =>\n        el('span', { class: `aparte-skeleton aparte-skeleton--${kind} ${cls}`, attrs: { 'aria-hidden': 'true' } });\n    const known = partial?.links?.[0];\n    const title = known?.title ?? partial?.title;\n    const titleLine = title ? el('div', { class: 'aparte-link-preview__title', text: title }) : block('aparte-link-preview__sk-title', 'text');\n    const siteLine = el('div', { class: 'aparte-link-preview__site' }, block('aparte-link-preview__sk-icon'),\n        known ? el('span', { class: 'aparte-link-preview__site-name', text: siteOf(known) }) : block('aparte-link-preview__sk-site', 'text'));\n    if (ctx.variant === 'compact') {\n        return [el('div', { class: 'aparte-link-preview aparte-link-preview--row' }, block('aparte-link-preview__sk-mark'),\n            el('div', { class: 'aparte-link-preview__text' }, titleLine, known ? el('span', { class: 'aparte-link-preview__meta', text: siteOf(known) }) : block('aparte-link-preview__sk-site', 'text')))];\n    }\n    const lines = [block('aparte-link-preview__sk-line', 'text'), block('aparte-link-preview__sk-line aparte-link-preview__sk-line--short', 'text')];\n    if (ctx.variant === 'quote') {\n        return [el('div', { class: 'aparte-link-preview aparte-link-preview--quote' }, el('div', { class: 'aparte-link-preview__quote-text' }, siteLine, titleLine, ...lines))];\n    }\n    return [el('article', { class: 'aparte-link-preview aparte-link-preview--card' }, block('aparte-link-preview__media aparte-link-preview__sk-media'),\n        el('div', { class: 'aparte-link-preview__body' }, siteLine, titleLine, ...lines))];\n}\n\nfunction label(data: Partial<LinkData> | null, ctx: CardContext): string {\n    const links = data?.links ?? [];\n    if (links.length === 1) return titleOf(links[0]!);\n    if (links.length > 1) return countLabel(ctx.config, data!);\n    return data?.title ?? word(ctx.config, 'cardsLinkTitle', L.cardsLinkTitle);\n}\n\n/** One line a link: \"Title — Site (https://…)\". */\nfunction fallback(data: LinkData): string {\n    const lines = data.links.map((l) => `${titleOf(l)} — ${siteOf(l)} (${l.url})`);\n    return data.title ? `${data.title}:\\n${lines.join('\\n')}` : lines.join('\\n');\n}\n\n/** What a running call already says: the page it unfurls, else what it searches for. */\nfunction partial(input: Record<string, unknown>): Partial<LinkData> | null {\n    const one = readLink({ url: input['url'] ?? input['link'] ?? input['href'] });\n    if (one) return { links: [one] };\n    const query = str(input['query'] ?? input['q'] ?? input['search'] ?? input['title']);\n    return query ? { title: query } : null;\n}\n\n/** The link card — for `linkCard.segment(data)`. Plug it in with `setupLinkCard`. */\nexport const linkCard = defineCard<LinkData, LinkVariant>({\n    name: 'link',\n    variants: ['card', 'compact', 'quote'],\n    styles: linkStyles,\n    icon: CHAIN,\n    normalize: readLinks,\n    render,\n    skeleton,\n    label,\n    fallback,\n    partial,\n});\n\n/** Draw a tool's links as this card — returns the function that stops it. */\nexport function setupLinkCard(options: LinkCardOptions = {}): () => void {\n    return linkCard.setup(options);\n}\n"],"names":["label","partial"],"mappings":"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"}

package/dist/media/icons.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The media card's glyphs: one line drawing per kind of medium (for the placeholder a
+ * tile shows before, or instead of, its picture), the play triangle a video wears, the
+ * stack of frames a gallery is named with, and the small marks of a caption line.
+ *
+ * Drawn on a 24 × 24 grid in `currentColor`, so the sheet colours them through `color`
+ * and a theme follows. Constants of this package — the only markup the card parses.
+ */
+import type { MediaKind } from './index.js';
+/** A framed landscape: an image. */
+export declare const IMAGE: string;
+/** A strip of film: a video. */
+export declare const FILM: string;
+/** A note: a sound. */
+export declare const NOTE: string;
+/** Two frames, one behind the other: a gallery, and the card's one-line state glyph. */
+export declare const FRAMES: string;
+/** The play triangle, filled: it sits on a disc over a picture. */
+export declare const PLAY = "<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.5 5.6v12.8a1 1 0 0 0 1.5.86l10.2-6.4a1 1 0 0 0 0-1.72L10 4.74a1 1 0 0 0-1.5.86z\"/></svg>";
+/** Four corners pulled out: "see it larger", in the corner of a picture you can open. */
+export declare const EXPAND: string;
+/** A box with an arrow leaving it: a page that opens elsewhere. */
+export declare const EXTERNAL: string;
+/** A camera body: who took or made the picture. */
+export declare const CAMERA: string;
+/** The glyph for a kind of medium. */
+export declare function kindGlyph(kind: MediaKind): string;
+//# sourceMappingURL=icons.d.ts.map

package/dist/media/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/media/icons.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAK5C,oCAAoC;AACpC,eAAO,MAAM,KAAK,QAAyL,CAAC;AAE5M,gCAAgC;AAChC,eAAO,MAAM,IAAI,QAA0I,CAAC;AAE5J,uBAAuB;AACvB,eAAO,MAAM,IAAI,QAAgH,CAAC;AAElI,wFAAwF;AACxF,eAAO,MAAM,MAAM,QAAsL,CAAC;AAE1M,mEAAmE;AACnE,eAAO,MAAM,IAAI,iMAAyL,CAAC;AAE3M,yFAAyF;AACzF,eAAO,MAAM,MAAM,QAA6E,CAAC;AAEjG,mEAAmE;AACnE,eAAO,MAAM,QAAQ,QAA2H,CAAC;AAEjJ,mDAAmD;AACnD,eAAO,MAAM,MAAM,QAAqJ,CAAC;AAEzK,sCAAsC;AACtC,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAEjD"}