@mintlify/common 1.0.463 → 1.0.465

package/dist/mdx/getMDXOptions.js

@@ -1,4 +1,4 @@
-import { rehypeCodeBlocks, rehypeDynamicTailwindCss, rehypeMdxExtractEndpoint, rehypeMdxExtractExamples, rehypeParamFieldIds, rehypeRawComponents, rehypeUnicodeIds, rehypeZoomImages, remarkExtractChangelogFilters, remarkExtractTableOfContents, remarkFrames, remarkHeadingIds, remarkMdxInjectSnippets, remarkMdxRemoveUnusedVariables, remarkRemoveImports, remarkMdxExtractPanel, } from './plugins/index.js';
+import { rehypeCodeBlocks, rehypeDynamicTailwindCss, rehypeMdxExtractEndpoint, rehypeMdxExtractExamples, rehypeParamFieldIds, rehypeRawComponents, rehypeUnicodeIds, rehypeZoomImages, remarkExtractChangelogFilters, remarkExtractTableOfContents, remarkFrames, remarkComponentIds, remarkMdxInjectSnippets, remarkMdxRemoveUnusedVariables, remarkRemoveImports, remarkMdxExtractPanel, } from './plugins/index.js';
 import { remarkMdxRemoveUnknownJsx } from './plugins/remark/remarkMdxRemoveUnknownJsx/index.js';
 import { remarkMermaid } from './plugins/remark/remarkMermaid.js';
 // avoid running extractors unnecessarily
@@ -21,7 +21,7 @@ export const getMDXOptions = ({ data, remarkPlugins = [], rehypePlugins = [], md
             remarkFrames,
             remarkRemoveImports,
             remarkMermaid,
-            remarkHeadingIds,
+            remarkComponentIds,
             ...remarkPlugins,
             [remarkMdxRemoveUnknownJsx, data.allowedComponents],
         ],

package/dist/mdx/plugins/rehype/rehypeUnicodeIds.js

@@ -1,6 +1,6 @@
 import { visit } from 'unist-util-visit';
 import { getUnicodeId, getTableOfContentsTitle } from '../../lib/remark-utils.js';
-const DEEPLINKABLE_COMPONENTS = ['Heading', 'Update', 'Accordion'];
+const DEEPLINKABLE_COMPONENTS = ['Heading', 'Update', 'Accordion', 'Tab'];
 export const rehypeUnicodeIds = () => {
     return (tree) => {
         visit(tree, 'mdxJsxFlowElement', (node) => {

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

@@ -11,7 +11,7 @@ export * from './remarkExtractChangelogFilters.js';
 export * from './remarkExpandContent.js';
 export * from './remarkSplitCodeGroup.js';
 export * from './remarkSplitTabs.js';
-export * from './remarkHeadingIds.js';
+export * from './remarkComponentIds.js';
 export * from './remarkMdxExtractPanel.js';
 export * from './remarkValidateSteps.js';
 export * from './remarkValidateTabs.js';

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

@@ -11,7 +11,7 @@ export * from './remarkExtractChangelogFilters.js';
 export * from './remarkExpandContent.js';
 export * from './remarkSplitCodeGroup.js';
 export * from './remarkSplitTabs.js';
-export * from './remarkHeadingIds.js';
+export * from './remarkComponentIds.js';
 export * from './remarkMdxExtractPanel.js';
 export * from './remarkValidateSteps.js';
 export * from './remarkValidateTabs.js';

package/dist/mdx/plugins/remark/{remarkHeadingIds.d.ts → remarkComponentIds.d.ts}

@@ -1,3 +1,3 @@
 import type { Root } from 'mdast';
 export declare const HEADING_LEVELS: number[];
-export declare const remarkHeadingIds: () => (tree: Root) => void;
+export declare const remarkComponentIds: () => (tree: Root) => void;

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

@@ -0,0 +1,87 @@
+import { slugifyWithCounter } from '@sindresorhus/slugify';
+import { visit } from 'unist-util-visit';
+import { slugify } from '../../../slugify.js';
+import { createMdxJsxAttribute } from '../../lib/remark-utils.js';
+import { getTableOfContentsTitle } from '../../lib/remark-utils.js';
+export const HEADING_LEVELS = [1, 2, 3, 4];
+export const remarkComponentIds = () => (tree) => {
+    const slugifyFn = slugifyWithCounter();
+    const tabSlugifyFn = slugifyWithCounter();
+    visit(tree, 'heading', (node, _, parent) => {
+        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;
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            node.type = 'mdxJsxFlowElement';
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            node.name = 'Heading';
+        }
+    });
+    const tabSlugs = new Map();
+    const precomputeTabSlugs = (node) => {
+        var _a;
+        if (node.type === 'mdxJsxFlowElement' && node.name === 'Tab') {
+            const title = (_a = node.attributes.find((attr) => 'name' in attr && attr.name === 'title')) === null || _a === void 0 ? void 0 : _a.value;
+            if (title && typeof title === 'string') {
+                const slug = slugify(title, tabSlugifyFn);
+                tabSlugs.set(node, slug);
+            }
+        }
+        if ('children' in node) {
+            for (const child of node.children) {
+                precomputeTabSlugs(child);
+            }
+        }
+    };
+    const processTabsRecursively = (node) => {
+        if (node.type === 'mdxJsxFlowElement' && node.name === 'Tab') {
+            const slug = tabSlugs.get(node);
+            if (!slug)
+                return;
+            node.attributes.push(createMdxJsxAttribute('id', slug));
+            const childTabIds = [];
+            for (const child of node.children) {
+                const childIds = collectDirectChildTabs(child);
+                childTabIds.push(...childIds);
+            }
+            if (childTabIds.length > 0) {
+                try {
+                    node.attributes.push(createMdxJsxAttribute('data-child-tab-ids', JSON.stringify(childTabIds)));
+                }
+                catch (_a) { }
+            }
+            for (const child of node.children) {
+                processTabsRecursively(child);
+            }
+        }
+        else if ('children' in node) {
+            for (const child of node.children) {
+                processTabsRecursively(child);
+            }
+        }
+    };
+    const collectDirectChildTabs = (node) => {
+        const childIds = [];
+        if (node.type === 'mdxJsxFlowElement' && node.name === 'Tab') {
+            const slug = tabSlugs.get(node);
+            if (slug) {
+                childIds.push(slug);
+            }
+        }
+        else if ('children' in node) {
+            for (const child of node.children) {
+                childIds.push(...collectDirectChildTabs(child));
+            }
+        }
+        return childIds;
+    };
+    precomputeTabSlugs(tree);
+    processTabsRecursively(tree);
+};

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

@@ -1,7 +1,7 @@
 import { slugifyWithCounter } from '@sindresorhus/slugify';
 import { slugify } from '../../../slugify.js';
 import { createMdxJsxAttribute, getTableOfContentsTitle } from '../../lib/remark-utils.js';
-import { HEADING_LEVELS } from './remarkHeadingIds.js';
+import { HEADING_LEVELS } from './remarkComponentIds.js';
 const HEADING_NAMES = ['h1', 'h2', 'h3', 'h4'];
 export const remarkExtractTableOfContents = (mdxExtracts) => {
     // slugifyWithCounter adds a counter (eg. slug, slug-2, slug-3) to the end of the slug if the header