fix: whiteboard -> edgeless

libs/components/editor-core/src/RenderRoot.tsx

@@ -1,16 +1,16 @@
-import type { BlockEditor } from './editor';
 import { styled, usePatchNodes } from '@toeverything/components/ui';
-import type { PropsWithChildren } from 'react';
-import React, { useEffect, useRef, useState, useCallback } from 'react';
-import { EditorProvider } from './Contexts';
-import { SelectionRect, SelectionRef } from './Selection';
 import {
     Protocol,
     services,
     type ReturnUnobserve,
 } from '@toeverything/datasource/db-service';
-import { addNewGroup, appendNewGroup } from './recast-block';
+import type { PropsWithChildren } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { EditorProvider } from './Contexts';
+import type { BlockEditor } from './editor';
 import { useIsOnDrag } from './hooks';
+import { addNewGroup, appendNewGroup } from './recast-block';
+import { SelectionRect, SelectionRef } from './Selection';
 
 interface RenderRootProps {
     editor: BlockEditor;
@@ -160,7 +160,7 @@ export const RenderRoot = ({
     return (
         <EditorProvider value={{ editor, editorElement }}>
             <Container
-                isWhiteboard={editor.isWhiteboard}
+                isEdgeless={editor.isEdgeless}
                 ref={ref => {
                     if (ref != null && ref !== editor.container) {
                         editor.container = ref;
@@ -188,7 +188,7 @@ export const RenderRoot = ({
                 </Content>
                 {/** TODO: remove selectionManager insert */}
                 {editor && <SelectionRect ref={selectionRef} editor={editor} />}
-                {editor.isWhiteboard ? null : <ScrollBlank editor={editor} />}
+                {editor.isEdgeless ? null : <ScrollBlank editor={editor} />}
                 {patchedNodes}
             </Container>
         </EditorProvider>
@@ -262,16 +262,10 @@ function ScrollBlank({ editor }: { editor: BlockEditor }) {
 const PADDING_X = 150;
 
 const Container = styled('div')(
-    ({
-        isWhiteboard,
-        isOnDrag,
-    }: {
-        isWhiteboard: boolean;
-        isOnDrag: boolean;
-    }) => ({
+    ({ isEdgeless, isOnDrag }: { isEdgeless: boolean; isOnDrag: boolean }) => ({
         width: '100%',
-        padding: isWhiteboard ? 0 : `72px ${PADDING_X}px 0 ${PADDING_X}px`,
-        minWidth: isWhiteboard ? 'unset' : '940px',
+        padding: isEdgeless ? 0 : `72px ${PADDING_X}px 0 ${PADDING_X}px`,
+        minWidth: isEdgeless ? 'unset' : '940px',
         position: 'relative',
         ...(isOnDrag && {
             cursor: 'grabbing',

libs/components/editor-core/src/editor/editor.ts

@@ -2,47 +2,47 @@
 import HotKeys from 'hotkeys-js';
 import LRUCache from 'lru-cache';
 
-import { services } from '@toeverything/datasource/db-service';
+import type { PatchNode } from '@toeverything/components/ui';
 import type {
     BlockFlavors,
     ReturnEditorBlock,
     UpdateEditorBlock,
 } from '@toeverything/datasource/db-service';
-import type { PatchNode } from '@toeverything/components/ui';
+import { services } from '@toeverything/datasource/db-service';
 
-import { AsyncBlock } from './block';
-import type { WorkspaceAndBlockId } from './block';
-import type { BaseView } from './views/base-view';
-import { SelectionManager } from './selection';
-import { Hooks, PluginManager } from './plugin';
-import { EditorCommands } from './commands';
-import {
-    Virgo,
-    HooksRunner,
-    PluginHooks,
-    PluginCreator,
-    StorageManager,
-    VirgoSelection,
-    PluginManagerInterface,
-} from './types';
-import { KeyboardManager } from './keyboard';
-import { MouseManager } from './mouse';
-import { ScrollManager } from './scroll';
-import assert from 'assert';
-import { domToRect, last, Point, sleep } from '@toeverything/utils';
 import { Commands } from '@toeverything/datasource/commands';
+import { domToRect, last, Point, sleep } from '@toeverything/utils';
+import assert from 'assert';
+import type { WorkspaceAndBlockId } from './block';
+import { AsyncBlock } from './block';
+import { BlockHelper } from './block/block-helper';
 import { BrowserClipboard } from './clipboard/browser-clipboard';
 import { ClipboardPopulator } from './clipboard/clipboard-populator';
-import { BlockHelper } from './block/block-helper';
-import { DragDropManager } from './drag-drop';
+import { EditorCommands } from './commands';
 import { EditorConfig } from './config';
+import { DragDropManager } from './drag-drop';
+import { KeyboardManager } from './keyboard';
+import { MouseManager } from './mouse';
+import { Hooks, PluginManager } from './plugin';
+import { ScrollManager } from './scroll';
+import { SelectionManager } from './selection';
+import {
+    HooksRunner,
+    PluginCreator,
+    PluginHooks,
+    PluginManagerInterface,
+    StorageManager,
+    Virgo,
+    VirgoSelection,
+} from './types';
+import type { BaseView } from './views/base-view';
 
 export interface EditorCtorProps {
     workspace: string;
     views: Partial<Record<keyof BlockFlavors, BaseView>>;
     plugins: PluginCreator[];
     rootBlockId: string;
-    isWhiteboard?: boolean;
+    isEdgeless?: boolean;
 }
 
 export class Editor implements Virgo {
@@ -75,7 +75,7 @@ export class Editor implements Virgo {
         render: PatchNode;
         has: (key: string) => boolean;
     };
-    public isWhiteboard = false;
+    public isEdgeless = false;
     private _isDisposed = false;
 
     constructor(props: EditorCtorProps) {
@@ -85,8 +85,8 @@ export class Editor implements Virgo {
         this.hooks = new Hooks();
         this.plugin_manager = new PluginManager(this, this.hooks);
         this.plugin_manager.registerAll(props.plugins);
-        if (props.isWhiteboard) {
-            this.isWhiteboard = true;
+        if (props.isEdgeless) {
+            this.isEdgeless = true;
         }
         for (const [name, block] of Object.entries(props.views)) {
             services.api.editorBlock.registerContentExporter(

libs/components/editor-core/src/editor/types.ts

@@ -107,7 +107,7 @@ export interface Virgo {
     getBlockDomById: (id: string) => Promise<HTMLElement>;
     getBlockByPoint: (point: Point) => Promise<AsyncBlock>;
     getGroupBlockByPoint: (point: Point) => Promise<AsyncBlock>;
-    isWhiteboard: boolean;
+    isEdgeless: boolean;
     mouseManager: MouseManager;
 }
 

libs/components/editor-core/src/recast-block/types/view.ts

@@ -7,7 +7,6 @@ export enum RecastScene {
     Page = 'page',
     Kanban = 'kanban',
     Table = 'table',
-    // Whiteboard = 'whiteboard',
 }
 
 export type RecastViewId = string & {