Is there any possibility of being able to export the displayed map to PNG from VSCode?

[damonsk]

          Is there any possibility of being able to export the displayed map to PNG from VSCode?  Right now, I have to go to https://onlinewardleymaps.com and paste in my markup from VSCode, then use the web PNG export...Kind of a drag.

Originally posted by @jaxley in damonsk/onlinewardleymaps#71 (comment)

[dkokic]

Also, SVG would be nice. 🤓
I am new to VS Code Extensions and wonder if this could be a good exercise to dive into it.

[damonsk]

My thoughts on how this could be achieved..

We have html2canvas which would generate the PNG.

https://github.com/damonsk/onlinewardleymaps/blob/b8ef17c8032587006e236aa2b293c86478c51d97/frontend/src/components/MapEnvironment.js#L293

For SVG it would be the same process but getting the svg markup from the map.

https://github.com/damonsk/onlinewardleymaps/blob/b8ef17c8032587006e236aa2b293c86478c51d97/frontend/src/components/MapEnvironment.js#L303

This example shows how to save a file - https://github.com/microsoft/vscode-extension-samples/blob/94c1b179c75242072e69fff8199d08e2e5ff4335/fsconsumer-sample/src/extension.ts#L71 to write the file.

Another way would be to create a new file tab, and set the text to be that of the svg (which is just xml) and allow the user to save via VSCode.

https://code.visualstudio.com/api/references/vscode-api#WorkspaceEdit - createFile.