chore: remove useEditor

packages/app/src/providers/app-state-provider/context.ts

@@ -1,13 +1,12 @@
-import { createContext, MutableRefObject, RefObject, useContext } from 'react';
+import { createContext, MutableRefObject, useContext } from 'react';
 import type { Workspace } from '@pathfinder/data-services';
 import { AccessTokenMessage } from '@pathfinder/data-services';
 import type {
   Page as StorePage,
-  PageMeta,
   Workspace as StoreWorkspace,
 } from '@blocksuite/store';
 import type { EditorContainer } from '@blocksuite/editor';
-
+import { PageMeta } from './interface';
 export type LoadWorkspaceHandler = (
   workspaceId: string
 ) => Promise<StoreWorkspace | null> | null;

packages/app/src/providers/app-state-provider/hooks.ts

@@ -28,12 +28,3 @@ export const useLoadPage = () => {
 
   return currentPage?.pageId === pageId ? currentPage : null;
 };
-
-export const useGoToPage = () => {
-  const router = useRouter();
-  const { currentWorkspaceId } = useAppState();
-
-  return (pageId: string) => {
-    router.push(`/workspace/${currentWorkspaceId}/${pageId}`);
-  };
-};

packages/app/src/providers/app-state-provider/index.ts

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

packages/app/src/providers/app-state-provider/interface.ts

@@ -0,0 +1,19 @@
+import { EditorContainer } from '@blocksuite/editor';
+import { PageMeta as OriginalPageMeta } from '@blocksuite/store/dist/workspace/workspace';
+
+// export type PageMeta = {
+//   favorite: boolean;
+//   trash: boolean;
+//   trashDate: number | void;
+//   updatedDate: number | void;
+//   mode: EditorContainer['mode'];
+// } & OriginalPageMeta;
+
+export interface PageMeta extends OriginalPageMeta {
+  favorite: boolean;
+  trash: boolean;
+  trashDate: number;
+  updatedDate: number;
+  // @ts-ignore
+  mode: 'edgeless' | 'page';
+}

packages/app/src/providers/app-state-provider/provider.tsx

@@ -14,7 +14,7 @@ import type {
 } from './context';
 import type { Page, Workspace } from '@blocksuite/store';
 import { EditorContainer } from '@blocksuite/editor';
-
+import { PageMeta } from './interface';
 const DynamicBlocksuite = dynamic(() => import('./dynamic-blocksuite'), {
   ssr: false,
 });
@@ -143,8 +143,9 @@ export const AppStateProvider = ({ children }: { children?: ReactNode }) => {
           return null;
         }
         return (
-          currentWorkspace.meta.pageMetas.find(page => page.id === pageId) ||
-          null
+          (currentWorkspace.meta.pageMetas.find(
+            page => page.id === pageId
+          ) as PageMeta) || null
         );
       },
     }),

packages/app/src/providers/app-state-provider/usePageList.ts

@@ -1,15 +1,6 @@
 import { useState, useEffect } from 'react';
 import type { Workspace } from '@blocksuite/store';
-import type { PageMeta as OriginalPageMeta } from '@blocksuite/store';
-import type { EditorContainer } from '@blocksuite/editor';
-
-export type PageMeta = {
-  favorite: boolean;
-  trash: boolean;
-  trashDate: number | void;
-  updatedDate: number | void;
-  mode: EditorContainer['mode'];
-} & OriginalPageMeta;
+import { PageMeta } from './interface';
 
 export const usePageList = (workspace: Workspace | null) => {
   const [pageList, setPageList] = useState<PageMeta[]>([]);

packages/app/src/providers/editor-provider/index.ts

@@ -1,4 +1,4 @@
-export * from './editor-provider';
-export * from './example-markdown';
-export * from './utils';
-export * from './interface';
+// export * from './editor-provider';
+// export * from './example-markdown';
+// export * from './utils';
+// export * from './interface';

packages/app/src/providers/themeProvider.tsx

@@ -21,7 +21,7 @@ import {
   globalThemeVariables,
 } from '@/styles/theme';
 import { SystemThemeHelper, localStorageThemeHelper } from '@/styles/utils';
-import { useEditor } from '@/providers/editor-provider';
+import useCurrentPageMeta from '@/hooks/use-current-page-meta';
 
 export const ThemeContext = createContext<ThemeProviderValue>({
   mode: 'light',
@@ -38,7 +38,7 @@ export const ThemeProvider = ({
 }: PropsWithChildren<ThemeProviderProps>) => {
   const [theme, setTheme] = useState<Theme>(defaultTheme);
   const [mode, setMode] = useState<ThemeMode>('auto');
-  const { mode: editorMode } = useEditor();
+  const { mode: editorMode = 'page' } = useCurrentPageMeta() || {};
   const themeStyle =
     theme === 'light' ? getLightTheme(editorMode) : getDarkTheme(editorMode);
   const changeMode = (themeMode: ThemeMode) => {