Adds support for using MediaWiki-style links and code blocks within script descriptions.

Adds support for using MediaWiki-style links and code blocks within script descriptions

Author: FileEX

web/src/components/CodeExamplesSection.astro

@@ -1,7 +1,7 @@
 ---
 import { Code } from '@astrojs/starlight/components';
-import { marked } from 'marked';
 import NeedsExample from '@src/components/NeedsExample.astro';
+import EnhancedMarkdown from '@src/components/EnhancedMarkdown.astro'
 
 export interface CodeExample {
   description?: string;
@@ -57,7 +57,7 @@ if (codeExamples.length === 0 && !examplesRequired) {
             <strong>{example.side}</strong> {example.exampleTitle && ` - ${example.exampleTitle}`}
           </div>
           <div class="tab-body">
-            {example.description && <Fragment set:html={marked(example.description)} />}
+            {example.description && <EnhancedMarkdown content={example.description} />}
             <div class="code-example">
               <Code code={example.luaCode} lang="lua" />
             </div>

web/src/components/EnhancedMarkdown.astro

@@ -0,0 +1,32 @@
+---
+import { Code } from '@astrojs/starlight/components';
+import { marked } from 'marked';
+
+interface Props {
+  content: string;
+}
+
+const { content } = Astro.props;
+
+function convertMediaWikiLinks(text: string): string {
+  return text.replace(
+    /\[\[([^|\]#]+)(?:#([^\]]+))?(?:\|([^\]]+))?\]\]/g,
+    (_, link, hash, text) => {
+      const url = `/${link}${hash ? `#${hash}` : ''}`;
+      return `[${text || link}](${url})`;
+    }
+  );
+}
+
+const processedContent = convertMediaWikiLinks(content);
+const tokens = marked.lexer(processedContent);
+---
+
+{
+  tokens.map((token) => {
+    if (token.type === 'code') {
+      return <Code code={token.text} lang={token.lang || 'text'} />;
+    }
+    return <Fragment set:html={marked.parser([token])} />;
+  })
+}