refactor: remove legacy cloud (#2987)

apps/web/src/components/blocksuite/workspace-header/header-right-items/share-menu.tsx

@@ -1,7 +1,7 @@
 import { ShareMenu } from '@affine/component/share-menu';
 import { Unreachable } from '@affine/env/constant';
 import type {
-  AffineLegacyCloudWorkspace,
+  AffineCloudWorkspace,
   LocalWorkspace,
 } from '@affine/env/workspace';
 import { WorkspaceFlavour, WorkspaceSubPath } from '@affine/env/workspace';
@@ -11,21 +11,20 @@ import { useRouter } from 'next/router';
 import type React from 'react';
 import { useCallback, useState } from 'react';
 
-import { useToggleWorkspacePublish } from '../../../../hooks/affine/use-toggle-workspace-publish';
 import { useOnTransformWorkspace } from '../../../../hooks/root/use-on-transform-workspace';
 import { useRouterHelper } from '../../../../hooks/use-router-helper';
 import { TransformWorkspaceToAffineModal } from '../../../affine/transform-workspace-to-affine-modal';
 import type { BaseHeaderProps } from '../header';
 
 const AffineHeaderShareMenu: React.FC<BaseHeaderProps> = props => {
-  // todo: these hooks should be moved to the top level
-  const togglePublish = useToggleWorkspacePublish(
-    props.workspace as AffineLegacyCloudWorkspace
-  );
+  // fixme: cloud regression
+  // const togglePublish = useToggleWorkspacePublish(
+  //   props.workspace as AffineCloudWorkspace
+  // );
   const helper = useRouterHelper(useRouter());
   return (
     <ShareMenu
-      workspace={props.workspace as AffineLegacyCloudWorkspace}
+      workspace={props.workspace as AffineCloudWorkspace}
       currentPage={props.currentPage as Page}
       onEnableAffineCloud={useCallback(async () => {
         throw new Unreachable(
@@ -42,12 +41,12 @@ const AffineHeaderShareMenu: React.FC<BaseHeaderProps> = props => {
         page.workspace.setPageMeta(page.id, { isPublic });
       }, [])}
       toggleWorkspacePublish={useCallback(
-        async (workspace, publish) => {
-          assertEquals(workspace.flavour, WorkspaceFlavour.AFFINE);
+        async workspace => {
+          assertEquals(workspace.flavour, WorkspaceFlavour.AFFINE_CLOUD);
           assertEquals(workspace.id, props.workspace.id);
-          await togglePublish(publish);
+          throw new Error('unreachable');
         },
-        [props.workspace.id, togglePublish]
+        [props.workspace.id]
       )}
     />
   );
@@ -98,7 +97,7 @@ const LocalHeaderShareMenu: React.FC<BaseHeaderProps> = props => {
         onConform={async () => {
           await onTransformWorkspace(
             WorkspaceFlavour.LOCAL,
-            WorkspaceFlavour.AFFINE,
+            WorkspaceFlavour.AFFINE_CLOUD,
             props.workspace as LocalWorkspace
           );
           setOpen(false);
@@ -112,7 +111,7 @@ export const HeaderShareMenu: React.FC<BaseHeaderProps> = props => {
   if (!runtimeConfig.enableLegacyCloud) {
     return null;
   }
-  if (props.workspace.flavour === WorkspaceFlavour.AFFINE) {
+  if (props.workspace.flavour === WorkspaceFlavour.AFFINE_CLOUD) {
     return <AffineHeaderShareMenu {...props} />;
   } else if (props.workspace.flavour === WorkspaceFlavour.LOCAL) {
     return <LocalHeaderShareMenu {...props} />;

apps/web/src/components/blocksuite/workspace-header/header-right-items/sync-user.tsx

@@ -1,163 +0,0 @@
-import { displayFlex, IconButton, styled, Tooltip } from '@affine/component';
-import type { LocalWorkspace } from '@affine/env/workspace';
-import { WorkspaceFlavour } from '@affine/env/workspace';
-import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import {
-  getLoginStorage,
-  setLoginStorage,
-  SignMethod,
-} from '@affine/workspace/affine/login';
-import { affineAuth } from '@affine/workspace/affine/shared';
-import {
-  CloudWorkspaceIcon,
-  LocalWorkspaceIcon,
-  NoNetworkIcon,
-} from '@blocksuite/icons';
-import { assertEquals, assertExists } from '@blocksuite/store';
-import { useRouter } from 'next/router';
-import React, { useEffect, useState } from 'react';
-
-import { useCurrentWorkspace } from '../../../../hooks/current/use-current-workspace';
-import { useTransformWorkspace } from '../../../../hooks/use-transform-workspace';
-import type { AffineOfficialWorkspace } from '../../../../shared';
-import { TransformWorkspaceToAffineModal } from '../../../affine/transform-workspace-to-affine-modal';
-
-const IconWrapper = styled('div')(() => {
-  return {
-    width: '32px',
-    height: '32px',
-    marginRight: '12px',
-    fontSize: '24px',
-    color: 'var(--affine-icon-color)',
-    WebkitAppRegion: 'no-drag',
-    ...displayFlex('center', 'center'),
-  };
-});
-
-const getStatus = (workspace: AffineOfficialWorkspace) => {
-  if (!navigator.onLine) {
-    return 'offline';
-  }
-  if (workspace.flavour === 'local') {
-    return 'local';
-  }
-  return 'cloud';
-};
-
-export const SyncUser = () => {
-  //#region fixme(himself65): remove these hooks ASAP
-  const [workspace] = useCurrentWorkspace();
-  assertExists(workspace);
-  const router = useRouter();
-
-  const [status, setStatus] = useState<'offline' | 'local' | 'cloud'>(
-    getStatus(workspace)
-  );
-  const [prevWorkspace, setPrevWorkspace] = useState(workspace);
-  if (prevWorkspace !== workspace) {
-    setPrevWorkspace(workspace);
-    setStatus(getStatus(workspace));
-  }
-
-  useEffect(() => {
-    const online = () => {
-      setStatus(getStatus(workspace));
-    };
-
-    const offline = () => {
-      setStatus('offline');
-    };
-    window.addEventListener('online', online);
-    window.addEventListener('offline', offline);
-    return () => {
-      window.removeEventListener('online', online);
-      window.removeEventListener('offline', offline);
-    };
-  }, [workspace]);
-  //#endregion
-
-  const [open, setOpen] = useState(false);
-
-  const t = useAFFiNEI18N();
-  const transformWorkspace = useTransformWorkspace();
-
-  if (!runtimeConfig.enableLegacyCloud) {
-    return null;
-  }
-
-  if (status === 'offline') {
-    return (
-      <Tooltip
-        content={t['Please make sure you are online']()}
-        placement="bottom-end"
-      >
-        <IconWrapper>
-          <NoNetworkIcon />
-        </IconWrapper>
-      </Tooltip>
-    );
-  }
-
-  if (status === 'local') {
-    return (
-      <>
-        <Tooltip
-          content={t['Saved then enable AFFiNE Cloud']()}
-          placement="bottom-end"
-        >
-          <IconButton
-            onClick={() => {
-              setOpen(true);
-            }}
-            style={{ marginRight: '12px' }}
-          >
-            <LocalWorkspaceIcon />
-          </IconButton>
-        </Tooltip>
-        <TransformWorkspaceToAffineModal
-          open={open}
-          onClose={() => {
-            setOpen(false);
-          }}
-          onConform={async () => {
-            if (!getLoginStorage()) {
-              const response = await affineAuth.generateToken(
-                SignMethod.Google
-              );
-              if (response) {
-                setLoginStorage(response);
-              }
-              router.reload();
-              return;
-            }
-            assertEquals(workspace.flavour, WorkspaceFlavour.LOCAL);
-            const id = await transformWorkspace(
-              WorkspaceFlavour.LOCAL,
-              WorkspaceFlavour.AFFINE,
-              workspace as LocalWorkspace
-            );
-            // fixme(himself65): refactor this
-            await router.replace({
-              pathname: `/workspace/[workspaceId]/all`,
-              query: {
-                workspaceId: id,
-              },
-            });
-            setOpen(false);
-            router.reload();
-          }}
-        />
-      </>
-    );
-  }
-
-  return (
-    <Tooltip content={t['Synced with AFFiNE Cloud']()} placement="bottom-end">
-      <IconWrapper>
-        <CloudWorkspaceIcon />
-      </IconWrapper>
-    </Tooltip>
-  );
-};
-
-export default SyncUser;

apps/web/src/components/blocksuite/workspace-header/header-right-items/user-avatar.tsx

@@ -3,7 +3,6 @@ import { AffineLogoSBlue2_1Icon, SignOutIcon } from '@blocksuite/icons';
 import type { CSSProperties } from 'react';
 import { forwardRef } from 'react';
 
-import { useCurrentUser } from '../../../../hooks/current/use-current-user';
 const EditMenu = (
   <MenuItem data-testid="editor-option-menu-favorite" icon={<SignOutIcon />}>
     Sign Out
@@ -11,7 +10,8 @@ const EditMenu = (
 );
 
 export const UserAvatar = () => {
-  const user = useCurrentUser();
+  // fixme: cloud regression
+  const user: any = null;
   return (
     <Menu
       width={276}

apps/web/src/components/blocksuite/workspace-header/header.tsx

@@ -29,7 +29,6 @@ import { DownloadClientTip } from './download-tips';
 import EditPage from './header-right-items/edit-page';
 import { EditorOptionMenu } from './header-right-items/editor-option-menu';
 import { HeaderShareMenu } from './header-right-items/share-menu';
-import SyncUser from './header-right-items/sync-user';
 import TrashButtonGroup from './header-right-items/trash-button-group';
 import UserAvatar from './header-right-items/user-avatar';
 import * as styles from './styles.css';
@@ -47,7 +46,6 @@ export type BaseHeaderProps<
 export enum HeaderRightItemName {
   EditorOptionMenu = 'editorOptionMenu',
   TrashButtonGroup = 'trashButtonGroup',
-  SyncUser = 'syncUser',
   ShareMenu = 'shareMenu',
   EditPage = 'editPage',
   UserAvatar = 'userAvatar',
@@ -75,12 +73,6 @@ const HeaderRightItems: Record<HeaderRightItemName, HeaderItem> = {
       return currentPage?.meta.trash === true;
     },
   },
-  [HeaderRightItemName.SyncUser]: {
-    Component: SyncUser,
-    availableWhen: (_, currentPage, { isPublic }) => {
-      return !isPublic;
-    },
-  },
   [HeaderRightItemName.ShareMenu]: {
     Component: HeaderShareMenu,
     availableWhen: (workspace, currentPage) => {