collaboration Drawing app
 
 
 
Go to file
Tom Hicks efbded7a06
Fix stickes: line wrap mismatch between display/edit (#189)
The 'fake' textarea used to edit text in a sticky had a different
overflow-wrap style than the component that renders the text.

By forcing the display and edit components to use the same wrapping
strategy, the caret from the textarea and the rendered text should
remain in sync.

There is a chance there are more styles which affect the wrapping of
text that could still result in various mismatches, and even moreso
when we consider more browsers (I tested this in Chrome alone).
2021-10-21 23:41:32 +01:00
.github Fix change to loadDocument 2021-09-08 12:09:03 +01:00
.vscode big refactor 2021-09-13 16:38:42 +01:00
.yarn/releases Improves pan and zoom gestures 2021-09-09 13:32:08 +01:00
packages Fix stickes: line wrap mismatch between display/edit (#189) 2021-10-21 23:41:32 +01:00
.eslintrc.js Fix build errors 2021-08-11 22:11:23 +01:00
.gitignore Replace 2021-08-10 17:12:55 +01:00
.npmignore Replace 2021-08-10 17:12:55 +01:00
.yarnrc Improves pan and zoom gestures 2021-09-09 13:32:08 +01:00
CHANGELOG.md Update CHANGELOG.md 2021-10-19 12:29:56 +01:00
LICENSE [fix] indicator shapes (#121) 2021-09-24 10:47:25 +01:00
README.md test(core): fix test names 2021-09-01 21:22:13 +02:00
lerna.json v0.0.124 2021-10-19 12:30:36 +01:00
package.json Refactor to Stitches Core (#89) 2021-09-19 20:45:50 +01:00
setupTests.ts Adjusts small example, makes inputs unique to each instance 2021-09-08 17:18:43 +01:00
tsconfig.base.json Adds tsconfig-replace-paths 2021-09-14 08:51:24 +01:00
tsconfig.json big refactor 2021-09-13 16:38:42 +01:00
yarn.lock [feature] snapping (#168) 2021-10-18 14:30:42 +01:00

README.md

tldraw

A tiny little drawing app.

Visit tldraw.com.

Author

Support

To support this project (and gain access to the project while it is in development) you can sponsor the author on GitHub. Thanks!

Documentation

In progress! Check the README files in packages/core and packages/tldraw.

Examples

Local Development

The tldraw packages

To work on the packages (@tldraw/core or @tldraw/tldraw), you'll want to run the (extremely fast) dev server.

  1. Download or clone the repository.

    git clone https://github.com/tldraw/tldraw.git
    
  2. Install dependencies.

    yarn
    
  3. Start the development server.

    yarn start
    
  4. Open the local site at https://localhost:5000.

The tldraw app

To work on the app itself (that embeds @tldraw/tldraw), run the Next.js app. This won't directly respond to changes to packages, so for concurrent package dev work be sure to use the package dev server instead. (This is being worked on.)

  1. Start the development server.

    yarn start:www
    
  2. Open the local site at https://localhost:3000.