refactor(component): editor component (#1834)

apps/electron/yarn.lock

@@ -77,6 +77,7 @@ __metadata:
     react-dnd: ^16.0.1
     react-dnd-html5-backend: ^16.0.1
     react-dom: ^18.2.0
+    react-error-boundary: ^4.0.3
     react-is: ^18.2.0
     serve: ^14.2.0
     storybook: ^7.0.2
@@ -14357,6 +14358,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-error-boundary@npm:^4.0.3":
+  version: 4.0.3
+  resolution: "react-error-boundary@npm:4.0.3"
+  dependencies:
+    "@babel/runtime": ^7.12.5
+  peerDependencies:
+    react: ">=16.13.1"
+  checksum: 50813803d3f03eb2ca07c1250a4a001ffe054f5b3f49b15ea5f0a4e1108f549bc7d8def15db51d518516997d34cebc663f4276246301b4a40a72e83a784f5c38
+  languageName: node
+  linkType: hard
+
 "react-i18next@npm:^12.2.0":
   version: 12.2.0
   resolution: "react-i18next@npm:12.2.0"

apps/web/src/components/__debug__/client/Editor.tsx

@@ -40,13 +40,7 @@ const Editor: React.FC<{
     return <>loading...</>;
   }
   return (
-    <BlockSuiteEditor
-      blockSuiteWorkspace={blockSuiteWorkspace}
-      page={page}
-      mode="page"
-      onInit={onInit}
-      onLoad={onLoad}
-    />
+    <BlockSuiteEditor page={page} mode="page" onInit={onInit} onLoad={onLoad} />
   );
 };
 

apps/web/src/components/page-detail-editor.tsx

@@ -71,7 +71,6 @@ export const PageDetailEditor: React.FC<PageDetailEditorProps> = ({
           height: 'calc(100% - 52px)',
         }}
         key={pageId}
-        blockSuiteWorkspace={blockSuiteWorkspace}
         mode={isPublic ? 'page' : currentMode}
         page={page}
         onInit={useCallback(

apps/web/src/pages/_debug/broadcast.dev.tsx

@@ -31,9 +31,6 @@ const BroadcastPage: React.FC = () => {
   const [provider, setProvider] = useState<BroadCastChannelProvider | null>(
     null
   );
-  useEffect(() => {
-    globalThis.currentBlockSuiteWorkspace = blockSuiteWorkspace;
-  }, [blockSuiteWorkspace]);
   useEffect(() => {
     const provider = createBroadCastChannelProvider(blockSuiteWorkspace);
     setProvider(provider);