Simplify imports of LLMButtons

Author: patrikbraborec

apify-docs-theme/src/theme/MDXComponents/index.js

@@ -8,6 +8,7 @@ import MDXImg from '@theme/MDXComponents/Img';
 import MDXPre from '@theme/MDXComponents/Pre';
 import MDXUl from '@theme/MDXComponents/Ul';
 import Mermaid from '@theme/Mermaid';
+import LLMButtons from '@site/src/components/LLMButtons';
 import React from 'react';
 
 import RunnableCodeBlock from '../RunnableCodeBlock/RunnableCodeBlock';
@@ -29,5 +30,6 @@ const MDXComponents = {
     admonition: Admonition,
     mermaid: Mermaid,
     RunnableCodeBlock,
+    LLMButtons,
 };
 export default MDXComponents;

docusaurus.config.js

@@ -196,17 +196,6 @@ module.exports = {
                                     md = md.replace('-->', '-->');
                                 }
 
-                                // Add LLMButtons import and component
-                                if (!md.includes('import LLMButtons')) {
-                                    // Find the first import statement and add LLMButtons import after it
-                                    const firstImportMatch = md.match(/^import\s+.*?from\s+["'][^"']*["'];?\s*$/m);
-                                    if (firstImportMatch) {
-                                        const importEnd = md.indexOf(firstImportMatch[0]) + firstImportMatch[0].length;
-                                        const llmButtonsImport = '\nimport LLMButtons from "@site/src/components/LLMButtons";';
-                                        md = md.slice(0, importEnd) + llmButtonsImport + md.slice(importEnd);
-                                    }
-                                }
-
                                 // Find the first Heading h1 and add LLMButtons after it
                                 // eslint-disable-next-line max-len
                                 const headingRegex = /(<Heading[^>]*as=\{"h1"\}[^>]*className=\{"openapi__heading"\}[^>]*children=\{[^}]*\}[^>]*>\s*<\/Heading>)/;
@@ -217,12 +206,6 @@ module.exports = {
                             createInfoPageMD: (pageData) => {
                                 let md = createInfoPageMD(pageData);
 
-                                // Add LLMButtons import and component
-                                if (!md.includes('import LLMButtons')) {
-                                    // eslint-disable-next-line max-len
-                                    md = md.replace('import Heading from "@theme/Heading";', 'import Heading from "@theme/Heading";\nimport LLMButtons from "@site/src/components/LLMButtons";');
-                                }
-
                                 // Find the first Heading h1 and add LLMButtons after it
                                 // eslint-disable-next-line max-len
                                 const headingRegex = /(<Heading[^>]*as=\{"h1"\}[^>]*className=\{"openapi__heading"\}[^>]*children=\{[^}]*\}[^>]*>\s*<\/Heading>)/;