fumadocs-mdx 11.7.3 → 11.7.5

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");
@@ -195,9 +278,29 @@ function flattenNode(node) {
   if ("value" in node) return node.value;
   return "";
 }
+function parseSpecifier(specifier) {
+  const idx = specifier.lastIndexOf("#");
+  if (idx === -1) return { file: specifier };
+  return {
+    file: specifier.slice(0, idx),
+    section: specifier.slice(idx + 1)
+  };
+}
+function extractSection(root, section) {
+  for (const node of root.children) {
+    if (node.type === "mdxJsxFlowElement" && node.name === "section" && node.attributes.some(
+      (attr) => attr.type === "mdxJsxAttribute" && attr.name === "id" && attr.value === section
+    )) {
+      return {
+        type: "root",
+        children: node.children
+      };
+    }
+  }
+}
 function remarkInclude() {
   const TagName = "include";
-  async function update(tree, file, processor, compiler) {
+  async function update(tree, directory, data) {
     const queue = [];
     (0, import_unist_util_visit.visit)(
       tree,
@@ -217,27 +320,44 @@ function remarkInclude() {
           }
         }
         if (!specifier) return;
+        const { file, section } = parseSpecifier(specifier);
         const targetPath = path.resolve(
-          "cwd" in params ? process.cwd() : path.dirname(file),
-          specifier
+          "cwd" in params ? process.cwd() : directory,
+          file
         );
-        const asCode = params.lang || !specifier.endsWith(".md") && !specifier.endsWith(".mdx");
+        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(specifier).slice(1);
+              const lang = params.lang ?? path.extname(file).slice(1);
               Object.assign(node, {
                 type: "code",
                 lang,
                 meta: params.meta,
-                value: content.toString(),
+                value: content,
                 data: {}
               });
               return;
             }
-            const parsed = processor.parse(fumaMatter(content).content);
-            await update(parsed, targetPath, processor, compiler);
+            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);
+              if (!extracted)
+                throw new Error(
+                  `Cannot find section ${section} in ${file}, make sure you have encapsulated the section in a <section id="${section}"> tag`
+                );
+              parsed = extracted;
+            }
+            await update.call(
+              processor,
+              parsed,
+              path.dirname(targetPath),
+              data
+            );
             Object.assign(
               parent && parent.type === "paragraph" ? parent : node,
               parsed
@@ -245,7 +365,8 @@ function remarkInclude() {
           }).catch((e) => {
             throw new Error(
               `failed to read file ${targetPath}
-${e instanceof Error ? e.message : String(e)}`
+${e instanceof Error ? e.message : String(e)}`,
+              { cause: e }
             );
           })
         );
@@ -255,86 +376,48 @@ ${e instanceof Error ? e.message : String(e)}`
     await Promise.all(queue);
   }
   return async (tree, file) => {
-    await update(tree, 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();
@@ -361,75 +444,65 @@ 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,
         async load() {
-          const compiler = await init;
-          const out = await compiler.compile({
-            source: content,
+          const mdxOptions = await initMdxOptions;
+          const out = await buildMDX(collection, content, {
+            ...mdxOptions,
+            development: false,
+            frontmatter: data,
+            data: {
+              lastModified
+            },
             filePath: file.absolutePath
           });
+          const executed = await (0, import_client.executeMdx)(String(out), {
+            baseUrl: (0, import_node_url.pathToFileURL)(file.absolutePath)
+          });
           return {
-            body: out.body,
-            toc: out.toc,
+            body: executed.default,
+            toc: executed.toc,
             lastModified,
-            structuredData: out.vfile.data.structuredData,
-            _exports: out.exports ?? {}
+            structuredData: out.data.structuredData,
+            _exports: executed
           };
         }
       };

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-C-WXTx1W.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-CU9nn_je.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,51 @@ import {
   createMDXSource
 } from "../chunk-NUDEC6C5.js";
 import {
-  remarkInclude
-} from "../chunk-AVMO2SRO.js";
+  buildMDX
+} from "../chunk-HWSF4OGZ.js";
+import "../chunk-3XN4P23K.js";
 import {
   buildConfig
-} from "../chunk-JFNBRKRV.js";
+} from "../chunk-XVL4ZQFK.js";
 import "../chunk-KVWX6THC.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,
         async load() {
-          const compiler = await init;
-          const out = await compiler.compile({
-            source: content,
+          const mdxOptions = await initMdxOptions;
+          const out = await buildMDX(collection, content, {
+            ...mdxOptions,
+            development: false,
+            frontmatter: data,
+            data: {
+              lastModified
+            },
             filePath: file.absolutePath
           });
+          const executed = await executeMdx(String(out), {
+            baseUrl: pathToFileURL(file.absolutePath)
+          });
           return {
-            body: out.body,
-            toc: out.toc,
+            body: executed.default,
+            toc: executed.toc,
             lastModified,
-            structuredData: out.vfile.data.structuredData,
-            _exports: out.exports ?? {}
+            structuredData: out.data.structuredData,
+            _exports: executed
           };
         }
       };

package/dist/runtime/vite.d.cts

@@ -2,12 +2,12 @@ import { TableOfContents } from 'fumadocs-core/server';
 import { FC, ReactNode } from 'react';
 import { MDXProps } from 'mdx/types';
 import { StructuredData } from 'fumadocs-core/mdx-plugins';
-import { a as DocCollection, M as MetaCollection, b as DocsCollection } from '../define-E6TRBwBQ.cjs';
+import { a as DocCollection, M as MetaCollection, b as DocsCollection } from '../define-DnJzAZrj.cjs';
 import { StandardSchemaV1 } from '@standard-schema/spec';
 import { PageData, MetaData, Source } from 'fumadocs-core/source';
-import 'zod';
 import '@mdx-js/mdx';
 import 'unified';
+import 'zod';
 
 interface CompiledMDXProperties<Frontmatter> {
     frontmatter: Frontmatter;

package/dist/runtime/vite.d.ts

@@ -2,12 +2,12 @@ import { TableOfContents } from 'fumadocs-core/server';
 import { FC, ReactNode } from 'react';
 import { MDXProps } from 'mdx/types';
 import { StructuredData } from 'fumadocs-core/mdx-plugins';
-import { a as DocCollection, M as MetaCollection, b as DocsCollection } from '../define-E6TRBwBQ.js';
+import { a as DocCollection, M as MetaCollection, b as DocsCollection } from '../define-DnJzAZrj.js';
 import { StandardSchemaV1 } from '@standard-schema/spec';
 import { PageData, MetaData, Source } from 'fumadocs-core/source';
-import 'zod';
 import '@mdx-js/mdx';
 import 'unified';
+import 'zod';
 
 interface CompiledMDXProperties<Frontmatter> {
     frontmatter: Frontmatter;

package/dist/{types-DiL328cG.d.ts → types-C-WXTx1W.d.cts}

@@ -1,6 +1,6 @@
 import { StandardSchemaV1 } from '@standard-schema/spec';
 import { Source, PageData, MetaData } from 'fumadocs-core/source';
-import { a as DocCollection, M as MetaCollection, b as DocsCollection, G as GlobalConfig } from './define-E6TRBwBQ.js';
+import { a as DocCollection, M as MetaCollection, b as DocsCollection, G as GlobalConfig } from './define-DnJzAZrj.cjs';
 import { ProcessorOptions } from '@mdx-js/mdx';
 import { FC } from 'react';
 import { MDXProps } from 'mdx/types';
@@ -10,7 +10,7 @@ import { TableOfContents } from 'fumadocs-core/server';
 interface LoadedConfig {
     collections: Map<string, DocCollection | MetaCollection | DocsCollection>;
     global: GlobalConfig;
-    getDefaultMDXOptions(): Promise<ProcessorOptions>;
+    getDefaultMDXOptions(mode?: 'default' | 'remote'): Promise<ProcessorOptions>;
 }
 
 interface BaseCollectionEntry {

package/dist/{types-Lh_-Uuix.d.cts → types-CU9nn_je.d.ts}

@@ -1,6 +1,6 @@
 import { StandardSchemaV1 } from '@standard-schema/spec';
 import { Source, PageData, MetaData } from 'fumadocs-core/source';
-import { a as DocCollection, M as MetaCollection, b as DocsCollection, G as GlobalConfig } from './define-E6TRBwBQ.cjs';
+import { a as DocCollection, M as MetaCollection, b as DocsCollection, G as GlobalConfig } from './define-DnJzAZrj.js';
 import { ProcessorOptions } from '@mdx-js/mdx';
 import { FC } from 'react';
 import { MDXProps } from 'mdx/types';
@@ -10,7 +10,7 @@ import { TableOfContents } from 'fumadocs-core/server';
 interface LoadedConfig {
     collections: Map<string, DocCollection | MetaCollection | DocsCollection>;
     global: GlobalConfig;
-    getDefaultMDXOptions(): Promise<ProcessorOptions>;
+    getDefaultMDXOptions(mode?: 'default' | 'remote'): Promise<ProcessorOptions>;
 }
 
 interface BaseCollectionEntry {