refactor: tweaks for guest mode

src/common/hook/usePreload.ts

@@ -0,0 +1,76 @@
+import { useEffect } from "react";
+import dayjs from "dayjs";
+import initCache, { useRehydrate } from "../../app/cache";
+import { useLazyGetFavoritesQuery } from "../../app/services/message";
+import { useLazyGetUsersQuery } from "../../app/services/user";
+import { useLazyGetServerQuery } from "../../app/services/server";
+import useStreaming from "./useStreaming";
+import { useAppSelector } from "../../app/store";
+// type Props={
+//   guest?:boolean
+// }
+export default function usePreload() {
+  const { rehydrate, rehydrated } = useRehydrate();
+  const {
+    loginUid,
+    token,
+    expireTime = +new Date()
+  } = useAppSelector((store) => {
+    return {
+      loginUid: store.authData.user?.uid,
+      token: store.authData.token,
+      expireTime: store.authData.expireTime
+    };
+  });
+  const { setStreamingReady } = useStreaming();
+  const [
+    getFavorites,
+    {
+      isLoading: favoritesLoading,
+      isSuccess: favoritesSuccess,
+      isError: favoritesError,
+      data: favorites
+    }
+  ] = useLazyGetFavoritesQuery();
+  const [
+    getUsers,
+    { isLoading: usersLoading, isSuccess: usersSuccess, isError: usersError, data: users }
+  ] = useLazyGetUsersQuery();
+  const [
+    getServer,
+    { isLoading: serverLoading, isSuccess: serverSuccess, isError: serverError, data: server }
+  ] = useLazyGetServerQuery();
+  useEffect(() => {
+    initCache();
+    rehydrate();
+    return () => {
+      setStreamingReady(false);
+    };
+  }, []);
+
+  useEffect(() => {
+    if (rehydrated) {
+      getUsers();
+      getServer();
+      getFavorites();
+    }
+  }, [rehydrated]);
+  const tokenAlmostExpire = dayjs().isAfter(new Date(expireTime - 20 * 1000));
+  const canStreaming = !!loginUid && rehydrated && !!token && !tokenAlmostExpire;
+  console.log("ttt", loginUid, rehydrated, token);
+
+  useEffect(() => {
+    setStreamingReady(canStreaming);
+  }, [canStreaming]);
+
+  return {
+    loading: usersLoading || serverLoading || favoritesLoading || !rehydrated,
+    error: usersError && serverError && favoritesError,
+    success: usersSuccess && serverSuccess && favoritesSuccess,
+    data: {
+      users,
+      server,
+      favorites
+    }
+  };
+}