Merge pull request #329 from nocodb/ai-fuma-upgrade

Author: DarkPhoenix2704

app/global.css

@@ -578,6 +578,11 @@
 [id="nd-home-layout"] {
     padding-top: 18px !important;
 }
+[id="nd-toc"] {
+    right: 0 !important;
+    inset-inline-end: 0 !important;
+}
+
 
 .grecaptcha-badge {
     @apply hidden;

app/llms-full.txt/route.ts

@@ -1,9 +1,13 @@
-import { source, scriptsSource } from '@/lib/source';
+import { source, scriptsSource, selfHostingSource } from '@/lib/source';
 import { getLLMText } from '@/lib/get-llm-txt';
 // cached forever
 export const revalidate = false;
 export async function GET() {
-  const scan = [...source.getPages(), ...scriptsSource.getPages()].map(getLLMText);
+  const scan = [
+    ...source.getPages(),
+    ...scriptsSource.getPages(),
+    ...selfHostingSource.getPages()
+  ].map(getLLMText);
   const scanned = await Promise.all(scan);
   return new Response(scanned.join('\n\n'));
 }

app/llms.mdx/[[...slug]]/route.ts

@@ -0,0 +1,51 @@
+import { getLLMText } from '@/lib/get-llm-txt';
+import { source, scriptsSource, selfHostingSource, changelogSource, legalDocsSource } from '@/lib/source';
+import { notFound } from 'next/navigation';
+
+export const revalidate = false;
+
+export async function GET(
+  _req: Request,
+  props: { params: Promise<{ slug?: string[] }> },
+) {
+  const params = await props.params;
+  const slug = params.slug || [];
+  
+  // Determine which source to use based on the path
+  let page = null;
+  
+  if (slug[0] === 'product-docs') {
+    page = source.getPage(slug.slice(1));
+  } else if (slug[0] === 'scripts') {
+    page = scriptsSource.getPage(slug.slice(1));
+  } else if (slug[0] === 'self-hosting') {
+    page = selfHostingSource.getPage(slug.slice(1));
+  } else if (slug[0] === 'changelog') {
+    page = changelogSource.getPage(slug.slice(1));
+  } else if (slug[0] === 'legal') {
+    page = legalDocsSource.getPage(slug.slice(1));
+  }
+  
+  if (!page) notFound();
+  
+  try {
+    return new Response(await getLLMText(page), {
+      headers: {
+        'Content-Type': 'text/markdown',
+      },
+    });
+  } catch (error) {
+    console.error('Failed to generate LLM text:', error);
+    return new Response('Error generating markdown content', { status: 500 });
+  }
+}
+
+export function generateStaticParams() {
+  return [
+    ...source.generateParams().map(param => ({ slug: ['product-docs', ...(param.slug || [])] })),
+    ...scriptsSource.generateParams().map(param => ({ slug: ['scripts', ...(param.slug || [])] })),
+    ...selfHostingSource.generateParams().map(param => ({ slug: ['self-hosting', ...(param.slug || [])] })),
+    ...changelogSource.generateParams().map(param => ({ slug: ['changelog', ...(param.slug || [])] })),
+    ...legalDocsSource.generateParams().map(param => ({ slug: ['legal', ...(param.slug || [])] })),
+  ];
+}

components/layout/Sidebar.tsx

@@ -11,6 +11,7 @@ import {cn} from "@/lib/utils";
 import {Collapsible, CollapsibleContent, CollapsibleTrigger,} from "@/components/ui/collapsible";
 import {ScrollArea, ScrollViewport} from "@/components/ui/scroll-area";
 import {useOnChange} from "fumadocs-core/utils/use-on-change";
+import { ncIsObject } from "@/utils/is";
 
 interface FolderContextType {
     open: boolean;
@@ -109,7 +110,6 @@ function SidebarItem({item, children, level,}: {
         }
     };
 
-
     if (item.type === "page") {
         return (
             <Link
@@ -122,7 +122,7 @@ function SidebarItem({item, children, level,}: {
                 href={item.url}
                 onClick={handleLinkClick}
             >
-                {item.icon}
+                {ncIsObject(item.icon) ? item.icon  : ''}
                 {item.name}
             </Link>
         );
@@ -131,7 +131,7 @@ function SidebarItem({item, children, level,}: {
     if (item.type === "separator") {
         return (
             <p className="text-fd-muted-foreground mt-6 mb-2 first:mt-0">
-                {item.icon}
+                {ncIsObject(item.icon) ? item.icon  : ''}
                 {item.name}
             </p>
         );
@@ -152,7 +152,7 @@ function SidebarItem({item, children, level,}: {
                             href={item.index.url}
                             onClick={handleLinkClick}
                         >
-                            {item.index.icon}
+                            {ncIsObject(item.index.icon) ? item.index.icon  : ''}
                             {item.index.name}                        
                         </Link>
                     </div>
@@ -165,7 +165,7 @@ function SidebarItem({item, children, level,}: {
                                 active? "text-nc-content-grey-subtle-2 font-[600]" : ""
                             )}
                         >
-                            {item.icon}
+                            {ncIsObject(item.icon) ? item.icon  : ''}
                             {item.name}
                         </div>
                     </SidebarFolderTrigger>

content/docs/FAQs.md content/docs/FAQs.mdxcontent/docs/FAQs.md renamed to content/docs/FAQs.mdx

@@ -1,25 +1,13 @@
-import { remark } from 'remark';
-import remarkGfm from 'remark-gfm';
-import remarkMdx from 'remark-mdx';
-import { remarkInclude } from 'fumadocs-mdx/config';
-import { source } from '@/lib/source';
+import { source, blogSource, scriptsSource, selfHostingSource, changelogSource, legalDocsSource } from '@/lib/source';
 import type { InferPageType } from 'fumadocs-core/source';
 
-const processor = remark()
-  .use(remarkMdx)
-  .use(remarkInclude)
-  .use(remarkGfm);
-
-export async function getLLMText(page: InferPageType<typeof source>) {
-  const processed = await processor.process({
-    path: page.data._file.absolutePath,
-    value: page.data.content,
-  });
+export async function getLLMText(page: InferPageType<typeof source | typeof blogSource | typeof scriptsSource | typeof selfHostingSource | typeof changelogSource | typeof legalDocsSource>) {
+  const processed = await page.data.getText('processed');
 
   return `# ${page.data.title}
 URL: ${page.url}
 
-${page.data.description}
+${page.data.description || ''}
 
-${processed.value}`;
+${processed}`;
 }

…/account-settings/authentication/FAQs.md …account-settings/authentication/FAQs.mdxcontent/docs/account-settings/authentication/FAQs.md renamed to content/docs/account-settings/authentication/FAQs.mdx content/docs/account-settings/authentication/FAQs.md renamed to content/docs/account-settings/authentication/FAQs.mdx

@@ -1,6 +1,6 @@
 import {blog, docs, scripts, selfHosting, changelog, legalDocs} from '@/.source';
 import {loader} from 'fumadocs-core/source';
-import {createMDXSource} from "fumadocs-mdx";
+import {createMDXSource} from 'fumadocs-mdx/runtime/next';
 import {iconMap, IconNameType} from "@/lib/iconMap";
 import {createElement} from "react";
 
@@ -28,7 +28,7 @@ export const source = loader({
 
 export const blogSource = loader({
     baseUrl: '/blog',
-    source: createMDXSource(blog, []),
+    source: createMDXSource(blog),
 })
 
 export const scriptsSource = loader({

….extensions/010.developing-extensions.md …extensions/010.developing-extensions.mdxcontent/docs/developer-resources/.030.extensions/010.developing-extensions.md renamed to content/docs/developer-resources/.030.extensions/010.developing-extensions.mdx content/docs/developer-resources/.030.extensions/010.developing-extensions.md renamed to content/docs/developer-resources/.030.extensions/010.developing-extensions.mdx

@@ -6,7 +6,7 @@ import {ImageZoom} from 'fumadocs-ui/components/image-zoom';
 export function getMDXComponents(components?: MDXComponents): MDXComponents {
     return {
         ...defaultMdxComponents,
-        img: (props) => <ImageZoom {...(props as any)} />,
+        img: (props) => <ImageZoom {...(props)} />,
         ...components
     };
 }