fix(md): Remove md-links and AI rules from md output (#14301)

Author: BYK

platform-includes/llm-rules-logs/javascript.nextjs.mdx

@@ -1,4 +1,4 @@
-<Expandable title="AI Rules for Logs in Code Editors" copy={true}>
+<Expandable title="AI Rules for Logs in Code Editors" copy={true} hideFromMd={true}>
 
 When created as a rules file this should be placed alongside other editor specific rule files. For example, if you are using Cursor, place this file in the `.cursorrules` directory.
 

platform-includes/llm-rules-logs/javascript.node.mdx

@@ -1,4 +1,4 @@
-<Expandable title="AI Rules for Logs in Code Editors" copy={true}>
+<Expandable title="AI Rules for Logs in Code Editors" copy={true} hideFromMd={true}>
 
 When created as a rules file this should be placed alongside other editor specific rule files. For example, if you are using Cursor, place this file in the `.cursorrules` directory.
 

platform-includes/llm-rules-logs/javascript.react.mdx

@@ -1,4 +1,4 @@
-<Expandable title="AI Rules for Logs in Code Editors" copy={true}>
+<Expandable title="AI Rules for Logs in Code Editors" copy={true} hideFromMd={true}>
 
 When created as a rules file this should be placed alongside other editor specific rule files. For example, if you are using Cursor, place this file in the `.cursorrules` directory.
 

platform-includes/llm-rules-platform/_default.mdx

@@ -1,4 +1,4 @@
-<Expandable title="AI Rules for Code Editors" copy={true}>
+<Expandable title="AI Rules for Code Editors" copy={true} hideFromMd={true}>
 
 Sentry provides a set of rules you can use to help your LLM use Sentry correctly. Copy this file and add it to your projects rules configuration. When created as a rules file this should be placed alongside other editor specific rule files. For example, if you are using Cursor, place this file in the `.cursorrules` directory.
 

platform-includes/llm-rules-platform/javascript.nextjs.mdx

@@ -1,4 +1,4 @@
-<Expandable title="AI Rules for Code Editors" copy={true}>
+<Expandable title="AI Rules for Code Editors" copy={true} hideFromMd={true}>
 
 Sentry provides a set of rules you can use to help your LLM use Sentry correctly. Copy this file and add it to your projects rules configuration. When created as a rules file this should be placed alongside other editor specific rule files. For example, if you are using Cursor, place this file in the `.cursorrules` directory.
 

platform-includes/llm-rules-platform/javascript.node.mdx

@@ -1,4 +1,4 @@
-<Expandable title="AI Rules for Code Editors" copy={true}>
+<Expandable title="AI Rules for Code Editors" copy={true} hideFromMd={true}>
 
 Sentry provides a set of rules you can use to help your LLM use Sentry correctly. Copy this file and add it to your projects rules configuration. When created as a rules file this should be placed alongside other editor specific rule files. For example, if you are using Cursor, place this file in the `.cursorrules` directory.
 

platform-includes/llm-rules-platform/javascript.react.mdx

@@ -1,4 +1,4 @@
-<Expandable title="AI Rules for Code Editors" copy={true}>
+<Expandable title="AI Rules for Code Editors" copy={true} hideFromMd={true}>
 
 Sentry provides a set of rules you can use to help your LLM use Sentry correctly. Copy this file and add it to your projects rules configuration. When created as a rules file this should be placed alongside other editor specific rule files. For example, if you are using Cursor, place this file in the `.cursorrules` directory.
 

src/components/docPage/index.tsx

@@ -89,6 +89,7 @@ export function DocPage({
                 rel="nofollow"
                 className="float-right"
                 href={`/${pathname}.md`}
+                data-mdast="ignore"
                 title="Markdown version of this page"
               >
                 <Markdown className="flex p-0 flex-wrap" width={24} height={24} />

src/components/expandable/index.tsx

@@ -6,7 +6,7 @@ import * as Sentry from '@sentry/nextjs';
 
 import {usePlausibleEvent} from 'sentry-docs/hooks/usePlausibleEvent';
 
-// explicitly not usig CSS modules here
+// explicitly not using CSS modules here
 // because there's some prerendered content that depends on these exact class names
 import '../callout/styles.scss';
 import styles from './style.module.scss';
@@ -17,6 +17,8 @@ type Props = {
   copy?: boolean;
   /** If defined, the expandable will be grouped with other expandables that have the same group. */
   group?: string;
+  // If true, the expandable will not be rendered in the markdown version of the page
+  hideFromMd?: boolean;
   level?: 'info' | 'warning' | 'success';
   permalink?: boolean;
 };
@@ -35,6 +37,7 @@ export function Expandable({
   permalink,
   group,
   copy,
+  hideFromMd = false,
 }: Props) {
   const id = permalink ? slugify(title) : undefined;
 
@@ -155,6 +158,7 @@ export function Expandable({
       open={isExpanded}
       onToggle={toggleIsExpanded}
       id={id}
+      {...(hideFromMd ? {'data-mdast': 'ignore'} : {})}
     >
       <summary className={`${styles['expandable-header']} callout-header`}>
         <div className={styles['expandable-title-container']}>