@haklex/rich-renderer-linkcard 0.1.1 → 0.2.0

package/dist/LinkCardRenderer-DqaMJub3.js

@@ -0,0 +1,1330 @@
+import { Globe, Star } from "lucide-react";
+import { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { vars } from "@haklex/rich-style-token";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useInView } from "react-intersection-observer";
+//#region src/plugins/academic/arxiv.tsx
+var 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 text = await (await fetch(`https://export.arxiv.org/api/query?id_list=${id}`)).text();
+		const entry = new DOMParser().parseFromString(text, "application/xml").getElementsByTagName("entry")[0];
+		const title = 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: title
+				}), /* @__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]
+		};
+	}
+};
+//#endregion
+//#region src/utils.ts
+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) {
+	return fetchJsonWithContext(`https://api.github.com${url.replace("https://api.github.com", "")}`, context, "github");
+}
+var 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"
+};
+var bangumiTypeMap = {
+	subject: "subjects",
+	character: "characters",
+	person: "persons"
+};
+var 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;
+	return hslToHex(Math.abs(hash) % 360, saturation[0] + Math.abs(hash >> 8) % sRange, lightness[0] + Math.abs(hash >> 16) % lRange);
+}
+function stripMarkdown(text) {
+	return text.replaceAll(/!\[[^\]]*\]\([^)]*\)/g, "").replaceAll(/\[([^\]]*)\]\([^)]*\)/g, "$1").replaceAll(/[#*>_`~]/g, "").replaceAll(/\n+/g, " ").trim();
+}
+//#endregion
+//#region src/plugins/code/leetcode.tsx
+function getDifficultyColor(difficulty) {
+	switch (difficulty) {
+		case "Easy": return "#00BFA5";
+		case "Medium": return "#FFA726";
+		case "Hard": return "#F44336";
+		default: return "#757575";
+	}
+}
+var 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 questionTitleData = camelcaseKeys((await fetchJsonWithContext("https://leetcode.cn/graphql/", context, "leetcode", {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({
+				query: `query questionData($titleSlug: String!) {\n  question(titleSlug: $titleSlug) {translatedTitle\n   difficulty\n    likes\n     topicTags { translatedName\n }\n    stats\n  }\n}\n`,
+				variables: { titleSlug: id }
+			})
+		})).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)
+		};
+	}
+};
+//#endregion
+//#region src/plugins/github/commit.tsx
+var 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 data = camelcaseKeys(await fetchGitHubApi(`https://api.github.com/repos/${owner}/${repo}/commits/${commitId}`, context));
+		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: .8
+						},
+						children: [
+							owner,
+							"/",
+							repo
+						]
+					})
+				]
+			}),
+			image: data.author?.avatarUrl
+		};
+	}
+};
+//#endregion
+//#region src/plugins/github/discussion.tsx
+var 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 data = camelcaseKeys(await fetchGitHubApi(`https://api.github.com/repos/${owner}/${repo}/discussions/${discussionNumber}`, context));
+		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: .8
+					},
+					children: [
+						"#",
+						discussionNumber,
+						" · ",
+						owner,
+						"/",
+						repo
+					]
+				})]
+			}),
+			image: data.user?.avatarUrl
+		};
+	}
+};
+//#endregion
+//#region src/plugins/github/issue.tsx
+var stateColors = {
+	open: "#238636",
+	closed: "#f85149"
+};
+var stateTextMap$1 = {
+	open: "Open",
+	closed: "Closed"
+};
+var 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 data = camelcaseKeys(await fetchGitHubApi(`https://api.github.com/repos/${owner}/${repo}/issues/${issueNumber}`, context));
+		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: .8
+					},
+					children: [
+						"#",
+						issueNumber,
+						" · ",
+						owner,
+						"/",
+						repo
+					]
+				})]
+			}),
+			image: data.user?.avatarUrl
+		};
+	}
+};
+//#endregion
+//#region src/plugins/github/pr.tsx
+var getPrState = (data) => {
+	if (data.merged) return "merged";
+	return data.state;
+};
+var stateColorMap = {
+	open: "#238636",
+	merged: "#8957e5",
+	closed: "#f85149"
+};
+var stateTextMap = {
+	open: "Open",
+	merged: "Merged",
+	closed: "Closed"
+};
+var 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 data = camelcaseKeys(await fetchGitHubApi(`https://api.github.com/repos/${owner}/${repo}/pulls/${prNumber}`, context));
+		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: .8
+						},
+						children: [
+							owner,
+							"/",
+							repo
+						]
+					})
+				]
+			}),
+			image: data.user.avatarUrl
+		};
+	}
+};
+//#endregion
+//#region src/plugins/github/repo.tsx
+function formatStargazers(n) {
+	return n.toLocaleString("en-US");
+}
+var 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 data = camelcaseKeys(await fetchGitHubApi(`https://api.github.com/repos/${owner}/${repo}`, context));
+		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()]
+		};
+	}
+};
+//#endregion
+//#region src/plugins/media/bangumi.tsx
+var 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 title = "";
+		let originalTitle = "";
+		if (type === "subject") if (json.name_cn && json.name_cn !== json.name && json.name_cn !== "") {
+			title = json.name_cn;
+			originalTitle = json.name;
+		} else {
+			title = json.name;
+			originalTitle = json.name;
+		}
+		else if (type === "character" || type === "person") {
+			const { infobox } = json;
+			infobox.forEach((item) => {
+				if (item.key === "简体中文名") title = typeof item.value === "string" ? item.value : item.value[0].v;
+				else if (item.key === "别名") {
+					item.value.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: title }),
+					title !== originalTitle && /* @__PURE__ */ jsxs("span", {
+						style: {
+							fontSize: vars.typography.fontSizeMd,
+							opacity: .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(title),
+			classNames: {
+				image: "link-card__image--poster",
+				cardRoot: "link-card--poster"
+			}
+		};
+	}
+};
+//#endregion
+//#region src/plugins/media/netease-music.tsx
+var 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 id = new URL(urlString).searchParams.get("id");
+		if (!id) return null;
+		return {
+			id,
+			fullUrl: url.toString()
+		};
+	},
+	isValidId(id) {
+		return id.length > 0;
+	},
+	async fetch(id, _meta, context) {
+		const songInfo = (await fetchJsonWithContext(`https://music.163.com/song/${id}`, context, "netease-music")).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: "#a3a3a3"
+				},
+				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"
+		};
+	}
+};
+//#endregion
+//#region src/plugins/media/qq-music.tsx
+var 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 songInfo = (await fetchJsonWithContext(`https://y.qq.com/song/${id}`, context, "qq-music")).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: "#a3a3a3"
+				},
+				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"
+		};
+	}
+};
+//#endregion
+//#region src/plugins/media/tmdb.tsx
+var TMDB_LANGUAGE_BY_LOCALE = {
+	zh: "zh-CN",
+	en: "en-US",
+	ja: "ja-JP"
+};
+var 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";
+};
+var 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;
+		if (!["tv", "movie"].includes(type) || !realId) return null;
+		return {
+			id: `${type}/${realId}`,
+			fullUrl: url.toString(),
+			meta: { type }
+		};
+	},
+	isValidId(id) {
+		const [type, realId] = id.split("/");
+		return ["tv", "movie"].includes(type) && realId?.length > 0;
+	},
+	async fetch(id, _meta, context) {
+		const [type, realId] = id.split("/");
+		const json = await fetchJsonWithContext(`https://api.themoviedb.org/3/${type}/${realId}?language=${TMDB_LANGUAGE_BY_LOCALE[getCurrentLocale()] || (typeof navigator !== "undefined" ? navigator.language : "en-US") || "en-US"}`, context, "tmdb");
+		const title = 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: title }),
+					title !== originalTitle && /* @__PURE__ */ jsxs("span", {
+						style: {
+							fontSize: vars.typography.fontSizeMd,
+							opacity: .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(title || originalTitle || id),
+			classNames: {
+				image: "link-card__image--poster",
+				cardRoot: "link-card--poster"
+			}
+		};
+	}
+};
+//#endregion
+//#region src/plugins/self/mx-space.tsx
+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
+			};
+		}
+	};
+}
+//#endregion
+//#region src/plugins/index.ts
+var 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);
+}
+var pluginMap = new Map(plugins.map((p) => [p.name, p]));
+//#endregion
+//#region src/hooks/useUrlMatcher.ts
+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]);
+}
+//#endregion
+//#region src/styles.css.ts
+var semanticClassNames = {
+	card: "link-card",
+	cardShortDesc: "link-card--short-desc",
+	cardSkeleton: "link-card--skeleton",
+	cardError: "link-card--error",
+	cardPoster: "link-card--poster",
+	cardWide: "link-card--wide",
+	cardMedia: "link-card--media",
+	cardGithub: "link-card--github",
+	cardAcademic: "link-card--academic",
+	bg: "link-card__bg",
+	image: "link-card__image",
+	imagePoster: "link-card__image--poster",
+	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 image = "_13weebv3";
+var icon = "_13weebv5";
+var content = "_13weebv6";
+var title = "_13weebv7";
+var titleText = "_13weebv8";
+var desc = "_13weebv9";
+var desc2 = "_13weebva";
+var cardSkeleton = "_13weebvg";
+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"
+};
+//#endregion
+//#region src/FetchContext.tsx
+var ctx = createContext(void 0);
+var LinkCardFetchProvider = ctx.Provider;
+function useLinkCardFetchContext() {
+	return use(ctx);
+}
+//#endregion
+//#region src/hooks/useCardFetcher.ts
+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 {
+			setCardInfo(await plugin.fetch(id, void 0, context));
+		} 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
+	};
+}
+//#endregion
+//#region src/LinkCardSkeleton.tsx
+function LinkCardSkeleton({ source, className }) {
+	const typeClass = (source ? pluginMap.get(source) : void 0)?.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}` })
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/LinkCardRenderer.tsx
+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(" ");
+}
+var 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 pluginMap = 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 ? pluginMap.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 maxTwoLines = (Number.parseFloat(style.lineHeight) || 1.5 * 14) * 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 && "_13weebv1",
+			shouldCenterContent && semanticClassNames.cardShortDesc,
+			useDynamicFetch && (loading || isError) && "_13weebvg",
+			useDynamicFetch && (loading || isError) && semanticClassNames.cardSkeleton,
+			useDynamicFetch && isError && "_13weebvi",
+			useDynamicFetch && isError && semanticClassNames.cardError,
+			"not-prose",
+			className,
+			mappedCardRootClass
+		].filter(Boolean).join(" "),
+		style: { borderColor: finalColor ? `${finalColor}30` : void 0 },
+		children: [
+			finalColor && /* @__PURE__ */ jsx("div", {
+				className: `_13weebv2 ${semanticClassNames.bg}`,
+				style: {
+					backgroundColor: finalColor,
+					opacity: .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: `_13weebv9 ${semanticClassNames.desc}`,
+					ref: descRef,
+					children: finalDesc
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { fetchJsonWithContext as A, githubIssuePlugin as C, LanguageToColorMap as D, leetcodePlugin as E, arxivPlugin as M, camelcaseKeys as O, githubPrPlugin as S, githubCommitPlugin as T, tmdbPlugin as _, editInput as a, bangumiPlugin as b, editUrlRow as c, matchUrl as d, useUrlMatcher as f, createMxSpacePlugin as g, plugins as h, useLinkCardFetchContext as i, generateColor as j, fetchGitHubApi as k, editWrapper as l, pluginMap as m, LinkCardSkeleton as n, editLinkIcon as o, getPluginByName as p, LinkCardFetchProvider as r, editPanel as s, LinkCardRenderer as t, semanticClassNames as u, qqMusicPlugin as v, githubDiscussionPlugin as w, githubRepoPlugin as x, neteaseMusicPlugin as y };