docs: remove giscus component (#2133)

<!-- CURSOR_SUMMARY -->
> [!NOTE]
> Removes Giscus comments from doc pages and drops related config,
styles, and dependency.
> 
> - **Theme (doc item layout)**:
> - Remove `Giscus` component, wrapper, and display logic from
`src/theme/DocItem/Layout/index.js`.
>   - Simplify imports accordingly.
> - **Config**:
> - Delete `customFields.forbiddenGiscusDocRegExpStrings` from
`docusaurus.config.js`.
> - **Styles**:
> - Remove `.giscus` CSS from
`src/theme/DocItem/Layout/styles.module.css`.
> - **Dependencies**:
> - Remove `@giscus/react` from `package.json` and related entries from
`package-lock.json`.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
f209f80. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: TC-MO

docusaurus.config.js

@@ -533,10 +533,6 @@ module.exports = {
     },
     staticDirectories: ['apify-docs-theme/static', 'static'],
     customFields: {
-        forbiddenGiscusDocRegExpStrings: [
-            '^/legal',
-            '^/legal/*',
-        ],
         ...config.customFields ?? [],
     },
     clientModules: ['./clientModule.js'],

package-lock.json

@@ -70,7 +70,6 @@
         "@docusaurus/preset-classic": "^3.8.1",
         "@docusaurus/theme-common": "^3.8.1",
         "@docusaurus/theme-mermaid": "^3.8.1",
-        "@giscus/react": "^3.0.0",
         "@redocly/cli": "^2.0.0",
         "@signalwire/docusaurus-plugin-llms-txt": "^1.2.1",
         "clsx": "^2.0.0",

package.json

@@ -1,8 +1,5 @@
 import { useDoc } from '@docusaurus/plugin-content-docs/client';
-import { useLocation } from '@docusaurus/router';
-import { useColorMode, useWindowSize } from '@docusaurus/theme-common';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import Giscus from '@giscus/react';
+import { useWindowSize } from '@docusaurus/theme-common';
 import ContentVisibility from '@theme/ContentVisibility';
 import DocBreadcrumbs from '@theme/DocBreadcrumbs';
 import DocItemFooter from '@theme/DocItem/Footer';
@@ -13,7 +10,7 @@ import DocItemContent from '@theme/DocItemContent';
 import DocVersionBadge from '@theme/DocVersionBadge';
 import DocVersionBanner from '@theme/DocVersionBanner';
 import clsx from 'clsx';
-import React, { useCallback } from 'react';
+import React from 'react';
 
 import styles from './styles.module.css';
 
@@ -36,45 +33,9 @@ function useDocTOC() {
     };
 }
 
-function GiscusWrapper({ colorMode }) {
-    return (
-        <React.Fragment>
-            <div className={styles.giscus}>
-                <Giscus
-                    id="giscus-comments"
-                    repo="apify/apify-docs"
-                    repoId="MDEwOlJlcG9zaXRvcnkxOTk0Njc5ODk="
-                    category="Comments"
-                    categoryId="DIC_kwDOC-Oj1c4CT-aW"
-                    mapping="pathname"
-                    reactionsEnabled="1"
-                    emitMetadata="0"
-                    inputPosition="top"
-                    theme={colorMode}
-                    lang="en"
-                    strict="1"
-                />
-            </div>
-        </React.Fragment>
-    );
-}
-
 export default function DocItemLayout({ children }) {
     const docTOC = useDocTOC();
     const { metadata } = useDoc();
-    const { colorMode } = useColorMode();
-    const location = useLocation();
-    const { siteConfig } = useDocusaurusContext();
-
-    const { forbiddenGiscusDocRegExpStrings } = siteConfig.customFields;
-
-    const shouldShowGiscus = useCallback((rxStrings) => {
-        return rxStrings.some((rxs) => {
-            const pathRegExp = new RegExp(rxs);
-            const isForbidden = pathRegExp.test(location.pathname);
-            return !isForbidden;
-        });
-    }, [location.pathname]);
 
     return (
         <div className="row">
@@ -90,7 +51,6 @@ export default function DocItemLayout({ children }) {
                         <DocItemFooter />
                     </article>
                     <DocItemPaginator />
-                    {shouldShowGiscus(forbiddenGiscusDocRegExpStrings) && <GiscusWrapper colorMode={colorMode} />}
                 </div>
             </div>
             {docTOC.desktop && <div className="col col--3">{docTOC.desktop}</div>}

src/theme/DocItem/Layout/index.js

@@ -7,11 +7,6 @@
   margin-right: 16px;
 }
 
-.giscus {
-  display: block;
-  margin-top: 50px;
-}
-
 .docItemContainer header + *,
 .docItemContainer article > *:first-child {
   margin-top: 0;