[FIX] Replace TlDraw with ExcaliDraw

[martian56]

This pull request migrates the collaborative whiteboard feature from tldraw to Excalidraw, updating both the frontend and backend to support Excalidraw's scene format, cursor overlays, and real-time collaboration. It includes changes to dependencies, data models, API handling, and UI integration, ensuring a seamless transition for users and developers.

Migration to Excalidraw:

• Swapped out tldraw for Excalidraw in the frontend, updating all relevant code, dependencies (package.json), and documentation (README.md). The frontend now uses the @excalidraw/excalidraw package, and references to tldraw have been replaced throughout. [1] [2] [3] [4]

• Updated backend and data model to use excalidraw_snapshot instead of tldraw_snapshot, including the element type validation and the Alembic migration file for database consistency. [1] [2] [3] [4]

Frontend integration and state management:

• Refactored the board page to use Excalidraw's API, including scene loading, state normalization, real-time updates, and UI options. Added logic to handle Excalidraw's expected scene and appState formats, and ensured proper saving and loading of board content. [1] [2] [3] F6bdf550L1, [4] [5] [6] [7] [8]

• Updated the cursor overlay to use Excalidraw's viewport and coordinate system, ensuring remote cursors are positioned correctly for all collaborators.

Real-time collaboration and WebSocket handling:

• Adapted the WebSocket hooks to handle Excalidraw scene updates (elements and appState), replacing tldraw document handling. [1] [2]

These changes collectively ensure the whiteboard experience is now powered by Excalidraw, with full support for real-time collaboration, persistence, and a modernized frontend stack.

Closes #7

[devlaner-coolify-app]

The preview deployment for Loomy UI failed. 🔴

Open Build Logs | Open Application Logs

Last updated at: 2026-03-14 15:11:43 CET