refactor: project configuration

src/components/RequireAuth.tsx

@@ -0,0 +1,48 @@
+import { FC, ReactElement } from "react";
+import { Navigate, useLocation, matchRoutes } from "react-router-dom";
+import { GuestRoutes, KEY_LOCAL_TRY_PATH } from "@/app/config";
+import { useGetInitializedQuery } from "@/app/services/auth";
+import { useGetLoginConfigQuery } from "@/app/services/server";
+import { useAppSelector } from "@/app/store";
+import Loading from "./Loading";
+
+interface Props {
+  children: ReactElement;
+  redirectTo?: string;
+}
+const GuestAllows = GuestRoutes.map((path) => {
+  return { path };
+});
+const RequireAuth: FC<Props> = ({ children, redirectTo = "/login" }) => {
+  const location = useLocation();
+  const matches = matchRoutes(GuestAllows, location);
+  const allowGuest = matches ? !!matches[0].pathname : false;
+  const { data: loginConfig, isSuccess: loginConfigSuccess } = useGetLoginConfigQuery();
+  const { isSuccess: checkInitialSuccess } = useGetInitializedQuery();
+  const { token, guest, initialized } = useAppSelector((store) => store.authData);
+  // console.log("auth route", { checkInitialSuccess, loginConfigSuccess, initialized, guest: loginConfig?.guest, token, allowGuest, guest });
+
+  // 初始化和login配置检查
+  if (!checkInitialSuccess || !loginConfigSuccess) return <Loading fullscreen={true} />;
+  //  未初始化 则先走setup 流程
+  if (!initialized) return <Navigate to={`/onboarding`} replace />;
+  // 开启guest 并且没token 而且是允许guest访问的路由  则先去过渡页登录
+  if (loginConfig?.guest && !token && allowGuest) return <Navigate to={"/guest_login"} replace />;
+  // 登陆者是guest，并且不允许访问
+  if (token && guest && !allowGuest) return <Navigate to={"/"} replace />;
+  // console.log("authhhhh", allowGuest, token, guest);
+  if (!token) {
+    // 记录下当前的路径，登录后跳转回来
+    const ignorePath = `/setting/my_account`;
+    localStorage.setItem(KEY_LOCAL_TRY_PATH, ignorePath == location.pathname ? "/" : `${location.pathname}${location.search}`);
+    return <Navigate to={redirectTo} replace />;
+  }
+  const tryPath = localStorage.getItem(KEY_LOCAL_TRY_PATH);
+  if (tryPath) {
+    localStorage.removeItem(KEY_LOCAL_TRY_PATH);
+    return <Navigate to={tryPath} replace />;
+  }
+  return children;
+};
+
+export default RequireAuth;