monaco ZMI: partial support for typescript

bt5/erp5_monaco_editor/SkinTemplateItem/portal_skins/erp5_monaco_editor/monaco_editor_support.zpt

@@ -48,6 +48,8 @@
 
 <script tal:attributes="src string:${options/portal_url}/monaco-editor/prettier@1.14.0/standalone.js"></script>
 <script tal:attributes="src string:${options/portal_url}/monaco-editor/prettier@1.14.0/parser-babylon.js"></script>
+<!-- TODO: add locally if it makes sense -->
+<script src="https://unpkg.com/prettier@1.14.0/parser-typescript.js"></script>
 
 <script>
 /* we need to defer import for the monacoEditorWebPackResourceBaseUrl trick to work as expected in ZMI */
@@ -94,12 +96,15 @@ $script.onload = function() {
 
       /* because Alt+Click is LeftClick on ChromeOS */
       multiCursorModifier: "ctrlCmd",
-
       autoIndent: true
     }
   );
+  editor.getModel().updateOptions({
+    tabSize: 2,
+    insertSpaces: true
+  });
+
   if (mode == "python") {
-    editor.model.updateOptions({ tabSize: 2 });
     monaco.languages.setLanguageConfiguration("python", {
       indentationRules: {
         increaseIndentPattern: /^.*:$/
@@ -126,6 +131,24 @@ $script.onload = function() {
       ];
     },
   });
+  monaco.languages.registerDocumentFormattingEditProvider('typescript', {
+    provideDocumentFormattingEdits(model, options, token) {
+      const text = prettier.format(model.getValue(), {
+        parser: 'typescript',
+        plugins: [prettierPlugins.typescript],
+        // see http://json.schemastore.org/prettierrc for supported options.
+        singleQuote: true,
+        tabWidth: 2
+      });
+
+      return [
+        {
+          range: model.getFullModelRange(),
+          text,
+        },
+      ];
+    },
+  });
 
   var timeout = null;