@marlinjai/clearify 1.6.1 → 1.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marlinjai/clearify",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "An open-source documentation site generator. Turn markdown into beautiful docs.",
   "type": "module",
   "bin": {

package/src/theme/Sidebar.tsx

@@ -189,8 +189,14 @@ export function Sidebar({ sections, open, onClose }: SidebarProps) {
     });
   };
 
-  const handleExpandAll = () => setExpandedGroups(new Set(allGroupKeys));
-  const handleCollapseAll = () => setExpandedGroups(new Set());
+  const handleExpandAll = () => {
+    setExpandedGroups(new Set(allGroupKeys));
+    window.dispatchEvent(new CustomEvent('clearify:expand-all'));
+  };
+  const handleCollapseAll = () => {
+    setExpandedGroups(new Set());
+    window.dispatchEvent(new CustomEvent('clearify:collapse-all'));
+  };
 
   return (
     <>

package/src/theme/components/openapi/TagGroup.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { OperationCard } from './OperationCard.js';
 
 interface TagGroupProps {
@@ -17,6 +17,17 @@ function operationAnchorId(tag: string, method: string, path: string): string {
 export function TagGroup({ tag, description, operations, baseUrl }: TagGroupProps) {
   const [expanded, setExpanded] = useState(true);
 
+  useEffect(() => {
+    const onExpand = () => setExpanded(true);
+    const onCollapse = () => setExpanded(false);
+    window.addEventListener('clearify:expand-all', onExpand);
+    window.addEventListener('clearify:collapse-all', onCollapse);
+    return () => {
+      window.removeEventListener('clearify:expand-all', onExpand);
+      window.removeEventListener('clearify:collapse-all', onCollapse);
+    };
+  }, []);
+
   return (
     <div
       id={`tag/${encodeURIComponent(tag)}`}