mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 20:38:52 +00:00

Files

doodlewind be28038e94 perf(editor): fallback to placeholder for canvas text (#12033 )

### TL;DR

For canvas elements, this PR adds placeholders during zooming operations to improve performance.

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/lEGcysB4lFTEbCwZ8jMv/8c8daea8-1eb4-419b-a4f4-2a8847f40b7b.png)

### What changed?

- Implemented placeholder rendering during zooming operations in the canvas renderer, but not only DOM.
- Added a `forceFullRender` property to the `GfxCompatibleInterface` to allow elements to opt out of placeholder rendering
- Set `forceFullRender = true` for connectors to ensure they always render properly, even during zooming
- Connected the turbo renderer to the viewport's zooming state to automatically switch between full and placeholder rendering

### Why make this change?

Rendering complex elements during zooming operations can cause performance issues and make the UI feel sluggish. Rendering connector label also leads to high cost DOM `set font` delays.

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/lEGcysB4lFTEbCwZ8jMv/961fb847-24b4-4a7f-b9dc-21b0a5edaaa1.png)

The turbo renderer improves performance by displaying simple placeholders for elements during zooming, while still rendering critical elements like connectors fully. This creates a smoother user experience while maintaining essential visual information.

## Summary by CodeRabbit

- **New Features**
- Introduced a feature-flag-controlled "turbo" rendering mode that displays placeholder graphics during zooming for improved performance.
- Added the ability to override placeholder rendering for specific elements, ensuring full rendering when required.

- **Bug Fixes**
- Enhanced rendering logic to ensure connectors always render fully, even during zoom operations.

- **Documentation**
- Updated API documentation to reflect new properties related to rendering behavior.

- **Tests**
- Improved tests to verify correct rendering behavior for connectors.

2025-04-29 03:05:17 +00:00

src

perf(editor): fallback to placeholder for canvas text (#12033 )

2025-04-29 03:05:17 +00:00

package.json

feat(editor): replace spec provider with extension manager (#11861 )

2025-04-22 07:40:41 +00:00

README.md

test(editor): add tests for turbo renderer state machine (#11659 )

2025-04-14 17:01:27 +08:00

renderer.html

refactor(editor): rename presets to integration test (#10340 )

2025-02-21 06:26:03 +00:00

tsconfig.json

refactor(editor): remove blocks package (#10708 )

2025-03-09 05:44:26 +00:00

vite.config.ts

refactor(editor): rename presets to integration test (#10340 )

2025-02-21 06:26:03 +00:00

vitest.config.ts

fix(editor): integration vitest config warning

2025-04-14 17:04:57 +08:00

README.md

`@blocksuite/integration-test`

Integration test for BlockSuite.

Running Tests

You can run all integration tests using:

cd blocksuite/integration-test
yarn test:unit

To run a specific test or test file, use the -t flag with a test name pattern:

# Run a specific test
yarn test:unit -t "should access turbo renderer instance"

# Run all tests in a specific file
yarn test:unit src/__tests__/edgeless/viewport-renderer.spec.ts

For debugging tests with the Playwright debugger:

yarn test:debug

yarn test:debug -t "should access turbo renderer instance"