@easyops-cn/docusaurus-search-local 0.48.2 → 0.48.3

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [0.48.3](https://github.com/easyops-cn/docusaurus-search-local/compare/v0.48.2...v0.48.3) (2025-01-16)
+
+
+### Bug Fixes
+
+* sync ssr the input value and focus state for SSR ([be7c125](https://github.com/easyops-cn/docusaurus-search-local/commit/be7c125d72f7274eabc8d377809cddfd85fb1db1))
+
 ## [0.48.2](https://github.com/easyops-cn/docusaurus-search-local/compare/v0.48.1...v0.48.2) (2025-01-16)
 
 

package/dist/client/client/theme/SearchBar/SearchBar.jsx

@@ -288,6 +288,23 @@ export default function SearchBar({ handleSearchBarToggle, }) {
     const isMac = isBrowser
         ? /mac/i.test(navigator.userAgentData?.platform ?? navigator.platform)
         : false;
+    // Sync the input value and focus state for SSR
+    useEffect(() => {
+        const searchBar = searchBarRef.current;
+        const domValue = searchBar?.value;
+        if (domValue) {
+            setInputValue(domValue);
+        }
+        if (searchBar && document.activeElement === searchBar) {
+            focusAfterIndexLoaded.current = true;
+            loadIndex();
+            setFocused(true);
+            handleSearchBarToggle?.(true);
+        }
+    }, 
+    // Only run this effect on mount
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
     useEffect(() => {
         if (!searchBarShortcut) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyops-cn/docusaurus-search-local",
-  "version": "0.48.2",
+  "version": "0.48.3",
   "description": "An offline/local search plugin for Docusaurus v3",
   "repository": {
     "type": "git",