@mintlify/common 1.0.876 → 1.0.877

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

@@ -1,6 +1,6 @@
 import type { PageMetaTags } from '@mintlify/models';
 import type { Root } from 'mdast';
-export declare function generateAccordionId(title: string, count?: number): string;
+export declare function generateComponentId(title: string, count?: number): string;
 export declare const HEADING_LEVELS: number[];
 export declare const AVOIDED_PAGE_MODES: string[];
 export declare const CHILD_TAB_IDS_ATTRIBUTE = "data-child-tab-ids";

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

@@ -3,7 +3,7 @@ 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 function generateAccordionId(title, count) {
+export function generateComponentId(title, count) {
     const base = defaultSlugify(title.replace(':', '-'), { decamelize: false });
     return count != null && count > 0 ? `${base}-${count}` : base;
 }
@@ -129,6 +129,27 @@ export const remarkComponentIds = (pageMetadata) => (tree) => {
         const title = titleAttr.value;
         const count = (_a = accordionCounts.get(title)) !== null && _a !== void 0 ? _a : 0;
         accordionCounts.set(title, count + 1);
-        node.attributes.push(createMdxJsxAttribute('id', generateAccordionId(title, count)));
+        node.attributes.push(createMdxJsxAttribute('id', generateComponentId(title, count)));
+    });
+    // Generate IDs for View components from their title.
+    // Counter is keyed by the base slug (not the raw title) so distinct titles that
+    // slugify to the same id (e.g. "Setup-Advanced" and "Setup: Advanced") still get
+    // unique ids — required for URL hash sharing.
+    const viewCounts = new Map();
+    visit(tree, 'mdxJsxFlowElement', (node) => {
+        var _a;
+        if (node.name !== 'View')
+            return;
+        const titleAttr = node.attributes.find((attr) => 'name' in attr && attr.name === 'title');
+        if (!titleAttr || typeof titleAttr.value !== 'string' || !titleAttr.value)
+            return;
+        const hasId = node.attributes.some((attr) => 'name' in attr && attr.name === 'id');
+        if (hasId)
+            return;
+        const title = titleAttr.value;
+        const baseSlug = generateComponentId(title);
+        const count = (_a = viewCounts.get(baseSlug)) !== null && _a !== void 0 ? _a : 0;
+        viewCounts.set(baseSlug, count + 1);
+        node.attributes.push(createMdxJsxAttribute('id', generateComponentId(title, count)));
     });
 };

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

@@ -61,6 +61,9 @@ export const remarkExtractMultiView = (mdxExtracts) => {
                             `   Learn more: https://www.mintlify.com/docs/components/view\n`);
                         return;
                     }
+                    // Extract the id attribute (set by remarkComponentIds or explicit) so the
+                    // client can match URL hashes back to the correct view for shareable links.
+                    const id = getStringValue(node.attributes.find((attr) => attr.type === 'mdxJsxAttribute' && attr.name === 'id'));
                     const viewItem = {
                         title,
                         content,
@@ -71,6 +74,9 @@ export const remarkExtractMultiView = (mdxExtracts) => {
                     if (iconType) {
                         viewItem.iconType = iconType;
                     }
+                    if (id) {
+                        viewItem.id = id;
+                    }
                     multiViews.push(viewItem);
                 }
             }