@haklex/rich-renderer-linkcard 0.0.82 → 0.0.83

package/dist/LinkCardRenderer-CJB5CmHP.js

@@ -0,0 +1,1314 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Star, Globe } from "lucide-react";
+import { useMemo, createContext, use, useState, useCallback, useRef, useEffect } from "react";
+import { useInView } from "react-intersection-observer";
+import { vars } from "@haklex/rich-style-token";
+const arxivPlugin = {
+  name: "arxiv",
+  displayName: "arXiv Paper",
+  priority: 80,
+  typeClass: "academic",
+  matchUrl(url) {
+    if (url.hostname !== "arxiv.org") return null;
+    const match = url.pathname.match(/\/(abs|pdf)\/(\d{4}\.\d+(?:v\d+)?)/i);
+    if (!match) return null;
+    return { id: match[2].toLowerCase(), fullUrl: url.toString() };
+  },
+  isValidId(id) {
+    return /^\d{4}\.\d+(?:v\d+)?$/.test(id);
+  },
+  async fetch(id) {
+    const response = await fetch(
+      `https://export.arxiv.org/api/query?id_list=${id}`
+    );
+    const text = await response.text();
+    const parser = new DOMParser();
+    const xmlDoc = parser.parseFromString(text, "application/xml");
+    const entry = xmlDoc.getElementsByTagName("entry")[0];
+    const title2 = entry.getElementsByTagName("title")[0].textContent;
+    const authors = entry.getElementsByTagName("author");
+    const authorNames = Array.from(authors).map(
+      (author) => author.getElementsByTagName("name")[0].textContent
+    );
+    return {
+      title: /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+        /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: title2 }),
+        /* @__PURE__ */ jsx("span", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "4px",
+              fontSize: vars.typography.fontSizeMd,
+              color: "#fb923c"
+            },
+            children: /* @__PURE__ */ jsx("span", { style: { fontFamily: "sans-serif", fontWeight: 500 }, children: id })
+          }
+        ) })
+      ] }),
+      desc: authorNames.length > 1 ? `${authorNames[0]} et al.` : authorNames[0]
+    };
+  }
+};
+function toCamelCase(str) {
+  return str.replaceAll(/_([a-z])/g, (_, c) => c.toUpperCase());
+}
+function camelcaseKeys(obj) {
+  if (Array.isArray(obj)) return obj.map(camelcaseKeys);
+  if (obj !== null && typeof obj === "object") {
+    return Object.fromEntries(
+      Object.entries(obj).map(([k, v]) => [toCamelCase(k), camelcaseKeys(v)])
+    );
+  }
+  return obj;
+}
+async function fetchJsonWithContext(url, context, provider, init) {
+  const providerAdapter = provider && context?.adapters ? context.adapters[provider] : void 0;
+  if (providerAdapter) {
+    return providerAdapter.request(url, init);
+  }
+  if (context?.fetchJson) {
+    return context.fetchJson(url, init);
+  }
+  const response = await fetch(url, init);
+  if (!response.ok) {
+    throw new Error(`Request failed: ${response.status}`);
+  }
+  return response.json();
+}
+async function fetchGitHubApi(url, context) {
+  const path = url.replace("https://api.github.com", "");
+  return fetchJsonWithContext(`https://api.github.com${path}`, context, "github");
+}
+const LanguageToColorMap = {
+  "typescript": "#2b7489",
+  "javascript": "#f1e05a",
+  "html": "#e34c26",
+  "java": "#b07219",
+  "go": "#00add8",
+  "vue": "#2c3e50",
+  "css": "#563d7c",
+  "yaml": "#cb171e",
+  "json": "#292929",
+  "markdown": "#083fa1",
+  "csharp": "#178600",
+  "c#": "#178600",
+  "c": "#555555",
+  "cpp": "#f34b7d",
+  "c++": "#f34b7d",
+  "python": "#3572a5",
+  "lua": "#000080",
+  "vimscript": "#199f4b",
+  "shell": "#89e051",
+  "dockerfile": "#384d54",
+  "ruby": "#701516",
+  "php": "#4f5d95",
+  "lisp": "#3fb68b",
+  "kotlin": "#F18E33",
+  "rust": "#dea584",
+  "dart": "#00B4AB",
+  "swift": "#ffac45",
+  "objective-c": "#438eff",
+  "objective-c++": "#6866fb",
+  "r": "#198ce7",
+  "matlab": "#e16737",
+  "scala": "#c22d40",
+  "sql": "#e38c00",
+  "perl": "#0298c3"
+};
+const bangumiTypeMap = {
+  subject: "subjects",
+  character: "characters",
+  person: "persons"
+};
+const allowedBangumiTypes = Object.keys(bangumiTypeMap);
+function hslToHex(h, s, l) {
+  s /= 100;
+  l /= 100;
+  const a = s * Math.min(l, 1 - l);
+  const f = (n) => {
+    const k = (n + h / 30) % 12;
+    const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+    return Math.round(255 * color).toString(16).padStart(2, "0");
+  };
+  return `#${f(0)}${f(8)}${f(4)}`;
+}
+function generateColor(str, saturation = [30, 35], lightness = [60, 70]) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const sRange = saturation[1] - saturation[0] + 1;
+  const lRange = lightness[1] - lightness[0] + 1;
+  const h = Math.abs(hash) % 360;
+  const s = saturation[0] + Math.abs(hash >> 8) % sRange;
+  const l = lightness[0] + Math.abs(hash >> 16) % lRange;
+  return hslToHex(h, s, l);
+}
+function stripMarkdown(text) {
+  return text.replaceAll(/!\[[^\]]*\]\([^)]*\)/g, "").replaceAll(/\[([^\]]*)\]\([^)]*\)/g, "$1").replaceAll(/[#*>_`~]/g, "").replaceAll(/\n+/g, " ").trim();
+}
+function getDifficultyColor(difficulty) {
+  switch (difficulty) {
+    case "Easy": {
+      return "#00BFA5";
+    }
+    case "Medium": {
+      return "#FFA726";
+    }
+    case "Hard": {
+      return "#F44336";
+    }
+    default: {
+      return "#757575";
+    }
+  }
+}
+const leetcodePlugin = {
+  name: "leetcode",
+  displayName: "LeetCode",
+  priority: 65,
+  typeClass: "wide",
+  provider: "leetcode",
+  matchUrl(url) {
+    if (url.hostname !== "leetcode.cn" && url.hostname !== "leetcode.com") return null;
+    const parts = url.pathname.split("/").filter(Boolean);
+    if (parts[0] !== "problems" || !parts[1]) return null;
+    return { id: parts[1], fullUrl: url.toString() };
+  },
+  isValidId(id) {
+    return typeof id === "string" && id.length > 0;
+  },
+  async fetch(id, _meta, context) {
+    const body = {
+      query: `query questionData($titleSlug: String!) {
+  question(titleSlug: $titleSlug) {translatedTitle
+   difficulty
+    likes
+     topicTags { translatedName
+ }
+    stats
+  }
+}
+`,
+      variables: { titleSlug: id }
+    };
+    const questionData = await fetchJsonWithContext(
+      "https://leetcode.cn/graphql/",
+      context,
+      "leetcode",
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body)
+      }
+    );
+    const questionTitleData = camelcaseKeys(questionData.data.question);
+    const stats = JSON.parse(questionTitleData.stats);
+    return {
+      title: /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+        /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: questionTitleData.translatedTitle }),
+        /* @__PURE__ */ jsx("span", { style: { flexShrink: 0 }, children: questionTitleData.likes > 0 && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "4px",
+              fontSize: vars.typography.fontSizeMd,
+              color: "#fb923c"
+            },
+            children: [
+              "👍",
+              /* @__PURE__ */ jsx("span", { style: { fontFamily: "sans-serif", fontWeight: 500 }, children: questionTitleData.likes })
+            ]
+          }
+        ) })
+      ] }),
+      desc: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              marginRight: "16px",
+              fontWeight: "bold",
+              color: getDifficultyColor(questionTitleData.difficulty)
+            },
+            children: questionTitleData.difficulty
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { style: { overflow: "hidden" }, children: questionTitleData.topicTags.map((tag) => tag.translatedName).join(" / ") }),
+        /* @__PURE__ */ jsxs("span", { style: { float: "right", overflow: "hidden" }, children: [
+          "AR: ",
+          stats.acRate
+        ] })
+      ] }),
+      image: "https://upload.wikimedia.org/wikipedia/commons/1/19/LeetCode_logo_black.png",
+      color: getDifficultyColor(questionTitleData.difficulty)
+    };
+  }
+};
+const githubCommitPlugin = {
+  name: "gh-commit",
+  displayName: "GitHub Commit",
+  priority: 95,
+  typeClass: "github",
+  provider: "github",
+  matchUrl(url) {
+    if (url.hostname !== "github.com") return null;
+    const parts = url.pathname.split("/").filter(Boolean);
+    if (parts.length < 4 || parts[2] !== "commit") return null;
+    const [owner, repo, , commitId] = parts;
+    return {
+      id: `${owner}/${repo}/commit/${commitId}`,
+      fullUrl: url.toString()
+    };
+  },
+  isValidId(id) {
+    const parts = id.split("/");
+    return parts.length === 4 && parts.every((p) => p.length > 0) && parts[2] === "commit";
+  },
+  async fetch(id, _meta, context) {
+    const [owner, repo, , commitId] = id.split("/");
+    const response = await fetchGitHubApi(
+      `https://api.github.com/repos/${owner}/${repo}/commits/${commitId}`,
+      context
+    );
+    const data = camelcaseKeys(response);
+    return {
+      title: /* @__PURE__ */ jsx("span", { style: { fontWeight: "normal" }, children: data.commit.message.replace(/Signed-off-by:.+/s, "").trim() }),
+      desc: /* @__PURE__ */ jsxs(
+        "span",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "center",
+            gap: "4px 12px",
+            fontFamily: vars.typography.fontMono
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                style: {
+                  display: "inline-flex",
+                  alignItems: "center",
+                  gap: "8px"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("span", { style: { color: "#238636" }, children: [
+                    "+",
+                    data.stats.additions
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { style: { color: "#f85149" }, children: [
+                    "-",
+                    data.stats.deletions
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { style: { fontSize: vars.typography.fontSizeMd }, children: data.sha.slice(0, 7) }),
+            /* @__PURE__ */ jsxs("span", { style: { fontSize: vars.typography.fontSizeMd, opacity: 0.8 }, children: [
+              owner,
+              "/",
+              repo
+            ] })
+          ]
+        }
+      ),
+      image: data.author?.avatarUrl
+    };
+  }
+};
+const githubDiscussionPlugin = {
+  name: "gh-discussion",
+  displayName: "GitHub Discussion",
+  priority: 95,
+  typeClass: "github",
+  provider: "github",
+  matchUrl(url) {
+    if (url.hostname !== "github.com") return null;
+    if (!url.pathname.includes("/discussions/")) return null;
+    const parts = url.pathname.split("/").filter(Boolean);
+    if (parts.length < 4 || parts[2] !== "discussions") return null;
+    const discussionNumber = parts[3];
+    if (!/^\d+$/.test(discussionNumber)) return null;
+    const [owner, repo] = parts;
+    return {
+      id: `${owner}/${repo}/${discussionNumber}`,
+      fullUrl: url.toString()
+    };
+  },
+  isValidId(id) {
+    const parts = id.split("/");
+    return parts.length === 3 && parts.every((p) => p.length > 0) && /^\d+$/.test(parts[2]);
+  },
+  async fetch(id, _meta, context) {
+    const [owner, repo, discussionNumber] = id.split("/");
+    const response = await fetchGitHubApi(
+      `https://api.github.com/repos/${owner}/${repo}/discussions/${discussionNumber}`,
+      context
+    );
+    const data = camelcaseKeys(response);
+    const categoryName = data.category?.name || "Discussion";
+    return {
+      title: `Discussion: ${data.title}`,
+      desc: /* @__PURE__ */ jsxs(
+        "span",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "center",
+            gap: "4px 12px",
+            fontFamily: vars.typography.fontMono
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  borderRadius: "4px",
+                  backgroundColor: "rgba(128,128,128,0.15)",
+                  padding: "2px 6px",
+                  fontSize: vars.typography.fontSizeXs
+                },
+                children: categoryName
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { style: { fontSize: vars.typography.fontSizeMd, opacity: 0.8 }, children: [
+              "#",
+              discussionNumber,
+              " · ",
+              owner,
+              "/",
+              repo
+            ] })
+          ]
+        }
+      ),
+      image: data.user?.avatarUrl
+    };
+  }
+};
+const stateColors = {
+  open: "#238636",
+  closed: "#f85149"
+};
+const stateTextMap$1 = {
+  open: "Open",
+  closed: "Closed"
+};
+const githubIssuePlugin = {
+  name: "gh-issue",
+  displayName: "GitHub Issue",
+  priority: 95,
+  typeClass: "github",
+  provider: "github",
+  matchUrl(url) {
+    if (url.hostname !== "github.com") return null;
+    if (!url.pathname.includes("/issues/")) return null;
+    const parts = url.pathname.split("/").filter(Boolean);
+    if (parts.length < 4 || parts[2] !== "issues") return null;
+    const issueNumber = parts[3];
+    if (!/^\d+$/.test(issueNumber)) return null;
+    const [owner, repo] = parts;
+    return { id: `${owner}/${repo}/${issueNumber}`, fullUrl: url.toString() };
+  },
+  isValidId(id) {
+    const parts = id.split("/");
+    return parts.length === 3 && parts.every((p) => p.length > 0) && /^\d+$/.test(parts[2]);
+  },
+  async fetch(id, _meta, context) {
+    const [owner, repo, issueNumber] = id.split("/");
+    const response = await fetchGitHubApi(
+      `https://api.github.com/repos/${owner}/${repo}/issues/${issueNumber}`,
+      context
+    );
+    const data = camelcaseKeys(response);
+    const color = stateColors[data.state] || "#6b7280";
+    const stateText = stateTextMap$1[data.state] || data.state;
+    return {
+      title: `Issue: ${data.title}`,
+      color,
+      desc: /* @__PURE__ */ jsxs(
+        "span",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "center",
+            gap: "4px 12px",
+            fontFamily: vars.typography.fontMono
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { style: { color }, children: stateText }),
+            /* @__PURE__ */ jsxs("span", { style: { fontSize: vars.typography.fontSizeMd, opacity: 0.8 }, children: [
+              "#",
+              issueNumber,
+              " · ",
+              owner,
+              "/",
+              repo
+            ] })
+          ]
+        }
+      ),
+      image: data.user?.avatarUrl
+    };
+  }
+};
+const getPrState = (data) => {
+  if (data.merged) return "merged";
+  return data.state;
+};
+const stateColorMap = {
+  open: "#238636",
+  merged: "#8957e5",
+  closed: "#f85149"
+};
+const stateTextMap = {
+  open: "Open",
+  merged: "Merged",
+  closed: "Closed"
+};
+const githubPrPlugin = {
+  name: "gh-pr",
+  displayName: "GitHub Pull Request",
+  priority: 95,
+  typeClass: "github",
+  provider: "github",
+  matchUrl(url) {
+    if (url.hostname !== "github.com") return null;
+    if (!url.pathname.includes("/pull/")) return null;
+    const parts = url.pathname.split("/").filter(Boolean);
+    if (parts.length < 4 || parts[2] !== "pull") return null;
+    const [owner, repo, , prNumber] = parts;
+    return { id: `${owner}/${repo}/${prNumber}`, fullUrl: url.toString() };
+  },
+  isValidId(id) {
+    const parts = id.split("/");
+    return parts.length === 3 && parts.every((p) => p.length > 0);
+  },
+  async fetch(id, _meta, context) {
+    const [owner, repo, prNumber] = id.split("/");
+    const response = await fetchGitHubApi(
+      `https://api.github.com/repos/${owner}/${repo}/pulls/${prNumber}`,
+      context
+    );
+    const data = camelcaseKeys(response);
+    const state = getPrState(data);
+    const color = stateColorMap[state];
+    const stateText = stateTextMap[state];
+    return {
+      title: `PR: ${data.title}`,
+      color,
+      desc: /* @__PURE__ */ jsxs(
+        "span",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "center",
+            gap: "4px 12px",
+            fontFamily: vars.typography.fontMono
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { style: { color }, children: stateText }),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                style: {
+                  display: "inline-flex",
+                  alignItems: "center",
+                  gap: "8px",
+                  whiteSpace: "nowrap"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("span", { style: { color: "#238636" }, children: [
+                    "+",
+                    data.additions
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { style: { color: "#f85149" }, children: [
+                    "-",
+                    data.deletions
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { style: { fontSize: vars.typography.fontSizeMd, opacity: 0.8 }, children: [
+              owner,
+              "/",
+              repo
+            ] })
+          ]
+        }
+      ),
+      image: data.user.avatarUrl
+    };
+  }
+};
+function formatStargazers(n) {
+  return n.toLocaleString("en-US");
+}
+const githubRepoPlugin = {
+  name: "gh-repo",
+  displayName: "GitHub Repository",
+  priority: 100,
+  typeClass: "github",
+  provider: "github",
+  matchUrl(url) {
+    if (url.hostname !== "github.com") return null;
+    const parts = url.pathname.split("/").filter(Boolean);
+    if (parts.length !== 2) return null;
+    const [owner, repo] = parts;
+    if (!owner || !repo) return null;
+    return { id: `${owner}/${repo}`, fullUrl: url.toString() };
+  },
+  isValidId(id) {
+    const parts = id.split("/");
+    return parts.length === 2 && parts[0].length > 0 && parts[1].length > 0;
+  },
+  async fetch(id, _meta, context) {
+    const [owner, repo] = id.split("/");
+    const response = await fetchGitHubApi(`https://api.github.com/repos/${owner}/${repo}`, context);
+    const data = camelcaseKeys(response);
+    return {
+      title: /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+        /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: data.name }),
+        /* @__PURE__ */ jsx("span", { style: { flexShrink: 0 }, children: data.stargazersCount > 0 && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "4px",
+              fontSize: vars.typography.fontSizeMd,
+              color: "#fb923c"
+            },
+            children: [
+              /* @__PURE__ */ jsx(Star, { "aria-hidden": true, size: 14, strokeWidth: 2 }),
+              /* @__PURE__ */ jsx("span", { style: { fontFamily: "sans-serif", fontWeight: 500 }, children: formatStargazers(data.stargazersCount) })
+            ]
+          }
+        ) })
+      ] }),
+      desc: data.description,
+      image: data.owner.avatarUrl,
+      color: LanguageToColorMap[data.language?.toLowerCase()]
+    };
+  }
+};
+const bangumiPlugin = {
+  name: "bangumi",
+  displayName: "Bangumi",
+  priority: 70,
+  typeClass: "media",
+  provider: "bangumi",
+  matchUrl(url) {
+    if (url.hostname !== "bgm.tv" && url.hostname !== "bangumi.tv") return null;
+    const parts = url.pathname.split("/").filter(Boolean);
+    if (parts.length < 2) return null;
+    const [type, realId] = parts;
+    if (!allowedBangumiTypes.includes(type)) return null;
+    return { id: `${type}/${realId}`, fullUrl: url.toString(), meta: { type } };
+  },
+  isValidId(id) {
+    const [type, realId] = id.split("/");
+    return allowedBangumiTypes.includes(type) && realId?.length > 0;
+  },
+  async fetch(id, _meta, context) {
+    const [type, realId] = id.split("/");
+    const json = await fetchJsonWithContext(
+      `https://api.bgm.tv/v0/${bangumiTypeMap[type]}/${realId}`,
+      context,
+      "bangumi"
+    );
+    let title2 = "";
+    let originalTitle = "";
+    if (type === "subject") {
+      if (json.name_cn && json.name_cn !== json.name && json.name_cn !== "") {
+        title2 = json.name_cn;
+        originalTitle = json.name;
+      } else {
+        title2 = json.name;
+        originalTitle = json.name;
+      }
+    } else if (type === "character" || type === "person") {
+      const { infobox } = json;
+      infobox.forEach(
+        (item) => {
+          if (item.key === "简体中文名") {
+            title2 = typeof item.value === "string" ? item.value : item.value[0].v;
+          } else if (item.key === "别名") {
+            const aliases = item.value;
+            aliases.forEach((alias) => {
+              originalTitle += `${alias.v} / `;
+            });
+            originalTitle = originalTitle.slice(0, -3);
+          }
+        }
+      );
+    }
+    const starStyle = {
+      display: "inline-flex",
+      flexShrink: 0,
+      alignItems: "center",
+      gap: "4px",
+      alignSelf: "center",
+      fontSize: vars.typography.fontSizeXs,
+      color: "#fb923c"
+    };
+    return {
+      title: /* @__PURE__ */ jsxs(
+        "span",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "flex-end",
+            gap: "8px"
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { children: title2 }),
+            title2 !== originalTitle && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                style: { fontSize: vars.typography.fontSizeMd, opacity: 0.7 },
+                children: [
+                  "(",
+                  originalTitle,
+                  ")"
+                ]
+              }
+            ),
+            type === "subject" && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                style: {
+                  display: "inline-flex",
+                  flexShrink: 0,
+                  alignItems: "center",
+                  gap: "12px",
+                  alignSelf: "center"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("span", { style: starStyle, children: [
+                    "★",
+                    /* @__PURE__ */ jsx("span", { style: { fontFamily: "sans-serif", fontWeight: 500 }, children: json.rating.score > 0 && json.rating.score.toFixed(1) })
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { style: starStyle, children: [
+                    "☆",
+                    /* @__PURE__ */ jsx("span", { style: { fontFamily: "sans-serif", fontWeight: 500 }, children: json.collection && json.collection.on_hold + json.collection.dropped + json.collection.wish + json.collection.collect + json.collection.doing })
+                  ] })
+                ]
+              }
+            ),
+            (type === "character" || type === "person") && /* @__PURE__ */ jsxs("span", { style: starStyle, children: [
+              "☆",
+              /* @__PURE__ */ jsx("span", { style: { fontFamily: "sans-serif", fontWeight: 500 }, children: json.stat.collects > 0 && json.stat.collects })
+            ] })
+          ]
+        }
+      ),
+      desc: /* @__PURE__ */ jsx("span", { style: { overflow: "visible", whiteSpace: "pre-wrap" }, children: json.summary }),
+      image: json.images.grid,
+      color: generateColor(title2),
+      classNames: {
+        image: "link-card__image--poster",
+        cardRoot: "link-card--poster"
+      }
+    };
+  }
+};
+const neteaseMusicPlugin = {
+  name: "netease-music-song",
+  displayName: "Netease Music Song",
+  priority: 60,
+  typeClass: "wide",
+  provider: "netease-music",
+  matchUrl(url) {
+    if (url.hostname !== "music.163.com") return null;
+    if (!url.pathname.includes("/song") && !url.hash.includes("/song"))
+      return null;
+    const urlString = url.toString().replaceAll("/#/", "/");
+    const _url = new URL(urlString);
+    const id = _url.searchParams.get("id");
+    if (!id) return null;
+    return { id, fullUrl: url.toString() };
+  },
+  isValidId(id) {
+    return id.length > 0;
+  },
+  async fetch(id, _meta, context) {
+    const songData = await fetchJsonWithContext(
+      `https://music.163.com/song/${id}`,
+      context,
+      "netease-music"
+    );
+    const songInfo = songData.songs[0];
+    const albumInfo = songInfo.al;
+    const singerInfo = songInfo.ar;
+    return {
+      title: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: songInfo.name }),
+        songInfo.tns && /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              marginLeft: "8px",
+              fontSize: vars.typography.fontSizeMd,
+              color: "#a1a1aa"
+            },
+            children: songInfo.tns[0]
+          }
+        )
+      ] }),
+      desc: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("span", { style: { display: "block" }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: "bold" }, children: "歌手：" }),
+          /* @__PURE__ */ jsx("span", { children: singerInfo.map((p) => p.name).join(" / ") })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { style: { display: "block" }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: "bold" }, children: "专辑：" }),
+          /* @__PURE__ */ jsx("span", { children: albumInfo.name })
+        ] })
+      ] }),
+      image: albumInfo.picUrl,
+      color: "#e72d2c"
+    };
+  }
+};
+const qqMusicPlugin = {
+  name: "qq-music-song",
+  displayName: "QQ Music Song",
+  priority: 60,
+  typeClass: "wide",
+  provider: "qq-music",
+  matchUrl(url) {
+    if (url.hostname !== "y.qq.com") return null;
+    if (!url.pathname.includes("/songDetail/")) return null;
+    const parts = url.pathname.split("/");
+    const songDetailIndex = parts.indexOf("songDetail");
+    if (songDetailIndex === -1 || !parts[songDetailIndex + 1]) return null;
+    return { id: parts[songDetailIndex + 1], fullUrl: url.toString() };
+  },
+  isValidId(id) {
+    return typeof id === "string" && id.length > 0;
+  },
+  async fetch(id, _meta, context) {
+    const songData = await fetchJsonWithContext(
+      `https://y.qq.com/song/${id}`,
+      context,
+      "qq-music"
+    );
+    const songInfo = songData.data[0];
+    const albumId = songInfo.album.mid;
+    return {
+      title: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: songInfo.title }),
+        songInfo.subtitle && /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              marginLeft: "8px",
+              fontSize: vars.typography.fontSizeMd,
+              color: "#a1a1aa"
+            },
+            children: songInfo.subtitle
+          }
+        )
+      ] }),
+      desc: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("span", { style: { display: "block" }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: "bold" }, children: "歌手：" }),
+          /* @__PURE__ */ jsx("span", { children: songInfo.singer.map((p) => p.name).join(" / ") })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { style: { display: "block" }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: "bold" }, children: "专辑：" }),
+          /* @__PURE__ */ jsx("span", { children: songInfo.album.name })
+        ] })
+      ] }),
+      image: `https://y.gtimg.cn/music/photo_new/T002R300x300M000${albumId}.jpg?max_age=2592000`,
+      color: "#31c27c"
+    };
+  }
+};
+const TMDB_LANGUAGE_BY_LOCALE = {
+  zh: "zh-CN",
+  en: "en-US",
+  ja: "ja-JP"
+};
+const getCurrentLocale = () => {
+  if (typeof document !== "undefined") {
+    const lang = document.documentElement?.lang?.trim();
+    if (lang) return lang;
+  }
+  if (typeof window !== "undefined") {
+    const firstSegment = window.location.pathname.split("/").find((s) => s.length > 0);
+    if (firstSegment) return firstSegment;
+  }
+  return "en";
+};
+const tmdbPlugin = {
+  name: "tmdb",
+  displayName: "The Movie Database",
+  priority: 70,
+  typeClass: "media",
+  provider: "tmdb",
+  matchUrl(url) {
+    if (!url.hostname.includes("themoviedb.org")) return null;
+    const parts = url.pathname.split("/").filter(Boolean);
+    if (parts.length < 2) return null;
+    const [type, realId] = parts;
+    const canParsedTypes = ["tv", "movie"];
+    if (!canParsedTypes.includes(type) || !realId) return null;
+    return { id: `${type}/${realId}`, fullUrl: url.toString(), meta: { type } };
+  },
+  isValidId(id) {
+    const [type, realId] = id.split("/");
+    const canParsedTypes = ["tv", "movie"];
+    return canParsedTypes.includes(type) && realId?.length > 0;
+  },
+  async fetch(id, _meta, context) {
+    const [type, realId] = id.split("/");
+    const locale = getCurrentLocale();
+    const userLanguage = TMDB_LANGUAGE_BY_LOCALE[locale] || (typeof navigator !== "undefined" ? navigator.language : "en-US") || "en-US";
+    const json = await fetchJsonWithContext(
+      `https://api.themoviedb.org/3/${type}/${realId}?language=${userLanguage}`,
+      context,
+      "tmdb"
+    );
+    const title2 = type === "tv" ? json.name : json.title;
+    const originalTitle = type === "tv" ? json.original_name : json.original_title;
+    return {
+      title: /* @__PURE__ */ jsxs(
+        "span",
+        {
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            alignItems: "flex-end",
+            gap: "8px"
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { children: title2 }),
+            title2 !== originalTitle && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                style: { fontSize: vars.typography.fontSizeMd, opacity: 0.7 },
+                children: [
+                  "(",
+                  originalTitle,
+                  ")"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                style: {
+                  display: "inline-flex",
+                  flexShrink: 0,
+                  alignItems: "center",
+                  gap: "4px",
+                  alignSelf: "center",
+                  fontSize: vars.typography.fontSizeXs,
+                  color: "#fb923c"
+                },
+                children: [
+                  "★",
+                  /* @__PURE__ */ jsx("span", { style: { fontFamily: "sans-serif", fontWeight: 500 }, children: json.vote_average > 0 && json.vote_average.toFixed(1) })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      desc: /* @__PURE__ */ jsx("span", { style: { overflow: "visible", whiteSpace: "pre-wrap" }, children: json.overview }),
+      image: `https://image.tmdb.org/t/p/w500${json.poster_path}`,
+      color: generateColor(title2 || originalTitle || id),
+      classNames: {
+        image: "link-card__image--poster",
+        cardRoot: "link-card--poster"
+      }
+    };
+  }
+};
+function createMxSpacePlugin(config) {
+  const webHost = new URL(config.webUrl).hostname;
+  return {
+    name: "self",
+    displayName: "MxSpace Article",
+    priority: 10,
+    provider: "mx-space",
+    matchUrl(url) {
+      if (webHost !== url.hostname) return null;
+      if (!url.pathname.startsWith("/posts/") && !url.pathname.startsWith("/notes/")) {
+        return null;
+      }
+      return { id: url.pathname.slice(1), fullUrl: url.toString() };
+    },
+    isValidId(id) {
+      const [type, ...rest] = id.split("/");
+      if (type !== "posts" && type !== "notes") return false;
+      if (type === "posts") return rest.length === 2;
+      return rest.length === 1;
+    },
+    async fetch(id, _meta, context) {
+      const [type, ...rest] = id.split("/");
+      let data = { title: "", text: "" };
+      if (type === "posts") {
+        const [cate, slug] = rest;
+        data = await fetchJsonWithContext(
+          `posts/${cate}/${slug}`,
+          context,
+          "mx-space"
+        );
+      } else if (type === "notes") {
+        const [nid] = rest;
+        const response = await fetchJsonWithContext(
+          `notes/${nid}`,
+          context,
+          "mx-space"
+        );
+        data = response.data || response;
+      }
+      const coverImage = data.cover || data.meta?.cover;
+      const spotlightColor = generateColor(data.title);
+      return {
+        title: data.title,
+        desc: data.summary || `${stripMarkdown(data.text).slice(0, 50)}...`,
+        image: coverImage || data.images?.[0]?.src,
+        color: spotlightColor
+      };
+    }
+  };
+}
+const plugins = [
+  githubRepoPlugin,
+  githubCommitPlugin,
+  githubPrPlugin,
+  githubIssuePlugin,
+  githubDiscussionPlugin,
+  arxivPlugin,
+  tmdbPlugin,
+  bangumiPlugin,
+  qqMusicPlugin,
+  neteaseMusicPlugin,
+  leetcodePlugin
+].sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+function getPluginByName(name) {
+  return plugins.find((p) => p.name === name);
+}
+const pluginMap = new Map(
+  plugins.map((p) => [p.name, p])
+);
+function matchUrl(url, pluginRegistry = plugins) {
+  try {
+    const parsed = new URL(url);
+    for (const plugin of pluginRegistry) {
+      const match = plugin.matchUrl(parsed);
+      if (match) return { plugin, match };
+    }
+  } catch {
+  }
+  return null;
+}
+function useUrlMatcher(url, pluginRegistry = plugins) {
+  return useMemo(() => {
+    if (!url) return null;
+    return matchUrl(url, pluginRegistry);
+  }, [url, pluginRegistry]);
+}
+var semanticClassNames = { card: "link-card", cardShortDesc: "link-card--short-desc", cardSkeleton: "link-card--skeleton", cardError: "link-card--error", bg: "link-card__bg", image: "link-card__image", icon: "link-card__icon", content: "link-card__content", title: "link-card__title", titleText: "link-card__title-text", desc: "link-card__desc", desc2: "link-card__desc-2", editWrapper: "rich-link-card-edit-wrapper", editPanel: "rich-link-card-edit-panel", editUrlRow: "rich-link-card-edit-url-row", editLinkIcon: "rich-link-card-edit-link-icon", editInput: "rich-link-card-edit-input" };
+var card = "_13weebv0";
+var cardShortDesc = "_13weebv1";
+var bg = "_13weebv2";
+var image = "_13weebv3";
+var icon = "_13weebv5";
+var content = "_13weebv6";
+var title = "_13weebv7";
+var titleText = "_13weebv8";
+var desc = "_13weebv9";
+var desc2 = "_13weebva";
+var cardSkeleton = "_13weebvg";
+var cardError = "_13weebvi";
+var editWrapper = "_13weebvj";
+var editPanel = "_13weebvk";
+var editUrlRow = "_13weebvl";
+var editLinkIcon = "_13weebvm";
+var editInput = "_13weebvn";
+var typeCardModifier = { media: "_13weebvd", github: "_13weebve", academic: "_13weebvf", wide: "_13weebvc" };
+var semanticTypeClassNames = { media: "link-card--media", github: "link-card--github", academic: "link-card--academic", wide: "link-card--wide" };
+var semanticClassToStyle = { "link-card--short-desc": "_13weebv1", "link-card--skeleton": "_13weebvg", "link-card--error": "_13weebvi", "link-card--poster": "_13weebvb", "link-card--wide": "_13weebvc", "link-card--media": "_13weebvd", "link-card--github": "_13weebve", "link-card--academic": "_13weebvf", "link-card__image--poster": "_13weebv4" };
+const ctx = createContext(void 0);
+const LinkCardFetchProvider = ctx.Provider;
+function useLinkCardFetchContext() {
+  return use(ctx);
+}
+function useCardFetcher(options) {
+  const { source, plugin, id, fallbackUrl, enabled = true, context } = options;
+  const [loading, setLoading] = useState(true);
+  const [isError, setIsError] = useState(false);
+  const [fullUrl] = useState(fallbackUrl || "javascript:;");
+  const [cardInfo, setCardInfo] = useState();
+  const isValid = useMemo(() => {
+    if (!enabled || !plugin) return false;
+    return plugin.isValidId(id);
+  }, [plugin, enabled, id]);
+  const fetchInfo = useCallback(async () => {
+    if (!plugin || !isValid) return;
+    setLoading(true);
+    setIsError(false);
+    try {
+      const data = await plugin.fetch(id, void 0, context);
+      setCardInfo(data);
+    } catch (err) {
+      console.error(`[LinkCard] Error fetching ${source || plugin.name} data:`, err);
+      setIsError(true);
+    } finally {
+      setLoading(false);
+    }
+  }, [context, plugin, isValid, id, source]);
+  const { ref } = useInView({
+    triggerOnce: true,
+    onChange(inView) {
+      if (!inView || !enabled) return;
+      fetchInfo();
+    }
+  });
+  return {
+    loading,
+    isError,
+    cardInfo,
+    fullUrl,
+    isValid,
+    ref
+  };
+}
+function LinkCardSkeleton({
+  source,
+  className
+}) {
+  const plugin = source ? pluginMap.get(source) : void 0;
+  const typeClass = plugin?.typeClass;
+  const typeStyleClass = typeClass ? typeCardModifier[typeClass] : "";
+  const typeSemanticClass = typeClass ? semanticTypeClassNames[typeClass] : "";
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-hide-print": true,
+      "data-source": source || void 0,
+      className: [
+        card,
+        semanticClassNames.card,
+        cardSkeleton,
+        semanticClassNames.cardSkeleton,
+        typeStyleClass,
+        typeSemanticClass,
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: `${image} ${semanticClassNames.image}` }),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: `${content} ${semanticClassNames.content}`,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: `${title} ${semanticClassNames.title}`, children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `${titleText} ${semanticClassNames.titleText}`
+                }
+              ) }),
+              /* @__PURE__ */ jsx("span", { className: `${desc} ${semanticClassNames.desc}` }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `${desc} ${semanticClassNames.desc} ${desc2} ${semanticClassNames.desc2}`
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function FallbackIcon({ favicon }) {
+  const [faviconFailed, setFaviconFailed] = useState(false);
+  return /* @__PURE__ */ jsx("span", { className: `${icon} ${semanticClassNames.icon}`, children: favicon && !faviconFailed ? /* @__PURE__ */ jsx("img", { alt: "", src: favicon, onError: () => setFaviconFailed(true) }) : /* @__PURE__ */ jsx(Globe, { "aria-hidden": "true" }) });
+}
+function mapSemanticClasses(classNames) {
+  if (!classNames) return "";
+  return classNames.split(/\s+/).filter(Boolean).map(
+    (cls) => semanticClassToStyle[cls] ? `${semanticClassToStyle[cls]} ${cls}` : cls
+  ).join(" ");
+}
+const LinkCardRenderer = (props) => {
+  const {
+    url,
+    title: title$1,
+    description,
+    favicon,
+    image: image$1,
+    source: explicitSource,
+    id: explicitId,
+    className,
+    plugins: extraPlugins,
+    fetchContext: fetchContextProp
+  } = props;
+  const contextValue = useLinkCardFetchContext();
+  const fetchContext = fetchContextProp ?? contextValue;
+  const mergedPlugins = useMemo(() => {
+    if (!extraPlugins || extraPlugins.length === 0) return plugins;
+    const map = new Map(plugins.map((p) => [p.name, p]));
+    for (const plugin of extraPlugins) {
+      map.set(plugin.name, plugin);
+    }
+    return [...map.values()].sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
+  }, [extraPlugins]);
+  const pluginMap2 = useMemo(
+    () => new Map(mergedPlugins.map((plugin) => [plugin.name, plugin])),
+    [mergedPlugins]
+  );
+  const urlMatch = useUrlMatcher(!explicitSource || !explicitId ? url : void 0, mergedPlugins);
+  const source = explicitSource || urlMatch?.plugin.name;
+  const id = explicitId || urlMatch?.match.id;
+  const matchedFullUrl = urlMatch?.match.fullUrl;
+  const useDynamicFetch = !!source && !!id;
+  const selectedPlugin = source ? pluginMap2.get(source) : void 0;
+  const { loading, isError, cardInfo, fullUrl, isValid, ref } = useCardFetcher({
+    source,
+    plugin: selectedPlugin,
+    id: id || "",
+    fallbackUrl: matchedFullUrl || url,
+    enabled: useDynamicFetch,
+    context: fetchContext
+  });
+  const typeClass = selectedPlugin?.typeClass;
+  const typeStyleClass = typeClass ? typeCardModifier[typeClass] : "";
+  const typeSemanticClass = typeClass ? semanticTypeClassNames[typeClass] : "";
+  const isErrorState = useDynamicFetch && isError;
+  const finalTitle = cardInfo?.title || title$1 || (isErrorState ? "" : url);
+  const finalDesc = cardInfo?.desc || description;
+  const finalImage = cardInfo?.image || image$1;
+  const finalColor = cardInfo?.color;
+  const classNames = cardInfo?.classNames || {};
+  const mappedCardRootClass = mapSemanticClasses(classNames.cardRoot);
+  const mappedImageClass = mapSemanticClasses(classNames.image);
+  const [shortDesc, setShortDesc] = useState(false);
+  const descRef = useRef(null);
+  useEffect(() => {
+    const el = descRef.current;
+    if (!el || !finalDesc) {
+      setShortDesc(false);
+      return;
+    }
+    const style = getComputedStyle(el);
+    const lineHeight = Number.parseFloat(style.lineHeight) || 1.5 * 14;
+    const maxTwoLines = lineHeight * 2;
+    setShortDesc(el.scrollHeight <= maxTwoLines + 1);
+  }, [finalDesc, finalTitle]);
+  if (useDynamicFetch && !isValid) {
+    return null;
+  }
+  if (useDynamicFetch && loading) {
+    return /* @__PURE__ */ jsx("a", { "data-hide-print": true, href: fullUrl, ref, rel: "noopener noreferrer", target: "_blank", children: /* @__PURE__ */ jsx(LinkCardSkeleton, { source }) });
+  }
+  const hasImage = !!finalImage;
+  const showImagePlaceholder = isErrorState && !hasImage;
+  const shouldCenterContent = !finalDesc || shortDesc;
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      "data-hide-print": true,
+      "data-source": source || void 0,
+      href: useDynamicFetch ? fullUrl : url,
+      ref: useDynamicFetch ? ref : void 0,
+      rel: "noopener noreferrer",
+      target: "_blank",
+      className: [
+        card,
+        semanticClassNames.card,
+        typeStyleClass,
+        typeSemanticClass,
+        shouldCenterContent && cardShortDesc,
+        shouldCenterContent && semanticClassNames.cardShortDesc,
+        useDynamicFetch && (loading || isError) && cardSkeleton,
+        useDynamicFetch && (loading || isError) && semanticClassNames.cardSkeleton,
+        useDynamicFetch && isError && cardError,
+        useDynamicFetch && isError && semanticClassNames.cardError,
+        "not-prose",
+        className,
+        mappedCardRootClass
+      ].filter(Boolean).join(" "),
+      style: {
+        borderColor: finalColor ? `${finalColor}30` : void 0
+      },
+      children: [
+        finalColor && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `${bg} ${semanticClassNames.bg}`,
+            style: {
+              backgroundColor: finalColor,
+              opacity: 0.04
+            }
+          }
+        ),
+        hasImage || showImagePlaceholder ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-image": finalImage || "",
+            className: [image, semanticClassNames.image, mappedImageClass].filter(Boolean).join(" "),
+            style: {
+              backgroundImage: finalImage ? `url(${finalImage})` : void 0
+            }
+          }
+        ) : /* @__PURE__ */ jsx(FallbackIcon, { favicon }),
+        /* @__PURE__ */ jsxs("span", { className: `${content} ${semanticClassNames.content}`, children: [
+          /* @__PURE__ */ jsx("span", { className: `${title} ${semanticClassNames.title}`, children: /* @__PURE__ */ jsx("span", { className: `${titleText} ${semanticClassNames.titleText}`, children: finalTitle }) }),
+          finalDesc && /* @__PURE__ */ jsx("span", { className: `${desc} ${semanticClassNames.desc}`, ref: descRef, children: finalDesc })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  semanticClassNames as A,
+  editPanel as B,
+  editUrlRow as C,
+  editLinkIcon as D,
+  editInput as E,
+  LanguageToColorMap as L,
+  LinkCardFetchProvider as a,
+  LinkCardRenderer as b,
+  LinkCardSkeleton as c,
+  arxivPlugin as d,
+  bangumiPlugin as e,
+  camelcaseKeys as f,
+  createMxSpacePlugin as g,
+  fetchGitHubApi as h,
+  fetchJsonWithContext as i,
+  generateColor as j,
+  getPluginByName as k,
+  githubCommitPlugin as l,
+  githubDiscussionPlugin as m,
+  githubIssuePlugin as n,
+  githubPrPlugin as o,
+  githubRepoPlugin as p,
+  leetcodePlugin as q,
+  matchUrl as r,
+  neteaseMusicPlugin as s,
+  pluginMap as t,
+  plugins as u,
+  qqMusicPlugin as v,
+  tmdbPlugin as w,
+  useLinkCardFetchContext as x,
+  useUrlMatcher as y,
+  editWrapper as z
+};