@windrun-huaiin/third-ui 3.2.2 → 3.3.1

package/dist/fuma/mdx/index.d.mts

@@ -91,4 +91,26 @@ declare function LastUpdatedDate({ date }: {
     date: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
-export { EditOnGitHub, GradientButton, ImageGrid, ImageZoom, type ImageZoomProps, LLMCopyButton, LastUpdatedDate, Mermaid, TocFooter, TrophyCard, ZiaCard, type ZiaCardProps };
+declare function FumaBannerSuit({ showText }: {
+    showText: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+interface FumaGithubInfoProps {
+    owner: string;
+    repo: string;
+    token?: string;
+    className?: string;
+}
+/**
+ * GitHub repository information component with graceful fallback
+ *
+ * Features:
+ * - 🛡️ Client-side rendering, avoiding server-side network issues
+ * - ⏱️ 5 second timeout control
+ * - 🎯 Graceful fallback: display basic link when network fails
+ * - 🎨 Three states: loading, success, error
+ * - 💯 Not affected by network issues causing page crashes
+ */
+declare function FumaGithubInfo({ owner, repo, token, className }: FumaGithubInfoProps): react_jsx_runtime.JSX.Element;
+
+export { EditOnGitHub, FumaBannerSuit, FumaGithubInfo, GradientButton, ImageGrid, ImageZoom, type ImageZoomProps, LLMCopyButton, LastUpdatedDate, Mermaid, TocFooter, TrophyCard, ZiaCard, type ZiaCardProps };

package/dist/fuma/mdx/index.d.ts

@@ -91,4 +91,26 @@ declare function LastUpdatedDate({ date }: {
     date: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
-export { EditOnGitHub, GradientButton, ImageGrid, ImageZoom, type ImageZoomProps, LLMCopyButton, LastUpdatedDate, Mermaid, TocFooter, TrophyCard, ZiaCard, type ZiaCardProps };
+declare function FumaBannerSuit({ showText }: {
+    showText: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+interface FumaGithubInfoProps {
+    owner: string;
+    repo: string;
+    token?: string;
+    className?: string;
+}
+/**
+ * GitHub repository information component with graceful fallback
+ *
+ * Features:
+ * - 🛡️ Client-side rendering, avoiding server-side network issues
+ * - ⏱️ 5 second timeout control
+ * - 🎯 Graceful fallback: display basic link when network fails
+ * - 🎨 Three states: loading, success, error
+ * - 💯 Not affected by network issues causing page crashes
+ */
+declare function FumaGithubInfo({ owner, repo, token, className }: FumaGithubInfoProps): react_jsx_runtime.JSX.Element;
+
+export { EditOnGitHub, FumaBannerSuit, FumaGithubInfo, GradientButton, ImageGrid, ImageZoom, type ImageZoomProps, LLMCopyButton, LastUpdatedDate, Mermaid, TocFooter, TrophyCard, ZiaCard, type ZiaCardProps };

package/dist/fuma/mdx/index.js

@@ -1,5 +1,5 @@
-"use client";
 "use strict";
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -81,6 +81,8 @@ var __async = (__this, __arguments, generator) => {
 var mdx_exports = {};
 __export(mdx_exports, {
   EditOnGitHub: () => EditOnGitHub,
+  FumaBannerSuit: () => FumaBannerSuit,
+  FumaGithubInfo: () => FumaGithubInfo,
   GradientButton: () => GradientButton,
   ImageGrid: () => ImageGrid,
   ImageZoom: () => ImageZoom,
@@ -2759,9 +2761,168 @@ function TocFooter({ lastModified, showCopy, editPath, githubBaseUrl }) {
     showEdit && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(EditOnGitHub, { url: `${githubBaseUrl}${editPath}` })
   ] });
 }
+
+// src/fuma/mdx/fuma-banner-suit.tsx
+var import_banner = require("fumadocs-ui/components/banner");
+var import_next_intl = require("next-intl");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+function FumaBannerSuit({ showText }) {
+  const t = (0, import_next_intl.useTranslations)("home");
+  return showText ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_banner.Banner, { variant: "rainbow", changeLayout: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-xl", children: t("banner") }) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_banner.Banner, { variant: "normal", changeLayout: true, className: "bg-white dark:bg-[rgb(10,10,10)]" });
+}
+
+// src/fuma/mdx/fuma-github-info.tsx
+var import_react36 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+function GitHubInfoSkeleton({ owner, repo, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: `flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 lg:flex-row lg:items-center animate-pulse ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "size-3.5 bg-fd-muted rounded" }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-4 bg-fd-muted rounded w-20" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "h-3 bg-fd-muted rounded w-8" })
+  ] });
+}
+function GitHubInfoFallback({ owner, repo, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    "a",
+    {
+      href: `https://github.com/${owner}/${repo}`,
+      rel: "noreferrer noopener",
+      target: "_blank",
+      className: `flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 transition-colors lg:flex-row lg:items-center hover:text-fd-accent-foreground hover:bg-fd-accent ${className}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "flex items-center gap-2 truncate", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: "GitHub" }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })
+          ] }),
+          owner,
+          "/",
+          repo
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(globalLucideIcons.ExternalLink, { className: "size-3" }),
+          "GitHub"
+        ] })
+      ]
+    }
+  );
+}
+function GitHubInfoSuccess({
+  owner,
+  repo,
+  stars,
+  className
+}) {
+  const humanizedStars = humanizeNumber(stars);
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    "a",
+    {
+      href: `https://github.com/${owner}/${repo}`,
+      rel: "noreferrer noopener",
+      target: "_blank",
+      className: `flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 transition-colors lg:flex-row lg:items-center hover:text-fd-accent-foreground hover:bg-fd-accent ${className}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "flex items-center gap-2 truncate", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: "GitHub" }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })
+          ] }),
+          owner,
+          "/",
+          repo
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(globalLucideIcons.Star, { className: "size-3" }),
+          humanizedStars
+        ] })
+      ]
+    }
+  );
+}
+function humanizeNumber(num) {
+  if (num < 1e3) {
+    return num.toString();
+  }
+  if (num < 1e5) {
+    const value = (num / 1e3).toFixed(1);
+    const formattedValue = value.endsWith(".0") ? value.slice(0, -2) : value;
+    return `${formattedValue}K`;
+  }
+  if (num < 1e6) {
+    return `${Math.floor(num / 1e3)}K`;
+  }
+  return num.toString();
+}
+function FumaGithubInfo({ owner, repo, token, className }) {
+  const [data, setData] = (0, import_react36.useState)(null);
+  const [loading, setLoading] = (0, import_react36.useState)(true);
+  const [error, setError] = (0, import_react36.useState)(null);
+  (0, import_react36.useEffect)(() => {
+    const fetchRepoData = () => __async(null, null, function* () {
+      try {
+        setLoading(true);
+        setError(null);
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 5e3);
+        const headers = new Headers({
+          "Accept": "application/vnd.github.v3+json"
+        });
+        if (token) {
+          headers.set("Authorization", `Bearer ${token}`);
+        }
+        const response = yield fetch(`https://api.github.com/repos/${owner}/${repo}`, {
+          signal: controller.signal,
+          headers
+        });
+        clearTimeout(timeoutId);
+        if (!response.ok) {
+          throw new Error(`GitHub API response error: ${response.status}`);
+        }
+        const repoData = yield response.json();
+        setData({
+          stargazers_count: repoData.stargazers_count,
+          forks_count: repoData.forks_count
+        });
+      } catch (err) {
+        console.warn("GitHub API call failed:", err);
+        if (err instanceof Error) {
+          if (err.name === "AbortError") {
+            setError("Request timeout");
+          } else {
+            setError("Failed to get repository information");
+          }
+        } else {
+          setError("Unknown error");
+        }
+      } finally {
+        setLoading(false);
+      }
+    });
+    fetchRepoData();
+  }, [owner, repo, token]);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(GitHubInfoSkeleton, { owner, repo, className });
+  }
+  if (error || !data) {
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(GitHubInfoFallback, { owner, repo, className });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    GitHubInfoSuccess,
+    {
+      owner,
+      repo,
+      stars: data.stargazers_count,
+      className
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   EditOnGitHub,
+  FumaBannerSuit,
+  FumaGithubInfo,
   GradientButton,
   ImageGrid,
   ImageZoom,