@windrun-huaiin/third-ui 31.0.0 → 31.0.1

package/dist/fuma/mdx/fuma-github-info.d.ts

@@ -1,7 +1,6 @@
 interface FumaGithubInfoProps {
     owner: string;
     repo: string;
-    token?: string;
     className?: string;
 }
 /**
@@ -14,5 +13,5 @@ interface FumaGithubInfoProps {
  * - 🎨 Three states: loading, success, error
  * - 💯 Not affected by network issues causing page crashes
  */
-export declare function FumaGithubInfo({ owner, repo, token, className }: FumaGithubInfoProps): import("react/jsx-runtime").JSX.Element;
+export declare function FumaGithubInfo({ owner, repo, className }: FumaGithubInfoProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/fuma/mdx/fuma-github-info.js

@@ -7,7 +7,7 @@ var React = require('react');
 var icons = require('@windrun-huaiin/base-ui/icons');
 
 // Loading state component
-function GitHubInfoSkeleton({ owner, repo, className }) {
+function GitHubInfoSkeleton({ className }) {
     return (jsxRuntime.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: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("div", { className: "size-3.5 bg-fd-muted rounded" }), jsxRuntime.jsx("div", { className: "h-4 bg-fd-muted rounded w-20" })] }), jsxRuntime.jsx("div", { className: "h-3 bg-fd-muted rounded w-8" })] }));
 }
 // Error state component - graceful fallback
@@ -46,7 +46,7 @@ function humanizeNumber(num) {
  * - 🎨 Three states: loading, success, error
  * - 💯 Not affected by network issues causing page crashes
  */
-function FumaGithubInfo({ owner, repo, token, className }) {
+function FumaGithubInfo({ owner, repo, className }) {
     const [data, setData] = React.useState(null);
     const [loading, setLoading] = React.useState(true);
     const [error, setError] = React.useState(null);
@@ -61,9 +61,6 @@ function FumaGithubInfo({ owner, repo, token, className }) {
                 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,
@@ -97,7 +94,7 @@ function FumaGithubInfo({ owner, repo, token, className }) {
             }
         });
         fetchRepoData();
-    }, [owner, repo, token]);
+    }, [owner, repo]);
     // Loading state
     if (loading) {
         return jsxRuntime.jsx(GitHubInfoSkeleton, { owner: owner, repo: repo, className: className });

package/dist/fuma/mdx/fuma-github-info.mjs

@@ -5,7 +5,7 @@ import { useState, useEffect } from 'react';
 import { ExternalLinkIcon, StarIcon } from '@windrun-huaiin/base-ui/icons';
 
 // Loading state component
-function GitHubInfoSkeleton({ owner, repo, className }) {
+function GitHubInfoSkeleton({ className }) {
     return (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: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("div", { className: "size-3.5 bg-fd-muted rounded" }), jsx("div", { className: "h-4 bg-fd-muted rounded w-20" })] }), jsx("div", { className: "h-3 bg-fd-muted rounded w-8" })] }));
 }
 // Error state component - graceful fallback
@@ -44,7 +44,7 @@ function humanizeNumber(num) {
  * - 🎨 Three states: loading, success, error
  * - 💯 Not affected by network issues causing page crashes
  */
-function FumaGithubInfo({ owner, repo, token, className }) {
+function FumaGithubInfo({ owner, repo, className }) {
     const [data, setData] = useState(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
@@ -59,9 +59,6 @@ function FumaGithubInfo({ owner, repo, token, className }) {
                 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,
@@ -95,7 +92,7 @@ function FumaGithubInfo({ owner, repo, token, className }) {
             }
         });
         fetchRepoData();
-    }, [owner, repo, token]);
+    }, [owner, repo]);
     // Loading state
     if (loading) {
         return jsx(GitHubInfoSkeleton, { owner: owner, repo: repo, className: className });

package/dist/main/credit/credit-overview-nav-client.d.ts

@@ -0,0 +1,12 @@
+import { type CreditOverviewTranslations } from './credit-overview-client';
+import type { CreditOverviewData } from './types';
+export interface CreditOverviewPayload {
+    data: CreditOverviewData;
+    totalLabel: string;
+    translations: CreditOverviewTranslations;
+}
+export interface CreditOverviewNavClientProps {
+    locale: string;
+    endpoint: string;
+}
+export declare function CreditOverviewNavClient({ locale, endpoint, }: CreditOverviewNavClientProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/main/credit/credit-overview-nav-client.js

@@ -0,0 +1,65 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var nextjs = require('@clerk/nextjs');
+var React = require('react');
+var creditNavButton = require('./credit-nav-button.js');
+var creditOverviewClient = require('./credit-overview-client.js');
+
+function buildCreditOverviewUrl(endpoint, locale) {
+    const url = new URL(endpoint, window.location.origin);
+    url.searchParams.set('locale', locale);
+    return url.toString();
+}
+function CreditOverviewNavClient({ locale, endpoint, }) {
+    const { isLoaded, isSignedIn, userId } = nextjs.useAuth();
+    const [payload, setPayload] = React.useState(null);
+    React.useEffect(() => {
+        if (!isLoaded) {
+            return;
+        }
+        if (!isSignedIn) {
+            setPayload(null);
+            return;
+        }
+        const controller = new AbortController();
+        function loadCreditOverview() {
+            return tslib.__awaiter(this, void 0, void 0, function* () {
+                try {
+                    const response = yield fetch(buildCreditOverviewUrl(endpoint, locale), {
+                        credentials: 'same-origin',
+                        signal: controller.signal,
+                    });
+                    if (!response.ok) {
+                        if (!controller.signal.aborted) {
+                            setPayload(null);
+                        }
+                        return;
+                    }
+                    const nextPayload = (yield response.json());
+                    if (!controller.signal.aborted) {
+                        setPayload(nextPayload);
+                    }
+                }
+                catch (error) {
+                    if (!controller.signal.aborted) {
+                        setPayload(null);
+                        console.warn('[CreditOverviewNavClient] Failed to load credit overview', error);
+                    }
+                }
+            });
+        }
+        loadCreditOverview();
+        return () => {
+            controller.abort();
+        };
+    }, [endpoint, isLoaded, isSignedIn, locale, userId]);
+    if (!payload) {
+        return null;
+    }
+    return (jsxRuntime.jsx(creditNavButton.CreditNavButton, { locale: locale, totalBalance: payload.data.totalBalance, totalLabel: payload.totalLabel, children: jsxRuntime.jsx(creditOverviewClient.CreditOverviewClient, { locale: locale, data: payload.data, translations: payload.translations }) }));
+}
+
+exports.CreditOverviewNavClient = CreditOverviewNavClient;

package/dist/main/credit/credit-overview-nav-client.mjs

@@ -0,0 +1,63 @@
+"use client";
+import { __awaiter } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { useAuth } from '@clerk/nextjs';
+import { useState, useEffect } from 'react';
+import { CreditNavButton } from './credit-nav-button.mjs';
+import { CreditOverviewClient } from './credit-overview-client.mjs';
+
+function buildCreditOverviewUrl(endpoint, locale) {
+    const url = new URL(endpoint, window.location.origin);
+    url.searchParams.set('locale', locale);
+    return url.toString();
+}
+function CreditOverviewNavClient({ locale, endpoint, }) {
+    const { isLoaded, isSignedIn, userId } = useAuth();
+    const [payload, setPayload] = useState(null);
+    useEffect(() => {
+        if (!isLoaded) {
+            return;
+        }
+        if (!isSignedIn) {
+            setPayload(null);
+            return;
+        }
+        const controller = new AbortController();
+        function loadCreditOverview() {
+            return __awaiter(this, void 0, void 0, function* () {
+                try {
+                    const response = yield fetch(buildCreditOverviewUrl(endpoint, locale), {
+                        credentials: 'same-origin',
+                        signal: controller.signal,
+                    });
+                    if (!response.ok) {
+                        if (!controller.signal.aborted) {
+                            setPayload(null);
+                        }
+                        return;
+                    }
+                    const nextPayload = (yield response.json());
+                    if (!controller.signal.aborted) {
+                        setPayload(nextPayload);
+                    }
+                }
+                catch (error) {
+                    if (!controller.signal.aborted) {
+                        setPayload(null);
+                        console.warn('[CreditOverviewNavClient] Failed to load credit overview', error);
+                    }
+                }
+            });
+        }
+        loadCreditOverview();
+        return () => {
+            controller.abort();
+        };
+    }, [endpoint, isLoaded, isSignedIn, locale, userId]);
+    if (!payload) {
+        return null;
+    }
+    return (jsx(CreditNavButton, { locale: locale, totalBalance: payload.data.totalBalance, totalLabel: payload.totalLabel, children: jsx(CreditOverviewClient, { locale: locale, data: payload.data, translations: payload.translations }) }));
+}
+
+export { CreditOverviewNavClient };

package/dist/main/credit/index.d.ts

@@ -1,4 +1,6 @@
 export { CreditOverviewClient } from './credit-overview-client';
+export { CreditOverviewNavClient } from './credit-overview-nav-client';
 export { CreditNavButton } from './credit-nav-button';
 export type { CreditOverviewTranslations } from './credit-overview-client';
+export type { CreditOverviewNavClientProps, CreditOverviewPayload, } from './credit-overview-nav-client';
 export type { CreditOverviewData, CreditBucket, CreditBucketStatus, SubscriptionInfo, } from './types';

package/dist/main/credit/index.js

@@ -2,9 +2,11 @@
 'use strict';
 
 var creditOverviewClient = require('./credit-overview-client.js');
+var creditOverviewNavClient = require('./credit-overview-nav-client.js');
 var creditNavButton = require('./credit-nav-button.js');
 
 
 
 exports.CreditOverviewClient = creditOverviewClient.CreditOverviewClient;
+exports.CreditOverviewNavClient = creditOverviewNavClient.CreditOverviewNavClient;
 exports.CreditNavButton = creditNavButton.CreditNavButton;

package/dist/main/credit/index.mjs

@@ -1,3 +1,4 @@
 "use client";
 export { CreditOverviewClient } from './credit-overview-client.mjs';
+export { CreditOverviewNavClient } from './credit-overview-nav-client.mjs';
 export { CreditNavButton } from './credit-nav-button.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "31.0.0",
+  "version": "31.0.1",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "exports": {
     "./clerk": {
@@ -244,8 +244,8 @@
     "unified": "^11.0.5",
     "zod": "^4.3.6",
     "@windrun-huaiin/base-ui": "^31.0.0",
-    "@windrun-huaiin/lib": "^31.0.0",
-    "@windrun-huaiin/contracts": "^31.0.0"
+    "@windrun-huaiin/contracts": "^31.0.0",
+    "@windrun-huaiin/lib": "^31.0.0"
   },
   "peerDependencies": {
     "clsx": "^2.1.1",

package/src/fuma/mdx/fuma-github-info.tsx

@@ -6,7 +6,6 @@ import { ExternalLinkIcon, StarIcon } from '@windrun-huaiin/base-ui/icons';
 interface FumaGithubInfoProps {
   owner: string;
   repo: string;
-  token?: string;
   className?: string;
 }
 
@@ -16,7 +15,7 @@ interface GitHubRepoData {
 }
 
 // Loading state component
-function GitHubInfoSkeleton({ owner, repo, className }: Pick<FumaGithubInfoProps, 'owner' | 'repo' | 'className'>) {
+function GitHubInfoSkeleton({ className }: Pick<FumaGithubInfoProps, 'owner' | 'repo' | 'className'>) {
   return (
     <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}`}>
       <div className="flex items-center gap-2">
@@ -114,7 +113,7 @@ function humanizeNumber(num: number): string {
  * - 🎨 Three states: loading, success, error
  * - 💯 Not affected by network issues causing page crashes
  */
-export function FumaGithubInfo({ owner, repo, token, className }: FumaGithubInfoProps) {
+export function FumaGithubInfo({ owner, repo, className }: FumaGithubInfoProps) {
   const [data, setData] = useState<GitHubRepoData | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -133,10 +132,6 @@ export function FumaGithubInfo({ owner, repo, token, className }: FumaGithubInfo
           'Accept': 'application/vnd.github.v3+json',
         });
 
-        if (token) {
-          headers.set('Authorization', `Bearer ${token}`);
-        }
-
         const response = await fetch(`https://api.github.com/repos/${owner}/${repo}`, {
           signal: controller.signal,
           headers,
@@ -170,7 +165,7 @@ export function FumaGithubInfo({ owner, repo, token, className }: FumaGithubInfo
     };
 
     fetchRepoData();
-  }, [owner, repo, token]);
+  }, [owner, repo]);
 
   // Loading state
   if (loading) {

package/src/main/credit/credit-overview-nav-client.tsx

@@ -0,0 +1,95 @@
+'use client';
+
+import { useAuth } from '@clerk/nextjs';
+import { useEffect, useState } from 'react';
+import { CreditNavButton } from './credit-nav-button';
+import { CreditOverviewClient, type CreditOverviewTranslations } from './credit-overview-client';
+import type { CreditOverviewData } from './types';
+
+export interface CreditOverviewPayload {
+  data: CreditOverviewData;
+  totalLabel: string;
+  translations: CreditOverviewTranslations;
+}
+
+export interface CreditOverviewNavClientProps {
+  locale: string;
+  endpoint: string;
+}
+
+function buildCreditOverviewUrl(endpoint: string, locale: string) {
+  const url = new URL(endpoint, window.location.origin);
+  url.searchParams.set('locale', locale);
+  return url.toString();
+}
+
+export function CreditOverviewNavClient({
+  locale,
+  endpoint,
+}: CreditOverviewNavClientProps) {
+  const { isLoaded, isSignedIn, userId } = useAuth();
+  const [payload, setPayload] = useState<CreditOverviewPayload | null>(null);
+
+  useEffect(() => {
+    if (!isLoaded) {
+      return;
+    }
+
+    if (!isSignedIn) {
+      setPayload(null);
+      return;
+    }
+
+    const controller = new AbortController();
+
+    async function loadCreditOverview() {
+      try {
+        const response = await fetch(buildCreditOverviewUrl(endpoint, locale), {
+          credentials: 'same-origin',
+          signal: controller.signal,
+        });
+
+        if (!response.ok) {
+          if (!controller.signal.aborted) {
+            setPayload(null);
+          }
+          return;
+        }
+
+        const nextPayload = (await response.json()) as CreditOverviewPayload | null;
+        if (!controller.signal.aborted) {
+          setPayload(nextPayload);
+        }
+      } catch (error) {
+        if (!controller.signal.aborted) {
+          setPayload(null);
+          console.warn('[CreditOverviewNavClient] Failed to load credit overview', error);
+        }
+      }
+    }
+
+    loadCreditOverview();
+
+    return () => {
+      controller.abort();
+    };
+  }, [endpoint, isLoaded, isSignedIn, locale, userId]);
+
+  if (!payload) {
+    return null;
+  }
+
+  return (
+    <CreditNavButton
+      locale={locale}
+      totalBalance={payload.data.totalBalance}
+      totalLabel={payload.totalLabel}
+    >
+      <CreditOverviewClient
+        locale={locale}
+        data={payload.data}
+        translations={payload.translations}
+      />
+    </CreditNavButton>
+  );
+}

package/src/main/credit/index.ts

@@ -1,8 +1,13 @@
 'use client';
 
 export { CreditOverviewClient } from './credit-overview-client';
+export { CreditOverviewNavClient } from './credit-overview-nav-client';
 export { CreditNavButton } from './credit-nav-button';
 export type { CreditOverviewTranslations } from './credit-overview-client';
+export type {
+  CreditOverviewNavClientProps,
+  CreditOverviewPayload,
+} from './credit-overview-nav-client';
 export type {
   CreditOverviewData,
   CreditBucket,