Investigate VSCode in the browser with the Cicero Extension

[jeromesimeon]

There is a lot of new activity around supporting VSCode in the browser. It would be exciting to be able to be able to see if one of those projects would allow us to host a version of VSCode for editing Accord Project templates (with this extension).

Some notes from @DianaLease who has started investigating this.

VS Code in Browser

Things we'd like in an online app:

• Ability to import/export
• Ability to use AP extension
• Ability to run cicero commands (?) - parse is built in to the extension (might need draft, trigger, etc)
• Publish to github from editor (?) - should be easy to do with VS Code

---

Code-server: code-server/CONTRIBUTING.md at master · cdr/code-server · GitHub

• Since the last time I gave this demo, they have made it a lot easier to run locally
• Can be hosted anywhere
• Still can't get latest AP extension
• Not clear that you import/export
• Run VSCode in browser from a remote server? | DigitalOcean

Code Sandbox: CodeSandbox

• This is using VS Code behind the scenes
• "Initially we’ll support a predefined list of extensions, we’ll gradually open up the possibility for everyone to add and install their own extensions." (~ 1 year ago)
• Can export as zip, but has some other stuff in it too

VS Code Online: Visual Studio Online - Cloud IDE - Code Editor Online

• Needed to create an Azure account (I signed up for a free trial to try out)
• In "public preview"
• Can use latest AP extension
• No way to export/import afaik. I supplied the github repo when creating the environment.
• Terminal is read-only
• Could running cicero parse, execute, etc be part of the plugin? (already have parse)
• Could import/export be part of the plugin?

VS Code Remote Development (??)

StackBlitz: Similar to Code Sandbox, but not really what we want. More for creating UIs.