refactor: extract store package (#1109)

apps/web/src/providers/app-state-provider/Provider.tsx

@@ -1,51 +0,0 @@
-import type { Disposable } from '@blocksuite/global/utils';
-import type { PropsWithChildren } from 'react';
-import { createContext, useContext, useEffect, useState } from 'react';
-
-import { useGlobalState } from '@/store/app';
-
-import { AppStateContext } from './interface';
-
-type AppStateContextProps = PropsWithChildren<Record<string, unknown>>;
-
-export const AppState = createContext<AppStateContext>({} as AppStateContext);
-
-export const useAppState = () => useContext(AppState);
-export const AppStateProvider = ({
-  children,
-}: PropsWithChildren<AppStateContextProps>) => {
-  const currentDataCenterWorkspace = useGlobalState(
-    store => store.currentDataCenterWorkspace
-  );
-  const [blobState, setBlobState] = useState(false);
-
-  useEffect(() => {
-    let syncChangeDisposable: Disposable | undefined;
-    const currentWorkspace = currentDataCenterWorkspace;
-    if (!currentWorkspace) {
-      return;
-    }
-    const getBlobStorage = async () => {
-      const blobStorage = await currentWorkspace?.blocksuiteWorkspace?.blobs;
-      syncChangeDisposable = blobStorage?.signals.onBlobSyncStateChange.on(
-        () => {
-          setBlobState(blobStorage?.uploading);
-        }
-      );
-    };
-    getBlobStorage();
-    return () => {
-      syncChangeDisposable?.dispose();
-    };
-  }, [currentDataCenterWorkspace]);
-
-  return (
-    <AppState.Provider
-      value={{
-        blobDataSynced: blobState,
-      }}
-    >
-      {children}
-    </AppState.Provider>
-  );
-};

apps/web/src/providers/app-state-provider/index.ts

@@ -1,2 +0,0 @@
-export * from './interface';
-export * from './Provider';

apps/web/src/providers/app-state-provider/interface.ts

@@ -1,28 +0,0 @@
-import type { EditorContainer } from '@blocksuite/editor';
-import type {
-  Page as StorePage,
-  PageMeta as StorePageMeta,
-} from '@blocksuite/store';
-
-export interface PageMeta extends StorePageMeta {
-  favorite: boolean;
-  trash: boolean;
-  trashDate: number;
-  updatedDate: number;
-  mode: 'edgeless' | 'page';
-}
-
-export type AppStateValue = {
-  blobDataSynced: boolean;
-};
-
-/**
- * @deprecated
- */
-export type AppStateFunction = {
-  // todo: remove this in the future
-};
-
-export type AppStateContext = AppStateValue & AppStateFunction;
-
-export type CreateEditorHandler = (page: StorePage) => EditorContainer | null;

apps/web/src/providers/app-state-provider/utils.ts

@@ -1,9 +0,0 @@
-import { DataCenter } from '@affine/datacenter';
-
-const DEFAULT_WORKSPACE_NAME = 'Demo Workspace';
-
-export const createDefaultWorkspace = async (dataCenter: DataCenter) => {
-  return dataCenter.createWorkspace({
-    name: DEFAULT_WORKSPACE_NAME,
-  });
-};