revert back to custom plugin

Author: yashovardhan

docusaurus.config.ts

@@ -246,17 +246,7 @@ const config: Config = {
       { rootDir: ".integrationBuilderCache" },
     ],
     path.resolve(__dirname, "plugins", "node-polyfills"),
-    [
-      "docusaurus2-dotenv",
-      {
-        path: "./.env", // The path to your environment variables.
-        safe: false, // If false ignore safe-mode, if true load './.env.example', if a string load that file as the sample
-        systemvars: false, // Set to true if you would rather load all system variables as well (useful for CI purposes)
-        silent: false, //  If true, all warnings will be suppressed
-        expand: false, // Allows your variables to be "expanded" for reusability within your .env file
-        defaults: false, //  Adds support for dotenv-defaults. If set to true, uses ./.env.defaults
-      },
-    ],
+    path.resolve(__dirname, "plugins", "env-variables-plugin"),
     [
       "@docusaurus/plugin-client-redirects",
       {

package.json

@@ -34,13 +34,10 @@
     "clsx": "^1.2.1",
     "copy-to-clipboard": "^3.3.3",
     "docusaurus-openai-search": "^1.4.0",
-    "docusaurus2-dotenv": "^1.4.0",
     "gray-matter": "^4.0.3",
     "hast-util-is-element": "^1.1.0",
     "joi": "^17.13.3",
     "lodash": "^4.17.21",
-    "marked": "^15.0.11",
-    "openai": "^4.97.0",
     "parse-numeric-range": "^1.3.0",
     "prism-react-renderer": "^2.3.1",
     "prismjs": "^1.30.0",

plugins/env-variables-plugin/index.js

@@ -0,0 +1,17 @@
+// A Docusaurus plugin to provide environment variables to the client
+
+module.exports = function (context, options) {
+  return {
+    name: "docusaurus-env-variables-plugin",
+    injectHtmlTags() {
+      return {
+        headTags: [
+          {
+            tagName: "script",
+            innerHTML: `window.OPENAI_API_KEY = "${process.env.OPENAI_API_KEY || ""}"`,
+          },
+        ],
+      };
+    },
+  };
+};

src/theme/SearchBar/index.tsx

@@ -9,7 +9,7 @@ export default function SearchBar() {
     },
   } = useDocusaurusContext();
 
-  const apiKey = process.env.OPENAI_API_KEY;
+  const apiKey = typeof window !== "undefined" ? (window as any).OPENAI_API_KEY || "" : "";
 
   const systemPrompt =
     "You are a helpful Web3Auth expert assistant. Your goal is to provide detailed, accurate information about Web3Auth's authentication solutions, SDKs, and integrations to developers.\n\n" +