release: version 0.9.20 (#549)

* fix: occasionally traffic lights disappear in library page

* release: version 0.9.20

apps/readest-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@readest/readest-app",
-  "version": "0.9.19",
+  "version": "0.9.20",
   "private": true,
   "scripts": {
     "dev": "dotenv -e .env.tauri -- next dev",

apps/readest-app/release-notes.json

@@ -1,5 +1,15 @@
 {
   "releases": {
+    "0.9.20": {
+      "date": "2025-03-10",
+      "notes": [
+        "Fix column height in vertical layout on mobile",
+        "Fix drag handle height not constant on mobile",
+        "Add fullscreen option on desktop",
+        "Add drag and drop to import books on desktop",
+        "Various fixes and enhancements on updater, footerbar and note"
+      ]
+    },
     "0.9.19": {
       "date": "2025-03-07",
       "notes": [

apps/readest-app/src/app/library/components/LibraryHeader.tsx

@@ -37,6 +37,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
     isTrafficLightVisible,
     initializeTrafficLightStore,
     initializeTrafficLightListeners,
+    setTrafficLightVisibility,
     cleanupTrafficLightListeners,
   } = useTrafficLightStore();
 
@@ -53,6 +54,7 @@ const LibraryHeader: React.FC<LibraryHeaderProps> = ({
 
     initializeTrafficLightStore(appService);
     initializeTrafficLightListeners();
+    setTrafficLightVisibility(true);
     return () => {
       cleanupTrafficLightListeners();
     };

apps/readest-app/src/app/reader/components/HeaderBar.tsx

@@ -56,11 +56,18 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
 
     initializeTrafficLightStore(appService);
     initializeTrafficLightListeners();
-    setTrafficLightVisibility(isSideBarVisible);
+    setTrafficLightVisibility(true);
     return () => {
       cleanupTrafficLightListeners();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect(() => {
+    if (!appService?.hasTrafficLight) return;
+
+    setTrafficLightVisibility(isSideBarVisible);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isSideBarVisible]);
 
   return (