feat: new collections (#4530)

Co-authored-by: Peng Xiao <pengxiao@outlook.com>

packages/frontend/core/src/hooks/affine/use-all-page-list-config.tsx

@@ -0,0 +1,63 @@
+import { toast } from '@affine/component';
+import {
+  type AllPageListConfig,
+  FavoriteTag,
+} from '@affine/component/page-list';
+import { useAFFiNEI18N } from '@affine/i18n/hooks';
+import type { PageMeta } from '@blocksuite/store';
+import { useBlockSuitePageMeta } from '@toeverything/hooks/use-block-suite-page-meta';
+import { useCallback, useMemo } from 'react';
+
+import { usePageHelper } from '../../components/blocksuite/block-suite-page-list/utils';
+import { useCurrentWorkspace } from '../current/use-current-workspace';
+import { useBlockSuiteMetaHelper } from './use-block-suite-meta-helper';
+
+export const useAllPageListConfig = () => {
+  const [currentWorkspace] = useCurrentWorkspace();
+  const workspace = currentWorkspace.blockSuiteWorkspace;
+  const pageMetas = useBlockSuitePageMeta(workspace);
+  const { isPreferredEdgeless } = usePageHelper(workspace);
+  const pageMap = useMemo(
+    () => Object.fromEntries(pageMetas.map(page => [page.id, page])),
+    [pageMetas]
+  );
+  const { toggleFavorite } = useBlockSuiteMetaHelper(
+    currentWorkspace.blockSuiteWorkspace
+  );
+  const t = useAFFiNEI18N();
+  const onToggleFavoritePage = useCallback(
+    (page: PageMeta) => {
+      const status = page.favorite;
+      toggleFavorite(page.id);
+      toast(
+        status
+          ? t['com.affine.toastMessage.removedFavorites']()
+          : t['com.affine.toastMessage.addedFavorites']()
+      );
+    },
+    [t, toggleFavorite]
+  );
+  return useMemo<AllPageListConfig>(() => {
+    return {
+      allPages: pageMetas,
+      isEdgeless: isPreferredEdgeless,
+      workspace: currentWorkspace.blockSuiteWorkspace,
+      getPage: id => pageMap[id],
+      favoriteRender: page => {
+        return (
+          <FavoriteTag
+            style={{ marginRight: 8 }}
+            onClick={() => onToggleFavoritePage(page)}
+            active={!!page.favorite}
+          />
+        );
+      },
+    };
+  }, [
+    currentWorkspace.blockSuiteWorkspace,
+    isPreferredEdgeless,
+    pageMetas,
+    pageMap,
+    onToggleFavoritePage,
+  ]);
+};

packages/frontend/core/src/hooks/affine/use-block-suite-meta-helper.ts

@@ -8,6 +8,7 @@ import { useCallback } from 'react';
 import { setPageModeAtom } from '../../atoms';
 import { currentModeAtom } from '../../atoms/mode';
 import type { BlockSuiteWorkspace } from '../../shared';
+import { getWorkspaceSetting } from '../../utils/workspace-setting';
 import { useReferenceLinkHelper } from './use-reference-link-helper';
 
 export function useBlockSuiteMetaHelper(
@@ -82,8 +83,9 @@ export function useBlockSuiteMetaHelper(
         trashRelate: isRoot ? parentMeta?.id : undefined,
       });
       setPageReadonly(pageId, true);
+      getWorkspaceSetting(blockSuiteWorkspace).deletePages([pageId]);
     },
-    [getPageMeta, metas, setPageMeta, setPageReadonly]
+    [blockSuiteWorkspace, getPageMeta, metas, setPageMeta, setPageReadonly]
   );
 
   const restoreFromTrash = useCallback(

packages/frontend/core/src/hooks/affine/use-delete-collection-info.ts

@@ -0,0 +1,11 @@
+// eslint-disable-next-line @typescript-eslint/no-restricted-imports
+import { useSession } from 'next-auth/react';
+import { useMemo } from 'react';
+
+export const useDeleteCollectionInfo = () => {
+  const user = useSession().data?.user;
+  return useMemo(
+    () => (user ? { userName: user.name ?? '', userId: user.id } : null),
+    [user]
+  );
+};

packages/frontend/core/src/hooks/affine/use-register-blocksuite-editor-commands.tsx

@@ -35,8 +35,8 @@ export function useRegisterBlocksuiteEditorCommands(
   const onClickDelete = useCallback(() => {
     setTrashModal({
       open: true,
-      pageId: pageId,
-      pageTitle: pageMeta.title,
+      pageIds: [pageId],
+      pageTitles: [pageMeta.title],
     });
   }, [pageId, pageMeta.title, setTrashModal]);
 

packages/frontend/core/src/hooks/affine/use-trash-modal-helper.ts

@@ -10,14 +10,16 @@ import { useBlockSuiteMetaHelper } from './use-block-suite-meta-helper';
 export function useTrashModalHelper(blocksuiteWorkspace: Workspace) {
   const t = useAFFiNEI18N();
   const [trashModal, setTrashModal] = useAtom(trashModalAtom);
-  const { pageId } = trashModal;
+  const { pageIds } = trashModal;
   const { removeToTrash } = useBlockSuiteMetaHelper(blocksuiteWorkspace);
 
   const handleOnConfirm = useCallback(() => {
-    removeToTrash(pageId);
+    pageIds.forEach(pageId => {
+      removeToTrash(pageId);
+    });
     toast(t['com.affine.toastMessage.movedTrash']());
     setTrashModal({ ...trashModal, open: false });
-  }, [pageId, removeToTrash, setTrashModal, t, trashModal]);
+  }, [pageIds, removeToTrash, setTrashModal, t, trashModal]);
 
   return {
     trashModal,

packages/frontend/core/src/hooks/use-navigate-helper.ts

@@ -12,6 +12,7 @@ export enum RouteLogic {
   PUSH = 'push',
 }
 
+// todo: add a name -> path helper in the results
 export function useNavigateHelper() {
   const location = useLocation();
   const navigate = useNavigate();
@@ -28,6 +29,18 @@ export function useNavigateHelper() {
     },
     [navigate]
   );
+  const jumpToCollection = useCallback(
+    (
+      workspaceId: string,
+      collectionId: string,
+      logic: RouteLogic = RouteLogic.PUSH
+    ) => {
+      return navigate(`/workspace/${workspaceId}/collection/${collectionId}`, {
+        replace: logic === RouteLogic.REPLACE,
+      });
+    },
+    [navigate]
+  );
   const jumpToPublicWorkspacePage = useCallback(
     (
       workspaceId: string,
@@ -116,6 +129,7 @@ export function useNavigateHelper() {
       openPage,
       jumpToExpired,
       jumpToSignIn,
+      jumpToCollection,
     }),
     [
       jumpTo404,
@@ -126,6 +140,7 @@ export function useNavigateHelper() {
       jumpToSignIn,
       jumpToSubPath,
       openPage,
+      jumpToCollection,
     ]
   );
 }