Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-13 21:05:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: bump blocksuite (#5286)

Browse Source 
Co-authored-by: donteatfriedrice <huisheng.chen7788@outlook.com>
This commit is contained in:
Yifeng Wang
2023-12-15 12:57:52 +08:00
committed by GitHub
parent 136b4ccb4e
commit af15aa06d4
37 changed files with 302 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/frontend/component/src/components/block-suite-editor/index.jotai.ts Normal file
View File

@@ -0,0 +1,4 @@
import type { AffineEditorContainer } from '@blocksuite/presets';
import { atom } from 'jotai';
export const editorContainerAtom = atom<AffineEditorContainer | null>(null);

16
packages/frontend/component/src/components/block-suite-editor/index.tsx
View File

@@ -1,8 +1,9 @@
import { assertExists } from '@blocksuite/global/utils';
import { EditorContainer } from '@blocksuite/presets';
import { AffineEditorContainer } from '@blocksuite/presets';
import type { Page } from '@blocksuite/store';
import clsx from 'clsx';
import { use } from 'foxact/use';
import { useAtom } from 'jotai';
import type { CSSProperties, ReactElement } from 'react';
import {
memo,
@@ -19,8 +20,11 @@ import {
blockSuiteEditorHeaderStyle,
blockSuiteEditorStyle,
} from './index.css';
import { editorContainerAtom } from './index.jotai';
import { editorSpecs } from './specs';
export { editorContainerAtom } from './index.jotai';
interface BlockElement extends Element {
path: string[];
}
@@ -31,7 +35,7 @@ export type EditorProps = {
defaultSelectedBlockId?: string;
onModeChange?: (mode: 'page' | 'edgeless') => void;
// on Editor instance instantiated
onLoadEditor?: (editor: EditorContainer) => () => void;
onLoadEditor?: (editor: AffineEditorContainer) => () => void;
style?: CSSProperties;
className?: string;
};
@@ -147,10 +151,11 @@ const BlockSuiteEditorImpl = ({
}: EditorProps): ReactElement => {
usePageRoot(page);
const [, setEditorContainer] = useAtom(editorContainerAtom);
assertExists(page, 'page should not be null');
const editorRef = useRef<EditorContainer | null>(null);
const editorRef = useRef<AffineEditorContainer | null>(null);
if (editorRef.current === null) {
editorRef.current = new EditorContainer();
editorRef.current = new AffineEditorContainer();
editorRef.current.autofocus = true;
}
const editor = editorRef.current;
@@ -193,10 +198,11 @@ const BlockSuiteEditorImpl = ({
return;
}
container.append(editor);
setEditorContainer(editor);
return () => {
editor.remove();
};
}, [editor]);
}, [editor, setEditorContainer]);
const blockElement = useBlockElementById(
containerRef.current,