PowerToys/doc/devdocs/modules/powerpreview/monaco
Aaron Junker d9c8d8d4e2
[Preview]Adding new filetypes for developer file preview (#17183)
* push

* push

* push

* Adressed comments and adjusted a thing

* Added xslt

* push

* push. Ready to review

* Spellcheck adjustments

* Add installer stuff

* Changed reg and removed xsl

Co-authored-by: htcfreek <61519853+htcfreek@users.noreply.github.com>

* Fixed tab

* Updated monaco_languages.json

Co-authored-by: Stefan Markovic <stefan@janeasystems.com>
Co-authored-by: htcfreek <61519853+htcfreek@users.noreply.github.com>
2022-04-14 15:09:49 +01:00
..
readme.md [Preview]Adding new filetypes for developer file preview (#17183) 2022-04-14 15:09:49 +01:00

Developer Preview (Monaco)

Developer preview is based on Microsofts Monaco Editor which is maintained by the Visual Studio Code team.

Update monaco editor

  1. Download Monaco editor with npm: npm i monaco-editor.
  2. Delete everything except the min folder (the minimised code).
  3. Copy the min folder inside the monacoSRC folder.
  4. Generate the JSON file (see section below)

monaco_languages.json

monaco_languages.json contains all extensions and Id's for the supported languages of Monaco. The FileHandler class and the installer are using this file.

Generate monaco_languages.json file

After you updated monaco editor or adding a new language you should update the monaco_languages.json file.

You have to run the file on a local webserver!

  1. Build monaco in debug mode.
  2. Open generateLanguagesJson.html in a browser.
  3. Replace the old JSON file.