Support for inline enhanced markdown component

Author: FileEX

web/src/components/EnhancedMarkdown.astro

@@ -4,9 +4,10 @@ import { marked } from 'marked';
 
 interface Props {
   content: string;
+  inline?: boolean;
 }
 
-const { content } = Astro.props;
+const { content, inline = false } = Astro.props;
 
 
 // We shouldn't this as we're now organizing pages in folders
@@ -23,14 +24,19 @@ function convertMediaWikiLinks(text: string): string {
 }
 
 const processedContent = convertMediaWikiLinks(content);
-const tokens = marked.lexer(processedContent);
+const tokens = inline ? marked.Lexer.lexInline(processedContent) : marked.lexer(processedContent);
 ---
 
 {
   tokens.map((token) => {
     if (token.type === 'code') {
       return <Code code={token.text} lang={token.lang || 'text'} />;
     }
+
+    if (inline) {
+      return <Fragment set:html={marked.parseInline(token.raw ?? token.text ?? '')} />;
+    }
+
     return <Fragment set:html={marked.parser([token])} />;
   })
 }

web/src/pages/reference/[func].astro

@@ -142,7 +142,6 @@ let funcSyntaxes = parseFunctionSyntaxes(func.id, func.data);
             const showUpdated = !!updatedVersion && isVersionLE(CURRENT, updatedVersion);
             const showRemoved = !!removedVersionRaw;
 
-            // Jeśli nie ma nic do pokazania
             if (!showRemoved && !showAdded && !showUpdated) {
                 return (
                     <ItemDescription
@@ -261,9 +260,10 @@ let funcSyntaxes = parseFunctionSyntaxes(func.id, func.data);
                         {syntax.parameters
                             .filter((param: any) => !param.default)
                             .map((param: any) => (
-                            <li
-                                set:html={`<strong>${param.name}</strong>: ${renderInlineMarkdown(param.description)}`}
-                            />
+                            <li>
+                                <strong>{param.name}</strong>:
+                                <EnhancedMarkdown content={param.description} inline={true}/>
+                            </li>
                             ))}
                         </ul>
                     </>
@@ -273,15 +273,14 @@ let funcSyntaxes = parseFunctionSyntaxes(func.id, func.data);
                     <>
                         <h5>Optional Arguments</h5>
                         <p><strong>NOTE</strong>: When using <a href="/reference/Optional_Arguments">optional arguments</a>, you might need to supply all arguments before the one you wish to use.</p>
-                        <ul>
+                        <ul style="margin-top: 0;">
                         {syntax.parameters
                             .filter((param: any) => param.default)
                             .map((param: any) => (
-                            <li
-                                set:html={
-                                    `<strong>${param.name}</strong> (default: <em>${param.default}</em>): ${renderInlineMarkdown(param.description)}`
-                                }
-                            />
+                            <li>
+                                <strong>{param.name}</strong> (default: <em>{param.default}</em>):
+                                <EnhancedMarkdown content={param.description} inline={true}/>
+                            </li>
                             ))}
                         </ul>
                     </>

web/src/utils/general.ts

@@ -243,7 +243,6 @@ export function extractVersion(versionString: string): string | null {
 }
 
 export function isVersionLE(v: string, ref: string): boolean {
-  console.log(v, ref);
   const toNums = (str: string) => str.split('.').map(n => parseInt(n, 10));
   const [a1, a2, a3] = toNums(v);
   const [b1, b2, b3] = toNums(ref);