tldraw/vscode/extension/examples/1.tldr
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

124 lines
No EOL
2.9 KiB
Text

{
"fileHandle": null,
"document": {
"id": "doc",
"version": 13,
"pages": {
"page": {
"id": "page",
"name": "Page 1",
"childIndex": 1,
"shapes": {
"3805a6e3-b50a-4bb2-0782-e687526cafc8": {
"id": "3805a6e3-b50a-4bb2-0782-e687526cafc8",
"type": "rectangle",
"name": "Rectangle",
"parentId": "page",
"childIndex": 1,
"point": [
351.95,
77.76
],
"size": [
174.79,
98.23
],
"rotation": 0,
"style": {
"color": "black",
"size": "small",
"isFilled": false,
"dash": "draw"
}
},
"fe792a2f-5a42-46dd-260e-a4135536d16d": {
"id": "fe792a2f-5a42-46dd-260e-a4135536d16d",
"type": "rectangle",
"name": "Rectangle",
"parentId": "page",
"childIndex": 2,
"point": [
137.22,
202.71
],
"size": [
249.64,
180.38
],
"rotation": 0,
"style": {
"color": "black",
"size": "small",
"isFilled": false,
"dash": "draw"
}
},
"640a8876-2e56-45c2-0bdc-7fadde58a6b7": {
"id": "640a8876-2e56-45c2-0bdc-7fadde58a6b7",
"type": "rectangle",
"name": "Rectangle",
"parentId": "page",
"childIndex": 3,
"point": [
237.27,
641.01
],
"size": [
1,
1
],
"rotation": 0,
"style": {
"color": "black",
"size": "small",
"isFilled": false,
"dash": "draw"
}
},
"5d8a0762-e20a-45e9-05ad-6bd407ecec8c": {
"id": "5d8a0762-e20a-45e9-05ad-6bd407ecec8c",
"type": "draw",
"name": "Draw",
"parentId": "page",
"childIndex": 4,
"point": [
362.41,
599.42
],
"rotation": 0,
"style": {
"color": "black",
"size": "small",
"isFilled": false,
"dash": "draw"
},
"points": [
[
0.24,
0,
0.5
]
],
"isComplete": true
}
},
"bindings": {}
}
},
"pageStates": {
"page": {
"id": "page",
"selectedIds": [],
"camera": {
"point": [
0,
0
],
"zoom": 1
},
"editingId": null
}
}
},
"assets": {}
}