;
+
+ const promise = setPromise();
+ cache.set(key, promise);
+ return promise;
+}
+
+function MermaidContent({ chart }: { chart: string }) {
+ const id = useId();
+ const { resolvedTheme } = useTheme();
+ const { default: mermaid } = use(cachePromise('mermaid', () => import('mermaid')));
+
+ mermaid.initialize({
+ startOnLoad: false,
+ securityLevel: 'loose',
+ fontFamily: 'inherit',
+ themeCSS: 'margin: 1.5rem auto 0;',
+ theme: resolvedTheme === 'dark' ? 'dark' : 'default',
+ });
+
+ const { svg, bindFunctions } = use(
+ cachePromise(`${chart}-${resolvedTheme}`, () => {
+ return mermaid.render(id, chart.replaceAll('\\n', '\n'));
+ }),
+ );
+
+ return (
+ {
+ if (container) bindFunctions?.(container);
+ }}
+ // biome-ignore lint/security/noDangerouslySetInnerHtml: correct usage.
+ dangerouslySetInnerHTML={{ __html: svg }}
+ />
+ );
+}
\ No newline at end of file
diff --git a/documentation/src/lib/i18n.ts b/documentation/src/lib/i18n.ts
new file mode 100644
index 0000000..6906259
--- /dev/null
+++ b/documentation/src/lib/i18n.ts
@@ -0,0 +1,6 @@
+import { defineI18n } from "fumadocs-core/i18n";
+
+export const i18n = defineI18n({
+ defaultLanguage: "en",
+ languages: ["en", "fr"],
+});
diff --git a/documentation/src/lib/layout.shared.tsx b/documentation/src/lib/layout.shared.tsx
index 7e961b6..f963462 100644
--- a/documentation/src/lib/layout.shared.tsx
+++ b/documentation/src/lib/layout.shared.tsx
@@ -1,9 +1,11 @@
-import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
+import {i18n} from "@/lib/i18n";
export function baseOptions(): BaseLayoutProps {
- return {
- nav: {
- title: 'My App',
- },
- };
+ return {
+ i18n,
+ nav: {
+ title: "MemeGoat",
+ },
+ };
}
diff --git a/documentation/src/lib/source.ts b/documentation/src/lib/source.ts
index 2b2d52f..f38beed 100644
--- a/documentation/src/lib/source.ts
+++ b/documentation/src/lib/source.ts
@@ -1,27 +1,29 @@
-import { docs } from 'fumadocs-mdx:collections/server';
-import { type InferPageType, loader } from 'fumadocs-core/source';
-import { lucideIconsPlugin } from 'fumadocs-core/source/lucide-icons';
+import { docs } from "fumadocs-mdx:collections/server";
+import { type InferPageType, loader } from "fumadocs-core/source";
+import { lucideIconsPlugin } from "fumadocs-core/source/lucide-icons";
+import {i18n} from "@/lib/i18n";
// See https://fumadocs.dev/docs/headless/source-api for more info
export const source = loader({
- baseUrl: '/docs',
- source: docs.toFumadocsSource(),
- plugins: [lucideIconsPlugin()],
+ i18n,
+ baseUrl: "/docs",
+ source: docs.toFumadocsSource(),
+ plugins: [lucideIconsPlugin()],
});
export function getPageImage(page: InferPageType) {
- const segments = [...page.slugs, 'image.png'];
+ const segments = [...page.slugs, "image.png"];
- return {
- segments,
- url: `/og/docs/${segments.join('/')}`,
- };
+ return {
+ segments,
+ url: `/og/docs/${segments.join("/")}`,
+ };
}
export async function getLLMText(page: InferPageType) {
- const processed = await page.data.getText('processed');
+ const processed = await page.data.getText("processed");
- return `# ${page.data.title}
+ return `# ${page.data.title}
${processed}`;
}
diff --git a/documentation/src/mdx-components.tsx b/documentation/src/mdx-components.tsx
index 20beb4c..357a053 100644
--- a/documentation/src/mdx-components.tsx
+++ b/documentation/src/mdx-components.tsx
@@ -1,9 +1,22 @@
-import defaultMdxComponents from 'fumadocs-ui/mdx';
-import type { MDXComponents } from 'mdx/types';
+import defaultMdxComponents from "fumadocs-ui/mdx";
+import type { MDXComponents } from "mdx/types";
+import { Mermaid } from "@/components/mdx/mermaid";
export function getMDXComponents(components?: MDXComponents): MDXComponents {
- return {
- ...defaultMdxComponents,
- ...components,
- };
+ return {
+ ...defaultMdxComponents,
+ ...components,
+ pre: ({ children, ...props }: any) => {
+ if (
+ children &&
+ typeof children === "object" &&
+ "type" in children &&
+ (children as any).type === "code" &&
+ (children as any).props.className === "language-mermaid"
+ ) {
+ return ;
+ }
+ return {children};
+ },
+ };
}
diff --git a/documentation/src/proxy.ts b/documentation/src/proxy.ts
new file mode 100644
index 0000000..2dbd7b7
--- /dev/null
+++ b/documentation/src/proxy.ts
@@ -0,0 +1,10 @@
+import { createI18nMiddleware } from "fumadocs-core/i18n/middleware";
+import { i18n } from "@/lib/i18n";
+
+export default createI18nMiddleware(i18n);
+
+export const config = {
+ // Matcher ignoring `/_next/` and `/api/`
+ //TODO Adjust it to ignore static assets in `/public` folder
+ matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
+};
diff --git a/documentation/tsconfig.json b/documentation/tsconfig.json
index 77775fb..2c49434 100644
--- a/documentation/tsconfig.json
+++ b/documentation/tsconfig.json
@@ -1,46 +1,36 @@
{
- "compilerOptions": {
- "baseUrl": ".",
- "target": "ESNext",
- "lib": [
- "dom",
- "dom.iterable",
- "esnext"
- ],
- "allowJs": true,
- "skipLibCheck": true,
- "strict": true,
- "forceConsistentCasingInFileNames": true,
- "noEmit": true,
- "esModuleInterop": true,
- "module": "esnext",
- "moduleResolution": "bundler",
- "resolveJsonModule": true,
- "isolatedModules": true,
- "jsx": "react-jsx",
- "incremental": true,
- "paths": {
- "@/*": [
- "./src/*"
- ],
- "fumadocs-mdx:collections/*": [
- ".source/*"
- ]
- },
- "plugins": [
- {
- "name": "next"
- }
- ]
- },
- "include": [
- "next-env.d.ts",
- "**/*.ts",
- "**/*.tsx",
- ".next/types/**/*.ts",
- ".next/dev/types/**/*.ts"
- ],
- "exclude": [
- "node_modules"
- ]
-}
\ No newline at end of file
+ "compilerOptions": {
+ "baseUrl": ".",
+ "target": "ESNext",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "react-jsx",
+ "incremental": true,
+ "paths": {
+ "@/*": ["./src/*"],
+ "fumadocs-mdx:collections/*": [".source/*"]
+ },
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ]
+ },
+ "include": [
+ "next-env.d.ts",
+ "**/*.ts",
+ "**/*.tsx",
+ ".next/types/**/*.ts",
+ ".next/dev/types/**/*.ts"
+ ],
+ "exclude": ["node_modules"]
+}