No description
Find a file
Faraz Shaikh 1c65c031b2
Add Image and Video shapes (#460)
* Added image and video shapes

* Fixed bugs; Added optional onImageUpload callback

* Added id field to onImageUpload

* Added onImageDelete callback for cleanup

* Added firebase storage to multiplayer for media

* Added firebase storage to multiplayer for media

* Silence unnecessary TS errors

* Fixed bugs; Added tests

* Added tests

* Disable images for multiplayer example

* switch to assets in document, rather than on shapes, fix resize, fix sizes

* bump version, add migration for assets table

* Rename onImageUpload

* Add isPlaying state to video (not complete)

* Revert "Add isPlaying state to video (not complete)"

This reverts commit 3dc2ba703f4194eb7c47524d384dc8392daa18be.

* Adds controls when editing video, sync current time when cloning

* Remove unused tools

* avoid duplication in assets

* Remove unused image styles from style menu

* Fix placement of clone buttons

* Fix flag to hide image assets in multiplayer

* move getSizeFromDataUrl to filesystem

* Update VideoUtil.tsx

* Re-center video after it loads

* Add copy and paste support for assets

* Fix bug in state manager, remove unused assets on load, fix indicators

* Add multiplayer with images example

* Update MultiplayerEditor.tsx

* Add images to copy SVG

* tighten up some code around svg export

* Update TldrawApp.spec.ts

* Update useBoundsHandleEvents.tsx

* Reset image size by double clicking bounds

* fix reset size

Co-authored-by: Steve Ruiz <steveruizok@gmail.com>
2021-12-25 17:06:33 +00:00
.github Delete sponsors.yml 2021-11-19 14:14:45 +00:00
.husky [mega-chore] renaming (#223) 2021-11-06 11:16:30 +00:00
.vscode Add recommended extensions 2021-11-27 17:15:45 +00:00
apps Add Image and Video shapes (#460) 2021-12-25 17:06:33 +00:00
assets Add recommended extensions 2021-11-27 17:15:45 +00:00
examples Add Image and Video shapes (#460) 2021-12-25 17:06:33 +00:00
guides fix: small typo error (#437) 2021-12-06 01:02:53 +00:00
packages Add Image and Video shapes (#460) 2021-12-25 17:06:33 +00:00
.eslintignore Prepare for Publishing VS Code Extension (#227) 2021-11-10 15:35:51 +00:00
.eslintrc Prepare for Publishing VS Code Extension (#227) 2021-11-10 15:35:51 +00:00
.gitignore Add Image and Video shapes (#460) 2021-12-25 17:06:33 +00:00
.npmignore Replace 2021-08-10 17:12:55 +01:00
.prettierrc Prepare for Publishing VS Code Extension (#227) 2021-11-10 15:35:51 +00:00
CODE_OF_CONDUCT.md updates docs / readmes / adds contributor guide 2021-11-11 12:11:21 +00:00
CONTRIBUTING.md Update CONTRIBUTING.md 2021-11-23 15:09:51 +00:00
lerna.json v1.2.10 2021-12-22 14:33:56 +00:00
LICENSE.md [improvement] UI (#215) 2021-11-03 16:46:33 +00:00
package.json Fix/undo on menu open (#436) 2021-12-06 18:23:53 +00:00
README.md [improvement] VS Code extension README (#379) 2021-11-27 14:31:47 +00:00
repo-map.tldr [improvement] refactor multiplayer (#336) 2021-11-22 14:00:24 +00:00
setupTests.ts Adjusts small example, makes inputs unique to each instance 2021-09-08 17:18:43 +01:00
tsconfig.base.json [feature] Add grids (#344) 2021-11-26 15:14:10 +00:00
tsconfig.json [feature] Add grids (#344) 2021-11-26 15:14:10 +00:00
yarn.lock Add Image and Video shapes (#460) 2021-12-25 17:06:33 +00:00

A screenshot of the tldraw web app

Welcome to the tldraw monorepo.

🙌 Questions? Join the Discord channel or start a discussion.

💕 Love this project? Consider becoming a sponsor.

Thanks to our corporate sponsors:

...and to our individual sponsors!

Contents

This repository is a monorepo containing two packages:

  • packages/tldraw contains the source for the @tldraw/tldraw package. This is an editor as a React component named <Tldraw>. You can use this package to embed the tldraw editor in any React application.
  • packages/core contains the source for the @tldraw/core package. This is a renderer for React components in a canvas-style UI. It is used by @tldraw/tldraw as well as several other projects.

...and three apps:

...and three examples:

Discussion

Want to connect? Visit the Discord channel.

Contribution

Interested in contributing? See the contributing guide.

Support

Need help? Please open an issue for support.

License

This project is licensed under MIT.

If you're using the library in a commercial product, please consider becoming a sponsor.

Author