fumadocs-core 15.0.15 → 15.0.16

package/dist/{chunk-QWBSUU36.js → chunk-Q73QZKHO.js}

@@ -9,9 +9,11 @@ import {
   useId,
   useMemo,
   useRef,
-  useState
+  use,
+  useState,
+  useLayoutEffect
 } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var jsEngine;
 function getHighlightOptions(from) {
   if (from.engine) return from;
@@ -30,7 +32,7 @@ function useShiki(code, {
   withPrerenderScript = false,
   ...options
 }, deps) {
-  const scriptKey = useId();
+  const markupId = useId();
   const key = useMemo(
     () => deps ? JSON.stringify(deps) : `${options.lang}:${code}`,
     [code, deps, options.lang]
@@ -42,27 +44,19 @@ function useShiki(code, {
   });
   const [rendered, setRendered] = useState(() => {
     if (defaultValue) return defaultValue;
-    const hast = globalThis._use_shiki?.get(scriptKey);
-    if (hast && withPrerenderScript) {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(PrerenderScript, { scriptKey, tree: hast }),
-        _renderHighlight(hast, shikiOptions)
-      ] });
+    const element = withPrerenderScript && typeof document !== "undefined" ? document.querySelector(`[data-markup-id="${markupId}"]`) : null;
+    const attr = element?.getAttribute("data-markup");
+    if (attr) {
+      const hast = JSON.parse(attr);
+      return renderHighlightWithMarkup(markupId, hast, shikiOptions, attr);
     }
     currentTask.current = void 0;
     const Pre = options.components?.pre ?? "pre";
     const Code = options.components?.code ?? "code";
     return /* @__PURE__ */ jsx(Pre, { children: /* @__PURE__ */ jsx(Code, { children: code }) });
   });
-  if (typeof window === "undefined") {
-    return _highlight(code, shikiOptions).then((tree) => {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        withPrerenderScript && /* @__PURE__ */ jsx(PrerenderScript, { scriptKey, tree }),
-        _renderHighlight(tree, shikiOptions)
-      ] });
-    });
-  }
-  if (!currentTask.current || currentTask.current.key !== key) {
+  useLayoutEffect(() => {
+    if (currentTask.current?.key === key) return;
     if (currentTask.current) {
       currentTask.current.aborted = true;
     }
@@ -74,15 +68,32 @@ function useShiki(code, {
     void highlight(code, shikiOptions).then((result) => {
       if (!task.aborted) setRendered(result);
     });
+  }, [key]);
+  if (typeof window === "undefined") {
+    return use(
+      _highlight(code, shikiOptions).then(
+        (tree) => renderHighlightWithMarkup(markupId, tree, shikiOptions)
+      )
+    );
   }
   return rendered;
 }
-function PrerenderScript({
-  scriptKey,
-  tree
-}) {
-  return /* @__PURE__ */ jsx("script", { children: `if (typeof globalThis._use_shiki === "undefined") globalThis._use_shiki = new Map()
-globalThis._use_shiki.set(${JSON.stringify(scriptKey)}, ${JSON.stringify(tree)})` });
+function renderHighlightWithMarkup(id, tree, shikiOptions, rawAttr) {
+  const Pre = shikiOptions.components?.pre ?? "pre";
+  return _renderHighlight(tree, {
+    ...shikiOptions,
+    components: {
+      ...shikiOptions.components,
+      pre: (props) => /* @__PURE__ */ jsx(
+        Pre,
+        {
+          ...props,
+          "data-markup-id": id,
+          "data-markup": rawAttr ?? JSON.stringify(tree)
+        }
+      )
+    }
+  });
 }
 
 export {

package/dist/highlight/client.d.ts

@@ -1,15 +1,9 @@
 import { ReactNode, DependencyList } from 'react';
 import { HighlightOptions } from './index.js';
-import { Root } from 'hast';
 import 'shiki';
 import 'shiki/themes';
 import 'hast-util-to-jsx-runtime';
 
-declare global {
-    interface Window {
-        _use_shiki?: Map<string, Root>;
-    }
-}
 declare function useShiki(code: string, { defaultValue, withPrerenderScript, ...options }: HighlightOptions & {
     withPrerenderScript?: boolean;
     defaultValue?: ReactNode;

package/dist/highlight/client.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useShiki
-} from "../chunk-QWBSUU36.js";
+} from "../chunk-Q73QZKHO.js";
 import "../chunk-E7AASGCN.js";
 import "../chunk-MLKGABMK.js";
 export {

package/dist/utils/use-shiki.d.ts

@@ -4,4 +4,3 @@ import '../highlight/index.js';
 import 'shiki';
 import 'shiki/themes';
 import 'hast-util-to-jsx-runtime';
-import 'hast';

package/dist/utils/use-shiki.js

@@ -1,6 +1,6 @@
 import {
   useShiki
-} from "../chunk-QWBSUU36.js";
+} from "../chunk-Q73QZKHO.js";
 import "../chunk-E7AASGCN.js";
 import "../chunk-MLKGABMK.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-core",
-  "version": "15.0.15",
+  "version": "15.0.16",
   "description": "The library for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -90,12 +90,12 @@
   ],
   "dependencies": {
     "@formatjs/intl-localematcher": "^0.6.0",
-    "@orama/orama": "^3.1.1",
+    "@orama/orama": "^3.1.2",
     "@shikijs/rehype": "^3.1.0",
     "@shikijs/transformers": "^3.1.0",
     "github-slugger": "^2.0.0",
-    "hast-util-to-estree": "^3.1.2",
-    "hast-util-to-jsx-runtime": "^2.3.5",
+    "hast-util-to-estree": "^3.1.3",
+    "hast-util-to-jsx-runtime": "^2.3.6",
     "image-size": "^2.0.0",
     "negotiator": "^1.0.0",
     "react-remove-scroll": "^2.6.3",
@@ -113,13 +113,13 @@
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.3",
     "@types/negotiator": "^0.6.3",
-    "@types/node": "22.13.8",
+    "@types/node": "22.13.10",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "algoliasearch": "4.24.0",
     "mdast-util-mdx-jsx": "^3.2.0",
     "mdast-util-mdxjs-esm": "^2.0.1",
-    "next": "^15.2.0",
+    "next": "^15.2.1",
     "remark-mdx": "^3.1.0",
     "remark-rehype": "^11.1.1",
     "typescript": "^5.8.2",