fumadocs-core 12.0.1 → 12.0.3

package/dist/breadcrumb.js

@@ -1,4 +1,4 @@
-import "./chunk-UWTMEZUM.js";
+import "./chunk-CWMXXUWU.js";
 
 // src/breadcrumb.tsx
 import { useMemo } from "react";

package/dist/chunk-EP2HYVJS.js

@@ -0,0 +1,50 @@
+// src/utils/merge-refs.ts
+function mergeRefs(...refs) {
+  return (value) => {
+    refs.forEach((ref) => {
+      if (typeof ref === "function") {
+        ref(value);
+      } else if (ref !== null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
+// src/utils/use-anchor-observer.ts
+import { useEffect, useState } from "react";
+function useAnchorObserver(watch) {
+  const [activeAnchor, setActiveAnchor] = useState();
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        setActiveAnchor((f) => {
+          for (const entry of entries) {
+            const aboveHalf = window.innerHeight / 2 > entry.boundingClientRect.y;
+            const active = aboveHalf && entry.isIntersecting;
+            if (active) {
+              return entry.target.id;
+            }
+          }
+          return f != null ? f : watch[0];
+        });
+      },
+      { rootMargin: `0% 0% -80% 0%` }
+    );
+    for (const heading of watch) {
+      const element = document.getElementById(heading);
+      if (element !== null) {
+        observer.observe(element);
+      }
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, [watch]);
+  return activeAnchor;
+}
+
+export {
+  mergeRefs,
+  useAnchorObserver
+};

package/dist/{chunk-2BP57A6C.js → chunk-XB7CNOKH.js}

@@ -2,7 +2,7 @@ import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-UWTMEZUM.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/link.tsx
 import Original from "next/link";

package/dist/dynamic-link.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Link
-} from "./chunk-2BP57A6C.js";
+} from "./chunk-XB7CNOKH.js";
 import {
   __objRest,
   __spreadValues
-} from "./chunk-UWTMEZUM.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/dynamic-link.tsx
 import { useParams } from "next/navigation";

package/dist/link.js

@@ -1,7 +1,7 @@
 import {
   Link
-} from "./chunk-2BP57A6C.js";
-import "./chunk-UWTMEZUM.js";
+} from "./chunk-XB7CNOKH.js";
+import "./chunk-CWMXXUWU.js";
 export {
   Link as default
 };

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

@@ -27,6 +27,7 @@ type RehypeCodeOptions = RehypeShikiOptions & {
      * Default language
      *
      * @defaultValue plaintext
+     * @deprecated Use `defaultLanguage` instead
      */
     defaultLang?: string;
     /**

package/dist/mdx-plugins/index.js

@@ -6,9 +6,8 @@ import {
   slash
 } from "../chunk-UWEEHUJV.js";
 import {
-  __async,
   __spreadValues
-} from "../chunk-UWTMEZUM.js";
+} from "../chunk-CWMXXUWU.js";
 
 // src/mdx-plugins/index.ts
 import {
@@ -22,20 +21,6 @@ import {
   transformerNotationWordHighlight
 } from "@shikijs/transformers";
 
-// src/mdx-plugins/hast-utils.ts
-function visit(node, tagNames, handler) {
-  if (node.type === "element") {
-    if (tagNames.includes(node.tagName)) {
-      handler(node);
-      return;
-    }
-  }
-  if ("children" in node)
-    node.children.forEach((n) => {
-      visit(n, tagNames, handler);
-    });
-}
-
 // src/mdx-plugins/transformer-icon.ts
 import { toEstree } from "hast-util-to-estree";
 var defaultShortcuts = {
@@ -287,7 +272,7 @@ var rehypeCodeDefaultOptions = {
     light: "github-light",
     dark: "github-dark"
   },
-  defaultLang: "plaintext",
+  defaultLanguage: "plaintext",
   defaultColor: false,
   transformers: [
     transformerNotationHighlight(),
@@ -316,7 +301,7 @@ function rehypeCode(options = {}) {
   codeOptions.transformers || (codeOptions.transformers = []);
   codeOptions.transformers = [
     {
-      name: "rehype-code:filter-meta",
+      name: "rehype-code:pre-process",
       preprocess(code, { meta }) {
         var _a;
         if (meta && codeOptions.filterMetaString) {
@@ -341,33 +326,16 @@ function rehypeCode(options = {}) {
       transformerIcon(codeOptions.icon)
     ];
   }
-  const prefix = "language-";
-  const transformer = rehypeShiki.call(this, codeOptions);
-  return (root, file) => __async(this, null, function* () {
-    visit(root, ["pre"], (element) => {
-      var _a;
-      const head = element.children[0];
-      if (element.children.length === 0 || head.type !== "element" || head.tagName !== "code")
-        return;
-      (_a = head.properties).className || (_a.className = []);
-      const classes = head.properties.className;
-      if (!Array.isArray(classes)) return;
-      const hasLanguage = classes.some(
-        (d) => typeof d === "string" && d.startsWith(prefix)
-      );
-      if (!hasLanguage && codeOptions.defaultLang)
-        classes.push(`${prefix}${codeOptions.defaultLang}`);
-    });
-    if (transformer)
-      yield transformer.call(this, root, file, () => {
-      });
-  });
+  if (codeOptions.defaultLang) {
+    codeOptions.defaultLanguage = codeOptions.defaultLang;
+  }
+  return rehypeShiki.call(this, codeOptions);
 }
 
 // src/mdx-plugins/remark-image.ts
 import { existsSync } from "fs";
 import path from "path";
-import { visit as visit2 } from "unist-util-visit";
+import { visit } from "unist-util-visit";
 var VALID_BLUR_EXT = [".jpeg", ".png", ".webp", ".avif", ".jpg"];
 var EXTERNAL_URL_REGEX = /^https?:\/\//;
 var PUBLIC_DIR = path.join(process.cwd(), "public");
@@ -376,7 +344,7 @@ function remarkImage({
 } = {}) {
   return (tree, _file, done) => {
     const importsToInject = [];
-    visit2(tree, "image", (node) => {
+    visit(tree, "image", (node) => {
       var _a;
       let url = decodeURI(node.url);
       if (!url || EXTERNAL_URL_REGEX.test(url)) {
@@ -460,7 +428,7 @@ import Slugger from "github-slugger";
 import { remark } from "remark";
 import remarkGfm from "remark-gfm";
 import remarkMdx from "remark-mdx";
-import { visit as visit3 } from "unist-util-visit";
+import { visit as visit2 } from "unist-util-visit";
 var slugger = new Slugger();
 function remarkStructure({
   types = ["paragraph", "blockquote", "heading"]
@@ -469,7 +437,7 @@ function remarkStructure({
     slugger.reset();
     const data = { contents: [], headings: [] };
     let lastHeading = "";
-    visit3(node, types, (element) => {
+    visit2(node, types, (element) => {
       var _a, _b;
       if (element.type === "root") return;
       const content = flattenNode(element).trim();

package/dist/middleware.js

@@ -1,4 +1,4 @@
-import "./chunk-UWTMEZUM.js";
+import "./chunk-CWMXXUWU.js";
 
 // src/middleware.ts
 import { match as matchLocale } from "@formatjs/intl-localematcher";

package/dist/search/client.js

@@ -1,6 +1,6 @@
 import {
   __async
-} from "../chunk-UWTMEZUM.js";
+} from "../chunk-CWMXXUWU.js";
 
 // src/search/client.ts
 import { useEffect, useState } from "react";

package/dist/search/server.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-UWTMEZUM.js";
+} from "../chunk-CWMXXUWU.js";
 
 // src/search/server.ts
 import { Document } from "flexsearch";

package/dist/search-algolia/client.js

@@ -2,7 +2,7 @@ import {
   __async,
   __objRest,
   __spreadValues
-} from "../chunk-UWTMEZUM.js";
+} from "../chunk-CWMXXUWU.js";
 
 // src/search-algolia/client.ts
 import { useState } from "react";

package/dist/search-algolia/server.js

@@ -1,7 +1,7 @@
 import {
   __async,
   __spreadValues
-} from "../chunk-UWTMEZUM.js";
+} from "../chunk-CWMXXUWU.js";
 
 // src/search-algolia/server.ts
 import { randomUUID } from "crypto";

package/dist/server/index.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-QRNTLL6S.js";
 import {
   __async
-} from "../chunk-UWTMEZUM.js";
+} from "../chunk-CWMXXUWU.js";
 
 // src/server/get-toc.ts
 import { remark } from "remark";

package/dist/sidebar.js

@@ -2,7 +2,7 @@ import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-UWTMEZUM.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/sidebar.tsx
 import {

package/dist/source/index.js

@@ -5,7 +5,7 @@ import {
   __export,
   __objRest,
   __spreadValues
-} from "../chunk-UWTMEZUM.js";
+} from "../chunk-CWMXXUWU.js";
 
 // src/source/path.ts
 import { parse } from "path";

package/dist/toc-internal.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { ReactNode, RefObject, AnchorHTMLAttributes } from 'react';
+import { T as TableOfContents } from './get-toc-B-AMfFKT.js';
+
+/**
+ * The id of active anchor (doesn't include hash)
+ */
+declare function useActiveAnchor(): string | undefined;
+interface AnchorProviderProps {
+    toc: TableOfContents;
+    children?: ReactNode;
+}
+interface ScrollProviderProps {
+    /**
+     * Scroll into the view of container when active
+     */
+    containerRef: RefObject<HTMLElement>;
+    children?: ReactNode;
+}
+declare function ScrollProvider({ containerRef, children, }: ScrollProviderProps): React.ReactElement;
+declare function AnchorProvider({ toc, children, }: AnchorProviderProps): React.ReactElement;
+interface TOCItemProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> {
+    href: string;
+    onActiveChange?: (v: boolean) => void;
+}
+declare const TOCItem: react.ForwardRefExoticComponent<TOCItemProps & react.RefAttributes<HTMLAnchorElement>>;
+
+export { AnchorProvider, type AnchorProviderProps, ScrollProvider, type ScrollProviderProps, TOCItem, type TOCItemProps, useActiveAnchor };

package/dist/toc-internal.js

@@ -0,0 +1,79 @@
+import {
+  mergeRefs,
+  useAnchorObserver
+} from "./chunk-EP2HYVJS.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/toc-internal.tsx
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef
+} from "react";
+import scrollIntoView from "scroll-into-view-if-needed";
+import { jsx } from "react/jsx-runtime";
+var ActiveAnchorContext = createContext(void 0);
+var ScrollContext = createContext({ current: null });
+function useActiveAnchor() {
+  return useContext(ActiveAnchorContext);
+}
+function ScrollProvider({
+  containerRef,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ScrollContext.Provider, { value: containerRef, children });
+}
+function AnchorProvider({
+  toc,
+  children
+}) {
+  const headings = useMemo(() => {
+    return toc.map((item) => item.url.split("#")[1]);
+  }, [toc]);
+  const activeAnchor = useAnchorObserver(headings);
+  return /* @__PURE__ */ jsx(ActiveAnchorContext.Provider, { value: activeAnchor, children });
+}
+var TOCItem = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { onActiveChange } = _b, props = __objRest(_b, ["onActiveChange"]);
+    const containerRef = useContext(ScrollContext);
+    const activeAnchor = useActiveAnchor();
+    const anchorRef = useRef(null);
+    const mergedRef = mergeRefs(anchorRef, ref);
+    const isActive = activeAnchor === props.href.split("#")[1];
+    const onActiveRef = useRef();
+    onActiveRef.current = (active) => {
+      const element = anchorRef.current;
+      if (!element) return;
+      if (active && containerRef.current) {
+        scrollIntoView(element, {
+          behavior: "smooth",
+          block: "center",
+          inline: "center",
+          scrollMode: "always",
+          boundary: containerRef.current
+        });
+      }
+      onActiveChange == null ? void 0 : onActiveChange(active);
+    };
+    useEffect(() => {
+      var _a2;
+      (_a2 = onActiveRef.current) == null ? void 0 : _a2.call(onActiveRef, isActive);
+    }, [isActive]);
+    return /* @__PURE__ */ jsx("a", __spreadProps(__spreadValues({ ref: mergedRef, "data-active": isActive }, props), { children: props.children }));
+  }
+);
+TOCItem.displayName = "TOCItem";
+export {
+  AnchorProvider,
+  ScrollProvider,
+  TOCItem,
+  useActiveAnchor
+};

package/dist/toc.d.ts

@@ -8,13 +8,20 @@ interface TOCProviderProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare const TOCProvider: react.ForwardRefExoticComponent<TOCProviderProps & react.RefAttributes<HTMLDivElement>>;
 interface TOCScrollProvider {
-    containerRef: RefObject<HTMLElement>;
+    /**
+     * Scroll into the view of container when active
+     */
+    containerRef?: RefObject<HTMLElement>;
     toc: TableOfContents;
     children: ReactNode;
 }
 declare function TOCScrollProvider({ toc, containerRef, children, }: TOCScrollProvider): React.ReactElement;
 interface TOCItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     href: string;
+    /**
+     * Scroll into the view of container when active
+     */
+    containerRef?: RefObject<HTMLElement>;
 }
 declare const TOCItem: react.ForwardRefExoticComponent<TOCItemProps & react.RefAttributes<HTMLAnchorElement>>;
 

package/dist/toc.js

@@ -1,72 +1,25 @@
+import {
+  mergeRefs,
+  useAnchorObserver
+} from "./chunk-EP2HYVJS.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-UWTMEZUM.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/toc.tsx
 import {
   createContext,
   forwardRef,
   useContext,
-  useEffect as useEffect2,
+  useEffect,
   useMemo,
   useRef
 } from "react";
 import scrollIntoView from "scroll-into-view-if-needed";
-
-// src/utils/merge-refs.ts
-function mergeRefs(...refs) {
-  return (value) => {
-    refs.forEach((ref) => {
-      if (typeof ref === "function") {
-        ref(value);
-      } else if (ref !== null) {
-        ref.current = value;
-      }
-    });
-  };
-}
-
-// src/utils/use-anchor-observer.ts
-import { useEffect, useState } from "react";
-function useAnchorObserver(watch) {
-  const [activeAnchor, setActiveAnchor] = useState();
-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        setActiveAnchor((f) => {
-          for (const entry of entries) {
-            const aboveHalf = window.innerHeight / 2 > entry.boundingClientRect.y;
-            const active = aboveHalf && entry.isIntersecting;
-            if (active) {
-              return entry.target.id;
-            }
-          }
-          return f != null ? f : watch[0];
-        });
-      },
-      { rootMargin: `0% 0% -80% 0%` }
-    );
-    for (const heading of watch) {
-      const element = document.getElementById(heading);
-      if (element !== null) {
-        observer.observe(element);
-      }
-    }
-    return () => {
-      observer.disconnect();
-    };
-  }, [watch]);
-  return activeAnchor;
-}
-
-// src/toc.tsx
 import { jsx } from "react/jsx-runtime";
-var ActiveAnchorContext = createContext({
-  activeAnchor: void 0,
-  containerRef: { current: null }
-});
+var ActiveAnchorContext = createContext({});
 var useActiveAnchor = (url) => {
   const { activeAnchor } = useContext(ActiveAnchorContext);
   return activeAnchor === url.split("#")[1];
@@ -92,14 +45,15 @@ function TOCScrollProvider({
   return /* @__PURE__ */ jsx(ActiveAnchorContext.Provider, { value: { containerRef, activeAnchor }, children });
 }
 var TOCItem = forwardRef(
-  (props, ref) => {
-    const { containerRef } = useContext(ActiveAnchorContext);
+  (_a, ref) => {
+    var _b = _a, { containerRef: container } = _b, props = __objRest(_b, ["containerRef"]);
+    const { containerRef = container } = useContext(ActiveAnchorContext);
     const active = useActiveAnchor(props.href);
     const anchorRef = useRef(null);
     const mergedRef = mergeRefs(anchorRef, ref);
-    useEffect2(() => {
+    useEffect(() => {
       const element = anchorRef.current;
-      if (active && element) {
+      if (active && element && containerRef) {
         scrollIntoView(element, {
           behavior: "smooth",
           block: "center",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-core",
-  "version": "12.0.1",
+  "version": "12.0.3",
   "description": "The library for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -24,6 +24,10 @@
       "import": "./dist/toc.js",
       "types": "./dist/toc.d.ts"
     },
+    "./toc-internal": {
+      "import": "./dist/toc-internal.js",
+      "types": "./dist/toc-internal.d.ts"
+    },
     "./search/client": {
       "import": "./dist/search/client.js",
       "types": "./dist/search/client.d.ts"
@@ -76,6 +80,9 @@
       "toc": [
         "./dist/toc.d.ts"
       ],
+      "toc-internal": [
+        "./dist/toc-internal.d.ts"
+      ],
       "search/client": [
         "./dist/search/client.d.ts"
       ],
@@ -113,8 +120,8 @@
   ],
   "dependencies": {
     "@formatjs/intl-localematcher": "^0.5.4",
-    "@shikijs/rehype": "^1.6.3",
-    "@shikijs/transformers": "^1.6.3",
+    "@shikijs/rehype": "^1.6.4",
+    "@shikijs/transformers": "^1.6.4",
     "flexsearch": "0.7.21",
     "github-slugger": "^2.0.0",
     "hast-util-to-estree": "^3.1.0",
@@ -125,7 +132,7 @@
     "remark-gfm": "^4.0.0",
     "remark-mdx": "^3.0.1",
     "scroll-into-view-if-needed": "^3.1.0",
-    "shiki": "^1.6.3",
+    "shiki": "^1.6.4",
     "swr": "^2.2.5",
     "unist-util-visit": "^5.0.0"
   },
@@ -141,7 +148,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "algoliasearch": "^4.23.3",
-    "next": "^14.2.3",
+    "next": "^14.2.4",
     "unified": "^11.0.4",
     "eslint-config-custom": "0.0.0",
     "tsconfig": "0.0.0"