Merge pull request #22 from jinyang1994/main

feat: support custom collapsed state for sidebar categories

Author: Sherlock113

docs/llm-inference-basics/index.mdx

@@ -2,6 +2,7 @@
 sidebar_position: 1
 sidebar_custom_props: 
     icon: /img/book.svg
+    collapsed: false
 ---
 
 # LLM inference basics

docusaurus.config.ts

@@ -45,7 +45,21 @@ const config: Config = {
           containerId: 'GTM-NLGDMK5'
         },
         docs: {
-          routeBasePath: '/'
+          routeBasePath: '/',
+          sidebarItemsGenerator: async (args) => {
+            const { defaultSidebarItemsGenerator } = args
+            const items = await defaultSidebarItemsGenerator(args)
+
+            return items.map((item) => {
+              if (item.customProps?.collapsed !== undefined) {
+                return {
+                  ...item,
+                  collapsed: Boolean(item.customProps?.collapsed)
+                }
+              }
+              return item
+            })
+          }
         },
         theme: {
           customCss: './src/css/custom.css'

src/theme/NavbarItem/DropdownNavbarItem/Desktop/index.tsx

@@ -15,16 +15,13 @@ export default function DropdownNavbarItemDesktop({
 }: Props): ReactNode {
   const dropdownRef = useRef<HTMLDivElement>(null)
   const [showDropdown, setShowDropdown] = useState(false)
-  const isCardMode = useMemo(() => {
-    console.log(
+  const isCardMode = useMemo(
+    () =>
       items.every(
         (item) => item.description && item.label && item.text && item.icon
-      )
-    )
-    return items.every(
-      (item) => item.description && item.label && item.text && item.icon
-    )
-  }, [items])
+      ),
+    [items]
+  )
 
   useEffect(() => {
     const handleClickOutside = (