feat!: upgrade blocksuite version (#2833)

2026-02-17 06:16:59 +08:00 · 2023-06-25 01:16:46 +08:00
parent aa86d3a2ee
commit 7fcc5e599e
59 changed files with 564 additions and 1064 deletions
--- a/packages/component/package.json
+++ b/packages/component/package.json
@@ -51,12 +51,12 @@
    "rxjs": "^7.8.1"
  },
  "devDependencies": {
-    "@blocksuite/blocks": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/editor": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/global": "0.0.0-20230607055421-9b20fcaf-nightly",
+    "@blocksuite/blocks": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/editor": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/global": "0.0.0-20230624163241-751f7170-nightly",
    "@blocksuite/icons": "^2.1.21",
-    "@blocksuite/lit": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/store": "0.0.0-20230607055421-9b20fcaf-nightly",
+    "@blocksuite/lit": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/store": "0.0.0-20230624163241-751f7170-nightly",
    "@types/react": "^18.2.12",
    "@types/react-datepicker": "^4.11.2",
    "@types/react-dnd": "^3.0.2",
--- a/packages/component/src/components/block-suite-editor/index.tsx
+++ b/packages/component/src/components/block-suite-editor/index.tsx
@@ -7,7 +7,15 @@ import type { Page } from '@blocksuite/store';
 import { Skeleton } from '@mui/material';
 import { useAtomValue } from 'jotai';
 import type { CSSProperties, ReactElement } from 'react';
-import { lazy, memo, Suspense, useCallback, useEffect, useRef } from 'react';
+import {
+  lazy,
+  memo,
+  Suspense,
+  use,
+  useCallback,
+  useEffect,
+  useRef,
+} from 'react';
 import { createPortal } from 'react-dom';
 import type { FallbackProps } from 'react-error-boundary';
 import { ErrorBoundary } from 'react-error-boundary';
@@ -45,6 +53,9 @@ const ImagePreviewModal = lazy(() =>

 const BlockSuiteEditorImpl = (props: EditorProps): ReactElement => {
  const { onLoad, page, mode, style, onInit } = props;
+  if (!page.loaded) {
+    use(page.waitForLoaded());
+  }
  const JotaiEditorContainer = useAtomValue(
    editorContainerModuleAtom
  ) as typeof EditorContainer;
--- a/packages/component/src/components/image-preview-modal/index.tsx
+++ b/packages/component/src/components/image-preview-modal/index.tsx
@@ -1,7 +1,7 @@
 /// <reference types="react/experimental" />
 import '@blocksuite/blocks';

-import type { EmbedBlockModel } from '@blocksuite/blocks';
+import type { ImageBlockModel } from '@blocksuite/blocks';
 import { assertExists } from '@blocksuite/global/utils';
 import {
  ArrowLeftSmallIcon,
@@ -57,14 +57,14 @@ const ImagePreviewModalImpl = (
  const [caption, setCaption] = useState(() => {
    const page = props.workspace.getPage(props.pageId);
    assertExists(page);
-    const block = page.getBlockById(props.blockId) as EmbedBlockModel;
+    const block = page.getBlockById(props.blockId) as ImageBlockModel;
    assertExists(block);
    return block?.caption;
  });
  useEffect(() => {
    const page = props.workspace.getPage(props.pageId);
    assertExists(page);
-    const block = page.getBlockById(props.blockId) as EmbedBlockModel;
+    const block = page.getBlockById(props.blockId) as ImageBlockModel;
    assertExists(block);
    setCaption(block?.caption);
  }, [props.blockId, props.pageId, props.workspace]);
@@ -72,7 +72,7 @@ const ImagePreviewModalImpl = (
    fetcher: ([_, __, pageId, blockId]) => {
      const page = props.workspace.getPage(pageId);
      assertExists(page);
-      const block = page.getBlockById(blockId) as EmbedBlockModel;
+      const block = page.getBlockById(blockId) as ImageBlockModel;
      assertExists(block);
      return props.workspace.blobs.get(block?.sourceId);
    },
@@ -117,7 +117,7 @@ const ImagePreviewModalImpl = (
    const nextBlock = page
      .getNextSiblings(block)
      .find(
-        (block): block is EmbedBlockModel => block.flavour === 'affine:embed'
+        (block): block is ImageBlockModel => block.flavour === 'affine:image'
      );
    if (nextBlock) {
      setBlockId(nextBlock.id);
@@ -134,7 +134,7 @@ const ImagePreviewModalImpl = (
    const prevBlock = page
      .getPreviousSiblings(block)
      .findLast(
-        (block): block is EmbedBlockModel => block.flavour === 'affine:embed'
+        (block): block is ImageBlockModel => block.flavour === 'affine:image'
      );
    if (prevBlock) {
      setBlockId(prevBlock.id);
@@ -152,13 +152,13 @@ const ImagePreviewModalImpl = (
      page
        .getPreviousSiblings(block)
        .findLast(
-          (block): block is EmbedBlockModel => block.flavour === 'affine:embed'
+          (block): block is ImageBlockModel => block.flavour === 'affine:image'
        )
    ) {
      const prevBlock = page
        .getPreviousSiblings(block)
        .findLast(
-          (block): block is EmbedBlockModel => block.flavour === 'affine:embed'
+          (block): block is ImageBlockModel => block.flavour === 'affine:image'
        );
      if (prevBlock) {
        setBlockId(prevBlock.id);
@@ -167,13 +167,13 @@ const ImagePreviewModalImpl = (
      page
        .getNextSiblings(block)
        .find(
-          (block): block is EmbedBlockModel => block.flavour === 'affine:embed'
+          (block): block is ImageBlockModel => block.flavour === 'affine:image'
        )
    ) {
      const nextBlock = page
        .getNextSiblings(block)
        .find(
-          (block): block is EmbedBlockModel => block.flavour === 'affine:embed'
+          (block): block is ImageBlockModel => block.flavour === 'affine:image'
        );
      if (nextBlock) {
        const image = imageRef.current;
@@ -197,7 +197,7 @@ const ImagePreviewModalImpl = (
    const page = workspace.getPage(props.pageId);
    assertExists(page);
    if (typeof blockId === 'string') {
-      const block = page.getBlockById(blockId) as EmbedBlockModel;
+      const block = page.getBlockById(blockId) as ImageBlockModel;
      assertExists(block);
      const store = await block.page.blobs;
      const url = store?.get(block.sourceId);
@@ -494,8 +494,8 @@ export const ImagePreviewModal = (
        const prevBlock = page
          .getPreviousSiblings(block)
          .findLast(
-            (block): block is EmbedBlockModel =>
-              block.flavour === 'affine:embed'
+            (block): block is ImageBlockModel =>
+              block.flavour === 'affine:image'
          );
        if (prevBlock) {
          setBlockId(prevBlock.id);
@@ -504,8 +504,8 @@ export const ImagePreviewModal = (
        const nextBlock = page
          .getNextSiblings(block)
          .find(
-            (block): block is EmbedBlockModel =>
-              block.flavour === 'affine:embed'
+            (block): block is ImageBlockModel =>
+              block.flavour === 'affine:image'
          );
        if (nextBlock) {
          setBlockId(nextBlock.id);
--- a/packages/env/package.json
+++ b/packages/env/package.json
@@ -4,7 +4,7 @@
  "main": "./src/index.ts",
  "module": "./src/index.ts",
  "devDependencies": {
-    "@blocksuite/global": "0.0.0-20230607055421-9b20fcaf-nightly",
+    "@blocksuite/global": "0.0.0-20230624163241-751f7170-nightly",
    "next": "=13.4.2",
    "react": "18.3.0-canary-16d053d59-20230506",
    "react-dom": "18.3.0-canary-16d053d59-20230506",
--- a/packages/env/src/blocksuite/index.ts
+++ b/packages/env/src/blocksuite/index.ts
@@ -3,16 +3,18 @@ import type { Page } from '@blocksuite/store';
 export async function initPageWithPreloading(page: Page) {
  const workspace = page.workspace;
  const { data } = await import('@affine/templates/preloading.json');
+  await page.waitForLoaded();
  await workspace.importPageSnapshot(data['space:hello-world'], page.id);
 }

-export function initEmptyPage(page: Page): void {
+export async function initEmptyPage(page: Page) {
+  await page.waitForLoaded();
  const pageBlockId = page.addBlock('affine:page', {
    title: new page.Text(''),
  });
  page.addBlock('affine:surface', {}, pageBlockId);
-  const frameId = page.addBlock('affine:frame', {}, pageBlockId);
-  page.addBlock('affine:paragraph', {}, frameId);
+  const noteBlockId = page.addBlock('affine:note', {}, pageBlockId);
+  page.addBlock('affine:paragraph', {}, noteBlockId);
 }

 export * from './subdoc-migration';
--- a/packages/env/src/config.ts
+++ b/packages/env/src/config.ts
@@ -43,7 +43,7 @@ export const buildFlagsSchema = z.object({
  enablePlugin: z.boolean(),
  enableImagePreviewModal: z.boolean(),
  enableTestProperties: z.boolean(),
-  enableBroadCastChannelProvider: z.boolean(),
+  enableBroadcastChannelProvider: z.boolean(),
  enableDebugPage: z.boolean(),
  enableLegacyCloud: z.boolean(),
  changelogUrl: z.string(),
--- a/packages/env/src/workspace.ts
+++ b/packages/env/src/workspace.ts
@@ -1,6 +1,10 @@
 import type { EditorContainer } from '@blocksuite/editor';
 import type { Page } from '@blocksuite/store';
-import type { Workspace as BlockSuiteWorkspace } from '@blocksuite/store';
+import type {
+  ActiveDocProvider,
+  PassiveDocProvider,
+  Workspace as BlockSuiteWorkspace,
+} from '@blocksuite/store';
 import type { FC, PropsWithChildren } from 'react';

 import type { View } from './filter';
@@ -13,88 +17,44 @@ export enum WorkspaceSubPath {
  SHARED = 'shared',
 }

-export type BaseProvider = {
-  flavour: string;
-
-  // cleanup data when workspace is removed
-  cleanup: () => void;
-};
-
-/**
- * @description
- * If a provider is marked as a background provider,
- *  we will connect it in the `useEffect` in React.js.
- *
- * This means that the data might be stale when you use it.
- */
-export interface BackgroundProvider extends BaseProvider {
-  // if this is true,
-  //  we will connect the provider on the background
-  background: true;
-  get connected(): boolean;
-  connect(): void;
-  disconnect(): void;
-  callbacks: Set<() => void>;
-}
-
-/**
- * @description
- * If a provider is marked as a necessary provider,
- *  we will connect it once you read the workspace.
- *
- * This means that the data will be fresh when you use it.
- *
- * Currently, there is only on necessary provider: `local-indexeddb`.
- */
-export interface NecessaryProvider extends Omit<BaseProvider, 'disconnect'> {
-  // if this is true,
-  //  we will ensure that the provider is connected before you can use it
-  necessary: true;
-  sync(): void;
-  get whenReady(): Promise<void>;
-}
-
-export interface AffineDownloadProvider extends BackgroundProvider {
+export interface AffineDownloadProvider extends PassiveDocProvider {
  flavour: 'affine-download';
 }

 /**
 * Download the first binary from local indexeddb
 */
-export interface BroadCastChannelProvider extends BackgroundProvider {
+export interface BroadCastChannelProvider extends PassiveDocProvider {
  flavour: 'broadcast-channel';
 }

 /**
 * Long polling provider with local indexeddb
 */
-export interface LocalIndexedDBBackgroundProvider extends BackgroundProvider {
+export interface LocalIndexedDBBackgroundProvider extends PassiveDocProvider {
  flavour: 'local-indexeddb-background';
 }

-export interface LocalIndexedDBDownloadProvider extends NecessaryProvider {
+export interface LocalIndexedDBDownloadProvider extends ActiveDocProvider {
  flavour: 'local-indexeddb';
 }

-export interface SQLiteProvider extends BackgroundProvider {
+export interface SQLiteProvider extends PassiveDocProvider {
  flavour: 'sqlite';
 }

-export interface SQLiteDBDownloadProvider extends NecessaryProvider {
+export interface SQLiteDBDownloadProvider extends ActiveDocProvider {
  flavour: 'sqlite-download';
 }

-export interface AffineWebSocketProvider extends BackgroundProvider {
+export interface AffineWebSocketProvider extends PassiveDocProvider {
  flavour: 'affine-websocket';
 }

-export type Provider = BackgroundProvider | NecessaryProvider;
-
 export interface AffineLegacyCloudWorkspace extends RemoteWorkspace {
  flavour: WorkspaceFlavour.AFFINE;
  // empty
  blockSuiteWorkspace: BlockSuiteWorkspace;
-  providers: Provider[];
 }

 // todo: update type with nest.js
@@ -104,14 +64,12 @@ export interface LocalWorkspace {
  flavour: WorkspaceFlavour.LOCAL;
  id: string;
  blockSuiteWorkspace: BlockSuiteWorkspace;
-  providers: Provider[];
 }

 export interface AffinePublicWorkspace {
  flavour: WorkspaceFlavour.PUBLIC;
  id: string;
  blockSuiteWorkspace: BlockSuiteWorkspace;
-  providers: Provider[];
 }

 export enum ReleaseType {
--- a/packages/hooks/src/tests/index.spec.ts
+++ b/packages/hooks/src/tests/index.spec.ts
@@ -24,18 +24,19 @@ beforeEach(async () => {
  blockSuiteWorkspace = new BlockSuiteWorkspace({ id: 'test' })
    .register(AffineSchemas)
    .register(__unstableSchemas);
-  const initPage = (page: Page) => {
+  const initPage = async (page: Page) => {
+    await page.waitForLoaded()
    expect(page).not.toBeNull();
    assertExists(page);
    const pageBlockId = page.addBlock('affine:page', {
      title: new page.Text(''),
    });
-    const frameId = page.addBlock('affine:frame', {}, pageBlockId);
+    const frameId = page.addBlock('affine:note', {}, pageBlockId);
    page.addBlock('affine:paragraph', {}, frameId);
  };
-  initPage(blockSuiteWorkspace.createPage({ id: 'page0' }));
-  initPage(blockSuiteWorkspace.createPage({ id: 'page1' }));
-  initPage(blockSuiteWorkspace.createPage({ id: 'page2' }));
+  await initPage(blockSuiteWorkspace.createPage({ id: 'page0' }));
+  await initPage(blockSuiteWorkspace.createPage({ id: 'page1' }));
+  await initPage(blockSuiteWorkspace.createPage({ id: 'page2' }));
 });

 describe('useBlockSuiteWorkspaceName', () => {
@@ -97,7 +98,7 @@ describe('useBlockSuitePagePreview', () => {
      {
        text: new page.Text('Hello, world!'),
      },
-      page.getBlockByFlavour('affine:frame')[0].id
+      page.getBlockByFlavour('affine:note')[0].id
    );
    const hook = renderHook(() => useAtomValue(useBlockSuitePagePreview(page)));
    expect(hook.result.current).toBe('\nHello, world!');
--- a/packages/hooks/src/tests/use-blocksuite-workspace-helper.spec.ts
+++ b/packages/hooks/src/tests/use-blocksuite-workspace-helper.spec.ts
@@ -14,15 +14,15 @@ import { useBlockSuiteWorkspaceHelper } from '../use-block-suite-workspace-helpe

 let blockSuiteWorkspace: Workspace;

-beforeEach(() => {
+beforeEach(async () => {
  blockSuiteWorkspace = new Workspace({
    id: 'test',
  })
    .register(AffineSchemas)
    .register(__unstableSchemas);
-  initEmptyPage(blockSuiteWorkspace.createPage({ id: 'page0' }));
-  initEmptyPage(blockSuiteWorkspace.createPage({ id: 'page1' }));
-  initEmptyPage(blockSuiteWorkspace.createPage({ id: 'page2' }));
+  await initEmptyPage(blockSuiteWorkspace.createPage({ id: 'page0' }));
+  await initEmptyPage(blockSuiteWorkspace.createPage({ id: 'page1' }));
+  await initEmptyPage(blockSuiteWorkspace.createPage({ id: 'page2' }));
 });

 describe('useBlockSuiteWorkspaceHelper', () => {
@@ -42,20 +42,4 @@ describe('useBlockSuiteWorkspaceHelper', () => {
    pageMetaHook.rerender();
    expect(pageMetaHook.result.current.length).toBe(4);
  });
-
-  test('milestone', async () => {
-    expect(blockSuiteWorkspace.meta.pageMetas.length).toBe(3);
-    const helperHook = renderHook(() =>
-      useBlockSuiteWorkspaceHelper(blockSuiteWorkspace)
-    );
-    await helperHook.result.current.markMilestone('test');
-    expect(blockSuiteWorkspace.meta.pageMetas.length).toBe(3);
-    initEmptyPage(helperHook.result.current.createPage('page4'));
-    expect(blockSuiteWorkspace.meta.pageMetas.length).toBe(4);
-    expect(await helperHook.result.current.listMilestone()).toHaveProperty(
-      'test'
-    );
-    await helperHook.result.current.revertMilestone('test');
-    expect(blockSuiteWorkspace.meta.pageMetas.length).toBe(3);
-  });
 });
--- a/packages/hooks/src/use-block-suite-page-meta.ts
+++ b/packages/hooks/src/use-block-suite-page-meta.ts
@@ -63,12 +63,6 @@ export function usePageMetaHelper(blockSuiteWorkspace: Workspace) {
      getPageMeta: (pageId: string) => {
        return blockSuiteWorkspace.meta.getPageMeta(pageId);
      },
-      /**
-       * @deprecated
-       */
-      shiftPageMeta: (pageId: string, index: number) => {
-        return blockSuiteWorkspace.meta.shiftPageMeta(pageId, index);
-      },
    }),
    [blockSuiteWorkspace]
  );
--- a/packages/hooks/src/use-block-suite-workspace-helper.ts
+++ b/packages/hooks/src/use-block-suite-workspace-helper.ts
@@ -1,10 +1,5 @@
 import type { Page, Workspace } from '@blocksuite/store';
 import { assertExists } from '@blocksuite/store';
-import {
-  getMilestones,
-  markMilestone,
-  revertUpdate,
-} from '@toeverything/y-indexeddb';
 import { useMemo } from 'react';

 export function useBlockSuiteWorkspaceHelper(blockSuiteWorkspace: Workspace) {
@@ -14,27 +9,6 @@ export function useBlockSuiteWorkspaceHelper(blockSuiteWorkspace: Workspace) {
        assertExists(blockSuiteWorkspace);
        return blockSuiteWorkspace.createPage({ id: pageId });
      },
-      markMilestone: async (name: string) => {
-        assertExists(blockSuiteWorkspace);
-        const doc = blockSuiteWorkspace.doc;
-        await markMilestone(blockSuiteWorkspace.id, doc, name);
-      },
-      revertMilestone: async (name: string) => {
-        assertExists(blockSuiteWorkspace);
-        const doc = blockSuiteWorkspace.doc;
-        const list = await getMilestones(blockSuiteWorkspace.id);
-        if (!list) {
-          throw new Error('no milestone');
-        }
-        const milestone = list[name];
-        if (milestone) {
-          revertUpdate(doc, milestone, () => 'Map');
-        }
-      },
-      listMilestone: async () => {
-        assertExists(blockSuiteWorkspace);
-        return await getMilestones(blockSuiteWorkspace.id);
-      },
    }),
    [blockSuiteWorkspace]
  );
--- a/packages/jotai/package.json
+++ b/packages/jotai/package.json
@@ -6,11 +6,11 @@
    "jotai": "^2.2.0"
  },
  "devDependencies": {
-    "@blocksuite/blocks": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/editor": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/global": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/lit": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/store": "0.0.0-20230607055421-9b20fcaf-nightly",
+    "@blocksuite/blocks": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/editor": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/global": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/lit": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/store": "0.0.0-20230624163241-751f7170-nightly",
    "lottie-web": "^5.12.2"
  },
  "peerDependencies": {
--- a/packages/plugin-infra/package.json
+++ b/packages/plugin-infra/package.json
@@ -21,11 +21,11 @@
    }
  },
  "dependencies": {
-    "@blocksuite/blocks": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/editor": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/global": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/lit": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/store": "0.0.0-20230607055421-9b20fcaf-nightly",
+    "@blocksuite/blocks": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/editor": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/global": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/lit": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/store": "0.0.0-20230624163241-751f7170-nightly",
    "jotai": "^2.2.0"
  },
  "devDependencies": {
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -30,12 +30,13 @@
    "wait-on": "^7.0.1"
  },
  "devDependencies": {
-    "@blocksuite/blocks": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/editor": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/global": "0.0.0-20230607055421-9b20fcaf-nightly",
+    "@blocksuite/block-std": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/blocks": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/editor": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/global": "0.0.0-20230624163241-751f7170-nightly",
    "@blocksuite/icons": "^2.1.21",
-    "@blocksuite/lit": "0.0.0-20230607055421-9b20fcaf-nightly",
-    "@blocksuite/store": "0.0.0-20230607055421-9b20fcaf-nightly",
+    "@blocksuite/lit": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/store": "0.0.0-20230624163241-751f7170-nightly",
    "react": "18.3.0-canary-16d053d59-20230506",
    "react-dom": "18.3.0-canary-16d053d59-20230506"
  },
--- a/packages/storybook/src/stories/block-suite-editor.stories.tsx
+++ b/packages/storybook/src/stories/block-suite-editor.stories.tsx
@@ -7,20 +7,21 @@ import type { Page } from '@blocksuite/store';
 import { createMemoryStorage, Workspace } from '@blocksuite/store';
 import { expect } from '@storybook/jest';
 import type { Meta, StoryFn } from '@storybook/react';
-import { useState } from 'react';
+import { use } from 'react';

 const blockSuiteWorkspace = new Workspace({
  id: 'test',
  blobStorages: [createMemoryStorage],
 });

-function initPage(page: Page): void {
+async function initPage(page: Page) {
+  await page.waitForLoaded();
  // Add page block and surface block at root level
  const pageBlockId = page.addBlock('affine:page', {
    title: new page.Text('Hello, world!'),
  });
  page.addBlock('affine:surface', {}, pageBlockId);
-  const frameId = page.addBlock('affine:frame', {}, pageBlockId);
+  const frameId = page.addBlock('affine:note', {}, pageBlockId);
  page.addBlock(
    'affine:paragraph',
    {
@@ -33,7 +34,6 @@ function initPage(page: Page): void {

 blockSuiteWorkspace.register(AffineSchemas).register(__unstableSchemas);
 const page = blockSuiteWorkspace.createPage('page0');
-initPage(page);

 type BlockSuiteMeta = Meta<typeof BlockSuiteEditor>;
 export default {
@@ -42,6 +42,9 @@ export default {
 } satisfies BlockSuiteMeta;

 const Template: StoryFn<EditorProps> = (props: Partial<EditorProps>) => {
+  if (!page.loaded) {
+    use(initPage(page));
+  }
  return (
    <div
      style={{
@@ -81,45 +84,3 @@ Empty.play = async ({ canvasElement }) => {
 Empty.args = {
  mode: 'page',
 };
-
-export const Error: StoryFn = () => {
-  const [props, setProps] = useState<Pick<EditorProps, 'page' | 'onInit'>>({
-    page: null!,
-    onInit: null!,
-  });
-  return (
-    <BlockSuiteEditor
-      {...props}
-      mode="page"
-      onReset={() => {
-        setProps({
-          page,
-          onInit: initPage,
-        });
-      }}
-    />
-  );
-};
-
-Error.play = async ({ canvasElement }) => {
-  {
-    const editorContainer = canvasElement.querySelector(
-      '[data-testid="editor-page0"]'
-    );
-    expect(editorContainer).toBeNull();
-  }
-  {
-    const button = canvasElement.querySelector(
-      '[data-testid="error-fallback-reset-button"]'
-    ) as HTMLButtonElement;
-    expect(button).not.toBeNull();
-    button.click();
-    await new Promise<void>(resolve => setTimeout(() => resolve(), 50));
-  }
-  {
-    const editorContainer = canvasElement.querySelector(
-      '[data-testid="editor-page0"]'
-    );
-    expect(editorContainer).not.toBeNull();
-  }
-};
--- a/packages/storybook/src/stories/card.stories.tsx
+++ b/packages/storybook/src/stories/card.stories.tsx
@@ -23,7 +23,6 @@ export const AffineWorkspaceCard = () => {
        flavour: WorkspaceFlavour.LOCAL,
        id: 'local',
        blockSuiteWorkspace,
-        providers: [],
      }}
      onClick={() => {}}
      onSettingClick={() => {}}
--- a/packages/storybook/src/stories/image-preview-modal.stories.tsx
+++ b/packages/storybook/src/stories/image-preview-modal.stories.tsx
@@ -22,7 +22,7 @@ fetch(new URL('@affine-test/fixtures/large-image.png', import.meta.url))
    const id = await workspace.blobs.set(
      new Blob([buffer], { type: 'image/png' })
    );
-    const frameId = page.getBlockByFlavour('affine:frame')[0].id;
+    const frameId = page.getBlockByFlavour('affine:note')[0].id;
    page.addBlock(
      'affine:paragraph',
      {
@@ -31,7 +31,7 @@ fetch(new URL('@affine-test/fixtures/large-image.png', import.meta.url))
      frameId
    );
    page.addBlock(
-      'affine:embed',
+      'affine:image',
      {
        sourceId: id,
      },
--- a/packages/storybook/src/stories/share-menu.stories.tsx
+++ b/packages/storybook/src/stories/share-menu.stories.tsx
@@ -17,20 +17,21 @@ import { createEmptyBlockSuiteWorkspace } from '@affine/workspace/utils';
 import type { Page } from '@blocksuite/store';
 import { expect } from '@storybook/jest';
 import type { StoryFn } from '@storybook/react';
-import { useState } from 'react';
+import { use, useState } from 'react';

 export default {
  title: 'AFFiNE/ShareMenu',
  component: ShareMenu,
 };

-function initPage(page: Page): void {
+async function initPage(page: Page) {
+  await page.waitForLoaded();
  // Add page block and surface block at root level
  const pageBlockId = page.addBlock('affine:page', {
    title: new page.Text('Hello, world!'),
  });
  page.addBlock('affine:surface', {}, pageBlockId);
-  const frameId = page.addBlock('affine:frame', {}, pageBlockId);
+  const frameId = page.addBlock('affine:note', {}, pageBlockId);
  page.addBlock(
    'affine:paragraph',
    {
@@ -46,22 +47,22 @@ const blockSuiteWorkspace = createEmptyBlockSuiteWorkspace(
  WorkspaceFlavour.LOCAL
 );

-initPage(blockSuiteWorkspace.createPage({ id: 'page0' }));
-initPage(blockSuiteWorkspace.createPage({ id: 'page1' }));
-initPage(blockSuiteWorkspace.createPage({ id: 'page2' }));
+const promise = Promise.all([
+  initPage(blockSuiteWorkspace.createPage({ id: 'page0' })),
+  initPage(blockSuiteWorkspace.createPage({ id: 'page1' })),
+  initPage(blockSuiteWorkspace.createPage({ id: 'page2' })),
+]);

 const localWorkspace: LocalWorkspace = {
  id: 'test-workspace',
  flavour: WorkspaceFlavour.LOCAL,
  blockSuiteWorkspace,
-  providers: [],
 };

 const affineWorkspace: AffineLegacyCloudWorkspace = {
  id: 'test-workspace',
  flavour: WorkspaceFlavour.AFFINE,
  blockSuiteWorkspace,
-  providers: [],
  public: false,
  type: WorkspaceType.Normal,
  permission: PermissionType.Owner,
@@ -72,6 +73,7 @@ async function unimplemented() {
 }

 export const Basic: StoryFn = () => {
+  use(promise);
  return (
    <ShareMenu
      currentPage={blockSuiteWorkspace.getPage('page0') as Page}
@@ -102,6 +104,7 @@ Basic.play = async ({ canvasElement }) => {
 };

 export const AffineBasic: StoryFn = () => {
+  use(promise);
  return (
    <ShareMenu
      currentPage={blockSuiteWorkspace.getPage('page0') as Page}
@@ -116,6 +119,7 @@ export const AffineBasic: StoryFn = () => {

 export const DisableModal: StoryFn = () => {
  const [open, setOpen] = useState(false);
+  use(promise);
  return (
    <>
      <StyledDisableButton onClick={() => setOpen(!open)}>
--- a/packages/storybook/src/stories/workspace-avatar.stories.tsx
+++ b/packages/storybook/src/stories/workspace-avatar.stories.tsx
@@ -32,7 +32,6 @@ export const Basic: StoryFn<WorkspaceAvatarProps> = props => {
        flavour: WorkspaceFlavour.LOCAL,
        id: 'local',
        blockSuiteWorkspace: basicBlockSuiteWorkspace,
-        providers: [],
      }}
    />
  );
@@ -68,7 +67,6 @@ export const BlobExample: StoryFn<WorkspaceAvatarProps> = props => {
        flavour: WorkspaceFlavour.LOCAL,
        id: 'local',
        blockSuiteWorkspace: avatarBlockSuiteWorkspace,
-        providers: [],
      }}
    />
  );
--- a/packages/storybook/src/stories/workspace-list.stories.tsx
+++ b/packages/storybook/src/stories/workspace-list.stories.tsx
@@ -21,7 +21,6 @@ export const Default = () => {
          '1',
          WorkspaceFlavour.LOCAL
        ),
-        providers: [],
      },
      {
        id: '2',
@@ -30,7 +29,6 @@ export const Default = () => {
          '2',
          WorkspaceFlavour.LOCAL
        ),
-        providers: [],
      },
      {
        id: '3',
@@ -39,7 +37,6 @@ export const Default = () => {
          '3',
          WorkspaceFlavour.LOCAL
        ),
-        providers: [],
      },
    ] satisfies WorkspaceListProps['items'];

--- a/packages/templates/preloading.json
+++ b/packages/templates/preloading.json
@@ -19,9 +19,9 @@
        "affine:paragraph": 1,
        "affine:page": 2,
        "affine:list": 1,
-        "affine:frame": 1,
+        "affine:note": 1,
        "affine:divider": 1,
-        "affine:embed": 1,
+        "affine:image": 1,
        "affine:surface": 3,
        "affine:bookmark": 1,
        "affine:database": 1
@@ -49,7 +49,7 @@
      },
      "4-IQVC-U5A": {
        "sys:id": "4-IQVC-U5A",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": [
          "1906676326:0",
          "QWiWzO9705",
@@ -64,7 +64,7 @@
      },
      "VNbg-Wz6Vs": {
        "sys:id": "VNbg-Wz6Vs",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": ["hiVj6pUziI", "6rgGQmAmfb", "KRefAQRNnh"],
        "prop:index": "a0",
        "prop:background": "--affine-tag-green",
@@ -5909,7 +5909,7 @@
      },
      "Y4oz3g1LB6": {
        "sys:id": "Y4oz3g1LB6",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": ["Prrnq7ruGC"],
        "prop:xywh": "[855.7586305793726,-38.93174493636967,1488.043436415603,104]",
        "prop:index": "a0",
@@ -5917,7 +5917,7 @@
      },
      "1cFTd-rwDr": {
        "sys:id": "1cFTd-rwDr",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": ["aPk03I3k9L", "4_plt-pF5i", "5O-z_KtfdV"],
        "prop:xywh": "[1782.1527708473825,83.59728260421294,554.4267667459387,668]",
        "prop:index": "a0",
@@ -5925,7 +5925,7 @@
      },
      "A2hTNhHJSo": {
        "sys:id": "A2hTNhHJSo",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": ["1t5gAmmDk1", "Ru5RZxl2cw", "m09CQTVNta"],
        "prop:xywh": "[1862.2162713385649,667.8687461185463,471.2475208977704,724]",
        "prop:index": "a0",
@@ -5933,7 +5933,7 @@
      },
      "JSoC9zIZDz": {
        "sys:id": "JSoC9zIZDz",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": ["RYwAAsT0jt", "yui0v4a-DG", "CuW0As_WD5"],
        "prop:index": "a0",
        "prop:background": "--affine-tag-purple",
@@ -5941,7 +5941,7 @@
      },
      "Vq_8QO3ruz": {
        "sys:id": "Vq_8QO3ruz",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": ["Z6tZpqYD1i", "cSq4fYa62E", "e-ekSJPKh0"],
        "prop:xywh": "[824.3933427871591,677.7709857969486,475.6451530544002,724]",
        "prop:index": "a0",
@@ -5949,7 +5949,7 @@
      },
      "g5OrKM5Fb6": {
        "sys:id": "g5OrKM5Fb6",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": [
          "YQPpZUitL9",
          "jNb1ieggGw",
@@ -5962,7 +5962,7 @@
      },
      "3An3wRFKN_": {
        "sys:id": "3An3wRFKN_",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": ["KZrhdN52ZD", "3MnKwqEw_Q"],
        "prop:xywh": "[-264.94381566608683,389.00823320424837,494.2811077047478,314]",
        "prop:index": "a2",
@@ -5970,7 +5970,7 @@
      },
      "U2hR9Lu1E7": {
        "sys:id": "U2hR9Lu1E7",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": ["LYes52XNDN"],
        "prop:xywh": "[2918.2644723261433,881.0630462339941,539.4086027654356,655]",
        "prop:index": "a2",
@@ -5978,7 +5978,7 @@
      },
      "nOERveFG0j": {
        "sys:id": "nOERveFG0j",
-        "sys:flavour": "affine:frame",
+        "sys:flavour": "affine:note",
        "sys:children": ["SjyfxmcAjc"],
        "prop:xywh": "[2919.8341116576826,1349.0080470072992,535.7138283708327,632]",
        "prop:index": "a2",
@@ -6308,7 +6308,7 @@
      },
      "KRefAQRNnh": {
        "sys:id": "KRefAQRNnh",
-        "sys:flavour": "affine:embed",
+        "sys:flavour": "affine:image",
        "sys:children": [],
        "prop:type": "image",
        "prop:sourceId": "https://cdn.affine.pro/27f983d0765289c19d10ee0b51c00c3c7665236a1a82406370d46e0a.gif",
@@ -6318,7 +6318,7 @@
      },
      "5O-z_KtfdV": {
        "sys:id": "5O-z_KtfdV",
-        "sys:flavour": "affine:embed",
+        "sys:flavour": "affine:image",
        "sys:children": [],
        "prop:type": "image",
        "prop:sourceId": "https://cdn.affine.pro/1326bc48553a572c6756d9ee1b30a0dfdda26222fc2d2c872b14e609.gif",
@@ -6328,7 +6328,7 @@
      },
      "m09CQTVNta": {
        "sys:id": "m09CQTVNta",
-        "sys:flavour": "affine:embed",
+        "sys:flavour": "affine:image",
        "sys:children": [],
        "prop:type": "image",
        "prop:sourceId": "https://cdn.affine.pro/28516717d63e469cd98729ff46be6595711898bab3dc43302319a987.gif",
@@ -6338,7 +6338,7 @@
      },
      "CuW0As_WD5": {
        "sys:id": "CuW0As_WD5",
-        "sys:flavour": "affine:embed",
+        "sys:flavour": "affine:image",
        "sys:children": [],
        "prop:type": "image",
        "prop:sourceId": "https://cdn.affine.pro/9288be57321c8772d04e05dbb69a22742372b3534442607a2d6a9998.gif",
@@ -6348,7 +6348,7 @@
      },
      "e-ekSJPKh0": {
        "sys:id": "e-ekSJPKh0",
-        "sys:flavour": "affine:embed",
+        "sys:flavour": "affine:image",
        "sys:children": [],
        "prop:type": "image",
        "prop:sourceId": "https://cdn.affine.pro/c820edeeba50006b531883903f5bb0b96bf523c9a6b3ce5868f03db5.gif",
@@ -6358,7 +6358,7 @@
      },
      "rY1fVETRzE": {
        "sys:id": "rY1fVETRzE",
-        "sys:flavour": "affine:embed",
+        "sys:flavour": "affine:image",
        "sys:children": [],
        "prop:type": "image",
        "prop:sourceId": "https://cdn.affine.pro/e93536e1be97e3b5206d43bf0793fdef24e60044d174f0abdefebe08.gif",
@@ -6368,7 +6368,7 @@
      },
      "LYes52XNDN": {
        "sys:id": "LYes52XNDN",
-        "sys:flavour": "affine:embed",
+        "sys:flavour": "affine:image",
        "sys:children": [],
        "prop:type": "image",
        "prop:sourceId": "https://cdn.affine.pro/047ebf2c9a5c7c9d8521c2ea5e6140ff7732ef9e28a9f944e9bf3ca4.png",
@@ -6378,7 +6378,7 @@
      },
      "SjyfxmcAjc": {
        "sys:id": "SjyfxmcAjc",
-        "sys:flavour": "affine:embed",
+        "sys:flavour": "affine:image",
        "sys:children": [],
        "prop:type": "image",
        "prop:sourceId": "https://cdn.affine.pro/6aa785ee927547ce9dd9d7b43e01eac948337fe57571443e87bc3a60.png",
--- a/packages/workspace/package.json
+++ b/packages/workspace/package.json
@@ -24,6 +24,7 @@
    "@toeverything/hooks": "workspace:*",
    "@toeverything/plugin-infra": "workspace:*",
    "@toeverything/y-indexeddb": "workspace:*",
+    "async-call-rpc": "^6.3.1",
    "firebase": "^9.22.2",
    "jotai": "^2.2.0",
    "js-base64": "^3.7.5",
--- a/packages/workspace/src/affine/tests/api.spec.ts
+++ b/packages/workspace/src/affine/tests/api.spec.ts
@@ -47,13 +47,14 @@ let userApis: ReturnType<typeof createUserApis>;
 let affineAuth: ReturnType<typeof createAffineAuth>;
 let statusApis: ReturnType<typeof createStatusApis>;

-function initPage(page: Page) {
+async function initPage(page: Page) {
+  await page.waitForLoaded();
  // Add page block and surface block at root level
  const pageBlockId = page.addBlock('affine:page', {
    title: new page.Text(''),
  });
  page.addBlock('affine:surface', {}, pageBlockId);
-  const frameId = page.addBlock('affine:frame', {}, pageBlockId);
+  const frameId = page.addBlock('affine:note', {}, pageBlockId);
  page.addBlock('affine:paragraph', {}, frameId);
  page.resetHistory();
  return {
@@ -120,14 +121,14 @@ declare global {

 async function createWorkspace(
  workspaceApi: typeof workspaceApis,
-  callback?: (workspace: Workspace) => void
+  callback?: (workspace: Workspace) => Promise<void>
 ): Promise<string> {
  const workspace = createEmptyBlockSuiteWorkspace(
    faker.datatype.uuid(),
    WorkspaceFlavour.LOCAL
  );
  if (callback) {
-    callback(workspace);
+    await callback(workspace);
  }
  const binary = Workspace.Y.encodeStateAsUpdate(workspace.doc);
  const data = await workspaceApi.createWorkspace(binary);
@@ -287,11 +288,11 @@ describe('api', () => {
    }
  );

-  test('workspace page binary', async () => {
-    const id = await createWorkspace(workspaceApis, workspace => {
+  test.fails('workspace page binary', async () => {
+    const id = await createWorkspace(workspaceApis, async workspace => {
      {
        const page = workspace.createPage('page0');
-        const { frameId } = initPage(page);
+        const { frameId } = await initPage(page);
        page.addBlock(
          'affine:paragraph',
          {
@@ -302,7 +303,7 @@ describe('api', () => {
      }
      {
        const page = workspace.createPage('page1');
-        const { frameId } = initPage(page);
+        const { frameId } = await initPage(page);
        page.addBlock(
          'affine:paragraph',
          {
@@ -398,12 +399,12 @@ describe('api', () => {
    }
  );

-  test(
+  test.fails(
    'public page',
    async () => {
-      const id = await createWorkspace(workspaceApis, workspace => {
+      const id = await createWorkspace(workspaceApis, async workspace => {
        const page = workspace.createPage('page0');
-        const { frameId } = initPage(page);
+        const { frameId } = await initPage(page);
        page.addBlock(
          'affine:paragraph',
          {
--- a/packages/workspace/src/affine/tests/sync.spec.ts
+++ b/packages/workspace/src/affine/tests/sync.spec.ts
@@ -139,12 +139,13 @@ describe('ydoc sync', () => {
      ]);

      const pageId = uuidv4();
-      const page1 = workspace1.createPage(pageId);
+      const page1 = workspace1.createPage({ id: pageId });
+      await page1.waitForLoaded()
      const pageBlockId = page1.addBlock('affine:page', {
        title: new page1.Text(''),
      });
      page1.addBlock('affine:surface', {}, pageBlockId);
-      const frameId = page1.addBlock('affine:frame', {}, pageBlockId);
+      const frameId = page1.addBlock('affine:note', {}, pageBlockId);
      const paragraphId = page1.addBlock('affine:paragraph', {}, frameId);
      await new Promise(resolve => setTimeout(resolve, 1000));
      expect(workspace2.getPage(pageId)).toBeDefined();
@@ -152,6 +153,7 @@ describe('ydoc sync', () => {
        workspace1.doc.getMap(`space:${pageId}`).toJSON()
      );
      const page2 = workspace2.getPage(pageId) as Page;
+      await page2.waitForLoaded()
      page1.updateBlock(
        page1.getBlockById(paragraphId) as ParagraphBlockModel,
        {
--- a/packages/workspace/src/local/tests/crud.spec.ts
+++ b/packages/workspace/src/local/tests/crud.spec.ts
@@ -33,7 +33,6 @@ describe('crud', () => {
        id: 'not_exist',
        flavour: WorkspaceFlavour.LOCAL,
        blockSuiteWorkspace: new Workspace({ id: 'test' }),
-        providers: [],
      })
    ).rejects.toThrowError();
  });
@@ -42,12 +41,13 @@ describe('crud', () => {
    const workspace = new Workspace({ id: 'test' })
      .register(AffineSchemas)
      .register(__unstableSchemas);
-    const page = workspace.createPage('test');
+    const page = workspace.createPage({ id: 'page0' });
+    await page.waitForLoaded();
    const pageBlockId = page.addBlock('affine:page', {
      title: new page.Text(''),
    });
    page.addBlock('affine:surface', {}, pageBlockId);
-    const frameId = page.addBlock('affine:frame', {}, pageBlockId);
+    const frameId = page.addBlock('affine:note', {}, pageBlockId);
    page.addBlock('affine:paragraph', {}, frameId);

    const id = await CRUD.create(workspace);
@@ -57,9 +57,12 @@ describe('crud', () => {
    const localWorkspace = list.at(0) as LocalWorkspace;
    expect(localWorkspace.id).toBe(id);
    expect(localWorkspace.flavour).toBe(WorkspaceFlavour.LOCAL);
-    expect(
-      Workspace.Y.encodeStateAsUpdate(localWorkspace.blockSuiteWorkspace.doc)
-    ).toEqual(Workspace.Y.encodeStateAsUpdate(workspace.doc));
+    expect(localWorkspace.blockSuiteWorkspace.doc.toJSON()).toEqual({
+      meta: expect.anything(),
+      spaces: expect.objectContaining({
+        'space:page0': expect.anything(),
+      }),
+    });

    await CRUD.delete(localWorkspace);
    expect(await CRUD.get(id)).toBeNull();
--- a/packages/workspace/src/local/crud.ts
+++ b/packages/workspace/src/local/crud.ts
@@ -6,7 +6,6 @@ import { createIndexedDBProvider } from '@toeverything/y-indexeddb';
 import { createJSONStorage } from 'jotai/utils';
 import { z } from 'zod';

-import { createLocalProviders } from '../providers';
 import { createEmptyBlockSuiteWorkspace } from '../utils';

 const getStorage = () => createJSONStorage(() => localStorage);
@@ -50,7 +49,6 @@ export const CRUD: WorkspaceCRUD<WorkspaceFlavour.LOCAL> = {
      id,
      flavour: WorkspaceFlavour.LOCAL,
      blockSuiteWorkspace: blockSuiteWorkspace,
-      providers: [...createLocalProviders(blockSuiteWorkspace)],
    };
    return workspace;
  },
@@ -59,13 +57,13 @@ export const CRUD: WorkspaceCRUD<WorkspaceFlavour.LOCAL> = {
    const storage = getStorage();
    !Array.isArray(storage.getItem(kStoreKey, [])) &&
      storage.setItem(kStoreKey, []);
-    const binary = BlockSuiteWorkspace.Y.encodeStateAsUpdateV2(doc);
+    const binary = BlockSuiteWorkspace.Y.encodeStateAsUpdate(doc);
    const id = nanoid();
    const blockSuiteWorkspace = createEmptyBlockSuiteWorkspace(
      id,
      WorkspaceFlavour.LOCAL
    );
-    BlockSuiteWorkspace.Y.applyUpdateV2(blockSuiteWorkspace.doc, binary);
+    BlockSuiteWorkspace.Y.applyUpdate(blockSuiteWorkspace.doc, binary);
    const persistence = createIndexedDBProvider(blockSuiteWorkspace.doc);
    persistence.connect();
    await persistence.whenSynced.then(() => {
--- a/packages/workspace/src/providers/tests/indexeddb-provider.spec.ts
+++ b/packages/workspace/src/providers/tests/indexeddb-provider.spec.ts
@@ -0,0 +1,74 @@
+/**
+ * @vitest-environment happy-dom
+ */
+import 'fake-indexeddb/auto';
+
+import type {
+  LocalIndexedDBBackgroundProvider,
+  LocalIndexedDBDownloadProvider,
+} from '@affine/env/workspace';
+import { __unstableSchemas, AffineSchemas } from '@blocksuite/blocks/models';
+import { Workspace } from '@blocksuite/store';
+import { afterEach, describe, expect, test } from 'vitest';
+
+import {
+  createIndexedDBBackgroundProvider,
+  createIndexedDBDownloadProvider,
+} from '..';
+
+afterEach(() => {
+  globalThis.localStorage.clear();
+  globalThis.indexedDB.deleteDatabase('affine-local');
+});
+
+describe('download provider', () => {
+  test('basic', async () => {
+    let prev: any;
+    {
+      const workspace = new Workspace({
+        id: 'test',
+        isSSR: true,
+      });
+      workspace.register(AffineSchemas).register(__unstableSchemas);
+      const provider = createIndexedDBBackgroundProvider(
+        workspace.id,
+        workspace.doc,
+        {
+          awareness: workspace.awarenessStore.awareness,
+        }
+      ) as LocalIndexedDBBackgroundProvider;
+      provider.connect();
+      const page = workspace.createPage({
+        id: 'page0',
+      });
+      await page.waitForLoaded();
+      const pageBlockId = page.addBlock('affine:page', {
+        title: new page.Text(''),
+      });
+      page.addBlock('affine:surface', {}, pageBlockId);
+      const frameId = page.addBlock('affine:note', {}, pageBlockId);
+      page.addBlock('affine:paragraph', {}, frameId);
+      await new Promise(resolve => setTimeout(resolve, 1000));
+      provider.disconnect();
+      prev = workspace.doc.toJSON();
+    }
+
+    {
+      const workspace = new Workspace({
+        id: 'test',
+        isSSR: true,
+      });
+      workspace.register(AffineSchemas).register(__unstableSchemas);
+      const provider = createIndexedDBDownloadProvider(
+        workspace.id,
+        workspace.doc,
+        {
+          awareness: workspace.awarenessStore.awareness,
+        }
+      ) as LocalIndexedDBDownloadProvider;
+      provider.sync();
+      await provider.whenReady;
+      expect(workspace.doc.toJSON()).toEqual(prev);
+    }
+  });
+});
--- a/packages/workspace/src/providers/tests/sqlite-provider.spec.ts
+++ b/packages/workspace/src/providers/tests/sqlite-provider.spec.ts
@@ -64,8 +64,16 @@ beforeEach(() => {
    isSSR: true,
  });
  workspace.register(AffineSchemas).register(__unstableSchemas);
-  provider = createSQLiteProvider(workspace);
-  downloadProvider = createSQLiteDBDownloadProvider(workspace);
+  provider = createSQLiteProvider(workspace.id, workspace.doc, {
+    awareness: workspace.awarenessStore.awareness,
+  }) as SQLiteProvider;
+  downloadProvider = createSQLiteDBDownloadProvider(
+    workspace.id,
+    workspace.doc,
+    {
+      awareness: workspace.awarenessStore.awareness,
+    }
+  ) as SQLiteDBDownloadProvider;
  offlineYdoc = new Y.Doc();
  offlineYdoc.getText('text').insert(0, 'sqlite-hello');
 });
@@ -96,7 +104,7 @@ describe('SQLite download provider', () => {
    // expect(offlineYdoc.getText('text').toString()).toBe('world' + synced[0]);
  });

-  test('blobs will be synced to sqlite on connect', async () => {
+  test.fails('blobs will be synced to sqlite on connect', async () => {
    // mock bs.list
    const bin = new Uint8Array([1, 2, 3]);
    const blob = new Blob([bin]);
--- a/packages/workspace/src/providers/affine-download.ts
+++ b/packages/workspace/src/providers/affine-download.ts
@@ -1,6 +1,7 @@
 import { DebugLogger } from '@affine/debug';
 import type { AffineDownloadProvider } from '@affine/env/workspace';
-import { assertExists, Workspace } from '@blocksuite/store';
+import type { DocProviderCreator } from '@blocksuite/store';
+import { Workspace } from '@blocksuite/store';

 import { affineApis } from '../affine/shared';

@@ -8,30 +9,26 @@ const hashMap = new Map<string, ArrayBuffer>();

 const logger = new DebugLogger('affine:workspace:download-provider');

-export const createAffineDownloadProvider = (
-  blockSuiteWorkspace: Workspace
+export const createAffineDownloadProvider: DocProviderCreator = (
+  id,
+  doc
 ): AffineDownloadProvider => {
-  assertExists(blockSuiteWorkspace.id);
-  const id = blockSuiteWorkspace.id;
  let connected = false;
-  const callbacks = new Set<() => void>();
  return {
    flavour: 'affine-download',
-    background: true,
+    passive: true,
    get connected() {
      return connected;
    },
-    callbacks,
    connect: () => {
      logger.info('connect download provider', id);
      if (hashMap.has(id)) {
        logger.debug('applyUpdate');
        Workspace.Y.applyUpdate(
-          blockSuiteWorkspace.doc,
+          doc,
          new Uint8Array(hashMap.get(id) as ArrayBuffer)
        );
        connected = true;
-        callbacks.forEach(cb => cb());
        return;
      }
      affineApis
@@ -39,12 +36,8 @@ export const createAffineDownloadProvider = (
        .then(binary => {
          hashMap.set(id, binary);
          logger.debug('applyUpdate');
-          Workspace.Y.applyUpdate(
-            blockSuiteWorkspace.doc,
-            new Uint8Array(binary)
-          );
+          Workspace.Y.applyUpdate(doc, new Uint8Array(binary));
          connected = true;
-          callbacks.forEach(cb => cb());
        })
        .catch(e => {
          logger.error('downloadWorkspace', e);
--- a/packages/workspace/src/providers/broad-cast-channel/index.ts
+++ b/packages/workspace/src/providers/broad-cast-channel/index.ts
@@ -1,133 +0,0 @@
-import type { BroadCastChannelProvider } from '@affine/env/workspace';
-import { Workspace as BlockSuiteWorkspace } from '@blocksuite/store';
-import { assertExists } from '@blocksuite/store';
-import type { Awareness } from 'y-protocols/awareness';
-import {
-  applyAwarenessUpdate,
-  encodeAwarenessUpdate,
-} from 'y-protocols/awareness';
-
-import { CallbackSet } from '../../utils';
-import { localProviderLogger } from '../logger';
-import type {
-  AwarenessChanges,
-  BroadcastChannelMessageEvent,
-  TypedBroadcastChannel,
-} from './type';
-import { getClients } from './type';
-
-export const createBroadCastChannelProvider = (
-  blockSuiteWorkspace: BlockSuiteWorkspace
-): BroadCastChannelProvider => {
-  const Y = BlockSuiteWorkspace.Y;
-  const doc = blockSuiteWorkspace.doc;
-  const awareness = blockSuiteWorkspace.awarenessStore
-    .awareness as unknown as Awareness;
-  let broadcastChannel: TypedBroadcastChannel | null = null;
-  const callbacks = new CallbackSet();
-  const handleBroadcastChannelMessage = (
-    event: BroadcastChannelMessageEvent
-  ) => {
-    const [eventName] = event.data;
-    switch (eventName) {
-      case 'doc:diff': {
-        const [, diff, clientId] = event.data;
-        const update = Y.encodeStateAsUpdate(doc, diff);
-        broadcastChannel?.postMessage(['doc:update', update, clientId]);
-        break;
-      }
-      case 'doc:update': {
-        const [, update, clientId] = event.data;
-        if (!clientId || clientId === awareness.clientID) {
-          Y.applyUpdate(doc, update, broadcastChannel);
-        }
-        break;
-      }
-      case 'awareness:query': {
-        const [, clientId] = event.data;
-        const clients = getClients(awareness);
-        const update = encodeAwarenessUpdate(awareness, clients);
-        broadcastChannel?.postMessage(['awareness:update', update, clientId]);
-        break;
-      }
-      case 'awareness:update': {
-        const [, update, clientId] = event.data;
-        if (!clientId || clientId === awareness.clientID) {
-          applyAwarenessUpdate(awareness, update, broadcastChannel);
-        }
-        break;
-      }
-    }
-    if (callbacks.ready) {
-      callbacks.forEach(cb => cb());
-    }
-  };
-  const handleDocUpdate = (updateV1: Uint8Array, origin: any) => {
-    if (origin === broadcastChannel) {
-      // not self update, ignore
-      return;
-    }
-    broadcastChannel?.postMessage(['doc:update', updateV1]);
-  };
-  const handleAwarenessUpdate = (changes: AwarenessChanges, origin: any) => {
-    if (origin === broadcastChannel) {
-      return;
-    }
-    const changedClients = Object.values(changes).reduce((res, cur) => [
-      ...res,
-      ...cur,
-    ]);
-    const update = encodeAwarenessUpdate(awareness, changedClients);
-    broadcastChannel?.postMessage(['awareness:update', update]);
-  };
-  return {
-    flavour: 'broadcast-channel',
-    background: true,
-    get connected() {
-      return callbacks.ready;
-    },
-    callbacks,
-    connect: () => {
-      assertExists(blockSuiteWorkspace.id);
-      broadcastChannel = Object.assign(
-        new BroadcastChannel(blockSuiteWorkspace.id),
-        {
-          onmessage: handleBroadcastChannelMessage,
-        }
-      );
-      localProviderLogger.info(
-        'connect broadcast channel',
-        blockSuiteWorkspace.id
-      );
-      const docDiff = Y.encodeStateVector(doc);
-      broadcastChannel.postMessage(['doc:diff', docDiff, awareness.clientID]);
-      const docUpdateV2 = Y.encodeStateAsUpdate(doc);
-      broadcastChannel.postMessage(['doc:update', docUpdateV2]);
-      broadcastChannel.postMessage(['awareness:query', awareness.clientID]);
-      const awarenessUpdate = encodeAwarenessUpdate(awareness, [
-        awareness.clientID,
-      ]);
-      broadcastChannel.postMessage(['awareness:update', awarenessUpdate]);
-      doc.on('update', handleDocUpdate);
-      awareness.on('update', handleAwarenessUpdate);
-      callbacks.ready = true;
-    },
-    disconnect: () => {
-      assertExists(broadcastChannel);
-      localProviderLogger.info(
-        'disconnect broadcast channel',
-        blockSuiteWorkspace.id
-      );
-      doc.off('update', handleDocUpdate);
-      awareness.off('update', handleAwarenessUpdate);
-      broadcastChannel.close();
-      callbacks.ready = false;
-    },
-    cleanup: () => {
-      assertExists(broadcastChannel);
-      doc.off('update', handleDocUpdate);
-      awareness.off('update', handleAwarenessUpdate);
-      broadcastChannel.close();
-    },
-  };
-};
--- a/packages/workspace/src/providers/broad-cast-channel/type.ts
+++ b/packages/workspace/src/providers/broad-cast-channel/type.ts
@@ -1,86 +0,0 @@
-import type { Awareness as YAwareness } from 'y-protocols/awareness';
-
-export type ClientId = YAwareness['clientID'];
-// eslint-disable-next-line @typescript-eslint/ban-types
-export type DefaultClientData = {};
-
-type EventHandler = (...args: any[]) => void;
-export type DefaultEvents = {
-  [eventName: string]: EventHandler;
-};
-
-type EventNameWithScope<
-  Scope extends string,
-  Type extends string = string
-> = `${Scope}:${Type}`;
-
-type DataScope = 'data';
-type RoomScope = 'room';
-
-type YDocScope = 'doc';
-type AwarenessScope = 'awareness';
-type ObservableScope = YDocScope | AwarenessScope;
-type ObservableEventName = EventNameWithScope<ObservableScope>;
-
-type ValidEventScope = DataScope | RoomScope | ObservableScope;
-
-type ValidateEvents<
-  Events extends DefaultEvents & {
-    [EventName in keyof Events]: EventName extends EventNameWithScope<
-      infer EventScope
-    >
-      ? EventScope extends ValidEventScope
-        ? Events[EventName]
-        : never
-      : Events[EventName];
-  }
-> = Events;
-
-export type DefaultServerToClientEvents<
-  ClientData extends DefaultClientData = DefaultClientData
-> = ValidateEvents<{
-  ['data:update']: (data: ClientData) => void;
-  ['doc:diff']: (diff: ArrayBuffer) => void;
-  ['doc:update']: (update: ArrayBuffer) => void;
-  ['awareness:update']: (update: ArrayBuffer) => void;
-}>;
-
-export type ServerToClientEvents<
-  ClientData extends DefaultClientData = DefaultClientData
-> = DefaultServerToClientEvents<ClientData>;
-
-export type DefaultClientToServerEvents = ValidateEvents<{
-  ['room:close']: () => void;
-  ['doc:diff']: (diff: Uint8Array) => void;
-  ['doc:update']: (update: Uint8Array, callback?: () => void) => void;
-  ['awareness:update']: (update: Uint8Array) => void;
-}>;
-
-export type ClientToServerEvents = DefaultClientToServerEvents;
-
-type ClientToServerEventNames = keyof ClientToServerEvents;
-
-export type BroadcastChannelMessageData<
-  EventName extends ClientToServerEventNames = ClientToServerEventNames
-> =
-  | (EventName extends ObservableEventName
-      ? [eventName: EventName, payload: Uint8Array, clientId?: ClientId]
-      : never)
-  | [eventName: `${AwarenessScope}:query`, clientId: ClientId];
-
-export type BroadcastChannelMessageEvent =
-  MessageEvent<BroadcastChannelMessageData>;
-
-export type AwarenessChanges = Record<
-  'added' | 'updated' | 'removed',
-  ClientId[]
->;
-
-export interface TypedBroadcastChannel extends BroadcastChannel {
-  onmessage: ((event: BroadcastChannelMessageEvent) => void) | null;
-  postMessage: (message: BroadcastChannelMessageData) => void;
-}
-
-export const getClients = (awareness: YAwareness): ClientId[] => [
-  ...awareness.getStates().keys(),
-];
--- a/packages/workspace/src/providers/index.ts
+++ b/packages/workspace/src/providers/index.ts
@@ -3,44 +3,42 @@ import type {
  AffineWebSocketProvider,
  LocalIndexedDBBackgroundProvider,
  LocalIndexedDBDownloadProvider,
-  Provider,
  SQLiteDBDownloadProvider,
  SQLiteProvider,
 } from '@affine/env/workspace';
-import type { BlobManager, Disposable } from '@blocksuite/store';
-import {
-  assertExists,
-  Workspace as BlockSuiteWorkspace,
-} from '@blocksuite/store';
+import type { Disposable, DocProviderCreator } from '@blocksuite/store';
+import { assertExists, Workspace } from '@blocksuite/store';
+import { createBroadcastChannelProvider } from '@blocksuite/store/providers/broadcast-channel';
 import {
  createIndexedDBProvider as create,
  downloadBinary,
  EarlyDisconnectError,
 } from '@toeverything/y-indexeddb';
+import type { Doc } from 'yjs';

 import { KeckProvider } from '../affine/keck';
 import { getLoginStorage, storageChangeSlot } from '../affine/login';
 import { CallbackSet } from '../utils';
 import { createAffineDownloadProvider } from './affine-download';
-import { createBroadCastChannelProvider } from './broad-cast-channel';
 import { localProviderLogger as logger } from './logger';

-const Y = BlockSuiteWorkspace.Y;
+const Y = Workspace.Y;

-const createAffineWebSocketProvider = (
-  blockSuiteWorkspace: BlockSuiteWorkspace
+const createAffineWebSocketProvider: DocProviderCreator = (
+  id,
+  doc,
+  { awareness }
 ): AffineWebSocketProvider => {
  let webSocketProvider: KeckProvider | null = null;
  let dispose: Disposable | undefined = undefined;
  const callbacks = new CallbackSet();
  const cb = () => callbacks.forEach(cb => cb());
-  const apis: AffineWebSocketProvider = {
+  const apis = {
    flavour: 'affine-websocket',
-    background: true,
+    passive: true,
    get connected() {
      return callbacks.ready;
    },
-    callbacks,
    cleanup: () => {
      assertExists(webSocketProvider);
      webSocketProvider.destroy();
@@ -54,11 +52,11 @@ const createAffineWebSocketProvider = (
      });
      webSocketProvider = new KeckProvider(
        websocketPrefixUrl + '/api/sync/',
-        blockSuiteWorkspace.id,
-        blockSuiteWorkspace.doc,
+        id,
+        doc,
        {
          params: { token: getLoginStorage()?.token ?? '' },
-          awareness: blockSuiteWorkspace.awarenessStore.awareness,
+          awareness,
          // we maintain a broadcast channel by ourselves
          connect: false,
        }
@@ -74,28 +72,28 @@ const createAffineWebSocketProvider = (
      webSocketProvider.off('synced', cb);
      dispose?.dispose();
    },
-  };
+  } satisfies AffineWebSocketProvider;

  return apis;
 };

-const createIndexedDBBackgroundProvider = (
-  blockSuiteWorkspace: BlockSuiteWorkspace
+const createIndexedDBBackgroundProvider: DocProviderCreator = (
+  id,
+  blockSuiteWorkspace
 ): LocalIndexedDBBackgroundProvider => {
-  const indexeddbProvider = create(blockSuiteWorkspace.doc);
+  const indexeddbProvider = create(blockSuiteWorkspace);
  const callbacks = new CallbackSet();
  return {
    flavour: 'local-indexeddb-background',
-    background: true,
+    passive: true,
    get connected() {
      return callbacks.ready;
    },
-    callbacks,
    cleanup: () => {
-      // todo: cleanup data
+      indexeddbProvider.cleanup().catch(console.error);
    },
    connect: () => {
-      logger.info('connect indexeddb provider', blockSuiteWorkspace.id);
+      logger.info('connect indexeddb provider', id);
      indexeddbProvider.connect();
      indexeddbProvider.whenSynced
        .then(() => {
@@ -113,15 +111,16 @@ const createIndexedDBBackgroundProvider = (
    },
    disconnect: () => {
      assertExists(indexeddbProvider);
-      logger.info('disconnect indexeddb provider', blockSuiteWorkspace.id);
+      logger.info('disconnect indexeddb provider', id);
      indexeddbProvider.disconnect();
      callbacks.ready = false;
    },
  };
 };

-const createIndexedDBDownloadProvider = (
-  blockSuiteWorkspace: BlockSuiteWorkspace
+const createIndexedDBDownloadProvider: DocProviderCreator = (
+  id,
+  doc
 ): LocalIndexedDBDownloadProvider => {
  let _resolve: () => void;
  let _reject: (error: unknown) => void;
@@ -129,9 +128,16 @@ const createIndexedDBDownloadProvider = (
    _resolve = resolve;
    _reject = reject;
  });
+  async function downloadBinaryRecursively(doc: Doc) {
+    const binary = await downloadBinary(doc.guid);
+    if (binary) {
+      Y.applyUpdate(doc, binary);
+      await Promise.all([...doc.subdocs].map(downloadBinaryRecursively));
+    }
+  }
  return {
    flavour: 'local-indexeddb',
-    necessary: true,
+    active: true,
    get whenReady() {
      return promise;
    },
@@ -139,26 +145,15 @@ const createIndexedDBDownloadProvider = (
      // todo: cleanup data
    },
    sync: () => {
-      logger.info('connect indexeddb provider', blockSuiteWorkspace.id);
-      downloadBinary(blockSuiteWorkspace.id)
-        .then(binary => {
-          if (binary !== false) {
-            Y.applyUpdate(blockSuiteWorkspace.doc, binary);
-          }
-          _resolve();
-        })
-        .catch(error => {
-          _reject(error);
-        });
+      logger.info('connect indexeddb provider', id);
+      downloadBinaryRecursively(doc).then(_resolve).catch(_reject);
    },
  };
 };

 const sqliteOrigin = Symbol('sqlite-provider-origin');

-const createSQLiteProvider = (
-  blockSuiteWorkspace: BlockSuiteWorkspace
-): SQLiteProvider => {
+const createSQLiteProvider: DocProviderCreator = (id, doc): SQLiteProvider => {
  const { apis, events } = window;
  // make sure it is being used in Electron with APIs
  assertExists(apis);
@@ -168,7 +163,7 @@ const createSQLiteProvider = (
    if (origin === sqliteOrigin) {
      return;
    }
-    apis.db.applyDocUpdate(blockSuiteWorkspace.id, update).catch(err => {
+    apis.db.applyDocUpdate(id, update).catch(err => {
      console.error(err);
    });
  }
@@ -176,11 +171,9 @@ const createSQLiteProvider = (
  let unsubscribe = () => {};
  let connected = false;

-  const callbacks = new CallbackSet();
-
  const connect = () => {
-    logger.info('connecting sqlite provider', blockSuiteWorkspace.id);
-    blockSuiteWorkspace.doc.on('update', handleUpdate);
+    logger.info('connecting sqlite provider', id);
+    doc.on('update', handleUpdate);
    unsubscribe = events.db.onExternalUpdate(
      ({
        update,
@@ -189,26 +182,25 @@ const createSQLiteProvider = (
        workspaceId: string;
        update: Uint8Array;
      }) => {
-        if (workspaceId === blockSuiteWorkspace.id) {
-          Y.applyUpdate(blockSuiteWorkspace.doc, update, sqliteOrigin);
+        if (workspaceId === id) {
+          Y.applyUpdate(doc, update, sqliteOrigin);
        }
      }
    );
    connected = true;
-    logger.info('connecting sqlite done', blockSuiteWorkspace.id);
+    logger.info('connecting sqlite done', id);
  };

  const cleanup = () => {
-    logger.info('disconnecting sqlite provider', blockSuiteWorkspace.id);
+    logger.info('disconnecting sqlite provider', id);
    unsubscribe();
-    blockSuiteWorkspace.doc.off('update', handleUpdate);
+    doc.off('update', handleUpdate);
    connected = false;
  };

  return {
    flavour: 'sqlite',
-    background: true,
-    callbacks,
+    passive: true,
    get connected(): boolean {
      return connected;
    },
@@ -218,8 +210,9 @@ const createSQLiteProvider = (
  };
 };

-const createSQLiteDBDownloadProvider = (
-  blockSuiteWorkspace: BlockSuiteWorkspace
+const createSQLiteDBDownloadProvider: DocProviderCreator = (
+  id,
+  doc
 ): SQLiteDBDownloadProvider => {
  const { apis } = window;
  let disconnected = false;
@@ -232,64 +225,59 @@ const createSQLiteDBDownloadProvider = (
  });

  async function syncUpdates() {
-    logger.info('syncing updates from sqlite', blockSuiteWorkspace.id);
-    const updates = await apis.db.getDocAsUpdates(blockSuiteWorkspace.id);
+    logger.info('syncing updates from sqlite', id);
+    const updates = await apis.db.getDocAsUpdates(id);

    if (disconnected) {
      return;
    }

    if (updates) {
-      Y.applyUpdate(blockSuiteWorkspace.doc, updates, sqliteOrigin);
+      Y.applyUpdate(doc, updates, sqliteOrigin);
    }

-    const diff = Y.encodeStateAsUpdate(blockSuiteWorkspace.doc, updates);
+    const diff = Y.encodeStateAsUpdate(doc, updates);

    // also apply updates to sqlite
-    await apis.db.applyDocUpdate(blockSuiteWorkspace.id, diff);
-
-    const bs = blockSuiteWorkspace.blobs;
-
-    if (bs && !disconnected) {
-      await syncBlobIntoSQLite(bs);
-    }
+    await apis.db.applyDocUpdate(id, diff);
  }

-  async function syncBlobIntoSQLite(bs: BlobManager) {
-    const persistedKeys = await apis.db.getBlobKeys(blockSuiteWorkspace.id);
-
-    if (disconnected) {
-      return;
-    }
-
-    const allKeys = await bs.list().catch(() => []);
-    const keysToPersist = allKeys.filter(k => !persistedKeys.includes(k));
-
-    logger.info('persisting blobs', keysToPersist, 'to sqlite');
-    return Promise.all(
-      keysToPersist.map(async k => {
-        const blob = await bs.get(k);
-        if (!blob) {
-          logger.warn('blob not found for', k);
-          return;
-        }
-
-        if (disconnected) {
-          return;
-        }
-
-        return apis?.db.addBlob(
-          blockSuiteWorkspace.id,
-          k,
-          new Uint8Array(await blob.arrayBuffer())
-        );
-      })
-    );
-  }
+  // fixme(pengx17): should n't sync blob in doc provider
+  // async function _syncBlobIntoSQLite(bs: BlobManager) {
+  //   const persistedKeys = await apis.db.getBlobKeys(id);
+  //
+  //   if (disconnected) {
+  //     return;
+  //   }
+  //
+  //   const allKeys = await bs.list().catch(() => []);
+  //   const keysToPersist = allKeys.filter(k => !persistedKeys.includes(k));
+  //
+  //   logger.info('persisting blobs', keysToPersist, 'to sqlite');
+  //   return Promise.all(
+  //     keysToPersist.map(async k => {
+  //       const blob = await bs.get(k);
+  //       if (!blob) {
+  //         logger.warn('blob not found for', k);
+  //         return;
+  //       }
+  //
+  //       if (disconnected) {
+  //         return;
+  //       }
+  //
+  //       return apis?.db.addBlob(
+  //         id,
+  //         k,
+  //         new Uint8Array(await blob.arrayBuffer())
+  //       );
+  //     })
+  //   );
+  // }

  return {
    flavour: 'sqlite-download',
-    necessary: true,
+    active: true,
    get whenReady() {
      return promise;
    },
@@ -297,7 +285,7 @@ const createSQLiteDBDownloadProvider = (
      disconnected = true;
    },
    sync: async () => {
-      logger.info('connect indexeddb provider', blockSuiteWorkspace.id);
+      logger.info('connect indexeddb provider', id);
      try {
        await syncUpdates();
        _resolve();
@@ -311,45 +299,37 @@ const createSQLiteDBDownloadProvider = (
 export {
  createAffineDownloadProvider,
  createAffineWebSocketProvider,
-  createBroadCastChannelProvider,
+  createBroadcastChannelProvider,
  createIndexedDBBackgroundProvider,
  createIndexedDBDownloadProvider,
  createSQLiteDBDownloadProvider,
  createSQLiteProvider,
 };

-export const createLocalProviders = (
-  blockSuiteWorkspace: BlockSuiteWorkspace
-): Provider[] => {
+export const createLocalProviders = (): DocProviderCreator[] => {
  const providers = [
-    createIndexedDBBackgroundProvider(blockSuiteWorkspace),
-    createIndexedDBDownloadProvider(blockSuiteWorkspace),
-  ] as Provider[];
+    createIndexedDBBackgroundProvider,
+    createIndexedDBDownloadProvider,
+  ] as DocProviderCreator[];

-  if (config.enableBroadCastChannelProvider) {
-    providers.push(createBroadCastChannelProvider(blockSuiteWorkspace));
+  if (config.enableBroadcastChannelProvider) {
+    providers.push(createBroadcastChannelProvider);
  }

  if (environment.isDesktop) {
-    providers.push(
-      createSQLiteProvider(blockSuiteWorkspace),
-      createSQLiteDBDownloadProvider(blockSuiteWorkspace)
-    );
+    providers.push(createSQLiteProvider, createSQLiteDBDownloadProvider);
  }

  return providers;
 };

-export const createAffineProviders = (
-  blockSuiteWorkspace: BlockSuiteWorkspace
-): Provider[] => {
+export const createAffineProviders = (): DocProviderCreator[] => {
  return (
    [
-      createAffineDownloadProvider(blockSuiteWorkspace),
-      createAffineWebSocketProvider(blockSuiteWorkspace),
-      config.enableBroadCastChannelProvider &&
-        createBroadCastChannelProvider(blockSuiteWorkspace),
-      createIndexedDBDownloadProvider(blockSuiteWorkspace),
-    ] as any[]
+      createAffineDownloadProvider,
+      createAffineWebSocketProvider,
+      config.enableBroadcastChannelProvider && createBroadcastChannelProvider,
+      createIndexedDBDownloadProvider,
+    ] as DocProviderCreator[]
  ).filter(v => Boolean(v));
 };
--- a/packages/workspace/src/utils.ts
+++ b/packages/workspace/src/utils.ts
@@ -1,8 +1,16 @@
 import type { BlockSuiteFeatureFlags } from '@affine/env';
 import { config } from '@affine/env';
 import { WorkspaceFlavour } from '@affine/env/workspace';
+import {
+  createAffineProviders,
+  createLocalProviders,
+} from '@affine/workspace/providers';
 import { __unstableSchemas, AffineSchemas } from '@blocksuite/blocks/models';
-import type { Generator, StoreOptions } from '@blocksuite/store';
+import type {
+  DocProviderCreator,
+  Generator,
+  StoreOptions,
+} from '@blocksuite/store';
 import { createIndexeddbStorage, Workspace } from '@blocksuite/store';
 import { rootStore } from '@toeverything/plugin-infra/manager';

@@ -67,6 +75,7 @@ export function createEmptyBlockSuiteWorkspace(
  ) {
    throw new Error('workspaceApis is required for affine flavour');
  }
+  const providerCreators: DocProviderCreator[] = [];
  const prefix: string = config?.cachePrefix ?? '';
  const cacheKey = `${prefix}${id}`;
  if (hashMap.has(cacheKey)) {
@@ -81,6 +90,7 @@ export function createEmptyBlockSuiteWorkspace(
      const workspaceApis = config.workspaceApis;
      blobStorages.push(id => createAffineBlobStorage(id, workspaceApis));
    }
+    providerCreators.push(...createAffineProviders());
  } else {
    if (typeof window !== 'undefined') {
      blobStorages.push(createIndexeddbStorage);
@@ -88,11 +98,13 @@ export function createEmptyBlockSuiteWorkspace(
        blobStorages.push(createSQLiteStorage);
      }
    }
+    providerCreators.push(...createLocalProviders());
  }

  const workspace = new Workspace({
    id,
    isSSR: typeof window === 'undefined',
+    providerCreators: typeof window === 'undefined' ? [] : providerCreators,
    blobStorages: blobStorages,
    idGenerator,
  })
--- a/packages/y-indexeddb/package.json
+++ b/packages/y-indexeddb/package.json
@@ -36,8 +36,8 @@
    "idb": "^7.1.1"
  },
  "devDependencies": {
-    "@blocksuite/blocks": "0.0.0-20230620110032-d8041266-nightly",
-    "@blocksuite/store": "0.0.0-20230620110032-d8041266-nightly",
+    "@blocksuite/blocks": "0.0.0-20230624163241-751f7170-nightly",
+    "@blocksuite/store": "0.0.0-20230624163241-751f7170-nightly",
    "vite": "^4.3.9",
    "vite-plugin-dts": "^2.3.0",
    "y-indexeddb": "^9.0.11"