feat: add comments to docs

docs/client/commentTest.mdx

@@ -0,0 +1,25 @@
+---
+sidebar_label: Comment Test
+title: Comment Test
+---
+
+import GiscusComments from "@site/src/components/GiscusComments";
+
+
+Rust stands out among programming languages for its unique combination of performance and safety. Unlike languages such as C++ that prioritize performance at the cost of memory safety, Rust delivers this without compromise.
+
+Key advantages of Rust include:
+- Zero-cost abstractions that provide high-level programming constructs without runtime overhead
+- Memory safety guaranteed at compile time through its ownership system
+- Thread safety enforced by the compiler, eliminating data races
+
+These features make Rust an excellent choice for systems programming, embedded systems, WebAssembly development, and any performance-critical applications where reliability is crucial.
+
+
+
+```rust
+fn main() {
+    println!("Hello, world!");
+}
+```
+<GiscusComments />

docs/client/javascript-sdk.mdx

@@ -9,7 +9,7 @@ import {
 } from "../sdks/_SDKDocsBuilder.mdx";
 
 import { FeaturePillList } from '@site/src/components/FeaturePillList';
-
+import GiscusComments from "@site/src/components/GiscusComments";
 import {
   Repository,
   FAQ,
@@ -136,3 +136,5 @@ export const toc = Builder.toc;
   }
 />
 <>{Builder.result}</>
+
+<GiscusComments />

package.json

@@ -24,6 +24,7 @@
     "@easyops-cn/docusaurus-search-local": "^0.44.5",
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
+    "@giscus/react": "^3.0.0",
     "@mdx-js/react": "^3.0.0",
     "@mui/material": "^5.16.7",
     "@radix-ui/react-slot": "^1.1.0",

src/components/GiscusComments.js

@@ -0,0 +1,45 @@
+{
+  /* <script src="https://giscus.app/client.js"
+        data-repo="statsig-io/docs"
+        data-repo-id="MDEwOlJlcG9zaXRvcnkzNTQxNDU1NzA="
+        data-category="Announcements"
+        data-category-id="DIC_kwDOFRvVIs4CkZAC"
+        data-mapping="pathname"
+        data-strict="0"
+        data-reactions-enabled="1"
+        data-emit-metadata="0"
+        data-input-position="bottom"
+        data-theme="preferred_color_scheme"
+        data-lang="en"
+        crossorigin="anonymous"
+        async>
+</script> */
+}
+
+import React from "react";
+import Giscus from "@giscus/react";
+import { useColorMode } from "@docusaurus/theme-common";
+
+export default function GiscusComments() {
+  const { colorMode } = useColorMode();
+
+  return (
+    <Giscus
+      repo="statsig-io/docs"
+      repoId="MDEwOlJlcG9zaXRvcnkzNTQxNDU1NzA="
+      category="Announcements"
+      categoryId="DIC_kwDOFRvVIs4CkZAC"
+      mapping="pathname"
+      //   term="specific-term" //If you didn't select "Discussion title contains a specific term", omit.
+      strict="0"
+      reactionsEnabled="1"
+      emitMetadata="1"
+      inputPosition="bottom"
+      theme={colorMode}
+      lang="en"
+      loading="lazy"
+      crossorigin="anonymous"
+      async
+    />
+  );
+}