Enhance code

app/client/api.ts

@@ -349,7 +349,7 @@ export function getHeaders(ignoreHeaders: boolean = false) {
       ACCESS_CODE_PREFIX + accessStore.accessCode,
     );
   }
-  console.log("Headers.[`OME-METIS-Authorization`]", appConfig.omeToken);
+  // console.log("Headers.[`OME-METIS-Authorization`]", appConfig.omeToken);
 
   headers["OME-METIS-Authorization"] = appConfig.omeToken || "";
 

app/components/home.tsx

@@ -30,7 +30,7 @@ import { type ClientApi, getClientApi } from "../client/api";
 import { useAccessStore } from "../store";
 import clsx from "clsx";
 import { initializeMcpSystem, isMcpEnabled } from "../mcp/actions";
-import { isEmpty } from "lodash-es";
+import isEmpty from "lodash-es/isEmpty";
 
 export function Loading(props: { noLogo?: boolean }) {
   return (
@@ -262,18 +262,6 @@ export function Home() {
   }, []);
 
   useEffect(() => {
-    if (window.ReactNativeWebView) {
-      try {
-        const message = {
-          data: "omemetis is ready",
-          url: location.origin,
-        };
-        window.ReactNativeWebView.postMessage(JSON.stringify(message));
-      } catch {}
-    } else {
-      window.parent.postMessage("omemetis is ready", "*");
-    }
-
     const handleMessage = (event: any) => {
       const data = event.data;
 
@@ -296,10 +284,10 @@ export function Home() {
         }
 
         if (!isEmpty(event?.data?.ometoken)) {
-          console.log(
-            "[OmeToken] got ometoken from iframe",
-            event.data.ometoken,
-          );
+          // console.log(
+          //   "[OmeToken] got ometoken from iframe",
+          //   event.data.ometoken,
+          // );
           appConfig.setOmeToken(event.data.ometoken);
         }
       }
@@ -312,6 +300,26 @@ export function Home() {
     };
   }, []);
 
+  useEffect(() => {
+    if (appConfig._hasHydrated) {
+      if (window.ReactNativeWebView) {
+        try {
+          const message = {
+            data: "omemetis is ready",
+            url: location.origin,
+          };
+          window.ReactNativeWebView.postMessage(JSON.stringify(message));
+        } catch {}
+      } else {
+        window.parent.postMessage("omemetis is ready", "*");
+      }
+    }
+  }, [appConfig._hasHydrated]);
+
+  useEffect(() => {
+    console.log(appConfig.omeToken, "appConfig.omeToken");
+  }, [appConfig.omeToken]);
+
   if (!useHasHydrated()) {
     return <Loading />;
   }

app/store/config.ts

@@ -173,7 +173,6 @@ export const useAppConfig = createPersistStore(
     },
 
     setOmeToken(omeToken: string) {
-      console.log("useAppConfig.setOmeToken", omeToken);
       set(() => ({ omeToken }));
     },