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-08-18 10:31:50 +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,103 @@
+import { AcceptInvitePage } from '@affine/component/member-components';
+import { WorkspaceSubPath } from '@affine/env/workspace';
+import {
+  acceptInviteByInviteIdMutation,
+  type GetInviteInfoQuery,
+  getInviteInfoQuery,
+} from '@affine/graphql';
+import { fetcher } from '@affine/workspace/affine/gql';
+import { useAtom } from 'jotai';
+import { useCallback, useEffect } from 'react';
+import { type LoaderFunction, redirect, useLoaderData } from 'react-router-dom';
+
+import { authAtom } from '../atoms';
+import { useCurrenLoginStatus } from '../hooks/affine/use-curren-login-status';
+import { RouteLogic, useNavigateHelper } from '../hooks/use-navigate-helper';
+import { useAppHelper } from '../hooks/use-workspaces';
+
+export const loader: LoaderFunction = async args => {
+  const inviteId = args.params.inviteId || '';
+  const res = await fetcher({
+    query: getInviteInfoQuery,
+    variables: {
+      inviteId,
+    },
+  }).catch(console.error);
+
+  // If the inviteId is invalid, redirect to 404 page
+  if (!res || !res?.getInviteInfo) {
+    return redirect('/404');
+  }
+
+  // No mater sign in or not, we need to accept the invite
+  await fetcher({
+    query: acceptInviteByInviteIdMutation,
+    variables: {
+      workspaceId: res.getInviteInfo.workspace.id,
+      inviteId,
+    },
+  }).catch(console.error);
+
+  return {
+    inviteId,
+    inviteInfo: res.getInviteInfo,
+  };
+};
+
+export const Component = () => {
+  const loginStatus = useCurrenLoginStatus();
+  const { jumpToSignIn } = useNavigateHelper();
+  const { addCloudWorkspace } = useAppHelper();
+  const { jumpToSubPath } = useNavigateHelper();
+
+  const [, setAuthAtom] = useAtom(authAtom);
+  const { inviteInfo } = useLoaderData() as {
+    inviteId: string;
+    inviteInfo: GetInviteInfoQuery['getInviteInfo'];
+  };
+
+  const loadWorkspaceAfterSignIn = useCallback(() => {
+    addCloudWorkspace(inviteInfo.workspace.id);
+  }, [addCloudWorkspace, inviteInfo.workspace.id]);
+
+  const openWorkspace = useCallback(() => {
+    addCloudWorkspace(inviteInfo.workspace.id);
+    jumpToSubPath(
+      inviteInfo.workspace.id,
+      WorkspaceSubPath.ALL,
+      RouteLogic.REPLACE
+    );
+  }, [addCloudWorkspace, inviteInfo.workspace.id, jumpToSubPath]);
+
+  useEffect(() => {
+    if (loginStatus === 'unauthenticated') {
+      // We can not pass function to navigate state, so we need to save it in atom
+      setAuthAtom(prev => ({
+        ...prev,
+        onceSignedIn: loadWorkspaceAfterSignIn,
+      }));
+      jumpToSignIn(RouteLogic.REPLACE, {
+        state: {
+          callbackURL: `/workspace/${inviteInfo.workspace.id}/all`,
+        },
+      });
+    }
+  }, [
+    inviteInfo.workspace.id,
+    jumpToSignIn,
+    loadWorkspaceAfterSignIn,
+    loginStatus,
+    setAuthAtom,
+  ]);
+
+  if (loginStatus === 'authenticated') {
+    return (
+      <AcceptInvitePage
+        inviteInfo={inviteInfo}
+        onOpenWorkspace={openWorkspace}
+      />
+    );
+  }
+
+  return null;
+};