feat(core): remove old all docs code (#12558)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- **Removed Features**
  - The "All Pages (Old)" workspace view and its associated header have been removed.
  - The previous page list UI, including virtualized lists, group headers, and multi-selection, is no longer available.
  - Search and tag aggregation features within the old page list have been removed.

- **Style**
  - Styles related to the old page list and its components have been deleted.

- **Navigation**
  - The "All Pages (Old)" route has been removed from workspace navigation.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/frontend/core/src/desktop/pages/workspace/all-page-old/all-page-header.tsx

@@ -1,92 +0,0 @@
-import { usePageHelper } from '@affine/core/blocksuite/block-suite-page-list/utils';
-import { ExplorerNavigation } from '@affine/core/components/explorer/header/navigation';
-import {
-  PageDisplayMenu,
-  PageListNewPageButton,
-} from '@affine/core/components/page-list';
-import { Header } from '@affine/core/components/pure/header';
-import { WorkspaceDialogService } from '@affine/core/modules/dialogs';
-import { WorkbenchService } from '@affine/core/modules/workbench';
-import { WorkspaceService } from '@affine/core/modules/workspace';
-import { inferOpenMode } from '@affine/core/utils';
-import { track } from '@affine/track';
-import { PlusIcon } from '@blocksuite/icons/rc';
-import { useServices } from '@toeverything/infra';
-import clsx from 'clsx';
-import { useCallback } from 'react';
-
-import * as styles from './all-page.css';
-
-export const AllPageHeader = ({
-  showCreateNew,
-}: {
-  showCreateNew: boolean;
-}) => {
-  const { workspaceService, workspaceDialogService, workbenchService } =
-    useServices({
-      WorkspaceService,
-      WorkspaceDialogService,
-      WorkbenchService,
-    });
-  const workbench = workbenchService.workbench;
-  const workspace = workspaceService.workspace;
-  const { createEdgeless, createPage } = usePageHelper(workspace.docCollection);
-
-  const handleOpenDocs = useCallback(
-    (result: {
-      docIds: string[];
-      entryId?: string;
-      isWorkspaceFile?: boolean;
-    }) => {
-      const { docIds, entryId, isWorkspaceFile } = result;
-      // If the imported file is a workspace file, open the entry page.
-      if (isWorkspaceFile && entryId) {
-        workbench.openDoc(entryId);
-      } else if (!docIds.length) {
-        return;
-      }
-      // Open all the docs when there are multiple docs imported.
-      if (docIds.length > 1) {
-        workbench.openAll();
-      } else {
-        // Otherwise, open the only doc.
-        workbench.openDoc(docIds[0]);
-      }
-    },
-    [workbench]
-  );
-
-  const onImportFile = useCallback(() => {
-    track.$.header.importModal.open();
-    workspaceDialogService.open('import', undefined, payload => {
-      if (!payload) {
-        return;
-      }
-      handleOpenDocs(payload);
-    });
-  }, [workspaceDialogService, handleOpenDocs]);
-
-  return (
-    <Header
-      left={<ExplorerNavigation active={'docs'} />}
-      right={
-        <>
-          <PageListNewPageButton
-            size="small"
-            className={clsx(
-              styles.headerCreateNewButton,
-              !showCreateNew && styles.headerCreateNewButtonHidden
-            )}
-            onCreateEdgeless={e => createEdgeless({ at: inferOpenMode(e) })}
-            onCreatePage={e => createPage('page', { at: inferOpenMode(e) })}
-            onCreateDoc={e => createPage(undefined, { at: inferOpenMode(e) })}
-            onImportFile={onImportFile}
-          >
-            <PlusIcon />
-          </PageListNewPageButton>
-          <PageDisplayMenu />
-        </>
-      }
-    />
-  );
-};

packages/frontend/core/src/desktop/pages/workspace/all-page-old/all-page.css.ts

@@ -1,30 +0,0 @@
-import { style } from '@vanilla-extract/css';
-export const scrollContainer = style({
-  flex: 1,
-  width: '100%',
-  paddingBottom: '32px',
-});
-export const headerCreateNewButton = style({
-  transition: 'opacity 0.1s ease-in-out',
-  marginRight: 16,
-});
-
-export const headerCreateNewCollectionIconButton = style({
-  padding: '4px 8px',
-  fontSize: '16px',
-  width: '32px',
-  height: '28px',
-  borderRadius: '8px',
-});
-export const headerCreateNewButtonHidden = style({
-  opacity: 0,
-  pointerEvents: 'none',
-});
-
-export const body = style({
-  display: 'flex',
-  flexDirection: 'column',
-  flex: 1,
-  height: '100%',
-  width: '100%',
-});

packages/frontend/core/src/desktop/pages/workspace/all-page-old/all-page.tsx

@@ -1,87 +0,0 @@
-import { useBlockSuiteDocMeta } from '@affine/core/components/hooks/use-block-suite-page-meta';
-import {
-  PageListHeader,
-  VirtualizedPageList,
-} from '@affine/core/components/page-list';
-import { GlobalContextService } from '@affine/core/modules/global-context';
-import { IntegrationService } from '@affine/core/modules/integration';
-import { WorkspacePermissionService } from '@affine/core/modules/permissions';
-import { WorkspaceService } from '@affine/core/modules/workspace';
-import { useI18n } from '@affine/i18n';
-import { useLiveData, useService } from '@toeverything/infra';
-import { useEffect, useMemo, useState } from 'react';
-
-import {
-  useIsActiveView,
-  ViewBody,
-  ViewHeader,
-  ViewIcon,
-  ViewTitle,
-} from '../../../../modules/workbench';
-import { AllDocSidebarTabs } from '../layouts/all-doc-sidebar-tabs';
-import { EmptyPageList } from '../page-list-empty';
-import * as styles from './all-page.css';
-import { AllPageHeader } from './all-page-header';
-
-export const AllPage = () => {
-  const currentWorkspace = useService(WorkspaceService).workspace;
-  const globalContext = useService(GlobalContextService).globalContext;
-  const permissionService = useService(WorkspacePermissionService);
-  const integrationService = useService(IntegrationService);
-  const pageMetas = useBlockSuiteDocMeta(currentWorkspace.docCollection);
-  const [hideHeaderCreateNew, setHideHeaderCreateNew] = useState(true);
-  const isAdmin = useLiveData(permissionService.permission.isAdmin$);
-  const isOwner = useLiveData(permissionService.permission.isOwner$);
-  const importing = useLiveData(integrationService.importing$);
-
-  const filteredPageMetas = useMemo(
-    () => pageMetas.filter(page => !page.trash),
-    [pageMetas]
-  );
-
-  const isActiveView = useIsActiveView();
-
-  useEffect(() => {
-    if (isActiveView) {
-      globalContext.isAllDocs.set(true);
-
-      return () => {
-        globalContext.isAllDocs.set(false);
-      };
-    }
-    return;
-  }, [globalContext, isActiveView]);
-
-  const t = useI18n();
-
-  if (importing) {
-    return null;
-  }
-
-  return (
-    <>
-      <ViewTitle title={t['All pages']()} />
-      <ViewIcon icon="allDocs" />
-      <ViewHeader>
-        <AllPageHeader showCreateNew={!hideHeaderCreateNew} />
-      </ViewHeader>
-      <ViewBody>
-        <div className={styles.body}>
-          {filteredPageMetas.length > 0 ? (
-            <VirtualizedPageList
-              disableMultiDelete={!isAdmin && !isOwner}
-              setHideHeaderCreateNewPage={setHideHeaderCreateNew}
-            />
-          ) : (
-            <EmptyPageList type="all" heading={<PageListHeader />} />
-          )}
-        </div>
-      </ViewBody>
-      <AllDocSidebarTabs />
-    </>
-  );
-};
-
-export const Component = () => {
-  return <AllPage />;
-};

packages/frontend/core/src/desktop/workbench-router.ts

@@ -5,10 +5,6 @@ export const workbenchRoutes = [
     path: '/all',
     lazy: () => import('./pages/workspace/all-page/all-page'),
   },
-  {
-    path: '/all-old',
-    lazy: () => import('./pages/workspace/all-page-old/all-page'),
-  },
   {
     path: '/collection',
     lazy: () => import('./pages/workspace/all-collection'),