feat: add docusaurus versions dropdown

docusaurus.config.js

@@ -28,12 +28,10 @@ const config = {
           sidebarPath: require.resolve('./sidebars.js'),
           remarkPlugins: [math],
           rehypePlugins: [katex],
-          includeCurrentVersion: false,
-          // lastVersion: 'current',
-          // onlyIncludeVersions: ['1.3.0'],
+          includeCurrentVersion: true,
           versions: {
             current: {
-              label: '1.4.0',
+              label: '1.4.0-alpha',
               path: '1.4.0',
             },
           },
@@ -71,11 +69,11 @@ const config = {
           src: 'img/logo-light.png',
         },
         items: [
-          // {
-          //   type: 'docsVersionDropdown',
-          //   position: 'right',
-          //   dropdownActiveClassDisabled: true,
-          // },
+          {
+            type: 'docsVersionDropdown',
+            position: 'right',
+            dropdownActiveClassDisabled: true,
+          },
         ],
       },
       metadata: [

src/theme/NavbarItem/DocsVersionDropdownNavbarItem.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import DocsVersionDropdownNavbarItem from '@theme-original/NavbarItem/DocsVersionDropdownNavbarItem';
+import {useLocation} from '@docusaurus/router';
+
+// We don't want to show the Versions Dropdown in the mainpage.
+export default function DocsVersionDropdownNavbarItemWrapper(props) {
+  const {pathname} = useLocation();
+
+  const isRootPath = pathname === '' || pathname === '/';
+
+  // Render null if the pathname does not start with /docs
+  if (isRootPath) {
+    return null;
+  }
+  return (
+    <>
+      <DocsVersionDropdownNavbarItem {...props} />
+    </>
+  );
+}