Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 04:18:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): move worker renderer to presets with basic test (#10127)

Browse Source
This commit is contained in:
Yifeng Wang
2025-02-13 09:35:06 +08:00
committed by GitHub
parent 270d1754a3
commit fc77c7d41a
12 changed files with 124 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
blocksuite/playground/examples/renderer/doc-generator.ts
View File

@@ -1,42 +0,0 @@
import { Text } from '@blocksuite/store';
import { doc } from './editor.js';
function addParagraph(noteId: string, content: string) {
const props = { text: new Text(content) };
doc.addBlock('affine:paragraph', props, noteId);
}
function addSampleNote(noteId: string, i: number) {
addParagraph(noteId, `Note ${i + 1}`);
addParagraph(noteId, 'Hello World!');
addParagraph(
noteId,
'Hello World! Lorem ipsum dolor sit amet. Consectetur adipiscing elit. Sed do eiusmod tempor incididunt.'
);
addParagraph(
noteId,
'你好这是测试，这是一个为了换行而写的中文段落。这个段落会自动换行。'
);
}
export function addSampleNotes(n: number) {
const cols = Math.ceil(Math.sqrt(n));
const NOTE_WIDTH = 500;
const NOTE_HEIGHT = 250;
const SPACING = 50;
const rootId = doc.addBlock('affine:page', {});
doc.addBlock('affine:surface', {}, rootId);
for (let i = 0; i < n; i++) {
const row = Math.floor(i / cols);
const col = i % cols;
const x = col * (NOTE_WIDTH + SPACING);
const y = row * (NOTE_HEIGHT + SPACING);
const xywh = `[${x},${y},${NOTE_WIDTH},${NOTE_HEIGHT}]`;
const noteId = doc.addBlock('affine:note', { xywh }, rootId);
addSampleNote(noteId, i);
}
}

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

@@ -1,22 +0,0 @@
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';
import { createEmptyDoc } from '../../apps/_common/helper';
blocksEffects();
presetsEffects();
export const { doc } = createEmptyDoc();
export const editor = new AffineEditorContainer();
editor.edgelessSpecs = [
...editor.edgelessSpecs,
ViewportTurboRendererExtension,
];
editor.doc = doc;
editor.mode = 'edgeless';

29
blocksuite/playground/examples/renderer/index.html
View File

@@ -1,29 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Renderer Example</title>
<style>
html,
body {
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background-color: var(--affine-white-90);
transition: background-color 0.3s;
}
#container {
position: relative;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="module" src="./main.ts"></script>
</body>
</html>

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

@@ -1,10 +0,0 @@
import { addSampleNotes } from './doc-generator.js';
import { doc, editor } from './editor.js';
function main() {
doc.load();
addSampleNotes(6);
}
main();
document.querySelector('#container')?.append(editor);