@windrun-huaiin/third-ui 7.1.2 → 7.2.0

package/dist/clerk/hooks/useFingerprint.mjs

@@ -0,0 +1,180 @@
+"use client";
+import { __awaiter } from '../../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { useState, useCallback, useEffect } from 'react';
+import { getFingerprintId, getOrGenerateFingerprintId, createFingerprintHeaders, setFingerprintId } from '../fingerprint.mjs';
+
+/**
+ * Hook for managing fingerprint ID and anonymous user data
+ * Accepts configuration to customize API endpoint and behavior
+ */
+function useFingerprint(config) {
+    const [fingerprintId, setFingerprintIdState] = useState(null);
+    const [anonymousUser, setAnonymousUser] = useState(null);
+    const [credits, setCredits] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const [isInitialized, setIsInitialized] = useState(false);
+    const [error, setError] = useState(null);
+    /**
+     * 第一阶段：初始化fingerprint ID
+     */
+    const initializeFingerprintId = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        if (typeof window === 'undefined')
+            return null;
+        try {
+            // 优先检查现有ID
+            const existingId = getFingerprintId();
+            if (existingId) {
+                setFingerprintIdState(existingId);
+                return existingId;
+            }
+            // 生成新的fingerprint ID
+            const currentFingerprintId = yield getOrGenerateFingerprintId();
+            setFingerprintIdState(currentFingerprintId);
+            return currentFingerprintId;
+        }
+        catch (error) {
+            console.error('Failed to initialize fingerprint ID:', error);
+            setError('Failed to generate fingerprint ID');
+            return null;
+        }
+    }), []);
+    /**
+     * 第二阶段：初始化匿名用户
+     */
+    const initializeAnonymousUser = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        if (!fingerprintId) {
+            console.warn('Cannot initialize user without fingerprint ID');
+            return;
+        }
+        try {
+            setIsLoading(true);
+            setError(null);
+            const fingerprintHeaders = yield createFingerprintHeaders();
+            const response = yield fetch(config.apiEndpoint, {
+                method: 'POST',
+                headers: Object.assign({ 'Content-Type': 'application/json' }, fingerprintHeaders),
+                body: JSON.stringify({
+                    fingerprintId: fingerprintId,
+                }),
+            });
+            if (!response.ok) {
+                const errorData = yield response.json().catch(() => ({}));
+                throw new Error(errorData.error || 'Failed to initialize anonymous user');
+            }
+            const data = yield response.json();
+            if (data.success) {
+                setAnonymousUser(data.user);
+                setCredits(data.credits);
+                setIsInitialized(true);
+                // 确保fingerprint ID同步
+                if (data.user.fingerprintId !== fingerprintId) {
+                    setFingerprintId(data.user.fingerprintId);
+                    setFingerprintIdState(data.user.fingerprintId);
+                }
+            }
+            else {
+                throw new Error(data.error || 'Unknown error occurred');
+            }
+        }
+        catch (err) {
+            console.error('Failed to initialize anonymous user:', err);
+            setError(err instanceof Error ? err.message : 'Unknown error');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }), [fingerprintId]);
+    /**
+     * 刷新用户数据
+     */
+    const refreshUserData = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        if (!fingerprintId)
+            return;
+        try {
+            setError(null);
+            const fingerprintHeaders = yield createFingerprintHeaders();
+            const response = yield fetch(`${config.apiEndpoint}?fingerprintId=${fingerprintId}`, {
+                method: 'GET',
+                headers: fingerprintHeaders,
+            });
+            if (!response.ok) {
+                if (response.status === 404) {
+                    // 用户不存在，需要重新初始化
+                    yield initializeAnonymousUser();
+                    return;
+                }
+                throw new Error('Failed to fetch user data');
+            }
+            const data = yield response.json();
+            if (data.success) {
+                setAnonymousUser(data.user);
+                setCredits(data.credits);
+            }
+        }
+        catch (err) {
+            console.error('Failed to refresh user data:', err);
+            setError(err instanceof Error ? err.message : 'Unknown error');
+        }
+    }), [fingerprintId, initializeAnonymousUser, config.apiEndpoint]);
+    /**
+     * 检查现有用户数据（仅在有fingerprint ID时执行）
+     */
+    const checkExistingUser = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        if (!fingerprintId)
+            return;
+        try {
+            const fingerprintHeaders = yield createFingerprintHeaders();
+            const response = yield fetch(`${config.apiEndpoint}?fingerprintId=${fingerprintId}`, {
+                method: 'GET',
+                headers: fingerprintHeaders,
+            });
+            if (response.ok) {
+                const data = yield response.json();
+                if (data.success) {
+                    setAnonymousUser(data.user);
+                    setCredits(data.credits);
+                    setIsInitialized(true);
+                }
+            }
+        }
+        catch (err) {
+            console.error('Failed to check existing user:', err);
+        }
+    }), [fingerprintId, config.apiEndpoint]);
+    // 第一阶段：页面加载完成后生成指纹ID
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const initFingerprint = () => __awaiter(this, void 0, void 0, function* () {
+            yield initializeFingerprintId();
+            setIsLoading(false); // 第一阶段完成，结束加载状态
+        });
+        initFingerprint();
+    }, [initializeFingerprintId]);
+    // 第二阶段：有指纹ID后检查现有用户
+    useEffect(() => {
+        if (!fingerprintId || isInitialized)
+            return;
+        checkExistingUser();
+    }, [fingerprintId, isInitialized, checkExistingUser]);
+    // 第三阶段：如果没有现有用户且自动初始化开启，则创建新用户
+    useEffect(() => {
+        if (!fingerprintId || isInitialized || isLoading || error)
+            return;
+        if (config.autoInitialize === false)
+            return;
+        initializeAnonymousUser();
+    }, [fingerprintId, isInitialized, isLoading, error, initializeAnonymousUser, config.autoInitialize]);
+    return {
+        fingerprintId,
+        anonymousUser,
+        credits,
+        isLoading,
+        isInitialized,
+        error,
+        initializeAnonymousUser,
+        refreshUserData,
+    };
+}
+
+export { useFingerprint };

package/dist/clerk/index.d.ts

@@ -1 +1,4 @@
 export * from './clerk-provider-client';
+export * from './signup-with-fingerprint-client';
+export * from './signin-with-fingerprint-client';
+export * from './clerk-page-generator-client';

package/dist/clerk/index.js

@@ -2,7 +2,14 @@
 'use strict';
 
 var clerkProviderClient = require('./clerk-provider-client.js');
+var signupWithFingerprintClient = require('./signup-with-fingerprint-client.js');
+var signinWithFingerprintClient = require('./signin-with-fingerprint-client.js');
+var clerkPageGeneratorClient = require('./clerk-page-generator-client.js');
 
 
 
 exports.ClerkProviderClient = clerkProviderClient.ClerkProviderClient;
+exports.SignUpWithFingerprint = signupWithFingerprintClient.SignUpWithFingerprint;
+exports.SignInWithFingerprint = signinWithFingerprintClient.SignInWithFingerprint;
+exports.createSignInPageWithFingerprint = clerkPageGeneratorClient.createSignInPageWithFingerprint;
+exports.createSignUpPageWithFingerprint = clerkPageGeneratorClient.createSignUpPageWithFingerprint;

package/dist/clerk/index.mjs

@@ -1,2 +1,5 @@
 "use client";
 export { ClerkProviderClient } from './clerk-provider-client.mjs';
+export { SignUpWithFingerprint } from './signup-with-fingerprint-client.mjs';
+export { SignInWithFingerprint } from './signin-with-fingerprint-client.mjs';
+export { createSignInPageWithFingerprint, createSignUpPageWithFingerprint } from './clerk-page-generator-client.mjs';

package/dist/clerk/signin-with-fingerprint-client.d.ts

@@ -0,0 +1,7 @@
+/**
+ * SignIn component with fingerprint awareness
+ * 如果没有FingerprintProvider，会优雅降级为普通SignIn组件
+ * 如果有FingerprintProvider，会处理fingerprint相关逻辑
+ */
+export declare function SignInWithFingerprint(): import("react/jsx-runtime").JSX.Element;
+export default SignInWithFingerprint;

package/dist/clerk/signin-with-fingerprint-client.js

@@ -0,0 +1,52 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var nextjs = require('@clerk/nextjs');
+var React = require('react');
+var fingerprintProvider = require('./fingerprint/fingerprint-provider.js');
+
+/**
+ * SignIn component with fingerprint awareness
+ * 如果没有FingerprintProvider，会优雅降级为普通SignIn组件
+ * 如果有FingerprintProvider，会处理fingerprint相关逻辑
+ */
+function SignInWithFingerprint() {
+    const fingerprintContext = fingerprintProvider.useFingerprintContextSafe();
+    // 如果没有fingerprint context，使用默认值
+    const { fingerprintId = null, anonymousUser = null, isInitialized = false, initializeAnonymousUser = () => tslib_es6.__awaiter(this, void 0, void 0, function* () { }) } = fingerprintContext || {};
+    // 准备传递给Clerk的metadata，包含匿名用户信息
+    const unsafeMetadata = {
+        user_id: (anonymousUser === null || anonymousUser === void 0 ? void 0 : anonymousUser.userId) || null, // 数据库中的user_id
+        fingerprint_id: fingerprintId || null, // 浏览器指纹ID
+    };
+    // 确保匿名用户已初始化
+    React.useEffect(() => {
+        if (!isInitialized && fingerprintId) {
+            initializeAnonymousUser();
+        }
+    }, [fingerprintId, isInitialized, initializeAnonymousUser]);
+    // 调试日志和处理登录逻辑
+    React.useEffect(() => {
+        console.log('SignInWithFingerprint Debug:', {
+            fingerprintProvider: fingerprintContext ? 'Available' : 'Not found',
+            fingerprintId: fingerprintId || 'Not generated',
+            anonymousUser: anonymousUser ? 'Initialized' : 'Not initialized',
+            clerkMetadata: unsafeMetadata
+        });
+        if (anonymousUser && fingerprintId) {
+            console.log('User signed in with existing anonymous data:', {
+                anonymousUserId: anonymousUser.userId,
+                fingerprintId,
+            });
+            // TODO: 实现数据合并逻辑
+        }
+    }, [anonymousUser, fingerprintId, fingerprintContext, unsafeMetadata]);
+    return jsxRuntime.jsx(nextjs.SignIn, { unsafeMetadata: unsafeMetadata });
+}
+
+exports.SignInWithFingerprint = SignInWithFingerprint;
+exports.default = SignInWithFingerprint;

package/dist/clerk/signin-with-fingerprint-client.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { __awaiter } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { SignIn } from '@clerk/nextjs';
+import { useEffect } from 'react';
+import { useFingerprintContextSafe } from './fingerprint/fingerprint-provider.mjs';
+
+/**
+ * SignIn component with fingerprint awareness
+ * 如果没有FingerprintProvider，会优雅降级为普通SignIn组件
+ * 如果有FingerprintProvider，会处理fingerprint相关逻辑
+ */
+function SignInWithFingerprint() {
+    const fingerprintContext = useFingerprintContextSafe();
+    // 如果没有fingerprint context，使用默认值
+    const { fingerprintId = null, anonymousUser = null, isInitialized = false, initializeAnonymousUser = () => __awaiter(this, void 0, void 0, function* () { }) } = fingerprintContext || {};
+    // 准备传递给Clerk的metadata，包含匿名用户信息
+    const unsafeMetadata = {
+        user_id: (anonymousUser === null || anonymousUser === void 0 ? void 0 : anonymousUser.userId) || null, // 数据库中的user_id
+        fingerprint_id: fingerprintId || null, // 浏览器指纹ID
+    };
+    // 确保匿名用户已初始化
+    useEffect(() => {
+        if (!isInitialized && fingerprintId) {
+            initializeAnonymousUser();
+        }
+    }, [fingerprintId, isInitialized, initializeAnonymousUser]);
+    // 调试日志和处理登录逻辑
+    useEffect(() => {
+        console.log('SignInWithFingerprint Debug:', {
+            fingerprintProvider: fingerprintContext ? 'Available' : 'Not found',
+            fingerprintId: fingerprintId || 'Not generated',
+            anonymousUser: anonymousUser ? 'Initialized' : 'Not initialized',
+            clerkMetadata: unsafeMetadata
+        });
+        if (anonymousUser && fingerprintId) {
+            console.log('User signed in with existing anonymous data:', {
+                anonymousUserId: anonymousUser.userId,
+                fingerprintId,
+            });
+            // TODO: 实现数据合并逻辑
+        }
+    }, [anonymousUser, fingerprintId, fingerprintContext, unsafeMetadata]);
+    return jsx(SignIn, { unsafeMetadata: unsafeMetadata });
+}
+
+export { SignInWithFingerprint, SignInWithFingerprint as default };

package/dist/clerk/signup-with-fingerprint-client.d.ts

@@ -0,0 +1,7 @@
+/**
+ * SignUp component with fingerprint awareness
+ * 如果没有FingerprintProvider，会优雅降级为普通SignUp组件
+ * 如果有FingerprintProvider，会处理fingerprint相关逻辑
+ */
+export declare function SignUpWithFingerprint(): import("react/jsx-runtime").JSX.Element;
+export default SignUpWithFingerprint;

package/dist/clerk/signup-with-fingerprint-client.js

@@ -0,0 +1,52 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.js');
+var jsxRuntime = require('react/jsx-runtime');
+var nextjs = require('@clerk/nextjs');
+var React = require('react');
+var fingerprintProvider = require('./fingerprint/fingerprint-provider.js');
+
+/**
+ * SignUp component with fingerprint awareness
+ * 如果没有FingerprintProvider，会优雅降级为普通SignUp组件
+ * 如果有FingerprintProvider，会处理fingerprint相关逻辑
+ */
+function SignUpWithFingerprint() {
+    const fingerprintContext = fingerprintProvider.useFingerprintContextSafe();
+    // 如果没有fingerprint context，使用默认值
+    const { fingerprintId = null, anonymousUser = null, isInitialized = false, initializeAnonymousUser = () => tslib_es6.__awaiter(this, void 0, void 0, function* () { }) } = fingerprintContext || {};
+    // 准备传递给Clerk的metadata，包含匿名用户信息
+    const unsafeMetadata = {
+        user_id: (anonymousUser === null || anonymousUser === void 0 ? void 0 : anonymousUser.userId) || null, // 数据库中的user_id
+        fingerprint_id: fingerprintId || null, // 浏览器指纹ID
+    };
+    // 确保匿名用户已初始化
+    React.useEffect(() => {
+        if (!isInitialized && fingerprintId) {
+            initializeAnonymousUser();
+        }
+    }, [fingerprintId, isInitialized, initializeAnonymousUser]);
+    // 调试日志和处理注册逻辑
+    React.useEffect(() => {
+        console.log('SignUpWithFingerprint Debug:', {
+            fingerprintProvider: fingerprintContext ? 'Available' : 'Not found',
+            fingerprintId: fingerprintId || 'Not generated',
+            anonymousUser: anonymousUser ? 'Initialized' : 'Not initialized',
+            clerkMetadata: unsafeMetadata
+        });
+        if (anonymousUser && fingerprintId) {
+            console.log('User signed up with existing anonymous data:', {
+                anonymousUserId: anonymousUser.userId,
+                fingerprintId,
+            });
+            // TODO: 实现数据迁移逻辑
+        }
+    }, [anonymousUser, fingerprintId, fingerprintContext, unsafeMetadata]);
+    return jsxRuntime.jsx(nextjs.SignUp, { unsafeMetadata: unsafeMetadata });
+}
+
+exports.SignUpWithFingerprint = SignUpWithFingerprint;
+exports.default = SignUpWithFingerprint;

package/dist/clerk/signup-with-fingerprint-client.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { __awaiter } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.2/node_modules/tslib/tslib.es6.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { SignUp } from '@clerk/nextjs';
+import { useEffect } from 'react';
+import { useFingerprintContextSafe } from './fingerprint/fingerprint-provider.mjs';
+
+/**
+ * SignUp component with fingerprint awareness
+ * 如果没有FingerprintProvider，会优雅降级为普通SignUp组件
+ * 如果有FingerprintProvider，会处理fingerprint相关逻辑
+ */
+function SignUpWithFingerprint() {
+    const fingerprintContext = useFingerprintContextSafe();
+    // 如果没有fingerprint context，使用默认值
+    const { fingerprintId = null, anonymousUser = null, isInitialized = false, initializeAnonymousUser = () => __awaiter(this, void 0, void 0, function* () { }) } = fingerprintContext || {};
+    // 准备传递给Clerk的metadata，包含匿名用户信息
+    const unsafeMetadata = {
+        user_id: (anonymousUser === null || anonymousUser === void 0 ? void 0 : anonymousUser.userId) || null, // 数据库中的user_id
+        fingerprint_id: fingerprintId || null, // 浏览器指纹ID
+    };
+    // 确保匿名用户已初始化
+    useEffect(() => {
+        if (!isInitialized && fingerprintId) {
+            initializeAnonymousUser();
+        }
+    }, [fingerprintId, isInitialized, initializeAnonymousUser]);
+    // 调试日志和处理注册逻辑
+    useEffect(() => {
+        console.log('SignUpWithFingerprint Debug:', {
+            fingerprintProvider: fingerprintContext ? 'Available' : 'Not found',
+            fingerprintId: fingerprintId || 'Not generated',
+            anonymousUser: anonymousUser ? 'Initialized' : 'Not initialized',
+            clerkMetadata: unsafeMetadata
+        });
+        if (anonymousUser && fingerprintId) {
+            console.log('User signed up with existing anonymous data:', {
+                anonymousUserId: anonymousUser.userId,
+                fingerprintId,
+            });
+            // TODO: 实现数据迁移逻辑
+        }
+    }, [anonymousUser, fingerprintId, fingerprintContext, unsafeMetadata]);
+    return jsx(SignUp, { unsafeMetadata: unsafeMetadata });
+}
+
+export { SignUpWithFingerprint, SignUpWithFingerprint as default };

package/dist/clerk/types.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Fingerprint System Types
+ * 指纹识别系统的类型定义
+ */
+export interface AnonymousUser {
+    userId: string;
+    fingerprintId: string;
+    status: string;
+    createdAt: string;
+}
+export interface Credits {
+    balanceFree: number;
+    balancePaid: number;
+    totalBalance: number;
+}
+export interface FingerprintConfig {
+    /** API endpoint for anonymous user initialization */
+    apiEndpoint: string;
+    /** Whether to automatically initialize the user on load */
+    autoInitialize?: boolean;
+    /** Initial credits for new users */
+    initialCredits?: number;
+}
+export interface UseFingerprintResult {
+    fingerprintId: string | null;
+    anonymousUser: AnonymousUser | null;
+    credits: Credits | null;
+    isLoading: boolean;
+    isInitialized: boolean;
+    error: string | null;
+    initializeAnonymousUser: () => Promise<void>;
+    refreshUserData: () => Promise<void>;
+}
+export interface FingerprintContextType extends UseFingerprintResult {
+}
+export interface FingerprintProviderProps {
+    children: React.ReactNode;
+    config: FingerprintConfig;
+}
+export interface FingerprintFetch {
+    (url: string | URL | Request, init?: RequestInit): Promise<Response>;
+}

package/dist/fuma/mdx/toc-base.js

@@ -62,7 +62,7 @@ function EditOnGitHub({ url }) {
 }
 // New component for displaying the last updated date with an icon
 function LastUpdatedDate({ date }) {
-    return (jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2 text-stone-600 dark:text-stone-400 text-sm", children: [jsxRuntime.jsx(server.globalLucideIcons.LastUpdated, {}), "Lastest on ", date ? date : "Ages ago"] }));
+    return (jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2 text-stone-600 dark:text-stone-400 text-sm", children: [jsxRuntime.jsx(server.globalLucideIcons.LastUpdated, {}), "Latest on ", date ? date : "Ages ago"] }));
 }
 
 exports.EditOnGitHub = EditOnGitHub;

package/dist/fuma/mdx/toc-base.mjs

@@ -60,7 +60,7 @@ function EditOnGitHub({ url }) {
 }
 // New component for displaying the last updated date with an icon
 function LastUpdatedDate({ date }) {
-    return (jsxs("div", { className: "flex items-center gap-x-2 text-stone-600 dark:text-stone-400 text-sm", children: [jsx(globalLucideIcons.LastUpdated, {}), "Lastest on ", date ? date : "Ages ago"] }));
+    return (jsxs("div", { className: "flex items-center gap-x-2 text-stone-600 dark:text-stone-400 text-sm", children: [jsx(globalLucideIcons.LastUpdated, {}), "Latest on ", date ? date : "Ages ago"] }));
 }
 
 export { EditOnGitHub, LLMCopyButton, LastUpdatedDate };