@mintlify/common 1.0.905 → 1.0.907

package/dist/mdx/preprocessCustomHeadingIds.d.ts

@@ -3,7 +3,7 @@ import { MdxJsxFlowElement } from 'mdast-util-mdx-jsx';
 export interface PreprocessCustomHeadingIdsOptions {
     /**
      * When true, preserves the original ID as-is (only removing characters unsafe
-     * in HTML attributes). When false (default), applies slugify for normalized IDs.
+     * in HTML attributes). When false (default), also collapses whitespace to hyphens.
      */
     preserveOriginal?: boolean;
 }

package/dist/mdx/preprocessCustomHeadingIds.js

@@ -1,9 +1,19 @@
-import slugify from '@sindresorhus/slugify';
 const HEADING_ID_RE = /^(#{1,6})\s+(.+?)\s*\{\s*#([^}]+?)\s*\}\s*$/;
 const UNSAFE_HTML_ATTR_CHARS = /[<>"]/g;
+/**
+ * Characters to strip from custom heading IDs in the default (non-editor) path.
+ * Combines HTML-unsafe characters, `&` (non-conformant in attributes), and the
+ * punctuation that `cleanHeadingId` strips at render time so the preprocessed ID
+ * matches the final DOM `id`.
+ */
+const CUSTOM_ID_STRIP_CHARS = /[<>"&?,;:!'()\[\]{}]/g;
+const EMOJI_RE = /\p{Emoji_Modifier}|\p{Emoji_Modifier_Base}|\p{Emoji_Presentation}|\p{Extended_Pictographic}|[\u200D\uFE0E\uFE0F]/gu;
 function sanitizeHtmlAttr(id) {
     return id.trim().replace(UNSAFE_HTML_ATTR_CHARS, '');
 }
+function normalizeCustomId(raw) {
+    return raw.trim().replace(CUSTOM_ID_STRIP_CHARS, '').replace(EMOJI_RE, '').replace(/\s+/g, '-');
+}
 /**
  * Converts markdown headings with custom ID syntax into JSX heading elements.
  *
@@ -40,7 +50,7 @@ export function preprocessCustomHeadingIds(content, options) {
             const level = heading[1].length;
             const sanitizedId = (options === null || options === void 0 ? void 0 : options.preserveOriginal)
                 ? sanitizeHtmlAttr(heading[3])
-                : slugify(heading[3].trim(), { preserveCharacters: ['_'] });
+                : normalizeCustomId(heading[3]);
             result.push(`<h${level} id="${sanitizedId}">`, heading[2], `</h${level}>`);
             continue;
         }

package/dist/mdx/snippets/resolveImport/resolveComponentWithContent.js

@@ -62,6 +62,8 @@ export const resolveComponentWithContent = (tree, componentName, snippet, export
 const replaceVariablesWithProps = (node, treeToInject, exportMap, snippetExportMap) => {
     const variableNameMap = {};
     const variablesMap = {};
+    const propValues = getSnippetPropValues(node);
+    replaceCodePlaceholdersWithProps(treeToInject, propValues);
     visit(treeToInject, (node) => {
         var _a;
         if ((node.type === 'mdxTextExpression' || node.type === 'mdxFlowExpression') &&
@@ -107,6 +109,30 @@ const replaceVariablesWithProps = (node, treeToInject, exportMap, snippetExportM
         snippetNodesToInject: treeToInject.children,
     };
 };
+const getSnippetPropValues = (node) => {
+    const propValues = {};
+    node.attributes.forEach((attribute) => {
+        if (attribute.type !== 'mdxJsxAttribute' ||
+            !attribute.value ||
+            typeof attribute.value !== 'string')
+            return;
+        propValues[attribute.name] = attribute.value;
+    });
+    return propValues;
+};
+const replaceCodePlaceholdersWithProps = (tree, propValues) => {
+    visit(tree, (node) => {
+        if (node.type !== 'code' || typeof node.value !== 'string') {
+            return;
+        }
+        node.value = node.value.replace(/\{\s*([A-Za-z_$][\w$]*)\s*\}/g, (match, prop) => {
+            var _a;
+            if (!(prop in propValues))
+                return match;
+            return (_a = propValues[prop]) !== null && _a !== void 0 ? _a : match;
+        });
+    });
+};
 const reinsertExports = (content, exportMap, snippetExportMap) => {
     const nodesToInject = [];
     for (const [key, value] of Object.entries(snippetExportMap)) {