feat!: affine cloud support (#3813)

Co-authored-by: Hongtao Lye <codert.sn@gmail.com> Co-authored-by: liuyi <forehalo@gmail.com> Co-authored-by: LongYinan <lynweklm@gmail.com> Co-authored-by: X1a0t <405028157@qq.com> Co-authored-by: JimmFly <yangjinfei001@gmail.com> Co-authored-by: Peng Xiao <pengxiao@outlook.com> Co-authored-by: xiaodong zuo <53252747+zuoxiaodong0815@users.noreply.github.com> Co-authored-by: DarkSky <25152247+darkskygit@users.noreply.github.com> Co-authored-by: Qi <474021214@qq.com> Co-authored-by: danielchim <kahungchim@gmail.com>
2026-07-31 09:09:54 +08:00 · 2023-08-29 05:07:05 -05:00
parent d0145c6f38
commit 2f6c4e3696
414 changed files with 19469 additions and 7591 deletions
@@ -0,0 +1,133 @@
+import {
+  ChangeEmailPage,
+  ChangePasswordPage,
+  SetPasswordPage,
+  SignInSuccessPage,
+  SignUpPage,
+} from '@affine/component/auth-components';
+import { isDesktop } from '@affine/env/constant';
+import { changeEmailMutation, changePasswordMutation } from '@affine/graphql';
+import { useMutation } from '@affine/workspace/affine/gql';
+import type { ReactElement } from 'react';
+import { useCallback } from 'react';
+import { type LoaderFunction, redirect, useParams } from 'react-router-dom';
+import { z } from 'zod';
+
+import { useCurrenLoginStatus } from '../hooks/affine/use-curren-login-status';
+import { useCurrentUser } from '../hooks/affine/use-current-user';
+import { RouteLogic, useNavigateHelper } from '../hooks/use-navigate-helper';
+
+const authTypeSchema = z.enum([
+  'setPassword',
+  'signIn',
+  'changePassword',
+  'signUp',
+  'changeEmail',
+]);
+
+export const AuthPage = (): ReactElement | null => {
+  const user = useCurrentUser();
+  const { authType } = useParams();
+  const { trigger: changePassword } = useMutation({
+    mutation: changePasswordMutation,
+  });
+
+  const { trigger: changeEmail } = useMutation({
+    mutation: changeEmailMutation,
+  });
+  const { jumpToIndex } = useNavigateHelper();
+
+  const onChangeEmail = useCallback(
+    async (email: string) => {
+      const res = await changeEmail({
+        id: user.id,
+        newEmail: email,
+      });
+      return !!res?.changeEmail;
+    },
+    [changeEmail, user.id]
+  );
+
+  const onSetPassword = useCallback(
+    (password: string) => {
+      changePassword({
+        id: user.id,
+        newPassword: password,
+      }).catch(console.error);
+    },
+    [changePassword, user.id]
+  );
+  const onOpenAffine = useCallback(() => {
+    if (isDesktop) {
+      window.apis.ui.handleFinishLogin();
+    } else {
+      jumpToIndex(RouteLogic.REPLACE);
+    }
+  }, [jumpToIndex]);
+
+  switch (authType) {
+    case 'signUp': {
+      return (
+        <SignUpPage
+          user={user}
+          onSetPassword={onSetPassword}
+          onOpenAffine={onOpenAffine}
+        />
+      );
+    }
+    case 'signIn': {
+      return <SignInSuccessPage onOpenAffine={onOpenAffine} />;
+    }
+    case 'changePassword': {
+      return (
+        <ChangePasswordPage
+          user={user}
+          onSetPassword={onSetPassword}
+          onOpenAffine={onOpenAffine}
+        />
+      );
+    }
+    case 'setPassword': {
+      return (
+        <SetPasswordPage
+          user={user}
+          onSetPassword={onSetPassword}
+          onOpenAffine={onOpenAffine}
+        />
+      );
+    }
+    case 'changeEmail': {
+      return (
+        <ChangeEmailPage
+          user={user}
+          onChangeEmail={onChangeEmail}
+          onOpenAffine={onOpenAffine}
+        />
+      );
+    }
+  }
+  return null;
+};
+
+export const loader: LoaderFunction = async args => {
+  if (!args.params.authType) {
+    return redirect('/404');
+  }
+  if (!authTypeSchema.safeParse(args.params.authType).success) {
+    return redirect('/404');
+  }
+  return null;
+};
+export const Component = () => {
+  const loginStatus = useCurrenLoginStatus();
+  const { jumpToExpired } = useNavigateHelper();
+
+  if (loginStatus === 'unauthenticated') {
+    jumpToExpired(RouteLogic.REPLACE);
+  }
+
+  if (loginStatus === 'authenticated') {
+    return <AuthPage />;
+  }
+  return null;
+};