refactor: abstract header adapter (#2580)

apps/web/src/adapters/affine/index.tsx

@@ -34,14 +34,17 @@ import { z } from 'zod';
 
 import { createAffineProviders } from '../../blocksuite';
 import { createAffineDownloadProvider } from '../../blocksuite/providers/affine';
-import { WorkspaceSettingDetail } from '../../components/affine/workspace-setting-detail';
-import { BlockSuitePageList } from '../../components/blocksuite/block-suite-page-list';
-import { PageDetailEditor } from '../../components/page-detail-editor';
 import { PageLoading } from '../../components/pure/loading';
 import { useAffineRefreshAuthToken } from '../../hooks/affine/use-affine-refresh-auth-token';
 import { BlockSuiteWorkspace } from '../../shared';
 import { affineApis, affineAuth } from '../../shared/apis';
 import { toast } from '../../utils';
+import {
+  BlockSuitePageList,
+  PageDetailEditor,
+  WorkspaceHeader,
+  WorkspaceSettingDetail,
+} from '../shared';
 import type { WorkspaceAdapter } from '../type';
 import { QueryKey } from './fetcher';
 
@@ -311,6 +314,7 @@ export const AffineAdapter: WorkspaceAdapter<WorkspaceFlavour.AFFINE> = {
         </Suspense>
       );
     },
+    Header: WorkspaceHeader,
     PageDetail: ({ currentWorkspace, currentPageId, onLoadEditor }) => {
       const page = currentWorkspace.blockSuiteWorkspace.getPage(currentPageId);
       if (!page) {

apps/web/src/adapters/local/index.tsx

@@ -17,32 +17,16 @@ import {
 } from '@affine/workspace/type';
 import { createEmptyBlockSuiteWorkspace } from '@affine/workspace/utils';
 import { nanoid } from '@blocksuite/store';
-import { lazy } from 'react';
+import React from 'react';
 
+import {
+  BlockSuitePageList,
+  PageDetailEditor,
+  WorkspaceHeader,
+  WorkspaceSettingDetail,
+} from '../shared';
 import type { WorkspaceAdapter } from '../type';
 
-const WorkspaceSettingDetail = lazy(() =>
-  import('../../components/affine/workspace-setting-detail').then(
-    ({ WorkspaceSettingDetail }) => ({
-      default: WorkspaceSettingDetail,
-    })
-  )
-);
-const BlockSuitePageList = lazy(() =>
-  import('../../components/blocksuite/block-suite-page-list').then(
-    ({ BlockSuitePageList }) => ({
-      default: BlockSuitePageList,
-    })
-  )
-);
-const PageDetailEditor = lazy(() =>
-  import('../../components/page-detail-editor').then(
-    ({ PageDetailEditor }) => ({
-      default: PageDetailEditor,
-    })
-  )
-);
-
 const logger = new DebugLogger('use-create-first-workspace');
 
 export const LocalAdapter: WorkspaceAdapter<WorkspaceFlavour.LOCAL> = {
@@ -78,6 +62,7 @@ export const LocalAdapter: WorkspaceAdapter<WorkspaceFlavour.LOCAL> = {
   },
   CRUD,
   UI: {
+    Header: WorkspaceHeader,
     Provider: ({ children }) => {
       return <>{children}</>;
     },

apps/web/src/adapters/shared.ts

@@ -0,0 +1,27 @@
+import { lazy } from 'react';
+
+export const WorkspaceSettingDetail = lazy(() =>
+  import('../components/affine/workspace-setting-detail').then(
+    ({ WorkspaceSettingDetail }) => ({
+      default: WorkspaceSettingDetail,
+    })
+  )
+);
+export const BlockSuitePageList = lazy(() =>
+  import('../components/blocksuite/block-suite-page-list').then(
+    ({ BlockSuitePageList }) => ({
+      default: BlockSuitePageList,
+    })
+  )
+);
+export const PageDetailEditor = lazy(() =>
+  import('../components/page-detail-editor').then(({ PageDetailEditor }) => ({
+    default: PageDetailEditor,
+  }))
+);
+
+export const WorkspaceHeader = lazy(() =>
+  import('../components/workspace-header').then(({ WorkspaceHeader }) => ({
+    default: WorkspaceHeader,
+  }))
+);

apps/web/src/adapters/workspace.ts

@@ -32,6 +32,7 @@ export const WorkspaceAdapters = {
     // todo: implement this
     UI: {
       Provider: unimplemented,
+      Header: unimplemented,
       PageDetail: unimplemented,
       PageList: unimplemented,
       SettingsDetail: unimplemented,
@@ -52,6 +53,7 @@ export const WorkspaceAdapters = {
     // todo: implement this
     UI: {
       Provider: unimplemented,
+      Header: unimplemented,
       PageDetail: unimplemented,
       PageList: unimplemented,
       SettingsDetail: unimplemented,