chore(website): multiple version api doc (#384)

* chore: add multiple version api doc sample

* update api docs list

* unnecessary duplicated latest docs

Co-authored-by: Yonghui Lin <homura.dev@gmail.com>

website/docusaurus.config.js

@@ -3,6 +3,7 @@
 
 const lightCodeTheme = require("prism-react-renderer/themes/github");
 const darkCodeTheme = require("prism-react-renderer/themes/dracula");
+const versioningBranchs = require("./versioning-branches");
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -82,10 +83,12 @@ const config = {
           },
           // { to: "/blog", label: "Blog", position: "left" },
           {
-            href: "/api/",
             label: "API",
             position: "left",
             target: "_blank",
+            items: [
+              ...versioningBranchs,
+            ]
           },
           {
             href: "https://github.com/nervosnetwork/lumos",

website/versioning-branches.js

@@ -0,0 +1,30 @@
+// string or { branchName: string, label: string }
+const branches = [
+  {
+    branchName: 'stable',
+    label: '0.18.0(latest)'
+  },
+  {
+    branchName: 'develop',
+    label: '0.19.x(next)'
+  }
+];
+
+const parseURL = (branchName) => branchName
+  .replaceAll("_", "")
+  .replaceAll(".", "")
+  .replaceAll("/", "-")
+
+module.exports = branches.map(branch => (
+  typeof branch === 'string' 
+    ? {
+      href: `https://lumos-website-git-${parseURL(branch)}-cryptape.vercel.app/api/`,
+      label: branch,
+      target: "_blank",
+    } 
+    : {
+      href: `https://lumos-website-git-${parseURL(branch.branchName)}-cryptape.vercel.app/api/`,
+      label: branch.label,
+      target: "_blank",
+    }
+))