@wangjunjian/dsh-github-trending 0.1.0

package/lib/client.js

@@ -0,0 +1,595 @@
+window.__ModuleLoader__.load({
+	id: "@wangjunjian/dsh-github-trending",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react = require("react");
+		//#region lib/constants.js
+		/**
+		* Constants shared by the host half and the browser half of the plugin.
+		*
+		* The client bundle inlines this module (it is a local value import, not a
+		* `@deepseek-ai/*` import), so both halves always agree on these values.
+		*
+		* @module @wangjunjian/dsh-github-trending/constants
+		*/
+		/** Default background refresh interval: 4 hours. Also the panel polling interval. */
+		const DEFAULT_REFRESH_INTERVAL_MS = 144e5;
+		//#endregion
+		//#region \0dsh-css:/Users/junjian/GitHub/wang-junjian/dsh-github-trending/src/client/GithubTrendingPanel.module.css.mjs
+		const css = ".xbtn-q_overlayRoot{background:var(--dsw-bg-float);border-left:1px solid var(--dsw-alias-border-l2);z-index:100;pointer-events:auto;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.xbtn-q_railRoot{background:var(--dsw-bg-float);border:1px solid var(--dsw-alias-border-l2);z-index:100;pointer-events:auto;border-right:none;border-radius:10px 0 0 10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;padding:10px 4px;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.xbtn-q_railButton{width:36px;color:var(--dsw-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px 0;transition:background-color .15s,color .15s;display:flex}.xbtn-q_railButton:hover{background:var(--dsw-fill-hover);color:var(--dsw-text-link)}.xbtn-q_railLabel{font:var(--dsw-font-caption);writing-mode:vertical-rl;letter-spacing:.06em}.xbtn-q_resizeHandle{cursor:col-resize;z-index:1;width:8px;position:absolute;top:0;bottom:0;left:-4px}.xbtn-q_header{border-bottom:1px solid var(--dsw-border-subtle);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.xbtn-q_titleWrap{align-items:center;gap:8px;min-width:0;display:flex}.xbtn-q_titleIcon{color:var(--dsw-text-brand);flex:none}.xbtn-q_title{font:var(--dsw-font-title-2);color:var(--dsw-text-primary);margin:0;font-weight:700}.xbtn-q_cachedAt{font:var(--dsw-font-caption);color:var(--dsw-text-tertiary);white-space:nowrap;font-size:10px}.xbtn-q_footer{border-top:1px solid var(--dsw-border-subtle);flex:none;justify-content:flex-end;align-items:center;gap:12px;padding:6px 14px;display:flex}.xbtn-q_headerActions{align-items:center;gap:6px;display:flex}.xbtn-q_iconButton{width:28px;height:28px;color:var(--dsw-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex}.xbtn-q_iconButton:hover{background:var(--dsw-fill-hover);color:var(--dsw-text-primary)}.xbtn-q_iconButton:disabled{opacity:.5;cursor:not-allowed}.xbtn-q_spinning svg{animation:1s linear infinite xbtn-q_dshGithubTrendingSpin}@keyframes xbtn-q_dshGithubTrendingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.xbtn-q_sinceTabs{border-bottom:1px solid var(--dsw-border-subtle);flex:none;align-items:center;gap:6px;padding:10px 14px;display:flex}.xbtn-q_sinceTabGroup{flex:auto;align-items:center;gap:6px;display:flex}.xbtn-q_sinceTab,.xbtn-q_sinceTabActive{border:1px solid var(--dsw-border-default);background:var(--dsw-fill-input);height:30px;color:var(--dsw-text-secondary);font:var(--dsw-font-body-2);cursor:pointer;border-radius:8px;flex:1 1 0;padding:0 8px;transition:background-color .15s,color .15s,border-color .15s}.xbtn-q_sinceTab:hover{background:var(--dsw-fill-hover);color:var(--dsw-text-primary)}.xbtn-q_sinceTabActive{background:var(--dsw-fill-brand);border-color:var(--dsw-border-brand);color:var(--dsw-text-brand);font-weight:500}.xbtn-q_list{flex-direction:column;flex:auto;gap:8px;padding:8px 10px;display:flex;overflow:auto}.xbtn-q_card{border:1px solid var(--dsw-border-subtle);background:var(--dsw-bg-base);color:inherit;border-radius:10px;flex-direction:column;gap:6px;padding:10px;text-decoration:none;transition:border-color .15s;display:flex}.xbtn-q_card:hover{border-color:var(--dsw-border-brand)}.xbtn-q_cardHeader{align-items:center;gap:8px;min-width:0;display:flex}.xbtn-q_rank,.xbtn-q_rankGold,.xbtn-q_rankSilver,.xbtn-q_rankBronze{width:22px;height:22px;font:var(--dsw-font-caption);color:var(--dsw-text-tertiary);background:var(--dsw-fill-hover);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:flex}.xbtn-q_rankGold{color:#7c4a00;background:linear-gradient(135deg,gold,#ffb800)}.xbtn-q_rankSilver{color:#4a4a4a;background:linear-gradient(135deg,#e8e8e8,silver)}.xbtn-q_rankBronze{color:#5e3a18;background:linear-gradient(135deg,#f0a068,#cd7f32)}.xbtn-q_repoName{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--dsw-font-body-1);color:var(--dsw-text-primary);flex:auto;font-weight:500;overflow:hidden}.xbtn-q_card:hover .xbtn-q_repoName{color:var(--dsw-text-link)}.xbtn-q_description{-webkit-line-clamp:2;color:var(--dsw-text-tertiary);font:var(--dsw-font-caption);-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.xbtn-q_meta{color:var(--dsw-text-tertiary);font:var(--dsw-font-caption);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.xbtn-q_metaPill{background:var(--dsw-fill-hover);color:var(--dsw-text-tertiary);border-radius:10px;align-items:center;gap:4px;padding:1px 6px;display:inline-flex}.xbtn-q_metaDot{border-radius:50%;width:7px;height:7px}.xbtn-q_metaItem{align-items:center;gap:3px;display:inline-flex}.xbtn-q_metaToday{color:var(--dsw-text-success);font-weight:500}.xbtn-q_momentum{flex-direction:column;gap:4px;display:flex}.xbtn-q_momentumTrack{background:var(--dsw-fill-input);border:1px solid var(--dsw-border-subtle);border-radius:2.5px;height:5px;overflow:hidden}.xbtn-q_momentumFill{height:100%;transition:width .4s var(--ds-ease-in-out,ease);border-radius:2.5px}.xbtn-q_status{text-align:center;color:var(--dsw-text-secondary);font:var(--dsw-font-body-2);padding:24px 14px}";
+		const tagId = "@wangjunjian/dsh-github-trending/GithubTrendingPanel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@wangjunjian/dsh-github-trending";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var GithubTrendingPanel_module_css_default = {
+			"cachedAt": "xbtn-q_cachedAt",
+			"card": "xbtn-q_card",
+			"cardHeader": "xbtn-q_cardHeader",
+			"description": "xbtn-q_description",
+			"dshGithubTrendingSpin": "xbtn-q_dshGithubTrendingSpin",
+			"footer": "xbtn-q_footer",
+			"header": "xbtn-q_header",
+			"headerActions": "xbtn-q_headerActions",
+			"iconButton": "xbtn-q_iconButton",
+			"list": "xbtn-q_list",
+			"meta": "xbtn-q_meta",
+			"metaDot": "xbtn-q_metaDot",
+			"metaItem": "xbtn-q_metaItem",
+			"metaPill": "xbtn-q_metaPill",
+			"metaToday": "xbtn-q_metaToday",
+			"momentum": "xbtn-q_momentum",
+			"momentumFill": "xbtn-q_momentumFill",
+			"momentumTrack": "xbtn-q_momentumTrack",
+			"overlayRoot": "xbtn-q_overlayRoot",
+			"railButton": "xbtn-q_railButton",
+			"railLabel": "xbtn-q_railLabel",
+			"railRoot": "xbtn-q_railRoot",
+			"rank": "xbtn-q_rank",
+			"rankBronze": "xbtn-q_rankBronze",
+			"rankGold": "xbtn-q_rankGold",
+			"rankSilver": "xbtn-q_rankSilver",
+			"repoName": "xbtn-q_repoName",
+			"resizeHandle": "xbtn-q_resizeHandle",
+			"sinceTab": "xbtn-q_sinceTab",
+			"sinceTabActive": "xbtn-q_sinceTabActive",
+			"sinceTabGroup": "xbtn-q_sinceTabGroup",
+			"sinceTabs": "xbtn-q_sinceTabs",
+			"spinning": "xbtn-q_spinning",
+			"status": "xbtn-q_status",
+			"title": "xbtn-q_title",
+			"titleIcon": "xbtn-q_titleIcon",
+			"titleWrap": "xbtn-q_titleWrap"
+		};
+		//#endregion
+		//#region lib/client/store.js
+		/**
+		* Module-level store holding the overlay panel's UI state: open/closed,
+		* collapsed, selected time window, and width.
+		*
+		* @module @wangjunjian/dsh-github-trending/client/store
+		*/
+		const DEFAULT_STATE = {
+			open: true,
+			collapsed: false,
+			since: "daily",
+			width: 320
+		};
+		var PanelStore = class {
+			state = { ...DEFAULT_STATE };
+			listeners = /* @__PURE__ */ new Set();
+			subscribe(listener) {
+				this.listeners.add(listener);
+				return () => {
+					this.listeners.delete(listener);
+				};
+			}
+			getSnapshot() {
+				return this.state;
+			}
+			emit() {
+				for (const listener of this.listeners) listener();
+			}
+			setOpen(open) {
+				if (this.state.open === open) return;
+				this.state = {
+					...this.state,
+					open
+				};
+				this.emit();
+			}
+			setCollapsed(collapsed) {
+				if (this.state.collapsed === collapsed) return;
+				this.state = {
+					...this.state,
+					collapsed
+				};
+				this.emit();
+			}
+			toggleCollapsed() {
+				this.setCollapsed(!this.state.collapsed);
+			}
+			setSince(since) {
+				if (this.state.since === since) return;
+				this.state = {
+					...this.state,
+					since
+				};
+				this.emit();
+			}
+			setWidth(width) {
+				if (this.state.width === width) return;
+				this.state = {
+					...this.state,
+					width
+				};
+				this.emit();
+			}
+		};
+		/** Singleton panel store used by the overlay panel. */
+		const panelStore = new PanelStore();
+		//#endregion
+		//#region lib/client/GithubTrendingPanel.js
+		/**
+		* Fixed right-hand overlay panel that displays cached GitHub Trending data.
+		*
+		* The panel is designed to feel like a layout column: it is docked to the right
+		* edge, has its own scrollbar, can be collapsed to a narrow rail, and its width
+		* is resizable. Because external plugins cannot declare new AppFrame grid
+		* columns in this version of DSH, the panel lives in `shell.overlay`. To avoid
+		* covering the conversation, it pushes the center/details columns via a runtime
+		* CSS variable set on the AppFrame root.
+		*
+		* @module @wangjunjian/dsh-github-trending/client/GithubTrendingPanel
+		*/
+		const SINCE_OPTIONS = [
+			"daily",
+			"weekly",
+			"monthly"
+		];
+		/** Polling interval while the panel is expanded: matches the default host cache refresh interval. */
+		const POLL_INTERVAL_MS = DEFAULT_REFRESH_INTERVAL_MS;
+		function formatCachedAt(iso) {
+			if (iso === void 0) return "";
+			const date = new Date(iso);
+			if (Number.isNaN(date.getTime())) return "";
+			return `${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} ${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
+		}
+		/** Deterministic but lively color for each programming language. */
+		function languageColor(language) {
+			if (language === void 0) return "var(--dsw-text-tertiary)";
+			let hash = 0;
+			for (let i = 0; i < language.length; i++) hash = language.charCodeAt(i) + ((hash << 5) - hash);
+			return `hsl(${Math.abs(hash) % 360} 75% 58%)`;
+		}
+		function formatNumber(value) {
+			if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`;
+			if (value >= 1e3) return `${(value / 1e3).toFixed(1)}k`;
+			return value.toLocaleString();
+		}
+		const PUSH_CLASS = "dsh-github-trending-pushed";
+		const LAYOUT_STYLE_ID = "dsh-github-trending-layout";
+		/**
+		* Push the AppFrame center/details columns left by the panel width so the
+		* overlay panel does not cover the conversation. The style is injected once and
+		* the CSS variable is toggled on the frame element; no main-project code is
+		* modified.
+		* @param enabled - whether the panel is currently expanded.
+		* @param width - current panel width in pixels.
+		* @returns ref to attach to the panel root.
+		*/
+		function useLayoutPush(enabled, width) {
+			const rootRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				if (typeof document === "undefined") return;
+				let style = document.getElementById(LAYOUT_STYLE_ID);
+				if (style === null) {
+					style = document.createElement("style");
+					style.id = LAYOUT_STYLE_ID;
+					style.textContent = `
+        .${PUSH_CLASS} > div:nth-child(2),
+        .${PUSH_CLASS} > div:nth-child(3) {
+          margin-right: var(--dsh-github-trending-width, 0px) !important;
+          transition: margin-right var(--ds-transition-duration-slow, 0.2s) var(--ds-ease-in-out, ease);
+        }
+      `;
+					document.head.appendChild(style);
+				}
+				return () => {
+					style?.remove();
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				if (typeof document === "undefined") return;
+				const frame = (() => {
+					let el = rootRef.current;
+					while (el !== null) {
+						if (el.hasAttribute("data-shell-overlay")) return el.parentElement;
+						el = el.parentElement;
+					}
+					return document.querySelector("[data-shell-overlay]")?.parentElement ?? null;
+				})();
+				if (!(frame instanceof HTMLElement)) return;
+				if (enabled) {
+					frame.classList.add(PUSH_CLASS);
+					frame.style.setProperty("--dsh-github-trending-width", `${width}px`);
+				} else {
+					frame.classList.remove(PUSH_CLASS);
+					frame.style.removeProperty("--dsh-github-trending-width");
+				}
+			}, [enabled, width]);
+			return rootRef;
+		}
+		/**
+		* Render the right-hand overlay panel.
+		* @param props - panel props.
+		*/
+		function GithubTrendingPanel({ t }) {
+			const [state, setState] = (0, react.useState)(panelStore.getSnapshot());
+			const [entries, setEntries] = (0, react.useState)({
+				daily: void 0,
+				weekly: void 0,
+				monthly: void 0
+			});
+			const [loading, setLoading] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(false);
+			const resizeStart = (0, react.useRef)(void 0);
+			const rootRef = useLayoutPush(!state.collapsed, state.width);
+			(0, react.useEffect)(() => panelStore.subscribe(() => {
+				setState(panelStore.getSnapshot());
+			}), []);
+			const currentEntry = entries[state.since];
+			const fetchEntry = (0, react.useCallback)(async (since, refresh = false) => {
+				const params = new URLSearchParams({ since });
+				if (refresh) params.set("refresh", "1");
+				const response = await fetch(`/github-trending?${params.toString()}`, { headers: { Accept: "application/json" } });
+				if (!response.ok) throw new Error(`HTTP ${response.status}`);
+				return await response.json();
+			}, []);
+			const load = (0, react.useCallback)(async (refresh = false) => {
+				setLoading(true);
+				setError(false);
+				try {
+					if (refresh) {
+						const data = await fetchEntry(state.since, true);
+						setEntries((prev) => ({
+							...prev,
+							[state.since]: data
+						}));
+						const otherSince = [
+							"daily",
+							"weekly",
+							"monthly"
+						].filter((s) => s !== state.since);
+						const others = await Promise.all(otherSince.map(async (since) => {
+							return {
+								since,
+								entry: await fetchEntry(since, false)
+							};
+						}));
+						setEntries((prev) => {
+							const next = { ...prev };
+							for (const { since, entry } of others) next[since] = entry;
+							return next;
+						});
+					} else {
+						const data = await fetchEntry(state.since, false);
+						setEntries((prev) => ({
+							...prev,
+							[state.since]: data
+						}));
+					}
+				} catch {
+					setError(true);
+				} finally {
+					setLoading(false);
+				}
+			}, [state.since, fetchEntry]);
+			(0, react.useEffect)(() => {
+				if (!state.open || state.collapsed) return;
+				if (entries[state.since] !== void 0) return;
+				load(false);
+			}, [
+				state.open,
+				state.collapsed,
+				state.since,
+				entries,
+				load
+			]);
+			(0, react.useEffect)(() => {
+				if (!state.open || state.collapsed) return;
+				const interval = setInterval(() => {
+					load(false);
+				}, POLL_INTERVAL_MS);
+				return () => {
+					clearInterval(interval);
+				};
+			}, [
+				state.open,
+				state.collapsed,
+				load
+			]);
+			const onResizeStart = (0, react.useCallback)((event) => {
+				resizeStart.current = {
+					x: event.clientX,
+					width: state.width
+				};
+				event.currentTarget.setPointerCapture(event.pointerId);
+			}, [state.width]);
+			const onResizeMove = (0, react.useCallback)((event) => {
+				if (resizeStart.current === void 0) return;
+				const dx = resizeStart.current.x - event.clientX;
+				panelStore.setWidth(Math.max(260, Math.min(720, resizeStart.current.width + dx)));
+			}, []);
+			const onResizeEnd = (0, react.useCallback)((event) => {
+				if (resizeStart.current === void 0) return;
+				event.currentTarget.releasePointerCapture(event.pointerId);
+				resizeStart.current = void 0;
+			}, []);
+			const sinceTabs = (0, react.useMemo)(() => SINCE_OPTIONS.map((value) => ({
+				value,
+				label: t(`panel.${value}`)
+			})), [t]);
+			const maxMomentum = (0, react.useMemo)(() => {
+				if (currentEntry === void 0 || currentEntry.repositories.length === 0) return 0;
+				return Math.max(...currentEntry.repositories.map((repo) => repo.starsToday));
+			}, [currentEntry]);
+			if (!state.open) return null;
+			if (state.collapsed) return (0, react_jsx_runtime.jsx)("div", {
+				ref: rootRef,
+				className: GithubTrendingPanel_module_css_default.railRoot,
+				children: (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: GithubTrendingPanel_module_css_default.railButton,
+					onClick: () => {
+						panelStore.setCollapsed(false);
+					},
+					"aria-label": t("action.label"),
+					title: t("action.label"),
+					children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSparkle16, { size: 18 }), (0, react_jsx_runtime.jsx)("span", {
+						className: GithubTrendingPanel_module_css_default.railLabel,
+						children: t("action.label")
+					})]
+				})
+			});
+			return (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
+				className: GithubTrendingPanel_module_css_default.overlayRoot,
+				style: { width: state.width },
+				children: [
+					(0, react_jsx_runtime.jsx)("div", {
+						className: GithubTrendingPanel_module_css_default.resizeHandle,
+						onPointerDown: onResizeStart,
+						onPointerMove: onResizeMove,
+						onPointerUp: onResizeEnd
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: GithubTrendingPanel_module_css_default.header,
+						children: [(0, react_jsx_runtime.jsxs)("div", {
+							className: GithubTrendingPanel_module_css_default.titleWrap,
+							children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconSparkle16, {
+								size: 18,
+								className: GithubTrendingPanel_module_css_default.titleIcon
+							}), (0, react_jsx_runtime.jsx)("h3", {
+								className: GithubTrendingPanel_module_css_default.title,
+								children: t("panel.title")
+							})]
+						}), (0, react_jsx_runtime.jsxs)("div", {
+							className: GithubTrendingPanel_module_css_default.headerActions,
+							children: [(0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: `${GithubTrendingPanel_module_css_default.iconButton} ${loading ? GithubTrendingPanel_module_css_default.spinning : ""}`,
+								onClick: () => {
+									load(true);
+								},
+								disabled: loading,
+								"aria-label": t("panel.refresh"),
+								title: t("panel.refresh"),
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline16, { size: 16 })
+							}), (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: GithubTrendingPanel_module_css_default.iconButton,
+								onClick: () => {
+									panelStore.setCollapsed(true);
+								},
+								"aria-label": t("panel.collapse"),
+								title: t("panel.collapse"),
+								children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, { size: 14 })
+							})]
+						})]
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: GithubTrendingPanel_module_css_default.sinceTabs,
+						children: (0, react_jsx_runtime.jsx)("div", {
+							className: GithubTrendingPanel_module_css_default.sinceTabGroup,
+							children: sinceTabs.map((tab) => (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: state.since === tab.value ? GithubTrendingPanel_module_css_default.sinceTabActive : GithubTrendingPanel_module_css_default.sinceTab,
+								onClick: () => {
+									panelStore.setSince(tab.value);
+								},
+								"aria-pressed": state.since === tab.value,
+								children: tab.label
+							}, tab.value))
+						})
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: GithubTrendingPanel_module_css_default.list,
+						children: [
+							currentEntry === void 0 && loading && (0, react_jsx_runtime.jsx)("div", {
+								className: GithubTrendingPanel_module_css_default.status,
+								children: t("panel.loading")
+							}),
+							currentEntry === void 0 && !loading && error && (0, react_jsx_runtime.jsx)("div", {
+								className: GithubTrendingPanel_module_css_default.status,
+								children: t("panel.error")
+							}),
+							currentEntry?.repositories.length === 0 && (0, react_jsx_runtime.jsx)("div", {
+								className: GithubTrendingPanel_module_css_default.status,
+								children: t("panel.empty")
+							}),
+							currentEntry?.repositories.map((repo) => {
+								const momentum = maxMomentum > 0 ? repo.starsToday / maxMomentum * 100 : 0;
+								const langColor = languageColor(repo.language);
+								const rankClass = repo.rank === 1 ? GithubTrendingPanel_module_css_default.rankGold : repo.rank === 2 ? GithubTrendingPanel_module_css_default.rankSilver : repo.rank === 3 ? GithubTrendingPanel_module_css_default.rankBronze : GithubTrendingPanel_module_css_default.rank;
+								return (0, react_jsx_runtime.jsxs)("a", {
+									href: repo.url,
+									target: "_blank",
+									rel: "noreferrer",
+									className: GithubTrendingPanel_module_css_default.card,
+									title: repo.fullName,
+									children: [
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: GithubTrendingPanel_module_css_default.cardHeader,
+											children: [(0, react_jsx_runtime.jsx)("span", {
+												className: rankClass,
+												children: repo.rank
+											}), (0, react_jsx_runtime.jsx)("span", {
+												className: GithubTrendingPanel_module_css_default.repoName,
+												children: repo.fullName
+											})]
+										}),
+										repo.description !== void 0 && repo.description !== "" && (0, react_jsx_runtime.jsx)("div", {
+											className: GithubTrendingPanel_module_css_default.description,
+											children: repo.description
+										}),
+										(0, react_jsx_runtime.jsxs)("div", {
+											className: GithubTrendingPanel_module_css_default.meta,
+											children: [
+												repo.language !== void 0 && repo.language !== "" && (0, react_jsx_runtime.jsxs)("span", {
+													className: GithubTrendingPanel_module_css_default.metaPill,
+													children: [(0, react_jsx_runtime.jsx)("span", {
+														className: GithubTrendingPanel_module_css_default.metaDot,
+														style: { background: langColor }
+													}), repo.language]
+												}),
+												repo.stars > 0 && (0, react_jsx_runtime.jsxs)("span", {
+													className: GithubTrendingPanel_module_css_default.metaItem,
+													children: ["★ ", formatNumber(repo.stars)]
+												}),
+												repo.forks > 0 && (0, react_jsx_runtime.jsxs)("span", {
+													className: GithubTrendingPanel_module_css_default.metaItem,
+													children: ["⑂ ", formatNumber(repo.forks)]
+												}),
+												repo.starsToday > 0 && (0, react_jsx_runtime.jsxs)("span", {
+													className: `${GithubTrendingPanel_module_css_default.metaItem} ${GithubTrendingPanel_module_css_default.metaToday}`,
+													children: ["+", formatNumber(repo.starsToday)]
+												})
+											]
+										}),
+										(0, react_jsx_runtime.jsx)("div", {
+											className: GithubTrendingPanel_module_css_default.momentum,
+											children: (0, react_jsx_runtime.jsx)("div", {
+												className: GithubTrendingPanel_module_css_default.momentumTrack,
+												children: (0, react_jsx_runtime.jsx)("div", {
+													className: GithubTrendingPanel_module_css_default.momentumFill,
+													style: {
+														width: `${momentum}%`,
+														background: langColor
+													}
+												})
+											})
+										})
+									]
+								}, repo.fullName);
+							})
+						]
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: GithubTrendingPanel_module_css_default.footer,
+						children: (0, react_jsx_runtime.jsx)("span", {
+							className: GithubTrendingPanel_module_css_default.cachedAt,
+							children: currentEntry?.cachedAt !== void 0 ? `${t("panel.cachedAt")} ${formatCachedAt(currentEntry.cachedAt)}` : ""
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/client/locales.js
+		/**
+		* Locale strings for the GitHub Trending sidebar action.
+		*
+		* @module @wangjunjian/dsh-github-trending/client/locales
+		*/
+		const en = {
+			"action.label": "Trending",
+			"action.close": "Close",
+			"panel.title": "GitHub Trending",
+			"panel.daily": "Daily",
+			"panel.weekly": "Weekly",
+			"panel.monthly": "Monthly",
+			"panel.refresh": "Refresh",
+			"panel.loading": "Loading…",
+			"panel.empty": "No trending repositories found.",
+			"panel.error": "Failed to load trending repositories.",
+			"panel.cachedAt": "Updated",
+			"panel.autoRefresh": "Auto",
+			"panel.collapse": "Collapse",
+			"repo.stars": "stars",
+			"repo.forks": "forks",
+			"repo.today": "today"
+		};
+		const zh = {
+			"action.label": "趋势",
+			"action.close": "关闭",
+			"panel.title": "GitHub 趋势",
+			"panel.daily": "今日",
+			"panel.weekly": "本周",
+			"panel.monthly": "本月",
+			"panel.refresh": "刷新",
+			"panel.loading": "加载中…",
+			"panel.empty": "没有找到趋势仓库。",
+			"panel.error": "加载趋势仓库失败。",
+			"panel.cachedAt": "更新于",
+			"panel.autoRefresh": "自动",
+			"panel.collapse": "收起",
+			"repo.stars": "星标",
+			"repo.forks": "分支",
+			"repo.today": "今日"
+		};
+		//#endregion
+		//#region lib/client/index.js
+		/**
+		* Browser half of the GitHub Trending plugin.
+		*
+		* Registers a `shell.overlay` entry that renders the right-hand trending panel.
+		* The panel is shown by default so no sidebar trigger is needed.
+		*
+		* @module @wangjunjian/dsh-github-trending/client
+		*/
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "github-trending";
+		/** Required client services. */
+		const inject = ["slots", "locale"];
+		/**
+		* Register the GitHub Trending right-hand overlay panel.
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "github-trending: dictionaries");
+			ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+				name: "shell.overlay",
+				id: "github-trending-panel",
+				order: 20,
+				locale: NS
+			}, GithubTrendingPanel));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map

package/lib/constants.js

@@ -0,0 +1,11 @@
+/**
+ * Constants shared by the host half and the browser half of the plugin.
+ *
+ * The client bundle inlines this module (it is a local value import, not a
+ * `@deepseek-ai/*` import), so both halves always agree on these values.
+ *
+ * @module @wangjunjian/dsh-github-trending/constants
+ */
+/** Default background refresh interval: 4 hours. Also the panel polling interval. */
+export const DEFAULT_REFRESH_INTERVAL_MS = 4 * 60 * 60 * 1000;
+//# sourceMappingURL=constants.js.map