logseq/tldraw
Konstantinos 2c987d0c6a
Enhance (Whiteboards): UX (#8797)
- Improve zooming performance (try zooming using the scrollbar or the trackpad on a portal heavy board)
- Auto remove arrows when we delete connected shapes (see video)
- Create new portals when we Alt+Click on refs in portal elements
- Enable development toolbar within Logseq
- Clear brush (select) area on exit to avoid the leftover when we double click and drag at the same time (see image below)
---------

Co-authored-by: Tienson Qin <tiensonqin@gmail.com>
2023-03-20 18:28:55 +08:00
..
apps/tldraw-logseq Enhance (Whiteboards): UX (#8797) 2023-03-20 18:28:55 +08:00
assets move tldraw/next inside of logseq 2022-05-16 19:55:07 +08:00
cljs-demo fix: demo elements 2022-11-01 13:43:13 +02:00
demo feat: grouping & ungrouping shapes (#7713) 2022-12-15 22:58:18 +08:00
packages Enhance (Whiteboards): UX (#8797) 2023-03-20 18:28:55 +08:00
.editorconfig Add editor config 2022-08-26 12:59:27 +03:00
.eslintignore move tldraw/next inside of logseq 2022-05-16 19:55:07 +08:00
.eslintrc fix: scroll offset issue 2022-05-30 15:22:35 +08:00
.gitattributes move tldraw/next inside of logseq 2022-05-16 19:55:07 +08:00
.gitignore move tldraw/next inside of logseq 2022-05-16 19:55:07 +08:00
.npmignore move tldraw/next inside of logseq 2022-05-16 19:55:07 +08:00
.prettierrc run prettier 2022-07-03 21:38:09 +08:00
LICENSE.md move tldraw/next inside of logseq 2022-05-16 19:55:07 +08:00
README.md fix: readme typos (#7451) 2022-11-25 08:50:27 +08:00
package.json chore(dep): bump NodeJS from 16.x to 18.x LTS (#8406) 2023-02-21 23:07:35 +08:00
tsconfig.base.json fix: merge issue 2022-08-26 21:56:02 +08:00
tsconfig.json move tldraw/next inside of logseq 2022-05-16 19:55:07 +08:00
yarn.lock chore(dep): bump NodeJS from 16.x to 18.x LTS (#8406) 2023-02-21 23:07:35 +08:00

README.md

Developer Notes

Background

This folder contains the JS codes for a custom build of Tldraw to fit the needs of Logseq, which originates from an abandoned next branch from the author of Tldraw.

Development

Prerequisites

Modern JS eco tools like Node.js and yarn.

Run in dev mode

  • install dependencies with yarn
  • run dev mode with yarn dev, which will start a Vite server at http://127.0.0.1:3031/

Note, the dev mode is a standalone web app running a demo Tldraw app in tldraw/demo/src/App.jsx. The Logseq component renderers and handlers are all mocked to make sure Tldraw only functions can be isolatedly developed.

Other useful commands

  • fixing styles: yarn fix:style
  • build: yarn build

How it works

Data flow between Tldraw & Logseq

The data flow between Tldraw & Logseq can be found here: https://whimsical.com/9sdt5j7MabK6DVrxgTZw25