@windrun-huaiin/third-ui 22.0.0 → 23.0.0

package/README.md

@@ -42,10 +42,7 @@ Your-project/
 
 ## Usage Example
 
-### Import all components
-```tsx
-import { ClerkUser, CTA, TOC } from '@windrun-huaiin/third-ui';
-```
+Root entry import is not supported. Always import from an explicit subpath such as `@windrun-huaiin/third-ui/clerk` or `@windrun-huaiin/third-ui/main`.
 
 ### Import components by module
 ```tsx
@@ -56,7 +53,10 @@ import { ClerkUser, ClerkOrganization } from '@windrun-huaiin/third-ui/clerk';
 import { CTA, Features } from '@windrun-huaiin/third-ui/main';
 
 // Only import Fumadocs components  
-import { TOC, FumaBannerSuit } from '@windrun-huaiin/third-ui/fuma';
+import { FumaPageGenerator, FumaBannerSuit } from '@windrun-huaiin/third-ui/fuma/server';
+
+// Shared MDX building blocks
+import { TocFooterWrapper, PortableClerkTOC } from '@windrun-huaiin/third-ui/fuma/mdx';
 ```
 
 ### Use components
@@ -219,4 +219,4 @@ All configuration parameters will be automatically obtained from the global conf
 - [Newspaper Template](https://newspaper-template.org/en)
 - [breathing exercise](https://breathingexercise.net/en)
 - [ai directory list](https://aidirectorylist.com/en)
-- [reve image directory](https://reveimage.directory/en)
+- [reve image directory](https://reveimage.directory/en)

package/dist/fuma/server/features/base.d.ts

@@ -0,0 +1,2 @@
+import type { MDXComponents } from 'mdx/types';
+export declare function createBaseMdxComponents(imageFallbackSrc?: string): MDXComponents;

package/dist/fuma/server/features/base.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var markdownComponentMap = require('../../share/markdown-component-map.js');
+var React = require('react');
+var siteMdxFallbacks = require('../site-mdx-fallbacks.js');
+
+const ImageZoom = React.lazy(() => Promise.resolve().then(function () { return require('../../heavy/image-zoom.js'); }).then((mod) => ({ default: mod.ImageZoom })));
+function createBaseMdxComponents(imageFallbackSrc) {
+    return Object.assign(Object.assign(Object.assign({}, markdownComponentMap.baseMarkdownComponents), siteMdxFallbacks.createMissingMdxFeatureComponents()), { img: (props) => (jsxRuntime.jsx(ImageZoom, Object.assign({}, props, { fallbackSrc: imageFallbackSrc }))) });
+}
+
+exports.createBaseMdxComponents = createBaseMdxComponents;

package/dist/fuma/server/features/base.mjs

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { baseMarkdownComponents } from '../../share/markdown-component-map.mjs';
+import { lazy } from 'react';
+import { createMissingMdxFeatureComponents } from '../site-mdx-fallbacks.mjs';
+
+const ImageZoom = lazy(() => import('../../heavy/image-zoom.mjs').then((mod) => ({ default: mod.ImageZoom })));
+function createBaseMdxComponents(imageFallbackSrc) {
+    return Object.assign(Object.assign(Object.assign({}, baseMarkdownComponents), createMissingMdxFeatureComponents()), { img: (props) => (jsx(ImageZoom, Object.assign({}, props, { fallbackSrc: imageFallbackSrc }))) });
+}
+
+export { createBaseMdxComponents };

package/dist/fuma/server/features/code.d.ts

@@ -0,0 +1,3 @@
+import type { MDXComponents } from 'mdx/types';
+import { type ReactNode } from 'react';
+export declare function createCodeMdxComponents(iconMap?: Record<string, ReactNode>): MDXComponents;

package/dist/fuma/server/features/code.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var icons = require('@windrun-huaiin/base-ui/icons');
+
+const CodeBlock = React.lazy(() => import('fumadocs-ui/components/codeblock').then((mod) => ({ default: mod.CodeBlock })));
+const Pre = React.lazy(() => import('fumadocs-ui/components/codeblock').then((mod) => ({ default: mod.Pre })));
+const defaultCodeLanguageIconMap = {
+    css: jsxRuntime.jsx(icons.CSSIcon, {}),
+    csv: jsxRuntime.jsx(icons.CSVIcon, {}),
+    diff: jsxRuntime.jsx(icons.DiffIcon, {}),
+    html: jsxRuntime.jsx(icons.HtmlIcon, {}),
+    http: jsxRuntime.jsx(icons.HttpIcon, {}),
+    java: jsxRuntime.jsx(icons.JavaIcon, {}),
+    json: jsxRuntime.jsx(icons.JsonIcon, {}),
+    jsonc: jsxRuntime.jsx(icons.SquareDashedBottomCodeIcon, {}),
+    log: jsxRuntime.jsx(icons.LogIcon, {}),
+    mdx: jsxRuntime.jsx(icons.MDXIcon, {}),
+    plaintext: jsxRuntime.jsx(icons.TxtIcon, {}),
+    regex: jsxRuntime.jsx(icons.RegexIcon, {}),
+    scheme: jsxRuntime.jsx(icons.SchemeIcon, {}),
+    sql: jsxRuntime.jsx(icons.SQLIcon, {}),
+    text: jsxRuntime.jsx(icons.TxtIcon, {}),
+    txt: jsxRuntime.jsx(icons.TxtIcon, {}),
+    xml: jsxRuntime.jsx(icons.XMLIcon, {}),
+    yaml: jsxRuntime.jsx(icons.YamlIcon, {}),
+    yml: jsxRuntime.jsx(icons.YamlIcon, {}),
+};
+function tryToMatchIcon(props, iconMap) {
+    var _a;
+    let lang;
+    const dataLanguage = props['data-language'];
+    if (dataLanguage && dataLanguage.trim() !== '') {
+        lang = dataLanguage.trim().toLowerCase();
+    }
+    else {
+        const title = props.title;
+        if (title) {
+            const titleParts = title.split('.');
+            if (titleParts.length > 1 && titleParts[0] !== '') {
+                const extension = (_a = titleParts.pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+                if (extension) {
+                    lang = extension;
+                }
+            }
+        }
+    }
+    if (lang && iconMap[lang]) {
+        return iconMap[lang];
+    }
+    return undefined;
+}
+function createCodeMdxComponents(iconMap = {}) {
+    const mergedIconMap = Object.assign(Object.assign({}, defaultCodeLanguageIconMap), iconMap);
+    return {
+        pre: (props) => {
+            const customIcon = tryToMatchIcon(props, mergedIconMap);
+            return (jsxRuntime.jsx(CodeBlock, Object.assign({}, props, (customIcon && { icon: customIcon }), { children: jsxRuntime.jsx(Pre, { children: props.children }) })));
+        },
+        CodeBlock,
+        Pre,
+    };
+}
+
+exports.createCodeMdxComponents = createCodeMdxComponents;

package/dist/fuma/server/features/code.mjs

@@ -0,0 +1,64 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { YamlIcon, XMLIcon, TxtIcon, SQLIcon, SchemeIcon, RegexIcon, MDXIcon, LogIcon, SquareDashedBottomCodeIcon, JsonIcon, JavaIcon, HttpIcon, HtmlIcon, DiffIcon, CSVIcon, CSSIcon } from '@windrun-huaiin/base-ui/icons';
+
+const CodeBlock = lazy(() => import('fumadocs-ui/components/codeblock').then((mod) => ({ default: mod.CodeBlock })));
+const Pre = lazy(() => import('fumadocs-ui/components/codeblock').then((mod) => ({ default: mod.Pre })));
+const defaultCodeLanguageIconMap = {
+    css: jsx(CSSIcon, {}),
+    csv: jsx(CSVIcon, {}),
+    diff: jsx(DiffIcon, {}),
+    html: jsx(HtmlIcon, {}),
+    http: jsx(HttpIcon, {}),
+    java: jsx(JavaIcon, {}),
+    json: jsx(JsonIcon, {}),
+    jsonc: jsx(SquareDashedBottomCodeIcon, {}),
+    log: jsx(LogIcon, {}),
+    mdx: jsx(MDXIcon, {}),
+    plaintext: jsx(TxtIcon, {}),
+    regex: jsx(RegexIcon, {}),
+    scheme: jsx(SchemeIcon, {}),
+    sql: jsx(SQLIcon, {}),
+    text: jsx(TxtIcon, {}),
+    txt: jsx(TxtIcon, {}),
+    xml: jsx(XMLIcon, {}),
+    yaml: jsx(YamlIcon, {}),
+    yml: jsx(YamlIcon, {}),
+};
+function tryToMatchIcon(props, iconMap) {
+    var _a;
+    let lang;
+    const dataLanguage = props['data-language'];
+    if (dataLanguage && dataLanguage.trim() !== '') {
+        lang = dataLanguage.trim().toLowerCase();
+    }
+    else {
+        const title = props.title;
+        if (title) {
+            const titleParts = title.split('.');
+            if (titleParts.length > 1 && titleParts[0] !== '') {
+                const extension = (_a = titleParts.pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+                if (extension) {
+                    lang = extension;
+                }
+            }
+        }
+    }
+    if (lang && iconMap[lang]) {
+        return iconMap[lang];
+    }
+    return undefined;
+}
+function createCodeMdxComponents(iconMap = {}) {
+    const mergedIconMap = Object.assign(Object.assign({}, defaultCodeLanguageIconMap), iconMap);
+    return {
+        pre: (props) => {
+            const customIcon = tryToMatchIcon(props, mergedIconMap);
+            return (jsx(CodeBlock, Object.assign({}, props, (customIcon && { icon: customIcon }), { children: jsx(Pre, { children: props.children }) })));
+        },
+        CodeBlock,
+        Pre,
+    };
+}
+
+export { createCodeMdxComponents };

package/dist/fuma/server/features/math.d.ts

@@ -0,0 +1,2 @@
+import type { MDXComponents } from 'mdx/types';
+export declare function createMathMdxComponents(): MDXComponents;

package/dist/fuma/server/features/math.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+
+const MathBlock = React.lazy(() => Promise.resolve().then(function () { return require('../../heavy/math.js'); }).then((mod) => ({ default: mod.MathBlock })));
+const InlineMath = React.lazy(() => Promise.resolve().then(function () { return require('../../heavy/math.js'); }).then((mod) => ({ default: mod.InlineMath })));
+function createMathMdxComponents() {
+    return {
+        MathBlock,
+        InlineMath,
+    };
+}
+
+exports.createMathMdxComponents = createMathMdxComponents;

package/dist/fuma/server/features/math.mjs

@@ -0,0 +1,12 @@
+import { lazy } from 'react';
+
+const MathBlock = lazy(() => import('../../heavy/math.mjs').then((mod) => ({ default: mod.MathBlock })));
+const InlineMath = lazy(() => import('../../heavy/math.mjs').then((mod) => ({ default: mod.InlineMath })));
+function createMathMdxComponents() {
+    return {
+        MathBlock,
+        InlineMath,
+    };
+}
+
+export { createMathMdxComponents };

package/dist/fuma/server/features/mermaid.d.ts

@@ -0,0 +1,2 @@
+import type { MDXComponents } from 'mdx/types';
+export declare function createMermaidMdxComponents(watermarkEnabled?: boolean, watermarkText?: string): MDXComponents;

package/dist/fuma/server/features/mermaid.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const Mermaid = React.lazy(() => Promise.resolve().then(function () { return require('../../heavy/mermaid.js'); }).then((mod) => ({ default: mod.Mermaid })));
+function createMermaidMdxComponents(watermarkEnabled, watermarkText) {
+    return {
+        Mermaid: (props) => (jsxRuntime.jsx(Mermaid, Object.assign({}, props, { watermarkEnabled: watermarkEnabled, watermarkText: watermarkText }))),
+    };
+}
+
+exports.createMermaidMdxComponents = createMermaidMdxComponents;

package/dist/fuma/server/features/mermaid.mjs

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+
+const Mermaid = lazy(() => import('../../heavy/mermaid.mjs').then((mod) => ({ default: mod.Mermaid })));
+function createMermaidMdxComponents(watermarkEnabled, watermarkText) {
+    return {
+        Mermaid: (props) => (jsx(Mermaid, Object.assign({}, props, { watermarkEnabled: watermarkEnabled, watermarkText: watermarkText }))),
+    };
+}
+
+export { createMermaidMdxComponents };

package/dist/fuma/server/features/type-table.d.ts

@@ -0,0 +1,2 @@
+import type { MDXComponents } from 'mdx/types';
+export declare function createTypeTableMdxComponents(): MDXComponents;

package/dist/fuma/server/features/type-table.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+
+const TypeTable = React.lazy(() => import('fumadocs-ui/components/type-table').then((mod) => ({ default: mod.TypeTable })));
+function createTypeTableMdxComponents() {
+    return {
+        TypeTable,
+    };
+}
+
+exports.createTypeTableMdxComponents = createTypeTableMdxComponents;

package/dist/fuma/server/features/type-table.mjs

@@ -0,0 +1,10 @@
+import { lazy } from 'react';
+
+const TypeTable = lazy(() => import('fumadocs-ui/components/type-table').then((mod) => ({ default: mod.TypeTable })));
+function createTypeTableMdxComponents() {
+    return {
+        TypeTable,
+    };
+}
+
+export { createTypeTableMdxComponents };

package/dist/fuma/server/features/widgets.d.ts

@@ -0,0 +1,2 @@
+import type { MDXComponents } from 'mdx/types';
+export declare function createWidgetMdxComponents(cdnBaseUrl?: string, imageFallbackSrc?: string): MDXComponents;

package/dist/fuma/server/features/widgets.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var trophyCard = require('../../mdx/trophy-card.js');
+var ziaCard = require('../../mdx/zia-card.js');
+var gradientButton = require('../../mdx/gradient-button.js');
+var ziaFile = require('../../mdx/zia-file.js');
+var sunoEmbed = require('../../mdx/suno-embed.js');
+
+const ImageGrid = React.lazy(() => Promise.resolve().then(function () { return require('../../heavy/image-grid.js'); }).then((mod) => ({ default: mod.ImageGrid })));
+const ImageZoom = React.lazy(() => Promise.resolve().then(function () { return require('../../heavy/image-zoom.js'); }).then((mod) => ({ default: mod.ImageZoom })));
+function createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc) {
+    return {
+        TrophyCard: trophyCard.TrophyCard,
+        ZiaCard: ziaCard.ZiaCard,
+        GradientButton: gradientButton.GradientButton,
+        ZiaFile: ziaFile.ZiaFile,
+        ZiaFolder: ziaFile.ZiaFolder,
+        SunoEmbed: sunoEmbed.SunoEmbed,
+        ImageGrid: (props) => (jsxRuntime.jsx(ImageGrid, Object.assign({}, props, { cdnBaseUrl: cdnBaseUrl }))),
+        ImageZoom: (props) => (jsxRuntime.jsx(ImageZoom, Object.assign({}, props, { fallbackSrc: imageFallbackSrc }))),
+    };
+}
+
+exports.createWidgetMdxComponents = createWidgetMdxComponents;

package/dist/fuma/server/features/widgets.mjs

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { TrophyCard } from '../../mdx/trophy-card.mjs';
+import { ZiaCard } from '../../mdx/zia-card.mjs';
+import { GradientButton } from '../../mdx/gradient-button.mjs';
+import { ZiaFolder, ZiaFile } from '../../mdx/zia-file.mjs';
+import { SunoEmbed } from '../../mdx/suno-embed.mjs';
+
+const ImageGrid = lazy(() => import('../../heavy/image-grid.mjs').then((mod) => ({ default: mod.ImageGrid })));
+const ImageZoom = lazy(() => import('../../heavy/image-zoom.mjs').then((mod) => ({ default: mod.ImageZoom })));
+function createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc) {
+    return {
+        TrophyCard,
+        ZiaCard,
+        GradientButton,
+        ZiaFile,
+        ZiaFolder,
+        SunoEmbed,
+        ImageGrid: (props) => (jsx(ImageGrid, Object.assign({}, props, { cdnBaseUrl: cdnBaseUrl }))),
+        ImageZoom: (props) => (jsx(ImageZoom, Object.assign({}, props, { fallbackSrc: imageFallbackSrc }))),
+    };
+}
+
+export { createWidgetMdxComponents };

package/dist/fuma/server/optional-features.d.ts

@@ -1,8 +1,6 @@
-import type { MDXComponents } from 'mdx/types';
-import type { ReactNode } from 'react';
-export declare function createBaseMdxComponents(imageFallbackSrc?: string): MDXComponents;
-export declare function createCodeMdxComponents(iconMap?: Record<string, ReactNode>): MDXComponents;
-export declare function createMathMdxComponents(): MDXComponents;
-export declare function createMermaidMdxComponents(watermarkEnabled?: boolean, watermarkText?: string): MDXComponents;
-export declare function createTypeTableMdxComponents(): MDXComponents;
-export declare function createWidgetMdxComponents(cdnBaseUrl?: string, imageFallbackSrc?: string): MDXComponents;
+export { createBaseMdxComponents } from './features/base';
+export { createCodeMdxComponents } from './features/code';
+export { createMathMdxComponents } from './features/math';
+export { createMermaidMdxComponents } from './features/mermaid';
+export { createTypeTableMdxComponents } from './features/type-table';
+export { createWidgetMdxComponents } from './features/widgets';

package/dist/fuma/server/optional-features.js

@@ -1,111 +1,17 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var codeblock = require('fumadocs-ui/components/codeblock');
-var typeTable = require('fumadocs-ui/components/type-table');
-var icons = require('@windrun-huaiin/base-ui/icons');
-var markdownComponentMap = require('../share/markdown-component-map.js');
-var imageZoom = require('../heavy/image-zoom.js');
-var imageGrid = require('../heavy/image-grid.js');
-var math = require('../heavy/math.js');
-var mermaid = require('../heavy/mermaid.js');
-var trophyCard = require('../mdx/trophy-card.js');
-var ziaCard = require('../mdx/zia-card.js');
-var gradientButton = require('../mdx/gradient-button.js');
-var ziaFile = require('../mdx/zia-file.js');
-var sunoEmbed = require('../mdx/suno-embed.js');
+var base = require('./features/base.js');
+var code = require('./features/code.js');
+var math = require('./features/math.js');
+var mermaid = require('./features/mermaid.js');
+var typeTable = require('./features/type-table.js');
+var widgets = require('./features/widgets.js');
 
-const defaultCodeLanguageIconMap = {
-    css: jsxRuntime.jsx(icons.CSSIcon, {}),
-    csv: jsxRuntime.jsx(icons.CSVIcon, {}),
-    diff: jsxRuntime.jsx(icons.DiffIcon, {}),
-    html: jsxRuntime.jsx(icons.HtmlIcon, {}),
-    http: jsxRuntime.jsx(icons.HttpIcon, {}),
-    java: jsxRuntime.jsx(icons.JavaIcon, {}),
-    json: jsxRuntime.jsx(icons.JsonIcon, {}),
-    jsonc: jsxRuntime.jsx(icons.SquareDashedBottomCodeIcon, {}),
-    log: jsxRuntime.jsx(icons.LogIcon, {}),
-    mdx: jsxRuntime.jsx(icons.MDXIcon, {}),
-    plaintext: jsxRuntime.jsx(icons.TxtIcon, {}),
-    regex: jsxRuntime.jsx(icons.RegexIcon, {}),
-    scheme: jsxRuntime.jsx(icons.SchemeIcon, {}),
-    sql: jsxRuntime.jsx(icons.SQLIcon, {}),
-    text: jsxRuntime.jsx(icons.TxtIcon, {}),
-    txt: jsxRuntime.jsx(icons.TxtIcon, {}),
-    xml: jsxRuntime.jsx(icons.XMLIcon, {}),
-    yaml: jsxRuntime.jsx(icons.YamlIcon, {}),
-    yml: jsxRuntime.jsx(icons.YamlIcon, {}),
-};
-function tryToMatchIcon(props, iconMap) {
-    var _a;
-    let lang;
-    const dataLanguage = props['data-language'];
-    if (dataLanguage && dataLanguage.trim() !== '') {
-        lang = dataLanguage.trim().toLowerCase();
-    }
-    else {
-        const title = props.title;
-        if (title) {
-            const titleParts = title.split('.');
-            if (titleParts.length > 1 && titleParts[0] !== '') {
-                const extension = (_a = titleParts.pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                if (extension) {
-                    lang = extension;
-                }
-            }
-        }
-    }
-    if (lang && iconMap[lang]) {
-        return iconMap[lang];
-    }
-    return undefined;
-}
-function createBaseMdxComponents(imageFallbackSrc) {
-    return Object.assign(Object.assign({}, markdownComponentMap.baseMarkdownComponents), { img: (props) => (jsxRuntime.jsx(imageZoom.ImageZoom, Object.assign({}, props, { fallbackSrc: imageFallbackSrc }))) });
-}
-function createCodeMdxComponents(iconMap = {}) {
-    const mergedIconMap = Object.assign(Object.assign({}, defaultCodeLanguageIconMap), iconMap);
-    return {
-        pre: (props) => {
-            const customIcon = tryToMatchIcon(props, mergedIconMap);
-            return (jsxRuntime.jsx(codeblock.CodeBlock, Object.assign({}, props, (customIcon && { icon: customIcon }), { children: jsxRuntime.jsx(codeblock.Pre, { children: props.children }) })));
-        },
-        CodeBlock: codeblock.CodeBlock,
-        Pre: codeblock.Pre,
-    };
-}
-function createMathMdxComponents() {
-    return {
-        MathBlock: math.MathBlock,
-        InlineMath: math.InlineMath,
-    };
-}
-function createMermaidMdxComponents(watermarkEnabled, watermarkText) {
-    return {
-        Mermaid: (props) => (jsxRuntime.jsx(mermaid.Mermaid, Object.assign({}, props, { watermarkEnabled: watermarkEnabled, watermarkText: watermarkText }))),
-    };
-}
-function createTypeTableMdxComponents() {
-    return {
-        TypeTable: typeTable.TypeTable,
-    };
-}
-function createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc) {
-    return {
-        TrophyCard: trophyCard.TrophyCard,
-        ZiaCard: ziaCard.ZiaCard,
-        GradientButton: gradientButton.GradientButton,
-        ZiaFile: ziaFile.ZiaFile,
-        ZiaFolder: ziaFile.ZiaFolder,
-        SunoEmbed: sunoEmbed.SunoEmbed,
-        ImageGrid: (props) => (jsxRuntime.jsx(imageGrid.ImageGrid, Object.assign({}, props, { cdnBaseUrl: cdnBaseUrl }))),
-        ImageZoom: (props) => (jsxRuntime.jsx(imageZoom.ImageZoom, Object.assign({}, props, { fallbackSrc: imageFallbackSrc }))),
-    };
-}
 
-exports.createBaseMdxComponents = createBaseMdxComponents;
-exports.createCodeMdxComponents = createCodeMdxComponents;
-exports.createMathMdxComponents = createMathMdxComponents;
-exports.createMermaidMdxComponents = createMermaidMdxComponents;
-exports.createTypeTableMdxComponents = createTypeTableMdxComponents;
-exports.createWidgetMdxComponents = createWidgetMdxComponents;
+
+exports.createBaseMdxComponents = base.createBaseMdxComponents;
+exports.createCodeMdxComponents = code.createCodeMdxComponents;
+exports.createMathMdxComponents = math.createMathMdxComponents;
+exports.createMermaidMdxComponents = mermaid.createMermaidMdxComponents;
+exports.createTypeTableMdxComponents = typeTable.createTypeTableMdxComponents;
+exports.createWidgetMdxComponents = widgets.createWidgetMdxComponents;

package/dist/fuma/server/optional-features.mjs

@@ -1,104 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
-import { Pre, CodeBlock } from 'fumadocs-ui/components/codeblock';
-import { TypeTable } from 'fumadocs-ui/components/type-table';
-import { YamlIcon, XMLIcon, TxtIcon, SQLIcon, SchemeIcon, RegexIcon, MDXIcon, LogIcon, SquareDashedBottomCodeIcon, JsonIcon, JavaIcon, HttpIcon, HtmlIcon, DiffIcon, CSVIcon, CSSIcon } from '@windrun-huaiin/base-ui/icons';
-import { baseMarkdownComponents } from '../share/markdown-component-map.mjs';
-import { ImageZoom } from '../heavy/image-zoom.mjs';
-import { ImageGrid } from '../heavy/image-grid.mjs';
-import { InlineMath, MathBlock } from '../heavy/math.mjs';
-import { Mermaid } from '../heavy/mermaid.mjs';
-import { TrophyCard } from '../mdx/trophy-card.mjs';
-import { ZiaCard } from '../mdx/zia-card.mjs';
-import { GradientButton } from '../mdx/gradient-button.mjs';
-import { ZiaFolder, ZiaFile } from '../mdx/zia-file.mjs';
-import { SunoEmbed } from '../mdx/suno-embed.mjs';
-
-const defaultCodeLanguageIconMap = {
-    css: jsx(CSSIcon, {}),
-    csv: jsx(CSVIcon, {}),
-    diff: jsx(DiffIcon, {}),
-    html: jsx(HtmlIcon, {}),
-    http: jsx(HttpIcon, {}),
-    java: jsx(JavaIcon, {}),
-    json: jsx(JsonIcon, {}),
-    jsonc: jsx(SquareDashedBottomCodeIcon, {}),
-    log: jsx(LogIcon, {}),
-    mdx: jsx(MDXIcon, {}),
-    plaintext: jsx(TxtIcon, {}),
-    regex: jsx(RegexIcon, {}),
-    scheme: jsx(SchemeIcon, {}),
-    sql: jsx(SQLIcon, {}),
-    text: jsx(TxtIcon, {}),
-    txt: jsx(TxtIcon, {}),
-    xml: jsx(XMLIcon, {}),
-    yaml: jsx(YamlIcon, {}),
-    yml: jsx(YamlIcon, {}),
-};
-function tryToMatchIcon(props, iconMap) {
-    var _a;
-    let lang;
-    const dataLanguage = props['data-language'];
-    if (dataLanguage && dataLanguage.trim() !== '') {
-        lang = dataLanguage.trim().toLowerCase();
-    }
-    else {
-        const title = props.title;
-        if (title) {
-            const titleParts = title.split('.');
-            if (titleParts.length > 1 && titleParts[0] !== '') {
-                const extension = (_a = titleParts.pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                if (extension) {
-                    lang = extension;
-                }
-            }
-        }
-    }
-    if (lang && iconMap[lang]) {
-        return iconMap[lang];
-    }
-    return undefined;
-}
-function createBaseMdxComponents(imageFallbackSrc) {
-    return Object.assign(Object.assign({}, baseMarkdownComponents), { img: (props) => (jsx(ImageZoom, Object.assign({}, props, { fallbackSrc: imageFallbackSrc }))) });
-}
-function createCodeMdxComponents(iconMap = {}) {
-    const mergedIconMap = Object.assign(Object.assign({}, defaultCodeLanguageIconMap), iconMap);
-    return {
-        pre: (props) => {
-            const customIcon = tryToMatchIcon(props, mergedIconMap);
-            return (jsx(CodeBlock, Object.assign({}, props, (customIcon && { icon: customIcon }), { children: jsx(Pre, { children: props.children }) })));
-        },
-        CodeBlock,
-        Pre,
-    };
-}
-function createMathMdxComponents() {
-    return {
-        MathBlock,
-        InlineMath,
-    };
-}
-function createMermaidMdxComponents(watermarkEnabled, watermarkText) {
-    return {
-        Mermaid: (props) => (jsx(Mermaid, Object.assign({}, props, { watermarkEnabled: watermarkEnabled, watermarkText: watermarkText }))),
-    };
-}
-function createTypeTableMdxComponents() {
-    return {
-        TypeTable,
-    };
-}
-function createWidgetMdxComponents(cdnBaseUrl, imageFallbackSrc) {
-    return {
-        TrophyCard,
-        ZiaCard,
-        GradientButton,
-        ZiaFile,
-        ZiaFolder,
-        SunoEmbed,
-        ImageGrid: (props) => (jsx(ImageGrid, Object.assign({}, props, { cdnBaseUrl: cdnBaseUrl }))),
-        ImageZoom: (props) => (jsx(ImageZoom, Object.assign({}, props, { fallbackSrc: imageFallbackSrc }))),
-    };
-}
-
-export { createBaseMdxComponents, createCodeMdxComponents, createMathMdxComponents, createMermaidMdxComponents, createTypeTableMdxComponents, createWidgetMdxComponents };
+export { createBaseMdxComponents } from './features/base.mjs';
+export { createCodeMdxComponents } from './features/code.mjs';
+export { createMathMdxComponents } from './features/math.mjs';
+export { createMermaidMdxComponents } from './features/mermaid.mjs';
+export { createTypeTableMdxComponents } from './features/type-table.mjs';
+export { createWidgetMdxComponents } from './features/widgets.mjs';

package/dist/fuma/server/site-mdx-base.d.ts

@@ -0,0 +1,13 @@
+import type { MDXComponents } from 'mdx/types';
+export type SiteMdxFeatureComponents = MDXComponents;
+export interface SiteMdxBaseOptions {
+    imageFallbackSrc?: string;
+    cdnBaseUrl?: string;
+}
+export interface CreateSiteMdxComponentsOptions {
+    baseOptions?: SiteMdxBaseOptions;
+    features?: SiteMdxFeatureComponents[];
+    additionalComponents?: MDXComponents;
+}
+export declare function createSiteMdxBaseComponents(options?: SiteMdxBaseOptions): MDXComponents;
+export declare function createSiteMdxComponents(options?: CreateSiteMdxComponentsOptions): (components?: MDXComponents) => MDXComponents;

package/dist/fuma/server/site-mdx-base.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var tabs = require('fumadocs-ui/components/tabs');
+var callout = require('fumadocs-ui/components/callout');
+var files = require('fumadocs-ui/components/files');
+var accordion = require('fumadocs-ui/components/accordion');
+var siteX = require('../site-x.js');
+var base = require('./features/base.js');
+var widgets = require('./features/widgets.js');
+
+const defaultFumaUiComponents = {
+    Callout: callout.Callout,
+    File: files.File,
+    Folder: files.Folder,
+    Files: files.Files,
+    Accordion: accordion.Accordion,
+    Accordions: accordion.Accordions,
+    Tab: tabs.Tab,
+    Tabs: tabs.Tabs,
+};
+function createSiteMdxBaseComponents(options = {}) {
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, defaultFumaUiComponents), { SiteX: siteX.SiteX }), base.createBaseMdxComponents(options.imageFallbackSrc)), widgets.createWidgetMdxComponents(options.cdnBaseUrl, options.imageFallbackSrc));
+}
+function createSiteMdxComponents(options = {}) {
+    const { additionalComponents, baseOptions, features = [], } = options;
+    return function getMDXComponents(components) {
+        return Object.assign(Object.assign(Object.assign(Object.assign({}, createSiteMdxBaseComponents(baseOptions)), features.reduce((acc, feature) => (Object.assign(Object.assign({}, acc), feature)), {})), additionalComponents), components);
+    };
+}
+
+exports.createSiteMdxBaseComponents = createSiteMdxBaseComponents;
+exports.createSiteMdxComponents = createSiteMdxComponents;