@windrun-huaiin/third-ui 3.2.2 → 3.3.1

package/dist/fuma/mdx/index.mjs

@@ -2721,8 +2721,167 @@ function TocFooter({ lastModified, showCopy, editPath, githubBaseUrl }) {
     showEdit && /* @__PURE__ */ jsx39(EditOnGitHub, { url: `${githubBaseUrl}${editPath}` })
   ] });
 }
+
+// src/fuma/mdx/fuma-banner-suit.tsx
+import { Banner } from "fumadocs-ui/components/banner";
+import { useTranslations } from "next-intl";
+import { jsx as jsx40 } from "react/jsx-runtime";
+function FumaBannerSuit({ showText }) {
+  const t = useTranslations("home");
+  return showText ? /* @__PURE__ */ jsx40(Banner, { variant: "rainbow", changeLayout: true, children: /* @__PURE__ */ jsx40("p", { className: "text-xl", children: t("banner") }) }) : /* @__PURE__ */ jsx40(Banner, { variant: "normal", changeLayout: true, className: "bg-white dark:bg-[rgb(10,10,10)]" });
+}
+
+// src/fuma/mdx/fuma-github-info.tsx
+import { useEffect as useEffect2, useState as useState4 } from "react";
+import { jsx as jsx41, jsxs as jsxs14 } from "react/jsx-runtime";
+function GitHubInfoSkeleton({ owner, repo, className }) {
+  return /* @__PURE__ */ jsxs14("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__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx41("div", { className: "size-3.5 bg-fd-muted rounded" }),
+      /* @__PURE__ */ jsx41("div", { className: "h-4 bg-fd-muted rounded w-20" })
+    ] }),
+    /* @__PURE__ */ jsx41("div", { className: "h-3 bg-fd-muted rounded w-8" })
+  ] });
+}
+function GitHubInfoFallback({ owner, repo, className }) {
+  return /* @__PURE__ */ jsxs14(
+    "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__ */ jsxs14("p", { className: "flex items-center gap-2 truncate", children: [
+          /* @__PURE__ */ jsxs14("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [
+            /* @__PURE__ */ jsx41("title", { children: "GitHub" }),
+            /* @__PURE__ */ jsx41("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__ */ jsxs14("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [
+          /* @__PURE__ */ jsx41(globalLucideIcons.ExternalLink, { className: "size-3" }),
+          "GitHub"
+        ] })
+      ]
+    }
+  );
+}
+function GitHubInfoSuccess({
+  owner,
+  repo,
+  stars,
+  className
+}) {
+  const humanizedStars = humanizeNumber(stars);
+  return /* @__PURE__ */ jsxs14(
+    "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__ */ jsxs14("p", { className: "flex items-center gap-2 truncate", children: [
+          /* @__PURE__ */ jsxs14("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [
+            /* @__PURE__ */ jsx41("title", { children: "GitHub" }),
+            /* @__PURE__ */ jsx41("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__ */ jsxs14("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [
+          /* @__PURE__ */ jsx41(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] = useState4(null);
+  const [loading, setLoading] = useState4(true);
+  const [error, setError] = useState4(null);
+  useEffect2(() => {
+    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__ */ jsx41(GitHubInfoSkeleton, { owner, repo, className });
+  }
+  if (error || !data) {
+    return /* @__PURE__ */ jsx41(GitHubInfoFallback, { owner, repo, className });
+  }
+  return /* @__PURE__ */ jsx41(
+    GitHubInfoSuccess,
+    {
+      owner,
+      repo,
+      stars: data.stargazers_count,
+      className
+    }
+  );
+}
 export {
   EditOnGitHub,
+  FumaBannerSuit,
+  FumaGithubInfo,
   GradientButton,
   ImageGrid,
   ImageZoom,