Update docusaurus version

Author: yashovardhan

.vscode/settings.json

@@ -55,7 +55,7 @@
     "editor.defaultFormatter": "DotJoshJohnson.xml"
   },
   "[javascript]": {
-    "editor.defaultFormatter": "vscode.typescript-language-features"
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[typescriptreact]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"

package-lock.json

@@ -18,13 +18,13 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.4.0",
-    "@docusaurus/module-type-aliases": "^3.4.0",
-    "@docusaurus/plugin-client-redirects": "^3.4.0",
-    "@docusaurus/preset-classic": "^3.4.0",
-    "@docusaurus/remark-plugin-npm2yarn": "^3.4.0",
-    "@docusaurus/theme-common": "^3.4.0",
-    "@docusaurus/theme-search-algolia": "^3.4.0",
+    "@docusaurus/core": "^3.6.1",
+    "@docusaurus/module-type-aliases": "^3.6.1",
+    "@docusaurus/plugin-client-redirects": "^3.6.1",
+    "@docusaurus/preset-classic": "^3.6.1",
+    "@docusaurus/remark-plugin-npm2yarn": "^3.6.1",
+    "@docusaurus/theme-common": "^3.6.1",
+    "@docusaurus/theme-search-algolia": "^3.6.1",
     "@lottiefiles/react-lottie-player": "^3.5.4",
     "@mdx-js/react": "^3.0.1",
     "@radix-ui/react-icons": "^1.3.0",
@@ -53,7 +53,7 @@
     "remark-math": "^6.0.0"
   },
   "devDependencies": {
-    "@docusaurus/tsconfig": "^3.4.0",
+    "@docusaurus/tsconfig": "^3.6.1",
     "@toruslabs/eslint-config-react": "^3.4.1",
     "@tsconfig/docusaurus": "^2.0.3",
     "@types/classnames": "^2.3.1",

package.json

@@ -1,5 +1,6 @@
 .breadcrumbHomeIcon {
   position: relative;
+  top: 1px;
   vertical-align: top;
   height: 1.1rem;
   width: 1.1rem;

src/theme/DocBreadcrumbs/Items/Home/styles.module.css

@@ -1,7 +1,9 @@
 import React from "react";
 import clsx from "clsx";
 import { ThemeClassNames } from "@docusaurus/theme-common";
-import { useSidebarBreadcrumbs, useHomePageRoute } from "@docusaurus/theme-common/internal";
+import { useSidebarBreadcrumbs } from "@docusaurus/plugin-content-docs/client";
+import { useHomePageRoute } from "@docusaurus/theme-common/internal";
+import Link from "@docusaurus/Link";
 import { translate } from "@docusaurus/Translate";
 import HomeBreadcrumbItem from "@theme/DocBreadcrumbs/Items/Home";
 import styles from "./styles.module.css";

src/theme/DocBreadcrumbs/index.js

@@ -1,7 +1,18 @@
 import React, { useEffect, useMemo } from "react";
 import clsx from "clsx";
-import { ThemeClassNames, useThemeConfig, usePrevious, Collapsible, useCollapsible } from "@docusaurus/theme-common";
-import { isActiveSidebarItem, findFirstSidebarItemLink, useDocSidebarItemsExpandedState, isSamePath } from "@docusaurus/theme-common/internal";
+import {
+  ThemeClassNames,
+  useThemeConfig,
+  usePrevious,
+  Collapsible,
+  useCollapsible,
+} from "@docusaurus/theme-common";
+import { isSamePath } from "@docusaurus/theme-common/internal";
+import {
+  isActiveSidebarItem,
+  findFirstSidebarItemLink,
+  useDocSidebarItemsExpandedState,
+} from "@docusaurus/plugin-content-docs/client";
 import Link from "@docusaurus/Link";
 import { translate } from "@docusaurus/Translate";
 import useIsBrowser from "@docusaurus/useIsBrowser";
@@ -61,13 +72,21 @@ function CollapseButton({ collapsed, categoryLabel, onClick }) {
               { label: categoryLabel },
             )
       }
+      aria-expanded={!collapsed}
       type="button"
       className="clean-btn menu__caret"
       onClick={onClick}
     />
   );
 }
-export default function DocSidebarItemCategory({ item, onItemClick, activePath, level, index, ...props }) {
+export default function DocSidebarItemCategory({
+  item,
+  onItemClick,
+  activePath,
+  level,
+  index,
+  ...props
+}) {
   const { items, label, collapsible, className, href } = item;
   const {
     docs: {
@@ -138,7 +157,8 @@ export default function DocSidebarItemCategory({ item, onItemClick, activePath,
                 }
           }
           aria-current={isCurrentPage ? "page" : undefined}
-          aria-expanded={collapsible ? !collapsed : undefined}
+          role={collapsible && !href ? "button" : undefined}
+          aria-expanded={collapsible && !href ? !collapsed : undefined}
           href={collapsible ? hrefWithSSRFallback ?? "#" : hrefWithSSRFallback}
           {...props}
         >
@@ -157,7 +177,13 @@ export default function DocSidebarItemCategory({ item, onItemClick, activePath,
       </div>
 
       <Collapsible lazy as="ul" className="menu__list" collapsed={collapsed}>
-        <DocSidebarItems items={items} tabIndex={collapsed ? -1 : 0} onItemClick={onItemClick} activePath={activePath} level={level + 1} />
+        <DocSidebarItems
+          items={items}
+          tabIndex={collapsed ? -1 : 0}
+          onItemClick={onItemClick}
+          activePath={activePath}
+          level={level + 1}
+        />
       </Collapsible>
     </li>
   );

src/theme/DocSidebarItem/Category/index.js

@@ -1,18 +1,30 @@
 import React from "react";
 import clsx from "clsx";
 import { ThemeClassNames } from "@docusaurus/theme-common";
-import { isActiveSidebarItem } from "@docusaurus/theme-common/internal";
+import { isActiveSidebarItem } from "@docusaurus/plugin-content-docs/client";
 import Link from "@docusaurus/Link";
 import isInternalUrl from "@docusaurus/isInternalUrl";
 import IconExternalLink from "@theme/Icon/ExternalLink";
 import styles from "./styles.module.css";
-export default function DocSidebarItemLink({ item, onItemClick, activePath, level, index, ...props }) {
+export default function DocSidebarItemLink({
+  item,
+  onItemClick,
+  activePath,
+  level,
+  index,
+  ...props
+}) {
   const { href, label, className, autoAddBaseUrl, icon } = item;
   const isActive = isActiveSidebarItem(item, activePath);
   const isInternalLink = isInternalUrl(href);
   return (
     <li
-      className={clsx(ThemeClassNames.docs.docSidebarItemLink, ThemeClassNames.docs.docSidebarItemLinkLevel(level), "menu__list-item", className)}
+      className={clsx(
+        ThemeClassNames.docs.docSidebarItemLink,
+        ThemeClassNames.docs.docSidebarItemLinkLevel(level),
+        "menu__list-item",
+        className,
+      )}
       key={label}
     >
       <Link

src/theme/DocSidebarItem/Link/index.js

@@ -1,3 +1,4 @@
+import React from "react";
 import DocSidebarItemCategory from "@theme/DocSidebarItem/Category";
 import DocSidebarItemHtml from "@theme/DocSidebarItem/Html";
 import DocSidebarItemLink from "@theme/DocSidebarItem/Link";

src/theme/DocSidebarItem/index.tsx

@@ -3,11 +3,11 @@ import { composeProviders } from "@docusaurus/theme-common";
 import {
   ColorModeProvider,
   AnnouncementBarProvider,
-  DocsPreferredVersionContextProvider,
   ScrollControllerProvider,
   NavbarProvider,
   PluginHtmlClassNameProvider,
 } from "@docusaurus/theme-common/internal";
+import { DocsPreferredVersionContextProvider } from "@docusaurus/plugin-content-docs/client";
 const Provider = composeProviders([
   ColorModeProvider,
   AnnouncementBarProvider,

src/theme/Layout/Provider/index.js

@@ -30,8 +30,13 @@ export default function Layout(props) {
 
       <Navbar />
 
-      <div id={SkipToContentFallbackId} className={clsx(ThemeClassNames.wrapper.main, styles.mainWrapper, wrapperClassName)}>
-        <ErrorBoundary fallback={(params) => <ErrorPageContent {...params} />}>{children}</ErrorBoundary>
+      <div
+        id={SkipToContentFallbackId}
+        className={clsx(ThemeClassNames.wrapper.main, styles.mainWrapper, wrapperClassName)}
+      >
+        <ErrorBoundary fallback={(params) => <ErrorPageContent {...params} />}>
+          {children}
+        </ErrorBoundary>
       </div>
 
       {!noFooter && <Footer />}