refactor: add hook transform workspace (#1407)

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

@@ -1,6 +1,6 @@
 import { createJSONStorage } from 'jotai/utils';
 import React from 'react';
-import { preload } from 'swr';
+import { mutate, preload } from 'swr';
 import { z } from 'zod';
 
 import { createAffineProviders } from '../../blocksuite';
@@ -65,6 +65,7 @@ export const AffinePlugin: WorkspacePlugin<RemWorkspaceFlavour.AFFINE> = {
         blockSuiteWorkspace.doc
       );
       const { id } = await apis.createWorkspace(new Blob([binary.buffer]));
+      await mutate(matcher => matcher === QueryKey.getWorkspaces);
       // refresh the local storage
       await AffinePlugin.CRUD.list();
       return id;
@@ -83,6 +84,7 @@ export const AffinePlugin: WorkspacePlugin<RemWorkspaceFlavour.AFFINE> = {
       await apis.deleteWorkspace({
         id: workspace.id,
       });
+      await mutate(matcher => matcher === QueryKey.getWorkspaces);
     },
     get: async workspaceId => {
       try {

apps/web/src/plugins/index.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 
-import { jotaiStore, jotaiWorkspacesAtom } from '../atoms';
 import {
   BlockSuiteWorkspace,
   FlavourToWorkspace,
@@ -20,7 +19,14 @@ type SettingProps<Flavour extends RemWorkspaceFlavour> =
     currentTab: SettingPanel;
     onChangeTab: (tab: SettingPanel) => void;
     onDeleteWorkspace: () => void;
-    onTransformWorkspace: (targetWorkspaceId: string) => void;
+    onTransformWorkspace: <
+      From extends RemWorkspaceFlavour,
+      To extends RemWorkspaceFlavour
+    >(
+      from: From,
+      to: To,
+      workspace: FlavourToWorkspace[From]
+    ) => void;
   };
 
 type PageDetailProps<Flavour extends RemWorkspaceFlavour> =
@@ -64,27 +70,3 @@ export const WorkspacePlugins = {
 } satisfies {
   [Key in RemWorkspaceFlavour]: WorkspacePlugin<Key>;
 };
-
-/**
- * Transform workspace from one flavour to another
- *
- * The logic here is to delete the old workspace and create a new one.
- */
-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].CRUD.delete(workspace as any);
-  const newId = await WorkspacePlugins[to].CRUD.create(
-    workspace.blockSuiteWorkspace
-  );
-  const workspaces = jotaiStore.get(jotaiWorkspacesAtom);
-  const idx = workspaces.findIndex(ws => ws.id === workspace.id);
-  workspaces.splice(idx, 1, {
-    id: newId,
-    flavour: to,
-  });
-  jotaiStore.set(jotaiWorkspacesAtom, [...workspaces]);
-  return newId;
-}