Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-22 08:47:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): migrate viewport renderer to extension (#10094)

Browse Source 
This removes `renderer.setHost(host)`
This commit is contained in:
doodlewind
2025-02-11 11:37:31 +00:00
parent c6932a8ae4
commit 3062bd0771
3 changed files with 42 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
blocksuite/playground/examples/renderer/editor.ts
View File

@@ -1,5 +1,6 @@
import '../../style.css';
import { ViewportTurboRendererExtension } from '@blocksuite/affine-shared/viewport-renderer';
import { effects as blocksEffects } from '@blocksuite/blocks/effects';
import { AffineEditorContainer } from '@blocksuite/presets';
import { effects as presetsEffects } from '@blocksuite/presets/effects';
@@ -11,6 +12,10 @@ presetsEffects();
export const doc = createEmptyDoc().init();
export const editor = new AffineEditorContainer();
editor.pageSpecs = editor.pageSpecs.concat([ViewportTurboRendererExtension]);
editor.edgelessSpecs = editor.edgelessSpecs.concat([
ViewportTurboRendererExtension,
]);
editor.doc = doc;
editor.mode = 'edgeless';

10
blocksuite/playground/examples/renderer/main.ts
View File

@@ -1,4 +1,4 @@
import { ViewportTurboRenderer } from '@blocksuite/affine-shared/viewport-renderer';
import { ViewportTurboRendererIdentifier } from '@blocksuite/affine-shared/viewport-renderer';
import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
import { nextTick } from '@blocksuite/global/utils';
import { Text } from '@blocksuite/store';
@@ -8,11 +8,8 @@ import { doc, editor } from './editor.js';
type DocMode = 'page' | 'edgeless';
const rightColumn = document.querySelector('#right-column') as HTMLElement;
const renderer = new ViewportTurboRenderer(rightColumn);
async function handleToCanvasClick() {
renderer.setHost(editor.host!);
const renderer = editor.std.get(ViewportTurboRendererIdentifier);
await renderer.render();
const viewport = editor.std.get(GfxControllerIdentifier).viewport;
viewport.viewportUpdated.on(async () => {
@@ -23,7 +20,8 @@ async function handleToCanvasClick() {
async function handleModeChange(mode: DocMode) {
editor.mode = mode;
await nextTick();
renderer.setHost(editor.host!);
const renderer = editor.std.get(ViewportTurboRendererIdentifier);
await renderer.render();
}