fumadocs-mdx 11.7.4 → 11.8.0

package/dist/runtime/async.cjs

@@ -102,6 +102,7 @@ function getDefaultMDXOptions({
   remarkStructureOptions,
   remarkCodeTabOptions,
   remarkNpmOptions,
+  _withoutBundler = false,
   ...mdxOptions
 }) {
   const mdxExports = [
@@ -120,7 +121,13 @@ function getDefaultMDXOptions({
           ...remarkHeadingOptions
         }
       ],
-      remarkImageOptions !== false && [plugins.remarkImage, remarkImageOptions],
+      remarkImageOptions !== false && [
+        plugins.remarkImage,
+        {
+          ...remarkImageOptions,
+          useImport: _withoutBundler ? false : remarkImageOptions?.useImport
+        }
+      ],
       "remarkCodeTab" in plugins && remarkCodeTabOptions !== false && [
         plugins.remarkCodeTab,
         remarkCodeTabOptions
@@ -145,6 +152,7 @@ function getDefaultMDXOptions({
   );
   return {
     ...mdxOptions,
+    outputFormat: _withoutBundler ? "function-body" : mdxOptions.outputFormat,
     remarkPlugins,
     rehypePlugins
   };
@@ -165,12 +173,87 @@ __export(async_exports, {
   buildConfig: () => buildConfig
 });
 module.exports = __toCommonJS(async_exports);
-var import_mdx_remote = require("@fumadocs/mdx-remote");
+
+// src/runtime/index.ts
+var import_node_fs = __toESM(require("fs"), 1);
+var cache = /* @__PURE__ */ new Map();
+var _runtime = {
+  doc(files) {
+    return files.map((file) => {
+      const { default: body, frontmatter, ...exports2 } = file.data;
+      return {
+        body,
+        ...exports2,
+        ...frontmatter,
+        _file: file.info,
+        _exports: file.data,
+        get content() {
+          const path2 = this._file.absolutePath;
+          const cached = cache.get(path2);
+          if (cached) return cached;
+          const content = import_node_fs.default.readFileSync(path2).toString();
+          cache.set(path2, content);
+          return content;
+        }
+      };
+    });
+  },
+  meta(files) {
+    return files.map((file) => {
+      return {
+        ...file.data,
+        _file: file.info
+      };
+    });
+  },
+  docs(docs, metas) {
+    const parsedDocs = this.doc(docs);
+    const parsedMetas = this.meta(metas);
+    return {
+      docs: parsedDocs,
+      meta: parsedMetas,
+      toFumadocsSource() {
+        return createMDXSource(parsedDocs, parsedMetas);
+      }
+    };
+  }
+};
+function createMDXSource(docs, meta = []) {
+  return {
+    files: () => resolveFiles({
+      docs,
+      meta
+    })
+  };
+}
+function resolveFiles({ docs, meta }) {
+  const outputs = [];
+  for (const entry of docs) {
+    outputs.push({
+      type: "page",
+      absolutePath: entry._file.absolutePath,
+      path: entry._file.path,
+      data: entry
+    });
+  }
+  for (const entry of meta) {
+    outputs.push({
+      type: "meta",
+      absolutePath: entry._file.absolutePath,
+      path: entry._file.path,
+      data: entry
+    });
+  }
+  return outputs;
+}
+
+// src/utils/build-mdx.ts
+var import_mdx = require("@mdx-js/mdx");
 
 // src/mdx-plugins/remark-include.ts
 var import_unist_util_visit = require("unist-util-visit");
 var path = __toESM(require("path"), 1);
-var fs = __toESM(require("fs/promises"), 1);
+var fs2 = __toESM(require("fs/promises"), 1);
 
 // src/utils/fuma-matter.ts
 var import_js_yaml = require("js-yaml");
@@ -181,9 +264,9 @@ function fumaMatter(input) {
   if (!match) {
     return output;
   }
-  output.matter = match[1];
+  output.matter = match[0];
   output.content = input.slice(match[0].length);
-  const loaded = (0, import_js_yaml.load)(output.matter);
+  const loaded = (0, import_js_yaml.load)(match[1]);
   output.data = loaded ?? {};
   return output;
 }
@@ -217,7 +300,7 @@ function extractSection(root, section) {
 }
 function remarkInclude() {
   const TagName = "include";
-  async function update(tree, directory, processor, compiler) {
+  async function update(tree, directory, data) {
     const queue = [];
     (0, import_unist_util_visit.visit)(
       tree,
@@ -244,8 +327,8 @@ function remarkInclude() {
         );
         const asCode = params.lang || !file.endsWith(".md") && !file.endsWith(".mdx");
         queue.push(
-          fs.readFile(targetPath).then((buffer) => buffer.toString()).then(async (content) => {
-            compiler?.addDependency(targetPath);
+          fs2.readFile(targetPath).then((buffer) => buffer.toString()).then(async (content) => {
+            data._compiler?.addDependency(targetPath);
             if (asCode) {
               const lang = params.lang ?? path.extname(file).slice(1);
               Object.assign(node, {
@@ -257,6 +340,9 @@ function remarkInclude() {
               });
               return;
             }
+            const processor = data._processor ? data._processor.getProcessor(
+              targetPath.endsWith(".md") ? "md" : "mdx"
+            ) : this;
             let parsed = processor.parse(fumaMatter(content).content);
             if (section) {
               const extracted = extractSection(parsed, section);
@@ -266,11 +352,11 @@ function remarkInclude() {
                 );
               parsed = extracted;
             }
-            await update(
+            await update.call(
+              processor,
               parsed,
               path.dirname(targetPath),
-              processor,
-              compiler
+              data
             );
             Object.assign(
               parent && parent.type === "paragraph" ? parent : node,
@@ -290,86 +376,48 @@ ${e instanceof Error ? e.message : String(e)}`,
     await Promise.all(queue);
   }
   return async (tree, file) => {
-    await update(tree, path.dirname(file.path), this, file.data._compiler);
+    await update.call(this, tree, path.dirname(file.path), file.data);
   };
 }
 
-// src/runtime/async.ts
-var import_mdx_plugins = require("fumadocs-core/mdx-plugins");
-
-// src/runtime/index.ts
-var import_node_fs = __toESM(require("fs"), 1);
-var cache = /* @__PURE__ */ new Map();
-var _runtime = {
-  doc(files) {
-    return files.map((file) => {
-      const { default: body, frontmatter, ...exports2 } = file.data;
-      return {
-        body,
-        ...exports2,
-        ...frontmatter,
-        _file: file.info,
-        _exports: file.data,
-        get content() {
-          const path2 = this._file.absolutePath;
-          const cached = cache.get(path2);
-          if (cached) return cached;
-          const content = import_node_fs.default.readFileSync(path2).toString();
-          cache.set(path2, content);
-          return content;
-        }
-      };
-    });
-  },
-  meta(files) {
-    return files.map((file) => {
-      return {
-        ...file.data,
-        _file: file.info
-      };
-    });
-  },
-  docs(docs, metas) {
-    const parsedDocs = this.doc(docs);
-    const parsedMetas = this.meta(metas);
-    return {
-      docs: parsedDocs,
-      meta: parsedMetas,
-      toFumadocsSource() {
-        return createMDXSource(parsedDocs, parsedMetas);
-      }
-    };
-  }
-};
-function createMDXSource(docs, meta = []) {
-  return {
-    files: () => resolveFiles({
-      docs,
-      meta
-    })
-  };
-}
-function resolveFiles({ docs, meta }) {
-  const outputs = [];
-  for (const entry of docs) {
-    outputs.push({
-      type: "page",
-      absolutePath: entry._file.absolutePath,
-      path: entry._file.path,
-      data: entry
-    });
-  }
-  for (const entry of meta) {
-    outputs.push({
-      type: "meta",
-      absolutePath: entry._file.absolutePath,
-      path: entry._file.path,
-      data: entry
-    });
+// src/utils/build-mdx.ts
+var cache2 = /* @__PURE__ */ new Map();
+async function buildMDX(cacheKey, source, options) {
+  const { filePath, frontmatter, data, _compiler, ...rest } = options;
+  function getProcessor(format) {
+    const key = `${cacheKey}:${format}`;
+    let processor = cache2.get(key);
+    if (!processor) {
+      processor = (0, import_mdx.createProcessor)({
+        outputFormat: "program",
+        ...rest,
+        remarkPlugins: [remarkInclude, ...rest.remarkPlugins ?? []],
+        format
+      });
+      cache2.set(key, processor);
+    }
+    return processor;
   }
-  return outputs;
+  return getProcessor(
+    options.format ?? filePath.endsWith(".mdx") ? "mdx" : "md"
+  ).process({
+    value: source,
+    path: filePath,
+    data: {
+      ...data,
+      frontmatter,
+      _compiler,
+      _processor: {
+        getProcessor
+      }
+    }
+  });
 }
 
+// src/runtime/async.ts
+var import_client = require("@fumadocs/mdx-remote/client");
+var import_node_url = require("url");
+
 // src/config/build.ts
 function buildConfig(config) {
   const collections = /* @__PURE__ */ new Map();
@@ -396,75 +444,66 @@ function buildConfig(config) {
       `Unknown export "${k}", you can only export collections from source configuration file.`
     );
   }
-  let cachedMdxOptions;
+  const mdxOptionsCache = /* @__PURE__ */ new Map();
   return {
     global: globalConfig,
     collections,
-    async getDefaultMDXOptions() {
-      if (cachedMdxOptions) return cachedMdxOptions;
+    async getDefaultMDXOptions(mode = "default") {
+      const cached = mdxOptionsCache.get(mode);
+      if (cached) return cached;
       const input = this.global.mdxOptions;
       async function uncached() {
         const options = typeof input === "function" ? await input() : input;
         const { getDefaultMDXOptions: getDefaultMDXOptions2 } = await Promise.resolve().then(() => (init_mdx_options(), mdx_options_exports));
         if (options?.preset === "minimal") return options;
-        return getDefaultMDXOptions2(options ?? {});
+        return getDefaultMDXOptions2({
+          ...options,
+          _withoutBundler: mode === "remote"
+        });
       }
-      return cachedMdxOptions = uncached();
+      const result = uncached();
+      mdxOptionsCache.set(mode, result);
+      return result;
     }
   };
 }
 
 // src/runtime/async.ts
-async function initCompiler(config, collection) {
+async function getOptions(config, collection) {
   const col = config.collections.get(collection);
-  switch (col?.type) {
-    case "doc":
-      if (col.mdxOptions)
-        return (0, import_mdx_remote.createCompiler)({
-          preset: "minimal",
-          ...col.mdxOptions
-        });
-      break;
-    case "docs":
-      if (col.docs.mdxOptions)
-        return (0, import_mdx_remote.createCompiler)({
-          preset: "minimal",
-          ...col.docs.mdxOptions
-        });
-      break;
-  }
-  let defaultMdxOptions = config.global?.mdxOptions;
-  if (typeof defaultMdxOptions === "function")
-    defaultMdxOptions = await defaultMdxOptions();
-  if (defaultMdxOptions?.preset === "minimal") {
-    return (0, import_mdx_remote.createCompiler)(defaultMdxOptions);
-  }
-  const remarkPlugins = defaultMdxOptions?.remarkPlugins ?? [];
-  return (0, import_mdx_remote.createCompiler)({
-    ...defaultMdxOptions,
-    remarkPlugins: (v) => typeof remarkPlugins === "function" ? [remarkInclude, ...remarkPlugins(v), import_mdx_plugins.remarkStructure] : [remarkInclude, ...v, ...remarkPlugins, import_mdx_plugins.remarkStructure]
-  });
+  if (col?.type === "doc" && col.mdxOptions) return col.mdxOptions;
+  if (col?.type === "docs" && col.docs.mdxOptions) return col.docs.mdxOptions;
+  return config.getDefaultMDXOptions("remote");
 }
 var _runtimeAsync = {
   doc(files, collection, config) {
-    const init = initCompiler(config, collection);
+    const initMdxOptions = getOptions(config, collection);
     return files.map(({ info: file, data, content, lastModified }) => {
       return {
         ...data,
         _file: file,
-        content,
+        get content() {
+          return `${content.matter}${content.body}`;
+        },
         async load() {
-          const compiler = await init;
-          const out = await compiler.compile({
-            source: content,
+          const mdxOptions = await initMdxOptions;
+          const out = await buildMDX(collection, content.body, {
+            ...mdxOptions,
+            development: false,
+            frontmatter: data,
+            data: {
+              lastModified
+            },
             filePath: file.absolutePath
           });
+          const { default: body, ...rest } = await (0, import_client.executeMdx)(String(out), {
+            baseUrl: (0, import_node_url.pathToFileURL)(file.absolutePath)
+          });
           return {
-            body: out.body,
-            toc: out.toc,
-            lastModified,
-            structuredData: out.vfile.data.structuredData,
-            _exports: out.exports ?? {}
+            structuredData: out.data.structuredData,
+            body,
+            ...rest,
+            lastModified
           };
         }
       };

package/dist/runtime/async.d.cts

@@ -1,11 +1,11 @@
-import { L as LoadedConfig, a as RuntimeAsync } from '../types-Lh_-Uuix.cjs';
+import { L as LoadedConfig, a as RuntimeAsync } from '../types-BukvTPdG.cjs';
 import '@standard-schema/spec';
 import 'fumadocs-core/source';
-import '../define-E6TRBwBQ.cjs';
-import 'zod';
+import '../define-DnJzAZrj.cjs';
 import 'fumadocs-core/mdx-plugins';
 import '@mdx-js/mdx';
 import 'unified';
+import 'zod';
 import 'react';
 import 'mdx/types';
 import 'fumadocs-core/server';

package/dist/runtime/async.d.ts

@@ -1,11 +1,11 @@
-import { L as LoadedConfig, a as RuntimeAsync } from '../types-DiL328cG.js';
+import { L as LoadedConfig, a as RuntimeAsync } from '../types-B2ozVm_9.js';
 import '@standard-schema/spec';
 import 'fumadocs-core/source';
-import '../define-E6TRBwBQ.js';
-import 'zod';
+import '../define-DnJzAZrj.js';
 import 'fumadocs-core/mdx-plugins';
 import '@mdx-js/mdx';
 import 'unified';
+import 'zod';
 import 'react';
 import 'mdx/types';
 import 'fumadocs-core/server';

package/dist/runtime/async.js

@@ -3,68 +3,52 @@ import {
   createMDXSource
 } from "../chunk-NUDEC6C5.js";
 import {
-  remarkInclude
-} from "../chunk-PQCNPAD3.js";
+  buildMDX
+} from "../chunk-7JFPDRW7.js";
+import "../chunk-IGXZS2W6.js";
 import {
   buildConfig
-} from "../chunk-JFNBRKRV.js";
-import "../chunk-KVWX6THC.js";
+} from "../chunk-XVL4ZQFK.js";
+import "../chunk-VWJKRQZR.js";
 
 // src/runtime/async.ts
-import { createCompiler } from "@fumadocs/mdx-remote";
-import {
-  remarkStructure
-} from "fumadocs-core/mdx-plugins";
-async function initCompiler(config, collection) {
+import { executeMdx } from "@fumadocs/mdx-remote/client";
+import { pathToFileURL } from "url";
+async function getOptions(config, collection) {
   const col = config.collections.get(collection);
-  switch (col?.type) {
-    case "doc":
-      if (col.mdxOptions)
-        return createCompiler({
-          preset: "minimal",
-          ...col.mdxOptions
-        });
-      break;
-    case "docs":
-      if (col.docs.mdxOptions)
-        return createCompiler({
-          preset: "minimal",
-          ...col.docs.mdxOptions
-        });
-      break;
-  }
-  let defaultMdxOptions = config.global?.mdxOptions;
-  if (typeof defaultMdxOptions === "function")
-    defaultMdxOptions = await defaultMdxOptions();
-  if (defaultMdxOptions?.preset === "minimal") {
-    return createCompiler(defaultMdxOptions);
-  }
-  const remarkPlugins = defaultMdxOptions?.remarkPlugins ?? [];
-  return createCompiler({
-    ...defaultMdxOptions,
-    remarkPlugins: (v) => typeof remarkPlugins === "function" ? [remarkInclude, ...remarkPlugins(v), remarkStructure] : [remarkInclude, ...v, ...remarkPlugins, remarkStructure]
-  });
+  if (col?.type === "doc" && col.mdxOptions) return col.mdxOptions;
+  if (col?.type === "docs" && col.docs.mdxOptions) return col.docs.mdxOptions;
+  return config.getDefaultMDXOptions("remote");
 }
 var _runtimeAsync = {
   doc(files, collection, config) {
-    const init = initCompiler(config, collection);
+    const initMdxOptions = getOptions(config, collection);
     return files.map(({ info: file, data, content, lastModified }) => {
       return {
         ...data,
         _file: file,
-        content,
+        get content() {
+          return `${content.matter}${content.body}`;
+        },
         async load() {
-          const compiler = await init;
-          const out = await compiler.compile({
-            source: content,
+          const mdxOptions = await initMdxOptions;
+          const out = await buildMDX(collection, content.body, {
+            ...mdxOptions,
+            development: false,
+            frontmatter: data,
+            data: {
+              lastModified
+            },
             filePath: file.absolutePath
           });
+          const { default: body, ...rest } = await executeMdx(String(out), {
+            baseUrl: pathToFileURL(file.absolutePath)
+          });
           return {
-            body: out.body,
-            toc: out.toc,
-            lastModified,
-            structuredData: out.vfile.data.structuredData,
-            _exports: out.exports ?? {}
+            structuredData: out.data.structuredData,
+            body,
+            ...rest,
+            lastModified
           };
         }
       };

package/dist/runtime/vite.cjs

@@ -40,12 +40,22 @@ function fromConfig() {
     return {
       ...frontmatter,
       default: entry.default,
+      body: entry.default,
       toc,
       structuredData,
       lastModified,
       _exports: entry
     };
   }
+  function mapPageDataLazy(head, content) {
+    return {
+      ...head,
+      async load() {
+        const { default: body, ...rest } = await content();
+        return { body, ...rest };
+      }
+    };
+  }
   return {
     doc(_, glob) {
       return normalize(glob);
@@ -53,51 +63,49 @@ function fromConfig() {
     meta(_, glob) {
       return normalize(glob);
     },
-    docs(_, { doc, meta }) {
-      return {
-        doc: normalize(doc),
-        meta: normalize(meta)
-      };
-    },
-    source(doc, meta) {
-      const virtualFiles = [];
-      for (const [file, content] of Object.entries(doc)) {
-        virtualFiles.push({
-          type: "page",
-          path: file,
-          data: mapPageData(content)
-        });
-      }
-      for (const [file, content] of Object.entries(meta)) {
-        virtualFiles.push({
-          type: "meta",
-          path: file,
-          data: content
-        });
-      }
+    docLazy(_, head, body) {
       return {
-        files: virtualFiles
+        head: normalize(head),
+        body: normalize(body)
       };
     },
     async sourceAsync(doc, meta) {
-      const virtualFiles = [];
-      for (const [file, content] of Object.entries(doc)) {
-        virtualFiles.push({
-          type: "page",
-          path: file,
-          data: mapPageData(await content())
-        });
-      }
-      for (const [file, content] of Object.entries(meta)) {
-        virtualFiles.push({
-          type: "meta",
-          path: file,
-          data: await content()
-        });
-      }
-      return {
-        files: virtualFiles
-      };
+      const virtualFiles = [
+        ...Object.entries(doc).map(async ([file, content]) => {
+          return {
+            type: "page",
+            path: file,
+            data: mapPageData(await content())
+          };
+        }),
+        ...Object.entries(meta).map(async ([file, content]) => {
+          return {
+            type: "meta",
+            path: file,
+            data: await content()
+          };
+        })
+      ];
+      return { files: await Promise.all(virtualFiles) };
+    },
+    async sourceLazy(doc, meta) {
+      const virtualFiles = [
+        ...Object.entries(doc.head).map(async ([file, frontmatter]) => {
+          return {
+            type: "page",
+            path: file,
+            data: mapPageDataLazy(await frontmatter(), doc.body[file])
+          };
+        }),
+        ...Object.entries(meta).map(async ([file, content]) => {
+          return {
+            type: "meta",
+            path: file,
+            data: await content()
+          };
+        })
+      ];
+      return { files: await Promise.all(virtualFiles) };
     }
   };
 }