refactor!: next generation AFFiNE code structure (#1176)

apps/web/src/plugins/index.tsx

@@ -0,0 +1,90 @@
+import { assertExists } from '@blocksuite/store';
+import React from 'react';
+
+import { refreshDataCenter } from '../hooks/use-workspaces';
+import {
+  BlockSuiteWorkspace,
+  FlavourToWorkspace,
+  LoadPriority,
+  RemWorkspace,
+  RemWorkspaceFlavour,
+  SettingPanel,
+} from '../shared';
+import { AffinePlugin } from './affine';
+import { LocalPlugin } from './local';
+
+type UIBaseProps<Flavour extends RemWorkspaceFlavour> = {
+  currentWorkspace: FlavourToWorkspace[Flavour];
+};
+
+type SettingProps<Flavour extends RemWorkspaceFlavour> =
+  UIBaseProps<Flavour> & {
+    currentTab: SettingPanel;
+    onChangeTab: (tab: SettingPanel) => void;
+    onDeleteWorkspace: () => void;
+    onTransformWorkspace: (targetWorkspaceId: string) => void;
+  };
+
+type PageDetailProps<Flavour extends RemWorkspaceFlavour> =
+  UIBaseProps<Flavour> & {
+    currentPageId: string;
+  };
+
+type PageListProps<Flavour extends RemWorkspaceFlavour> = {
+  blockSuiteWorkspace: BlockSuiteWorkspace;
+  onOpenPage: (pageId: string, newTab?: boolean) => void;
+};
+
+type SideBarMenuProps<Flavour extends RemWorkspaceFlavour> =
+  UIBaseProps<Flavour> & {
+    setSideBarOpen: (open: boolean) => void;
+  };
+
+export interface WorkspacePlugin<Flavour extends RemWorkspaceFlavour> {
+  flavour: Flavour;
+  // Plugin will be loaded according to the priority
+  loadPriority: LoadPriority;
+  // Fetch necessary data for the first render
+  prefetchData: (
+    dataCenter: {
+      workspaces: RemWorkspace[];
+      callbacks: Set<() => void>;
+    },
+    signal?: AbortSignal
+  ) => Promise<void>;
+
+  createWorkspace: (
+    blockSuiteWorkspace: BlockSuiteWorkspace
+  ) => Promise<string>;
+
+  deleteWorkspace: (workspace: FlavourToWorkspace[Flavour]) => Promise<void>;
+
+  //#region UI
+  PageDetail: React.FC<PageDetailProps<Flavour>>;
+  PageList: React.FC<PageListProps<Flavour>>;
+  SettingsDetail: React.FC<SettingProps<Flavour>>;
+  //#endregion
+}
+
+export const WorkspacePlugins = {
+  [RemWorkspaceFlavour.AFFINE]: AffinePlugin,
+  [RemWorkspaceFlavour.LOCAL]: LocalPlugin,
+} satisfies {
+  [Key in RemWorkspaceFlavour]: WorkspacePlugin<Key>;
+};
+
+export async function transformWorkspace<
+  From extends RemWorkspaceFlavour,
+  To extends RemWorkspaceFlavour
+>(from: From, to: To, workspace: FlavourToWorkspace[From]): Promise<string> {
+  // fixme: type cast
+  await WorkspacePlugins[from].deleteWorkspace(workspace as any);
+  const newId = await WorkspacePlugins[to].createWorkspace(
+    workspace.blockSuiteWorkspace
+  );
+  // refresh the data center
+  dataCenter.workspaces = [];
+  await refreshDataCenter();
+  assertExists(dataCenter.workspaces.some(w => w.id === newId));
+  return newId;
+}