Update docusaurus config to es modules

Author: yashovardhan

docusaurus.config.ts

@@ -1,21 +1,28 @@
-const path = require("path");
-require("dotenv").config();
+import path from "path";
+import dotenv from "dotenv";
+
+import remarkMath from "remark-math";
+import rehypeKatex from "rehype-katex";
+import fs from "fs";
+import { themes } from "prism-react-renderer";
+import type { Config } from "@docusaurus/types";
+import type * as Preset from "@docusaurus/preset-classic";
+import npm2yarn from "@docusaurus/remark-plugin-npm2yarn";
+const sidebarPath = require.resolve("./sidebars");
+const customCss = require.resolve("./src/css/custom.css");
+// Initialize dotenv
+dotenv.config();
+
 const githubOrg = "web3auth";
 const githubRepo = "web3auth-docs";
 const githubOrgUrl = `https://github.com/${githubOrg}`;
 const githubRepoUrl = `${githubOrgUrl}/${githubRepo}`;
 const githubEditUrl = `${githubRepoUrl}/edit/master`;
-const remarkMath = require("remark-math");
-const rehypeKatex = require("rehype-katex");
-const fs = require("fs");
 const baseUrl = process.env.REACT_APP_BASE_URL || "/docs/";
-const { themes } = require("prism-react-renderer");
 
 const resourcesDropdown = fs.readFileSync("./src/components/navDropdown/resources.html", "utf-8");
 const helpDropdown = fs.readFileSync("./src/components/navDropdown/help.html", "utf-8");
 const sdkDropdown = fs.readFileSync("./src/components/navDropdown/sdk.html", "utf-8");
-import type { Config } from "@docusaurus/types";
-import type * as Preset from "@docusaurus/preset-classic";
 
 const config: Config = {
   title: "Documentation | Web3Auth",
@@ -194,15 +201,12 @@ const config: Config = {
           routeBasePath: "/",
           breadcrumbs: true,
           editUrl: githubEditUrl,
-          sidebarPath: require.resolve("./sidebars.js"),
-          remarkPlugins: [
-            remarkMath,
-            [require("@docusaurus/remark-plugin-npm2yarn"), { sync: true }],
-          ],
+          sidebarPath,
+          remarkPlugins: [remarkMath, [npm2yarn, { sync: true }]],
           rehypePlugins: [[rehypeKatex, { strict: false }]],
         },
         theme: {
-          customCss: require.resolve("./src/css/custom.css"),
+          customCss,
         },
         gtag: {
           trackingID: "GTM-NFBSNHL",
@@ -218,10 +222,7 @@ const config: Config = {
             "**/__tests__/**",
           ],
           mdxPageComponent: "@theme/MDXPage",
-          remarkPlugins: [
-            remarkMath,
-            [require("@docusaurus/remark-plugin-npm2yarn"), { sync: true }],
-          ],
+          remarkPlugins: [remarkMath, [npm2yarn, { sync: true }]],
           rehypePlugins: [[rehypeKatex, { strict: false }]],
           beforeDefaultRemarkPlugins: [],
           beforeDefaultRehypePlugins: [],

package-lock.json

@@ -100,5 +100,8 @@
     "**/*.{md,mdx}": [
       "prettier --write"
     ]
+  },
+  "engines": {
+    "node": ">=18.0"
   }
 }