Improve website API reference

Author: iddan

website/docs/sidebars.js

@@ -4,10 +4,5 @@ module.exports = {
       type: "autogenerated",
       dirName: ".", // generate sidebar slice from the docs folder (or versioned_docs/<version>)
     },
-    {
-      type: "link",
-      label: "API",
-      href: "/docs/api",
-    },
   ],
 };

website/docusaurus.config.js

@@ -1,3 +1,5 @@
+const path = require("path");
+
 /** @type {import('@docusaurus/types').DocusaurusConfig} */
 module.exports = {
   title: "React Spreadsheet",
@@ -19,6 +21,11 @@ module.exports = {
           label: "Docs",
           position: "left",
         },
+        {
+          to: "api",
+          label: "API",
+          position: "left",
+        },
         // Please keep GitHub link to the right for consistency.
         {
           href: "https://github.com/iddan/react-spreadsheet",
@@ -52,16 +59,15 @@ module.exports = {
   ],
   plugins: [
     [
-      "docusaurus-plugin-typedoc",
+      "docusaurus-plugin-typedoc-api",
       {
-        entryPoints: ["../src/index.ts"],
-        tsconfig: "../tsconfig.json",
-        out: "api",
-        readme: "none",
-        excludeNotDocumented: true,
-        plugin: ["typedoc-plugin-rename-defaults"],
+        projectRoot: path.resolve(__dirname, ".."),
+        packages: ["."],
         exclude: ["**/*.test.ts", "**/*.test.tsx", "**/*.stories.tsx"],
-        readmeTitle: "API",
+        typedocOptions: {
+          excludeNotDocumented: true,
+          plugin: ["typedoc-plugin-rename-defaults"],
+        },
       },
     ],
   ],

website/package.json

@@ -27,7 +27,7 @@
     "@svgr/webpack": "^5.5.0",
     "@types/react": "^17.0.19",
     "clsx": "^1.1.1",
-    "docusaurus-plugin-typedoc": "^0.19.2",
+    "docusaurus-plugin-typedoc-api": "^3.0.0",
     "file-loader": "^6.2.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",