release: bump version to 0.35.0

frontend/public/earth/js/search.js

@@ -4,6 +4,7 @@ let onSelectResultFn = null;
 let currentResults = [];
 let activeIndex = -1;
 let searchTimerId = null;
+let isOpen = false;
 
 function escapeHtml(value) {
   return String(value)
@@ -15,14 +16,25 @@ function escapeHtml(value) {
 }
 
 function getElements() {
+  const isMobile = document.body.classList.contains("layout-mode-mobile");
   return {
     modal: document.getElementById("search-modal"),
     backdrop: document.getElementById("search-backdrop"),
-    input: document.getElementById("earth-search-input"),
-    clear: document.getElementById("earth-search-clear"),
-    meta: document.getElementById("earth-search-meta"),
-    results: document.getElementById("earth-search-results"),
-    empty: document.getElementById("earth-search-empty"),
+    input: document.getElementById(
+      isMobile ? "mobile-earth-search-input" : "earth-search-input",
+    ),
+    clear: document.getElementById(
+      isMobile ? "mobile-earth-search-clear" : "earth-search-clear",
+    ),
+    meta: document.getElementById(
+      isMobile ? "mobile-earth-search-meta" : "earth-search-meta",
+    ),
+    results: document.getElementById(
+      isMobile ? "mobile-earth-search-results" : "earth-search-results",
+    ),
+    empty: document.getElementById(
+      isMobile ? "mobile-earth-search-empty" : "earth-search-empty",
+    ),
     close: document.getElementById("search-close"),
   };
 }
@@ -154,7 +166,8 @@ function scheduleSearch() {
 
 function handleKeydown(event) {
   const { modal, input } = getElements();
-  if (!modal?.classList.contains("is-open")) return;
+  const isMobile = document.body.classList.contains("layout-mode-mobile");
+  if (!isMobile && !modal?.classList.contains("is-open")) return;
 
   if (event.key === "Escape") {
     event.preventDefault();
@@ -185,15 +198,28 @@ export function initSearchPanel({ resolveResults, onSelectResult } = {}) {
   if (initialized) return;
   initialized = true;
 
-  const { input, clear, close, backdrop } = getElements();
-  input?.addEventListener("input", scheduleSearch);
-  input?.addEventListener("keydown", handleKeydown);
-  clear?.addEventListener("click", () => {
-    if (!input) return;
-    input.value = "";
-    input.focus();
-    runSearch().catch((error) => {
-      console.warn("Clearing search failed:", error);
+  const inputs = ["earth-search-input", "mobile-earth-search-input"]
+    .map((id) => document.getElementById(id))
+    .filter((node) => node instanceof HTMLInputElement);
+  const clears = ["earth-search-clear", "mobile-earth-search-clear"]
+    .map((id) => document.getElementById(id))
+    .filter((node) => node instanceof HTMLButtonElement);
+  const close = document.getElementById("search-close");
+  const backdrop = document.getElementById("search-backdrop");
+
+  inputs.forEach((input) => {
+    input.addEventListener("input", scheduleSearch);
+    input.addEventListener("keydown", handleKeydown);
+  });
+  clears.forEach((clear) => {
+    clear.addEventListener("click", () => {
+      const { input } = getElements();
+      if (!input) return;
+      input.value = "";
+      input.focus();
+      runSearch().catch((error) => {
+        console.warn("Clearing search failed:", error);
+      });
     });
   });
   close?.addEventListener("click", () => {
@@ -207,9 +233,15 @@ export function initSearchPanel({ resolveResults, onSelectResult } = {}) {
 
 export function openSearchPanel() {
   const { modal, input } = getElements();
-  if (!modal) return;
-  modal.classList.add("is-open");
-  modal.setAttribute("aria-hidden", "false");
+  if (!modal && !document.body.classList.contains("layout-mode-mobile")) return;
+  if (isOpen) return;
+  isOpen = true;
+  document.body.classList.add("earth-search-open");
+  modal?.classList.add("is-open");
+  modal?.setAttribute("aria-hidden", "false");
+  window.dispatchEvent(
+    new CustomEvent("earth:search-open-change", { detail: { open: true } }),
+  );
   window.setTimeout(() => {
     input?.focus();
     input?.select();
@@ -219,9 +251,32 @@ export function openSearchPanel() {
   }, 16);
 }
 
+export function focusSearchInput({ select = false } = {}) {
+  const { input } = getElements();
+  if (!(input instanceof HTMLInputElement)) return;
+  input.focus();
+  if (select) {
+    input.select();
+  }
+}
+
+export function refreshSearchResults() {
+  return runSearch();
+}
+
 export function closeSearchPanel() {
   const { modal } = getElements();
-  if (!modal) return;
-  modal.classList.remove("is-open");
-  modal.setAttribute("aria-hidden", "true");
+  if (!modal && !document.body.classList.contains("layout-mode-mobile")) return;
+  if (!isOpen) return;
+  isOpen = false;
+  document.body.classList.remove("earth-search-open");
+  modal?.classList.remove("is-open");
+  modal?.setAttribute("aria-hidden", "true");
+  window.dispatchEvent(
+    new CustomEvent("earth:search-open-change", { detail: { open: false } }),
+  );
+}
+
+export function isSearchPanelOpen() {
+  return isOpen;
 }