fumadocs-core 13.4.1 → 13.4.3

package/dist/mdx-plugins/index.d.ts

@@ -37,6 +37,12 @@ type RehypeCodeOptions = RehypeShikiOptions & {
      * @defaultValue true
      */
     tab?: false;
+    /**
+     * Enable Shiki's experimental JS engine
+     *
+     * @defaultValue false
+     */
+    experimentalJSEngine?: boolean;
 };
 /**
  * Handle codeblocks

package/dist/mdx-plugins/index.js

@@ -13,11 +13,16 @@ import {
 } from "remark-gfm";
 
 // src/mdx-plugins/rehype-code.ts
-import rehypeShiki from "@shikijs/rehype";
+import rehypeShikiFromHighlighter from "@shikijs/rehype/core";
 import {
   transformerNotationHighlight,
   transformerNotationWordHighlight
 } from "@shikijs/transformers";
+import {
+  getSingletonHighlighter,
+  createJavaScriptRegexEngine,
+  bundledLanguages
+} from "shiki";
 
 // src/mdx-plugins/transformer-icon.ts
 var defaultShortcuts = {
@@ -183,6 +188,7 @@ var rehypeCodeDefaultOptions = {
     dark: "github-dark"
   },
   defaultLanguage: "plaintext",
+  experimentalJSEngine: false,
   defaultColor: false,
   transformers: [
     transformerNotationHighlight(),
@@ -241,7 +247,25 @@ function rehypeCode(options = {}) {
   if (codeOptions.tab !== false) {
     codeOptions.transformers = [...codeOptions.transformers, transformerTab()];
   }
-  return rehypeShiki.call(this, codeOptions);
+  let themeItems = [];
+  if ("themes" in codeOptions) {
+    themeItems = Object.values(codeOptions.themes);
+  } else if ("theme" in codeOptions) {
+    themeItems = [codeOptions.theme];
+  }
+  const highlighter = getSingletonHighlighter({
+    engine: codeOptions.experimentalJSEngine ? createJavaScriptRegexEngine() : void 0,
+    themes: themeItems.filter(Boolean),
+    langs: codeOptions.langs ?? Object.keys(bundledLanguages)
+  });
+  return async (tree, file) => {
+    const transformer = rehypeShikiFromHighlighter(
+      await highlighter,
+      codeOptions
+    );
+    await transformer(tree, file, () => {
+    });
+  };
 }
 function transformerTab() {
   return {
@@ -281,9 +305,20 @@ function remarkImage({
   useImport = true,
   publicDir = path.join(process.cwd(), "public")
 } = {}) {
-  return async (tree) => {
+  return async (tree, file) => {
     const importsToInject = [];
     const promises = [];
+    function getImportPath(src) {
+      if (!src.startsWith("/")) return src;
+      if (file.path) {
+        const relative = path.relative(
+          path.dirname(file.path),
+          path.join(publicDir, src)
+        );
+        return relative.startsWith("./") ? relative : `./${relative}`;
+      }
+      return path.join(publicDir, src);
+    }
     visit(tree, "image", (node) => {
       const src = decodeURI(node.url);
       if (!src) return;
@@ -325,10 +360,7 @@ function remarkImage({
         const hasBlur = placeholder === "blur" && VALID_BLUR_EXT.some((ext) => src.endsWith(ext));
         importsToInject.push({
           variableName,
-          importPath: slash(
-            // with imports, relative paths don't have to be absolute
-            src.startsWith("/") ? path.join(publicDir, src) : src
-          )
+          importPath: slash(getImportPath(src))
         });
         Object.assign(node, {
           type: "mdxJsxFlowElement",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-core",
-  "version": "13.4.1",
+  "version": "13.4.3",
   "description": "The library for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -127,8 +127,8 @@
   ],
   "dependencies": {
     "@formatjs/intl-localematcher": "^0.5.4",
-    "@shikijs/rehype": "^1.13.0",
-    "@shikijs/transformers": "^1.13.0",
+    "@shikijs/rehype": "^1.15.2",
+    "@shikijs/transformers": "^1.15.2",
     "flexsearch": "0.7.21",
     "github-slugger": "^2.0.0",
     "image-size": "^1.1.1",
@@ -139,7 +139,7 @@
     "remark-gfm": "^4.0.0",
     "remark-mdx": "^3.0.1",
     "scroll-into-view-if-needed": "^3.1.0",
-    "shiki": "^1.13.0",
+    "shiki": "^1.15.2",
     "swr": "^2.2.5",
     "unist-util-visit": "^5.0.0"
   },
@@ -151,11 +151,11 @@
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.3",
     "@types/negotiator": "^0.6.3",
-    "@types/node": "22.3.0",
-    "@types/react": "^18.3.3",
+    "@types/node": "22.5.2",
+    "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
     "algoliasearch": "^4.24.0",
-    "next": "^14.2.5",
+    "next": "^14.2.7",
     "unified": "^11.0.5",
     "eslint-config-custom": "0.0.0",
     "tsconfig": "0.0.0"