@mintlify/common 1.0.485 → 1.0.486

package/dist/mdx/getMDXOptions.js

@@ -14,6 +14,7 @@ export const getMDXOptions = ({ data, remarkPlugins = [], rehypePlugins = [], md
     return {
         remarkPlugins: [
             [remarkMdxInjectSnippets, data.snippetTreeMap],
+            remarkComponentIds,
             [remarkExtractTableOfContents, mdxExtracts], // modifies tree so cannot be excluded
             [remarkExtractChangelogFilters, mdxExtracts],
             [remarkMdxExtractPanel, mdxExtracts],
@@ -21,7 +22,6 @@ export const getMDXOptions = ({ data, remarkPlugins = [], rehypePlugins = [], md
             remarkFrames,
             remarkRemoveImports,
             remarkMermaid,
-            remarkComponentIds,
             ...remarkPlugins,
             remarkMdxRemoveUnknownJsx,
         ],

package/dist/mdx/plugins/remark/remarkComponentIds.js

@@ -7,14 +7,13 @@ export const HEADING_LEVELS = [1, 2, 3, 4];
 export const remarkComponentIds = () => (tree) => {
     const slugifyFn = slugifyWithCounter();
     const tabSlugifyFn = slugifyWithCounter();
-    visit(tree, 'heading', (node, _, parent) => {
+    visit(tree, 'heading', (node) => {
         if (HEADING_LEVELS.includes(node.depth)) {
             const title = getTableOfContentsTitle(node);
             const slug = slugify(title, slugifyFn);
             const mdxJsxAttributes = [
                 createMdxJsxAttribute('level', node.depth),
                 createMdxJsxAttribute('id', slug),
-                createMdxJsxAttribute('isAtRootLevel', (parent === null || parent === void 0 ? void 0 : parent.type) === 'root'),
             ];
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             node.attributes = mdxJsxAttributes;

package/dist/mdx/plugins/remark/remarkExtractTableOfContents.js

@@ -1,4 +1,5 @@
 import { slugifyWithCounter } from '@sindresorhus/slugify';
+import { visit } from 'unist-util-visit';
 import { slugify } from '../../../slugify.js';
 import { createMdxJsxAttribute, getTableOfContentsTitle } from '../../lib/remark-utils.js';
 import { HEADING_LEVELS } from './remarkComponentIds.js';
@@ -8,20 +9,41 @@ export const remarkExtractTableOfContents = (mdxExtracts) => {
     // already exists. No counter is added for the first occurence.
     const slugifyFn = slugifyWithCounter();
     return (tree) => {
-        var _a, _b, _c, _d;
         const contents = [];
         let hasTopLayer = false;
-        for (let nodeIndex = 0; nodeIndex < tree.children.length; nodeIndex++) {
-            const node = tree.children[nodeIndex];
-            if (!node)
-                continue;
+        // the key is the node in unist
+        const tabContentMap = new Map();
+        visit(tree, (node) => {
+            if (node.type === 'mdxJsxFlowElement' && node.name === 'Tab') {
+                const idAttr = node.attributes.find((attr) => 'name' in attr && attr.name === 'id');
+                const titleAttr = node.attributes.find((attr) => 'name' in attr && attr.name === 'title');
+                let tabId;
+                if (idAttr && 'value' in idAttr && typeof idAttr.value === 'string') {
+                    tabId = idAttr.value;
+                }
+                else if (titleAttr && 'value' in titleAttr && typeof titleAttr.value === 'string') {
+                    tabId = slugify(titleAttr.value);
+                }
+                if (tabId) {
+                    visit(node, (childNode) => {
+                        tabContentMap.set(childNode, tabId);
+                    });
+                }
+            }
+        });
+        visit(tree, (node) => {
+            var _a, _b, _c, _d;
+            const currentTabId = tabContentMap.get(node);
             const isValidHeading = node.type === 'heading' && HEADING_LEVELS.includes(node.depth);
             const isValidMdxHeading = node.type === 'mdxJsxFlowElement' && HEADING_NAMES.includes((_a = node.name) !== null && _a !== void 0 ? _a : '');
+            const isTransformedHeading = node.type === 'mdxJsxFlowElement' && node.name === 'Heading';
             const isValidUpdate = node.type === 'mdxJsxFlowElement' &&
                 node.name === 'Update' &&
                 node.attributes.some((attr) => 'name' in attr && attr.name === 'label');
-            if (!isValidHeading && !isValidMdxHeading && !isValidUpdate) {
-                continue;
+            const hasIdAttribute = node.type === 'mdxJsxFlowElement' &&
+                node.attributes.some((attr) => 'name' in attr && attr.name === 'id');
+            if (!isValidHeading && !isValidMdxHeading && !isTransformedHeading && !isValidUpdate) {
+                return;
             }
             let level;
             if ('name' in node && node.name === 'Update') {
@@ -32,21 +54,41 @@ export const remarkExtractTableOfContents = (mdxExtracts) => {
             else if ('depth' in node) {
                 level = node.depth;
             }
+            else if ('name' in node && node.name === 'Heading') {
+                const levelAttr = node.attributes.find((attr) => 'name' in attr && attr.name === 'level');
+                if (levelAttr && 'value' in levelAttr && typeof levelAttr.value === 'number') {
+                    level = levelAttr.value;
+                }
+            }
             else if ('name' in node && ((_b = node.name) === null || _b === void 0 ? void 0 : _b[1])) {
                 const num = Number(node.name[1]);
                 level = !isNaN(num) ? num : undefined;
             }
             const title = getTableOfContentsTitle(node);
-            const slug = slugify(title, slugifyFn);
+            let slug;
+            if ('name' in node && node.name === 'Heading') {
+                const idAttr = node.attributes.find((attr) => 'name' in attr && attr.name === 'id');
+                if (idAttr && 'value' in idAttr && typeof idAttr.value === 'string') {
+                    slug = idAttr.value;
+                }
+                else {
+                    slug = slugify(title, slugifyFn);
+                }
+            }
+            else {
+                slug = slugify(title, slugifyFn);
+            }
             let mdxJsxAttributes;
             if ('name' in node && node.name === 'Update') {
                 mdxJsxAttributes = [...node.attributes, createMdxJsxAttribute('id', slug)];
             }
-            else if (level !== undefined) {
+            else if ('name' in node && node.name === 'Heading') {
+                mdxJsxAttributes = node.attributes;
+            }
+            else if (level !== undefined && !hasIdAttribute) {
                 mdxJsxAttributes = [
                     createMdxJsxAttribute('level', level),
                     createMdxJsxAttribute('id', slug),
-                    createMdxJsxAttribute('isAtRootLevel', true),
                 ];
             }
             // @ts-expect-error we're assigning over 'attributes' if it doesn't exist
@@ -58,7 +100,7 @@ export const remarkExtractTableOfContents = (mdxExtracts) => {
             const depth = node.depth;
             if (level !== undefined && Number(level) <= 2) {
                 hasTopLayer = true;
-                contents.push({ title, slug, depth, children: [] });
+                contents.push({ title, slug, depth, children: [], tabId: currentTabId });
             }
             else {
                 // Account if there is no first layer
@@ -66,9 +108,9 @@ export const remarkExtractTableOfContents = (mdxExtracts) => {
                 if (hasTopLayer) {
                     arrToPushInto = (_d = (_c = contents.at(-1)) === null || _c === void 0 ? void 0 : _c.children) !== null && _d !== void 0 ? _d : [];
                 }
-                arrToPushInto.push({ title, slug, depth, children: [] });
+                arrToPushInto.push({ title, slug, depth, children: [], tabId: currentTabId });
             }
-        }
+        });
         if (mdxExtracts) {
             mdxExtracts.tableOfContents = contents;
         }