refactor: remove unused code (#2484)

apps/web/src/pages/public-workspace/[workspaceId]/[pageId].tsx

@@ -9,7 +9,7 @@ import { useAtom, useAtomValue } from 'jotai';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import type { ReactElement } from 'react';
-import { Suspense, useCallback, useEffect } from 'react';
+import { Suspense, useEffect } from 'react';
 
 import {
   publicPageBlockSuiteAtom,
@@ -19,7 +19,6 @@ import {
 import { PageDetailEditor } from '../../../components/page-detail-editor';
 import { WorkspaceAvatar } from '../../../components/pure/footer';
 import { PageLoading } from '../../../components/pure/loading';
-import { useReferenceLinkEffect } from '../../../hooks/affine/use-reference-link-effect';
 import { useRouterHelper } from '../../../hooks/use-router-helper';
 import {
   PublicQuickSearch,
@@ -64,14 +63,6 @@ const PublicWorkspaceDetailPageInner = (): ReactElement => {
   }
   const router = useRouter();
   const { openPage } = useRouterHelper(router);
-  useReferenceLinkEffect({
-    pageLinkClicked: useCallback(
-      ({ pageId }: { pageId: string }) => {
-        return openPage(blockSuiteWorkspace.id, pageId);
-      },
-      [blockSuiteWorkspace.id, openPage]
-    ),
-  });
   const t = useAFFiNEI18N();
   const [name] = useBlockSuiteWorkspaceName(blockSuiteWorkspace);
   const [avatar] = useBlockSuiteWorkspaceAvatarUrl(blockSuiteWorkspace);
@@ -86,6 +77,12 @@ const PublicWorkspaceDetailPageInner = (): ReactElement => {
         onLoad={(_, editor) => {
           const { page } = editor;
           page.awarenessStore.setReadonly(page, true);
+          const dispose = editor.slots.pageLinkClicked.on(({ pageId }) => {
+            return openPage(blockSuiteWorkspace.id, pageId);
+          });
+          return () => {
+            dispose.dispose();
+          };
         }}
         onInit={initPage}
         header={

apps/web/src/pages/workspace/[workspaceId]/[pageId].tsx

@@ -4,11 +4,9 @@ import { config } from '@affine/env';
 import { Unreachable } from '@affine/env/constant';
 import { rootCurrentPageIdAtom } from '@affine/workspace/atom';
 import { WorkspaceFlavour } from '@affine/workspace/type';
+import type { EditorContainer } from '@blocksuite/editor';
+import type { Page } from '@blocksuite/store';
 import { assertExists } from '@blocksuite/store';
-import {
-  useBlockSuitePageMeta,
-  usePageMetaHelper,
-} from '@toeverything/hooks/use-block-suite-page-meta';
 import { useBlockSuiteWorkspacePage } from '@toeverything/hooks/use-block-suite-workspace-page';
 import { useAtomValue } from 'jotai';
 import { useRouter } from 'next/router';
@@ -17,9 +15,7 @@ import { useCallback, useEffect } from 'react';
 
 import { WorkspaceAdapters } from '../../../adapters/workspace';
 import { rootCurrentWorkspaceAtom } from '../../../atoms/root';
-import { useReferenceLinkEffect } from '../../../hooks/affine/use-reference-link-effect';
 import { useCurrentWorkspace } from '../../../hooks/current/use-current-workspace';
-import { usePinboardHandler } from '../../../hooks/use-pinboard-handler';
 import { useSyncRecentViewsWithRouter } from '../../../hooks/use-recent-views';
 import { useRouterHelper } from '../../../hooks/use-router-helper';
 import { WorkspaceLayout } from '../../../layouts/workspace-layout';
@@ -42,41 +38,19 @@ const WorkspaceDetail: React.FC = () => {
   assertExists(currentWorkspace);
   assertExists(currentPageId);
   const blockSuiteWorkspace = currentWorkspace.blockSuiteWorkspace;
-  const { setPageMeta, getPageMeta } = usePageMetaHelper(blockSuiteWorkspace);
-  const { deletePin } = usePinboardHandler({
-    blockSuiteWorkspace,
-    metas: useBlockSuitePageMeta(currentWorkspace.blockSuiteWorkspace),
-  });
-
   useSyncRecentViewsWithRouter(router, blockSuiteWorkspace);
 
-  useReferenceLinkEffect({
-    pageLinkClicked: useCallback(
-      ({ pageId }: { pageId: string }) => {
-        assertExists(currentWorkspace);
-        return openPage(currentWorkspace.id, pageId);
-      },
-      [currentWorkspace, openPage]
-    ),
-    subpageUnlinked: useCallback(
-      ({ pageId }: { pageId: string }) => {
-        deletePin(pageId);
-      },
-      [deletePin]
-    ),
-    subpageLinked: useCallback(
-      ({ pageId }: { pageId: string }) => {
-        const meta = currentPageId && getPageMeta(currentPageId);
-        if (!meta || meta.subpageIds?.includes(pageId)) {
-          return;
-        }
-        setPageMeta(currentPageId, {
-          subpageIds: [...(meta.subpageIds ?? []), pageId],
-        });
-      },
-      [currentPageId, getPageMeta, setPageMeta]
-    ),
-  });
+  const onLoad = useCallback(
+    (page: Page, editor: EditorContainer) => {
+      const dispose = editor.slots.pageLinkClicked.on(({ pageId }) => {
+        return openPage(blockSuiteWorkspace.id, pageId);
+      });
+      return () => {
+        dispose.dispose();
+      };
+    },
+    [blockSuiteWorkspace.id, openPage]
+  );
 
   useEffect(() => {
     if (currentWorkspace) {
@@ -90,6 +64,7 @@ const WorkspaceDetail: React.FC = () => {
       <PageDetail
         currentWorkspace={currentWorkspace}
         currentPageId={currentPageId}
+        onLoadEditor={onLoad}
       />
     );
   } else if (currentWorkspace.flavour === WorkspaceFlavour.LOCAL) {
@@ -99,6 +74,7 @@ const WorkspaceDetail: React.FC = () => {
       <PageDetail
         currentWorkspace={currentWorkspace}
         currentPageId={currentPageId}
+        onLoadEditor={onLoad}
       />
     );
   }