refactor!: next generation AFFiNE code structure (#1176)

2026-07-26 14:58:55 +08:00 · 2023-03-01 01:40:01 -06:00
parent 2dcccc772c
commit e0481d29ad
270 changed files with 8308 additions and 6829 deletions
@@ -0,0 +1,129 @@
+import { RequestError } from '@affine/datacenter';
+import { NextRouter } from 'next/router';
+import React, { Component, ErrorInfo } from 'react';
+
+import { BlockSuiteWorkspace } from '../../shared';
+
+export type AffineErrorBoundaryProps = React.PropsWithChildren<{
+  router: NextRouter;
+}>;
+
+export class PageNotFoundError extends TypeError {
+  readonly workspace: BlockSuiteWorkspace;
+  readonly pageId: string;
+
+  constructor(workspace: BlockSuiteWorkspace, pageId: string) {
+    super();
+    this.workspace = workspace;
+    this.pageId = pageId;
+  }
+}
+
+export class WorkspaceNotFoundError extends TypeError {
+  readonly workspaceId: string;
+
+  constructor(workspaceId: string) {
+    super();
+    this.workspaceId = workspaceId;
+  }
+}
+
+export class QueryParamError extends TypeError {
+  readonly targetKey: string;
+  readonly query: unknown;
+
+  constructor(targetKey: string, query: unknown) {
+    super();
+    this.targetKey = targetKey;
+    this.query = query;
+  }
+}
+
+export class Unreachable extends Error {
+  constructor(message?: string) {
+    super(message);
+  }
+}
+
+type AffineError =
+  | QueryParamError
+  | Unreachable
+  | WorkspaceNotFoundError
+  | PageNotFoundError
+  | RequestError
+  | Error;
+
+interface AffineErrorBoundaryState {
+  error: AffineError | null;
+}
+
+export class AffineErrorBoundary extends Component<
+  AffineErrorBoundaryProps,
+  AffineErrorBoundaryState
+> {
+  public state: AffineErrorBoundaryState = {
+    error: null,
+  };
+
+  public static getDerivedStateFromError(
+    error: AffineError
+  ): AffineErrorBoundaryState {
+    return { error };
+  }
+
+  public componentDidCatch(error: AffineError, errorInfo: ErrorInfo) {
+    console.error('Uncaught error:', error, errorInfo);
+  }
+
+  public render() {
+    if (this.state.error) {
+      const error = this.state.error;
+      if (error instanceof PageNotFoundError) {
+        return (
+          <>
+            <h1>Sorry.. there was an error</h1>
+            <>
+              <span> Page error </span>
+              <span>
+                Cannot find page {error.pageId} in workspace{' '}
+                {error.workspace.meta.name}
+              </span>
+              <button
+                onClick={() => {
+                  this.props.router
+                    .replace({
+                      pathname: '/workspace/[workspaceId]/[pageId]',
+                      query: {
+                        workspaceId: error.workspace.room,
+                        pageId: error.workspace.meta.pageMetas[0].id,
+                      },
+                    })
+                    .then(() => {
+                      this.setState({ error: null });
+                    });
+                }}
+              >
+                {' '}
+                refresh{' '}
+              </button>
+            </>
+          </>
+        );
+      } else if (error instanceof RequestError) {
+        return (
+          <>
+            <h1>Sorry.. there was an error</h1>
+            {error.message}
+          </>
+        );
+      }
+      return (
+        <>
+          <h1>Sorry.. there was an error</h1>
+        </>
+      );
+    }
+
+    return this.props.children;
+  }
+}