tldraw/vscode/extension
Francois Laberge 0b15992464
Create VS Code Extension (#4)
* Start of vscode extension. Current code is copy/paste from custom editor samples from Microsoft. We need to evaluate if using their text based customer editor or full on new custom editor is the way to go

* Not sure how I missed these files. Adding them

* Have a custom editor triggering off of .tldr files. Added gitignores for generated folder. Have iframed tldraw loading and security policies set to do so

* Can now load a .tldr file. No saving support yet. Load times are slow, mostly from editor loading up I think

* Have temporary solution for saving working now too.

* Missed af ile

* Backing up progress in syncing tldraw editor history changes

* Removed console

* ...

* ...

* Cleanup

* Have save working well now.

* Moved extension into 'integrations' folder

* Trying out WebviewPanelOptions.retainContextWhenHidden=true and it's looking promising

* Some cleanup

* Trying out new  @tldraw/editor module

* Have prototype loading using new embedded editor

* ...

* Shaved off 1 second from editor loadtime

* Got save working again. Had to manually fixuppreviously created .tldr files as the format changed a bit

* More tuning

* Starting work to get new tldraw/tldraw working.

* Added example tldr files to vscode package

* Removed old editor package

* Have onChange working with latest fix. Back to iframed for a few mom

* Fixed up .tldr files

* Have iframe free extension working, but requiring hand crafted building

* ...

* Better handling of empty .tldr files. Still an issue with freshly created files trying to save as .js or .json

* Thoroughly added comments for the extension code. Need to add diagrams though and now will document/comment/diagram the editor src code

* Added comments to all of the editor side of the VS Code Extension. Also cleaned up the code

* More cleanup of VS Code Extension code and have script automating generating the initial webview's html content from the cra editor static build

* Tweaks to watch logic

* Improved scripts for publishing to VS Code Marketplace

* Improved name

* Made the smiley angry

* Reverted

* Turned smiley mad

* Turned smiley mad

* Made smiley sad

* Have a lot of plumbing working for Github codespaces and github.dev support

* Imported new tldraw vs code extension code. Added instructions for workflows

* Quick fix

* Fix for corrupted arrows files

* Updated editor build step to new location

* Merge branch 'main' into vscode-extension-v1, add local file updating

* Update App.tsx

* Cleanup, bumped to 0.0.124 @tldraw/tdlraw and published a 0.10.0 version of hte extension

* Added Trello/Kanban style file

* Finished video

* brings up to date

* Fix scripts

* Update README.md

* Update .babelrc

Co-authored-by: Steve Ruiz <steveruizok@gmail.com>
2021-11-06 16:49:53 +00:00
..
.vscode Create VS Code Extension (#4) 2021-11-06 16:49:53 +00:00
examples Create VS Code Extension (#4) 2021-11-06 16:49:53 +00:00
src/web Create VS Code Extension (#4) 2021-11-06 16:49:53 +00:00
.gitignore Create VS Code Extension (#4) 2021-11-06 16:49:53 +00:00
CONTRIBUTING.md Create VS Code Extension (#4) 2021-11-06 16:49:53 +00:00
package.json Create VS Code Extension (#4) 2021-11-06 16:49:53 +00:00
README.md Create VS Code Extension (#4) 2021-11-06 16:49:53 +00:00
tsconfig.json Create VS Code Extension (#4) 2021-11-06 16:49:53 +00:00
webpack.config.js Create VS Code Extension (#4) 2021-11-06 16:49:53 +00:00
yarn.lock Create VS Code Extension (#4) 2021-11-06 16:49:53 +00:00

Wardlt

This is an awesome sketch/diagramming extension for making doodles and diagrams of system. It allows you to naturally create informal but legible diagrams, designed to be version controlled along side your code.

Features

  1. Hand drawn style
  2. Built in shapes like rectangles and ovals
  3. Add text elements
  4. Has smart arrows that support smart connecting between shapes/text for easy to make flow charts.
  5. Supports dashed strokes on all shapes.

Usage

Create a new file by either creating a blank .tldr file or by using the provided command: "Tldraw: Create a new .tldr file".