Comment api md processing

Author: patrikbraborec

apify-docs-theme/src/theme/Layout/index.jsx

@@ -10,19 +10,6 @@ export default function LayoutWrapper(props) {
     const { options: { subNavbar } } = usePluginData('@apify/docs-theme');
     const baseUrl = useBaseUrl('/');
     const currentPath = useLocation().pathname.replace(new RegExp(`^${baseUrl}`), '');
-    const isMarkdownView = currentPath.endsWith('.md');
-
-    // Add data attribute to HTML element when on markdown view
-    React.useEffect(() => {
-        if (typeof document !== 'undefined') {
-            const htmlElement = document.documentElement;
-            if (isMarkdownView) {
-                htmlElement.setAttribute('data-markdown-view', 'true');
-            } else {
-                htmlElement.removeAttribute('data-markdown-view');
-            }
-        }
-    }, [isMarkdownView]);
 
     return (
         <>

docusaurus.config.js

@@ -196,37 +196,37 @@ 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);
-                                    }
-                                }
+                                // // 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>)/;
-                                md = md.replace(headingRegex, '$1\n\n<LLMButtons />\n');
+                                // // 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>)/;
+                                // md = md.replace(headingRegex, '$1\n\n<LLMButtons />\n');
 
                                 return md;
                             },
                             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";');
-                                }
+                                // // 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>)/;
-                                md = md.replace(headingRegex, '$1\n\n<LLMButtons />\n');
+                                // // 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>)/;
+                                // md = md.replace(headingRegex, '$1\n\n<LLMButtons />\n');
 
                                 return md;
                             },

src/components/LLMButtons/styles.module.css

@@ -6,11 +6,6 @@
     margin-bottom: calc(var(--ifm-h1-vertical-rhythm-bottom) * var(--ifm-leading));
 }
 
-/* Hide LLMButtons on markdown pages (URLs ending with .md) */
-html[data-markdown-view="true"] .llmButtonsContainer {
-    display: none !important;
-}
-
 .llmButtonsSeparator {
     width: 1px;
     height: 16px;