feat(finale)!: fumadocs, part 3

.github/scripts/stats.py

@@ -74,8 +74,8 @@ def resolve_file(slug: str) -> Optional[str]:
         str(Path(slug) / "index.mdx"),
         str(Path(slug) / "index.md"),
     ):
-        if (REPO_ROOT / rel).exists():
-            return rel
+        if (REPO_ROOT / 'content' / rel).exists():
+            return 'content' / rel
     return None
 
 

content/meta.json

@@ -1,8 +1,29 @@
 {
   "$schema": "../meta-schema.json",
   "pages": [
+    "start-here",
+    "get-support",
+    "from-ethereum",
+    "more-tutorials",
     "!old",
     "external:[Old documentation](https://old-docs.ton.org/)",
-    "..."
+    "---Ecosystem---",
+    "...ecosystem",
+    "---Payment processing---",
+    "...payments",
+    "---Standard contracts---",
+    "...standard",
+    "---Contract development---",
+    "...contract-dev",
+    "---Tolk language---",
+    "...tolk",
+    "---TVM: TON Virtual Machine---",
+    "...tvm",
+    "---Blockchain foundations---",
+    "...foundations",
+    "---Legacy languages---",
+    "...languages",
+    "---Contributing---",
+    "...contribute"
   ]
 }

source.config.ts

@@ -7,7 +7,7 @@ import {
   remarkMdxFiles,
   remarkGfm,
 } from 'fumadocs-core/mdx-plugins';
-import {parseCodeBlockAttributes} from "fumadocs-core/mdx-plugins/codeblock-utils"
+import { parseCodeBlockAttributes } from "fumadocs-core/mdx-plugins/codeblock-utils"
 import { z } from "zod";
 import {
   transformerMetaHighlight,
@@ -140,14 +140,12 @@ export default defineConfig({
           if (base.length === 0) return
           if (!base.startsWith('/')) return;
           visitParents(tree, 'element', (node) => {
-            try {
-              for (const attr of ['src', 'darkSrc', 'href', 'poster']) {
-                const value = node.properties?.[attr];
-                if (typeof value === 'string' && value.startsWith('/')) {
-                  node.properties[attr] = base.replace(/\/*$/, '') + '/' + value.replace(/^\/*/, '');
-                }
+            for (const attr of ['src', 'darkSrc', 'href', 'poster']) {
+              const value = node.properties?.[attr];
+              if (typeof value === 'string' && value.startsWith('/') && !value.startsWith(base)) {
+                node.properties[attr] = base.replace(/\/*$/, '') + '/' + value.replace(/^\/*/, '');
               }
-            } catch (_) { }
+            }
           });
         };
       },

src/app/api/search/route.ts

@@ -8,6 +8,20 @@ const searchSource: typeof source = {
 const searchAPI = createFromSource(searchSource, {
   // https://docs.orama.com/docs/orama-js/supported-languages
   language: 'english',
+  // buildIndex(page) {
+  //   return {
+  //     id: page.url,
+  //     url: page.url,
+  //     title: page.data.title,
+  //     description: page.data.description,
+  //     structuredData: page.data.structuredData,
+  //     tag: page.slugs[0],
+  //     // TODO: redirects for /-based folder paths to overview pages.
+  //   }
+  // },
+  sort: {
+    enabled: true,
+  }
 });
 
 export const revalidate = false;

src/components/search.tsx

@@ -1,14 +1,18 @@
 'use client';
+import { useState } from 'react';
 import {
   SearchDialog,
   SearchDialogClose,
   SearchDialogContent,
   SearchDialogHeader,
+  SearchDialogFooter,
   SearchDialogIcon,
   SearchDialogInput,
   SearchDialogList,
   SearchDialogOverlay,
   type SharedProps,
+  TagsList,
+  TagsListItem,
 } from 'fumadocs-ui/components/dialog/search';
 import { useDocsSearch } from 'fumadocs-core/search/client';
 import { create } from '@orama/orama';
@@ -23,6 +27,7 @@ function initOrama() {
 }
 
 export default function DefaultSearchDialog(props: SharedProps) {
+  const [tag, setTag] = useState<string | undefined>();
   const { locale } = useI18n(); // (optional) for i18n
   const { search, setSearch, query } = useDocsSearch(
     process.env.NEXT_CONFIG === 'vercel'
@@ -35,6 +40,7 @@ export default function DefaultSearchDialog(props: SharedProps) {
           initOrama,
           locale,
           from: `${process.env.NEXT_PUBLIC_BASE_PATH ?? ''}/api/search`,
+          // tag,
         }
   );
 
@@ -48,6 +54,11 @@ export default function DefaultSearchDialog(props: SharedProps) {
           <SearchDialogClose />
         </SearchDialogHeader>
         <SearchDialogList items={query.data !== 'empty' ? query.data : null} />
+        {/* <SearchDialogFooter className="flex flex-row">
+          <TagsList tag={tag} onTagChange={setTag}>
+            <TagsListItem value="my-value">My Value</TagsListItem>
+          </TagsList>
+        </SearchDialogFooter> */}
       </SearchDialogContent>
     </SearchDialog>
   );