github.com
/
excalidraw
mirror of https://github.com/excalidraw/excalidraw.git
1
0
Fork 0
Code Releases Wiki Activity
Virtual whiteboard for sketching hand-drawn like diagrams
365 Commits 214 Branches 19 Tags 295 MiB
TypeScript 93.1%
SCSS 2.8%
MDX 2.3%
JavaScript 1.6%
HTML 0.2%
Go to file
Christopher Chedeau ba13f88924
Do not trigger modal actions when not visible (#562) 
Right now we're running useEffect block which runs getExportCanvasPreview on every state update, even if the modal is not visible (eg: when moving the mouse around!). This puts the modal code in its own component so that it doesn't trigger useEffect when not visible.

The code isn't very elegant as we're forwarding all the props, there's likely a better way to handle it (if anyone is interested, PR would be appreciated), but at least now it no longer double renders the scene.

Fixes #559
 		2020-01-25 14:11:26 -08:00
.github update events for GH actions to include PRs (#511) 2020-01-22 14:18:31 +01:00
public Some a11y fixes (#534) 2020-01-25 09:52:03 -08:00
scripts Set Trailing Cmma to (#525) 2020-01-24 12:04:54 +02:00
src Do not trigger modal actions when not visible (#562) 2020-01-25 14:11:26 -08:00
.eslintignore Lint tweaks (#502) 2020-01-22 15:13:00 +01:00
.gitignore remove static/ from git & ignore (#265) 2020-01-08 19:18:17 +01:00
.lintstagedrc.js Set Trailing Cmma to (#525) 2020-01-24 12:04:54 +02:00
.prettierrc Set Trailing Cmma to (#525) 2020-01-24 12:04:54 +02:00
CONTRIBUTING.md fix(font): modify exclamation point in font (#394) 2020-01-16 09:59:43 -08:00
LICENSE Add MIT License (#176) 2020-01-05 13:09:29 -08:00
README.md Add twitter badge to readme (#542) 2020-01-25 15:30:01 +01:00
package-lock.json Bump lint-staged from 10.0.0 to 10.0.2 (#549) 2020-01-25 06:20:07 +02:00
package.json Bump lint-staged from 10.0.0 to 10.0.2 (#549) 2020-01-25 06:20:07 +02:00
tsconfig.json TS, Prettier, Eslint (#39) 2020-01-02 11:03:48 -08:00

README.md

Excalidraw logo: Sketch handrawn like diagrams.

Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

Follow Excalidraw on Twitter

Try it now

Netlify Status

Go to https://excalidraw.com to start sketching

Testimonials

Run the code

Code Sandbox

  • Go to https://codesandbox.io/s/github/excalidraw/excalidraw
  • You can start coding instantly, and even send PRs from there!

Local Installation

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Clone the repo

git clone https://github.com/excalidraw/excalidraw.git

Commands

Command Description
npm install Install the dependencies
npm run start Run the project
npm run fix Reformat all files with Prettier
npm run test:code Test for formatting with Prettier
npm run test:app Test the app
npm run test Run all tests

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

You can also discuss the app on our Gitter channel.

Excalidraw is built using these awesome tools

And the main source of inspiration for starting the project is the awesome Zwibbler app.

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]