feat: add recentlyViewed (#1357)

Co-authored-by: himself65 <himself65@outlook.com>

apps/web/src/hooks/affine/use-recent-views.ts

@@ -0,0 +1,40 @@
+import { useAtomValue, useSetAtom } from 'jotai';
+import { NextRouter } from 'next/router';
+import { useEffect } from 'react';
+
+import {
+  workspaceRecentViewsAtom,
+  workspaceRecentViresWriteAtom,
+} from '../../atoms';
+import { useCurrentWorkspace } from '../current/use-current-workspace';
+import { usePageMeta } from '../use-page-meta';
+
+export function useRecentlyViewed() {
+  const [workspace] = useCurrentWorkspace();
+  const workspaceId = workspace?.id || null;
+  const recentlyViewed = useAtomValue(workspaceRecentViewsAtom);
+
+  if (!workspaceId) return [];
+  return recentlyViewed[workspaceId] ?? [];
+}
+
+export function useSyncRecentViewsWithRouter(router: NextRouter) {
+  const [workspace] = useCurrentWorkspace();
+  const workspaceId = workspace?.id || null;
+  const blockSuiteWorkspace = workspace?.blockSuiteWorkspace || null;
+  const pageId = router.query.pageId as string;
+  const set = useSetAtom(workspaceRecentViresWriteAtom);
+  const meta = usePageMeta(blockSuiteWorkspace).find(
+    meta => meta.id === pageId
+  );
+  useEffect(() => {
+    if (!workspaceId) return;
+    if (pageId && meta) {
+      set(workspaceId, {
+        title: meta.title || 'Untitled',
+        id: pageId as string,
+        mode: meta.mode || 'page',
+      });
+    }
+  }, [pageId, meta, workspaceId, set]);
+}