@windrun-huaiin/third-ui 5.7.0 → 5.8.0

package/dist/toc-base-BC7kXpDU.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LLMCopyButtonProps {
+    llmApiUrl?: string;
+    sourceKey?: string;
+}
+declare function LLMCopyButton({ llmApiUrl, sourceKey }?: LLMCopyButtonProps): react_jsx_runtime.JSX.Element;
+declare function EditOnGitHub({ url }: {
+    url: string;
+}): react_jsx_runtime.JSX.Element;
+declare function LastUpdatedDate({ date }: {
+    date: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
+export { EditOnGitHub as E, type LLMCopyButtonProps as L, LLMCopyButton as a, LastUpdatedDate as b };

package/dist/toc-base-BC7kXpDU.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LLMCopyButtonProps {
+    llmApiUrl?: string;
+    sourceKey?: string;
+}
+declare function LLMCopyButton({ llmApiUrl, sourceKey }?: LLMCopyButtonProps): react_jsx_runtime.JSX.Element;
+declare function EditOnGitHub({ url }: {
+    url: string;
+}): react_jsx_runtime.JSX.Element;
+declare function LastUpdatedDate({ date }: {
+    date: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
+export { EditOnGitHub as E, type LLMCopyButtonProps as L, LLMCopyButton as a, LastUpdatedDate as b };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "5.7.0",
+  "version": "5.8.0",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/fuma/fuma-page-genarator.tsx

@@ -1,8 +1,13 @@
 import { DocsBody, DocsDescription, DocsPage, DocsTitle } from 'fumadocs-ui/page';
-import { ReactNode } from 'react';
+import { ReactNode, ReactElement, cloneElement } from 'react';
 import { TocFooterWrapper } from '@third-ui/fuma/mdx';
+import type { LLMCopyButtonProps, LLMCopyButton } from '@third-ui/fuma/mdx';
 
-interface FumaPageParams {  
+interface FumaPageParams {
+  /* 
+   * The source key of the mdx content, used to generate the edit path
+   */
+  sourceKey: string;
   /* 
    * The source of the mdx content
    */
@@ -20,9 +25,9 @@ interface FumaPageParams {
    */
   githubBaseUrl?: string;
   /* 
-   * The copy button component, if provided, will be rendered in the footer (should be a client component)
+   * The copy button component, must be LLMCopyButton
    */
-  copyButtonComponent?: ReactNode;
+  copyButtonComponent?: ReactElement<LLMCopyButtonProps, typeof LLMCopyButton>;
   /* 
    * The site icon component to use in NotFoundPage
    */
@@ -34,6 +39,7 @@ interface FumaPageParams {
 }
 
 export function createFumaPage({
+  sourceKey,
   mdxContentSource,
   getMDXComponents,
   mdxSourceDir,
@@ -53,7 +59,11 @@ export function createFumaPage({
     const tocFooterElement = (
       <TocFooterWrapper
         lastModified={page.data.date}
-        copyButtonComponent={copyButtonComponent}
+        copyButtonComponent={
+          copyButtonComponent
+            ? cloneElement(copyButtonComponent, { sourceKey })
+            : undefined
+        }
         editPath={path}
         githubBaseUrl={githubBaseUrl}
       />

package/src/fuma/mdx/toc-base.tsx

@@ -9,7 +9,12 @@ import { Button } from '@base-ui/ui/button';
 
 const cache = new Map<string, string>();
 
-export function LLMCopyButton({ llmApiUrl }: { llmApiUrl?: string } = {}) {
+export interface LLMCopyButtonProps {
+  llmApiUrl?: string;
+  sourceKey?: string;
+}
+
+export function LLMCopyButton({ llmApiUrl, sourceKey }: LLMCopyButtonProps = {}) {
   const [isLoading, setLoading] = useState(false);
   const params = useParams();
   const locale = params.locale as string;
@@ -21,7 +26,10 @@ export function LLMCopyButton({ llmApiUrl }: { llmApiUrl?: string } = {}) {
     // Handle cases where slug might be undefined or empty
     const path = (slug && Array.isArray(slug)) ? slug.join('/') : '';
     const apiPrefix = llmApiUrl || '/api/llm-content';
-    const apiUrl = `${apiPrefix}?locale=${encodeURIComponent(locale)}&path=${encodeURIComponent(path)}`;
+    let apiUrl = `${apiPrefix}?locale=${encodeURIComponent(locale)}&path=${encodeURIComponent(path)}`;
+    if (sourceKey) {
+      apiUrl += `&sourceKey=${encodeURIComponent(sourceKey)}`;
+    }
     console.log('Fetching LLM content from:', apiUrl);
 
     let content: string;