fumadocs-core 16.7.6 → 16.7.7

package/dist/content/mdx/preset-bundler.d.ts

@@ -1,7 +1,7 @@
 import { t as RehypeCodeOptions } from "../../rehype-code-DFx-xacR.js";
 import { t as RemarkImageOptions } from "../../remark-image-DQlJevNY.js";
 import { r as StructureOptions } from "../../remark-structure-c-gm2PCy.js";
-import { t as RemarkHeadingOptions } from "../../remark-heading-cvYRraso.js";
+import { t as RemarkHeadingOptions } from "../../remark-heading-BVc1nYW5.js";
 import { t as RemarkCodeTabOptions } from "../../remark-code-tab-Dk79zZwn.js";
 import { t as RemarkNpmOptions } from "../../remark-npm-7SDuqMc6.js";
 import { t as ResolvePlugins } from "../../util-D2LMvKsn.js";

package/dist/content/mdx/preset-runtime.d.ts

@@ -1,7 +1,7 @@
 import { t as RehypeCodeOptions } from "../../rehype-code-DFx-xacR.js";
 import { t as RemarkImageOptions } from "../../remark-image-DQlJevNY.js";
 import { r as StructureOptions } from "../../remark-structure-c-gm2PCy.js";
-import { t as RemarkHeadingOptions } from "../../remark-heading-cvYRraso.js";
+import { t as RemarkHeadingOptions } from "../../remark-heading-BVc1nYW5.js";
 import { t as RemarkCodeTabOptions } from "../../remark-code-tab-Dk79zZwn.js";
 import { t as RemarkNpmOptions } from "../../remark-npm-7SDuqMc6.js";
 import { t as ResolvePlugins } from "../../util-D2LMvKsn.js";

package/dist/content/toc.d.ts

@@ -1,4 +1,4 @@
-import { c as TOCItemType } from "../toc-DjyooJ0-.js";
+import { c as TOCItemType } from "../toc-Bw56X0rx.js";
 import { Compatible } from "vfile";
 import { PluggableList } from "unified";
 

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

@@ -3,10 +3,10 @@ import { a as CodeBlockIcon, i as transformerTab, o as transformerIcon } from ".
 import { n as rehypeCode, r as rehypeCodeDefaultOptions, t as RehypeCodeOptions } from "../rehype-code-DFx-xacR.js";
 import { n as remarkImage, t as RemarkImageOptions } from "../remark-image-DQlJevNY.js";
 import { a as defaultStringifier, c as structure, i as StructuredData, n as StringifyOptions, o as remarkStructure, r as StructureOptions, s as remarkStructureDefaultOptions, t as Stringifier } from "../remark-structure-c-gm2PCy.js";
-import { n as remarkHeading, t as RemarkHeadingOptions } from "../remark-heading-cvYRraso.js";
+import { n as remarkHeading, t as RemarkHeadingOptions } from "../remark-heading-BVc1nYW5.js";
 import { n as remarkAdmonition, t as RemarkAdmonitionOptions } from "../remark-admonition-0gZM40ZU.js";
 import { n as remarkDirectiveAdmonition, t as RemarkDirectiveAdmonitionOptions } from "../remark-directive-admonition-CxFIkQ_i.js";
-import { n as RehypeTocOptions, r as rehypeToc, t as RehypeTOCItemType } from "../rehype-toc-DPrrpvXd.js";
+import { n as RehypeTocOptions, r as rehypeToc, t as RehypeTOCItemType } from "../rehype-toc-iWxg6ELI.js";
 import { n as remarkCodeTab, t as RemarkCodeTabOptions } from "../remark-code-tab-Dk79zZwn.js";
 import { n as remarkSteps, t as RemarkStepsOptions } from "../remark-steps-DsnXM6Xj.js";
 import { n as remarkNpm, t as RemarkNpmOptions } from "../remark-npm-7SDuqMc6.js";

package/dist/mdx-plugins/rehype-toc.d.ts

@@ -1,2 +1,2 @@
-import { n as RehypeTocOptions, r as rehypeToc, t as RehypeTOCItemType } from "../rehype-toc-DPrrpvXd.js";
+import { n as RehypeTocOptions, r as rehypeToc, t as RehypeTOCItemType } from "../rehype-toc-iWxg6ELI.js";
 export { RehypeTOCItemType, RehypeTocOptions, rehypeToc };

package/dist/mdx-plugins/rehype-toc.js

@@ -1,4 +1,4 @@
-import { r as toMdxExportRaw } from "../mdast-utils-9tJwoVTq.js";
+import { i as toMdxExportRaw, n as handleTag } from "../utils-C73VXFR0.js";
 import { visit } from "unist-util-visit";
 import { toEstree } from "hast-util-to-estree";
 //#region src/mdx-plugins/rehype-toc.ts
@@ -27,19 +27,22 @@ function rehypeToc({ exportToc = true } = {}) {
 			let isTocOnly = false;
 			const last = element.children[element.children.length - 1];
 			if (last.type === "text") {
-				if (last.value.endsWith(NoTocTag)) {
-					last.value = last.value.substring(0, last.value.length - 6).trimEnd();
+				const noToc = handleTag(last.value, NoTocTag);
+				if (noToc !== false) {
+					last.value = noToc;
 					return "skip";
 				}
-				if (last.value.endsWith(TocOnlyTag)) {
+				const tocOnly = handleTag(last.value, TocOnlyTag);
+				if (tocOnly !== false) {
 					isTocOnly = true;
-					last.value = last.value.substring(0, last.value.length - 5).trimEnd();
+					last.value = tocOnly;
 				}
 			}
 			items.push({
 				title: element,
 				depth: Number(element.tagName[1]),
-				url: `#${id}`
+				url: `#${id}`,
+				_step: typeof element.properties["data-fd-step"] === "number" ? element.properties["data-fd-step"] : void 0
 			});
 			if (isTocOnly && parent && typeof idx === "number") parent.children.splice(idx, 1);
 			return "skip";
@@ -58,58 +61,76 @@ function rehypeToc({ exportToc = true } = {}) {
 			}
 			tree.children.push(toMdxExportRaw(exportToc.name, {
 				type: "ArrayExpression",
-				elements: esmItems.map((item) => ({
-					type: "ObjectExpression",
-					properties: [
-						{
-							type: "Property",
-							method: false,
-							shorthand: false,
-							computed: false,
-							key: {
-								type: "Identifier",
-								name: "depth"
+				elements: esmItems.map((item) => {
+					const obj = {
+						type: "ObjectExpression",
+						properties: [
+							{
+								type: "Property",
+								method: false,
+								shorthand: false,
+								computed: false,
+								key: {
+									type: "Identifier",
+									name: "depth"
+								},
+								value: {
+									type: "Literal",
+									value: item.depth
+								},
+								kind: "init"
 							},
-							value: {
-								type: "Literal",
-								value: item.depth
+							{
+								type: "Property",
+								method: false,
+								shorthand: false,
+								computed: false,
+								key: {
+									type: "Identifier",
+									name: "url"
+								},
+								value: {
+									type: "Literal",
+									value: item.url
+								},
+								kind: "init"
 							},
-							kind: "init"
+							{
+								type: "Property",
+								method: false,
+								shorthand: false,
+								computed: false,
+								key: {
+									type: "Identifier",
+									name: "title"
+								},
+								value: {
+									type: "JSXFragment",
+									openingFragment: { type: "JSXOpeningFragment" },
+									closingFragment: { type: "JSXClosingFragment" },
+									children: item.title.children
+								},
+								kind: "init"
+							}
+						]
+					};
+					if (typeof item._step === "number") obj.properties.push({
+						type: "Property",
+						method: false,
+						shorthand: false,
+						computed: false,
+						key: {
+							type: "Identifier",
+							name: "_step"
 						},
-						{
-							type: "Property",
-							method: false,
-							shorthand: false,
-							computed: false,
-							key: {
-								type: "Identifier",
-								name: "url"
-							},
-							value: {
-								type: "Literal",
-								value: item.url
-							},
-							kind: "init"
+						value: {
+							type: "Literal",
+							value: item._step
 						},
-						{
-							type: "Property",
-							method: false,
-							shorthand: false,
-							computed: false,
-							key: {
-								type: "Identifier",
-								name: "title"
-							},
-							value: {
-								type: "JSXFragment",
-								openingFragment: { type: "JSXOpeningFragment" },
-								closingFragment: { type: "JSXClosingFragment" },
-								children: item.title.children
-							},
-							kind: "init"
-						}
-					]
-				}))
+						kind: "init"
+					});
+					return obj;
+				})
 			}));
 		} else file.data.rehypeToc = items;
 	};

package/dist/mdx-plugins/remark-admonition.js

@@ -1,4 +1,4 @@
-import { t as flattenNode } from "../mdast-utils-9tJwoVTq.js";
+import { t as flattenNode } from "../utils-C73VXFR0.js";
 import { visit } from "unist-util-visit";
 //#region src/mdx-plugins/remark-admonition.ts
 /**

package/dist/mdx-plugins/remark-feedback-block.js

@@ -1,4 +1,4 @@
-import { t as flattenNode } from "../mdast-utils-9tJwoVTq.js";
+import { t as flattenNode } from "../utils-C73VXFR0.js";
 import { visit } from "unist-util-visit";
 import { createHash } from "node:crypto";
 //#region src/mdx-plugins/remark-feedback-block.ts

package/dist/mdx-plugins/remark-heading.d.ts

@@ -1,2 +1,2 @@
-import { n as remarkHeading, t as RemarkHeadingOptions } from "../remark-heading-cvYRraso.js";
+import { n as remarkHeading, t as RemarkHeadingOptions } from "../remark-heading-BVc1nYW5.js";
 export { RemarkHeadingOptions, remarkHeading };

package/dist/mdx-plugins/remark-heading.js

@@ -1,4 +1,4 @@
-import { t as flattenNode } from "../mdast-utils-9tJwoVTq.js";
+import { t as flattenNode } from "../utils-C73VXFR0.js";
 import Slugger from "github-slugger";
 import { visit } from "unist-util-visit";
 //#region src/mdx-plugins/remark-heading.ts

package/dist/mdx-plugins/remark-llms.js

@@ -1,4 +1,4 @@
-import { n as toMdxExport } from "../mdast-utils-9tJwoVTq.js";
+import { r as toMdxExport } from "../utils-C73VXFR0.js";
 import { defaultStringifier } from "./stringifier.js";
 //#region src/mdx-plugins/remark-llms.ts
 /**

package/dist/mdx-plugins/remark-steps.js

@@ -1,6 +1,8 @@
+import { n as handleTag } from "../utils-C73VXFR0.js";
 import { visit } from "unist-util-visit";
 //#region src/mdx-plugins/remark-steps.ts
 const StepRegex = /^(\d+)\.\s(.+)$/;
+const StepTag = "[step]";
 /**
 * Convert headings in the format of `1. Hello World` into steps.
 */
@@ -27,16 +29,34 @@ function remarkSteps({ steps = "fd-steps", step = "fd-step" } = {}) {
 				name: "className",
 				value: steps
 			}],
-			data: { _fd_step: true },
 			children
 		};
 	}
+	function handleHeadingStep(node) {
+		const head = node.children[0];
+		if (head && head.type === "text") {
+			const match = StepRegex.exec(head.value);
+			if (match) {
+				head.value = match[2];
+				return true;
+			}
+		}
+		const tail = node.children[node.children.length - 1];
+		if (tail && tail.type === "text") {
+			const step = handleTag(tail.value, StepTag);
+			if (step !== false) {
+				tail.value = step;
+				return true;
+			}
+		}
+		return false;
+	}
 	return (tree) => {
 		visit(tree, (parent) => {
-			if (!("children" in parent) || parent.type === "heading") return;
-			if (parent.data && "_fd_step" in parent.data) return "skip";
+			if (!("children" in parent) || parent.type === "heading") return "skip";
 			let startIdx = -1;
 			let i = 0;
+			let currentStep = 1;
 			const onEnd = () => {
 				if (startIdx === -1) return;
 				const item = {};
@@ -44,26 +64,25 @@ function remarkSteps({ steps = "fd-steps", step = "fd-step" } = {}) {
 				Object.assign(item, convertToSteps(nodes));
 				i = startIdx + 1;
 				startIdx = -1;
+				currentStep = 1;
 			};
 			for (; i < parent.children.length; i++) {
 				const node = parent.children[i];
-				if (node.type !== "heading") continue;
+				if (node.type !== "heading" || node.data?.hProperties?.["data-fd-step"] !== void 0) continue;
 				if (startIdx !== -1) {
 					const startDepth = parent.children[startIdx].depth;
-					if (node.depth > startDepth) continue;
-					else if (node.depth < startDepth) onEnd();
+					if (node.depth !== startDepth) {
+						if (node.depth < startDepth) onEnd();
+						continue;
+					}
 				}
-				const head = node.children.filter((c) => c.type === "text").at(0);
-				if (!head) {
+				if (!handleHeadingStep(node)) {
 					onEnd();
 					continue;
 				}
-				const match = StepRegex.exec(head.value);
-				if (!match) {
-					onEnd();
-					continue;
-				}
-				head.value = match[2];
+				node.data ??= {};
+				node.data.hProperties ??= {};
+				node.data.hProperties["data-fd-step"] = currentStep++;
 				if (startIdx === -1) startIdx = i;
 			}
 			onEnd();

package/dist/mdx-plugins/remark-structure.js

@@ -1,4 +1,4 @@
-import { n as toMdxExport } from "../mdast-utils-9tJwoVTq.js";
+import { r as toMdxExport } from "../utils-C73VXFR0.js";
 import { remarkHeading } from "./remark-heading.js";
 import { defaultStringifier as defaultStringifier$1 } from "./stringifier.js";
 import { remark } from "remark";

package/dist/{rehype-toc-DPrrpvXd.d.ts → rehype-toc-iWxg6ELI.d.ts}

@@ -37,6 +37,7 @@ interface RehypeTOCItemType {
   title: Element;
   url: string;
   depth: number;
+  _step?: number;
 }
 declare function rehypeToc(this: Processor, {
   exportToc

package/dist/{remark-heading-cvYRraso.d.ts → remark-heading-BVc1nYW5.d.ts}

@@ -1,4 +1,4 @@
-import { c as TOCItemType } from "./toc-DjyooJ0-.js";
+import { c as TOCItemType } from "./toc-Bw56X0rx.js";
 import { Transformer } from "unified";
 import { Heading, Root } from "mdast";
 
@@ -7,7 +7,7 @@ declare module 'mdast' {
   interface HeadingData extends Data {
     hProperties?: {
       id?: string;
-    };
+    } & Record<string, unknown>;
   }
 }
 interface RemarkHeadingOptions {

package/dist/{toc-DjyooJ0-.d.ts → toc-Bw56X0rx.d.ts}

@@ -6,6 +6,8 @@ interface TOCItemType {
   title: ReactNode;
   url: string;
   depth: number;
+  /** [remark-steps] the step number */
+  _step?: number;
 }
 type TableOfContents = TOCItemType[];
 interface TOCItemInfo {

package/dist/toc.d.ts

@@ -1,2 +1,2 @@
-import { a as TOCItem, c as TOCItemType, d as useActiveAnchors, f as useItems, i as ScrollProviderProps, l as TableOfContents, n as AnchorProviderProps, o as TOCItemInfo, r as ScrollProvider, s as TOCItemProps, t as AnchorProvider, u as useActiveAnchor } from "./toc-DjyooJ0-.js";
+import { a as TOCItem, c as TOCItemType, d as useActiveAnchors, f as useItems, i as ScrollProviderProps, l as TableOfContents, n as AnchorProviderProps, o as TOCItemInfo, r as ScrollProvider, s as TOCItemProps, t as AnchorProvider, u as useActiveAnchor } from "./toc-Bw56X0rx.js";
 export { AnchorProvider, AnchorProviderProps, ScrollProvider, ScrollProviderProps, TOCItem, TOCItemInfo, TOCItemProps, TOCItemType, TableOfContents, useActiveAnchor, useActiveAnchors, useItems };

package/dist/toc.js

@@ -51,10 +51,11 @@ function TOCItem({ ref, onActiveChange = () => null, ...props }) {
 	const id = props.href ? getItemId(props.href) : null;
 	const anchorRef = useRef(null);
 	const [active, setActive] = useState(() => id && items.some((item) => item.active && item.id === id));
-	const initialShouldScroll = useMemo(() => {
+	const initialShouldScrollRef = useRef(null);
+	if (initialShouldScrollRef.current === null) {
 		const lastActive = items.findLast((item) => item.active);
-		return lastActive && lastActive.id === id;
-	}, []);
+		initialShouldScrollRef.current = lastActive !== void 0 && lastActive.id === id;
+	}
 	useOnChange(items, () => {
 		if (id === null) return;
 		const currentItem = items.find((item) => item.id === id);
@@ -74,14 +75,14 @@ function TOCItem({ ref, onActiveChange = () => null, ...props }) {
 	useEffect(() => {
 		const anchor = anchorRef.current;
 		const container = containerRef?.current;
-		if (initialShouldScroll && container && anchor) scrollIntoView(anchor, {
+		if (initialShouldScrollRef.current && container && anchor) scrollIntoView(anchor, {
 			behavior: "instant",
 			block: "center",
 			inline: "center",
 			scrollMode: "always",
 			boundary: container
 		});
-	}, [containerRef, initialShouldScroll]);
+	}, [containerRef]);
 	return /* @__PURE__ */ jsx("a", {
 		ref: mergeRefs(anchorRef, ref),
 		"data-active": active,

package/dist/{mdast-utils-9tJwoVTq.js → utils-C73VXFR0.js}

@@ -1,5 +1,5 @@
 import { valueToEstree } from "estree-util-value-to-estree";
-//#region src/mdx-plugins/mdast-utils.ts
+//#region src/mdx-plugins/utils.ts
 function flattenNode(node) {
 	if ("children" in node) return node.children.map((child) => flattenNode(child)).join("");
 	if ("value" in node && typeof node.value === "string") return node.value;
@@ -35,5 +35,10 @@ function toMdxExportRaw(name, expression) {
 		} }
 	};
 }
+function handleTag(value, tag) {
+	const idx = value.indexOf(tag);
+	if (idx !== -1) return value.slice(0, idx).trimEnd() + value.slice(idx + tag.length);
+	return false;
+}
 //#endregion
-export { toMdxExport as n, toMdxExportRaw as r, flattenNode as t };
+export { toMdxExportRaw as i, handleTag as n, toMdxExport as r, flattenNode as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-core",
-  "version": "16.7.6",
+  "version": "16.7.7",
   "description": "The React.js library for building a documentation website",
   "keywords": [
     "Docs",