feat: add message center (#1486)

packages/data-center/src/index.ts

@@ -27,6 +27,7 @@ export const getDataCenter = _initializeDataCenter();
 
 export type { DataCenter };
 export * from './message';
+export { messages } from './message/code';
 export { AffineProvider } from './provider/affine';
 export * from './provider/affine/apis';
 export { getAuthorizer, GoogleAuth } from './provider/affine/apis/google';

packages/data-center/src/message/code.ts

@@ -62,4 +62,4 @@ export const messages = {
   [MessageCode.refreshTokenError]: {
     message: 'Refresh token failed',
   },
-};
+} as const;

packages/data-center/src/message/message.ts

@@ -26,6 +26,13 @@ export class MessageCenter extends Observable<string> {
   }
 
   private _send(provider: string, messageCode: MessageCode) {
+    document.dispatchEvent(
+      new CustomEvent('affine-error', {
+        detail: {
+          code: messageCode,
+        },
+      })
+    );
     this.emit('message', [
       { ...this._messages[messageCode], provider, code: messageCode },
     ]);