@elice/material-exercise 1.231227.0 → 1.231228.0

package/es/components/shared/monaco-editor/constants/themes/index.js

@@ -1,131 +1,99 @@
-var VSCODE_THEMES = [
+const VSCODE_THEMES = [
 // Elice (default)
 {
   id: 'elice',
   name: 'Elice (default)',
-  getTheme: function getTheme() {
-    return import('./elice.json.js');
-  }
+  getTheme: () => import('./elice.json.js')
 },
 // Abyss
 {
   id: 'abyss',
   name: 'Abyss',
-  getTheme: function getTheme() {
-    return import('./abyss.json.js');
-  }
+  getTheme: () => import('./abyss.json.js')
 },
 // Kimbie Dark
 {
   id: 'kimbie-dark',
   name: 'Kimbie Dark',
-  getTheme: function getTheme() {
-    return import('./kimbie-dark.json.js');
-  }
+  getTheme: () => import('./kimbie-dark.json.js')
 },
 // Monokai
 {
   id: 'monokai',
   name: 'Monokai',
-  getTheme: function getTheme() {
-    return import('./monokai.json.js');
-  }
+  getTheme: () => import('./monokai.json.js')
 },
 // Monokai Dimmed
 {
   id: 'monokai',
   name: 'Monokai Dimmed',
-  getTheme: function getTheme() {
-    return import('./monokai.json.js');
-  }
+  getTheme: () => import('./monokai.json.js')
 },
 // Quietlight
 {
   id: 'quietlight',
   name: 'Quietlight',
-  getTheme: function getTheme() {
-    return import('./quietlight.json.js');
-  }
+  getTheme: () => import('./quietlight.json.js')
 },
 // Red
 {
   id: 'red',
   name: 'Red',
-  getTheme: function getTheme() {
-    return import('./red.json.js');
-  }
+  getTheme: () => import('./red.json.js')
 },
 // Solarized Light
 {
   id: 'solarized-light',
   name: 'Solarized Light',
-  getTheme: function getTheme() {
-    return import('./solarized-light.json.js');
-  }
+  getTheme: () => import('./solarized-light.json.js')
 },
 // Solarized Dark
 {
   id: 'solarized-dark',
   name: 'Solarized Dark',
-  getTheme: function getTheme() {
-    return import('./solarized-dark.json.js');
-  }
+  getTheme: () => import('./solarized-dark.json.js')
 },
 // Tomorrow Night Blue
 {
   id: 'tomorrow-night-blue',
   name: 'Tomorrow Night Blue',
-  getTheme: function getTheme() {
-    return import('./tomorrow-night-blue.json.js');
-  }
+  getTheme: () => import('./tomorrow-night-blue.json.js')
 },
 // VS Light
 {
   id: 'vs-light',
   name: 'VS Light',
-  getTheme: function getTheme() {
-    return import('./vs-light.json.js');
-  }
+  getTheme: () => import('./vs-light.json.js')
 },
 // VS Light Plus
 {
   id: 'vs-light-plus',
   name: 'VS Light Plus',
-  getTheme: function getTheme() {
-    return import('./vs-light-plus.json.js');
-  }
+  getTheme: () => import('./vs-light-plus.json.js')
 },
 // VS Dark
 {
   id: 'vs-dark',
   name: 'VS Dark',
-  getTheme: function getTheme() {
-    return import('./vs-dark.json.js');
-  }
+  getTheme: () => import('./vs-dark.json.js')
 },
 // VS Dark Plus
 {
   id: 'vs-dark-plus',
   name: 'VS Dark Plus',
-  getTheme: function getTheme() {
-    return import('./vs-dark-plus.json.js');
-  }
+  getTheme: () => import('./vs-dark-plus.json.js')
 },
 // VS High Contrast Light
 {
   id: 'vs-hc-light',
   name: 'VS High Contrast Light',
-  getTheme: function getTheme() {
-    return import('./vs-hc-light.json.js');
-  }
+  getTheme: () => import('./vs-hc-light.json.js')
 },
 // VS High Contrast Dark
 {
   id: 'vs-hc-black',
   name: 'VS High Contrast Dark',
-  getTheme: function getTheme() {
-    return import('./vs-hc-black.json.js');
-  }
+  getTheme: () => import('./vs-hc-black.json.js')
 }];
 
 export { VSCODE_THEMES };

package/es/components/shared/monaco-editor/editor-hooks/useMonacoEventChange.js

@@ -1,31 +1,30 @@
-import { toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useEffect } from 'react';
 
-var EMPTY_DEPS = [];
+const EMPTY_DEPS = [];
 /**
  * Hook for change event of monaco editor.
  */
-var useMonacoEventChange = function useMonacoEventChange(monaco, cb, _suppress) {
-  var deps = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : EMPTY_DEPS;
-  useEffect(function () {
+const useMonacoEventChange = (monaco, cb, _suppress, deps = EMPTY_DEPS) => {
+  useEffect(() => {
     var _a;
     if (!monaco.current) {
       return;
     }
-    var suppress = typeof _suppress === 'boolean' ? _suppress : (_a = _suppress === null || _suppress === void 0 ? void 0 : _suppress.current) !== null && _a !== void 0 ? _a : false;
-    var subscription = monaco.current.onDidChangeModelContent(function () {
+    const suppress = typeof _suppress === 'boolean' ? _suppress : (_a = _suppress === null || _suppress === void 0 ? void 0 : _suppress.current) !== null && _a !== void 0 ? _a : false;
+    const subscription = monaco.current.onDidChangeModelContent(() => {
       var _a, _b;
       if (typeof cb !== 'function' || suppress) {
         return;
       }
-      var value = (_b = (_a = monaco.current) === null || _a === void 0 ? void 0 : _a.getModel()) === null || _b === void 0 ? void 0 : _b.getValue();
+      const value = (_b = (_a = monaco.current) === null || _a === void 0 ? void 0 : _a.getModel()) === null || _b === void 0 ? void 0 : _b.getValue();
       cb(value !== null && value !== void 0 ? value : '');
     });
-    return function () {
+    return () => {
       subscription.dispose();
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [monaco].concat(_toConsumableArray(deps)));
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [monaco, ...deps]);
 };
 
 export { useMonacoEventChange };

package/es/components/shared/monaco-editor/editor-hooks/useMonacoEventCursor.js

@@ -1,38 +1,37 @@
-import { toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useEffect } from 'react';
 
-var EMPTY_DEPS = [];
+const EMPTY_DEPS = [];
 /**
  * Hook for cursor activity event of monaco editor.
  */
-var useMonacoEventCursor = function useMonacoEventCursor(monaco, cb) {
-  var deps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : EMPTY_DEPS;
-  useEffect(function () {
+const useMonacoEventCursor = (monaco, cb, deps = EMPTY_DEPS) => {
+  useEffect(() => {
     if (!monaco.current) {
       return;
     }
-    var subscription = monaco.current.onDidChangeCursorSelection(function (e) {
+    const subscription = monaco.current.onDidChangeCursorSelection(e => {
       var _a;
       if (typeof cb !== 'function') {
         return;
       }
-      var model = (_a = monaco.current) === null || _a === void 0 ? void 0 : _a.getModel();
+      const model = (_a = monaco.current) === null || _a === void 0 ? void 0 : _a.getModel();
       if (!model || model.isDisposed()) {
         return;
       }
-      var selection = e.selection;
-      var from = model.getOffsetAt(selection.getStartPosition());
-      var to = model.getOffsetAt(selection.getEndPosition());
+      const selection = e.selection;
+      const from = model.getOffsetAt(selection.getStartPosition());
+      const to = model.getOffsetAt(selection.getEndPosition());
       cb({
-        from: from,
-        to: to
+        from,
+        to
       });
     });
-    return function () {
+    return () => {
       subscription.dispose();
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [monaco].concat(_toConsumableArray(deps)));
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [monaco, ...deps]);
 };
 
 export { useMonacoEventCursor };

package/es/components/shared/monaco-editor/editor-hooks/useMonacoEventScroll.js

@@ -1,17 +1,15 @@
-import { toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useEffect } from 'react';
 
-var EMPTY_DEPS = [];
+const EMPTY_DEPS = [];
 /**
  * Hook for scroll event of monaco editor.
  */
-var useMonacoEventScroll = function useMonacoEventScroll(monaco, cb) {
-  var deps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : EMPTY_DEPS;
-  useEffect(function () {
+const useMonacoEventScroll = (monaco, cb, deps = EMPTY_DEPS) => {
+  useEffect(() => {
     if (!monaco.current) {
       return;
     }
-    var subscription = monaco.current.onDidScrollChange(function (e) {
+    const subscription = monaco.current.onDidScrollChange(e => {
       if (typeof cb !== 'function') {
         return;
       }
@@ -20,11 +18,12 @@ var useMonacoEventScroll = function useMonacoEventScroll(monaco, cb) {
         y: e.scrollTop
       });
     });
-    return function () {
+    return () => {
       subscription.dispose();
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [monaco].concat(_toConsumableArray(deps)));
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [monaco, ...deps]);
 };
 
 export { useMonacoEventScroll };

package/es/components/shared/monaco-editor/editor-hooks/useMonacoMarkers.js

@@ -5,33 +5,33 @@ import { RemoteSelectionManager } from '../vendors/monaco-collab-ext/RemoteSelec
 import '../vendors/monaco-collab-ext/styles.js';
 
 /** Available colors for marker. */
-var MARKER_COLORS = Object.freeze(['purple', 'turquoise', 'red', 'yellow', 'lime', 'blue', 'pink']);
-var MARKER_DELAY_AFTER_INIT = 100;
+const MARKER_COLORS = Object.freeze(['purple', 'turquoise', 'red', 'yellow', 'lime', 'blue', 'pink']);
+const MARKER_DELAY_AFTER_INIT = 100;
 /**
  * Hook for cursor activity event of monaco editor.
  */
-var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
-  var _returns = useRef({});
+const useMonacoMarkers = (monaco, markers) => {
+  const _returns = useRef({});
   /** Cache storage of markers. */
-  var caches = useRef({});
+  const caches = useRef({});
   /** Ref of remote cursor manager. */
-  var remoteCursor = useRef();
+  const remoteCursor = useRef();
   /** Ref of remote selection manager. */
-  var remoteSelection = useRef();
+  const remoteSelection = useRef();
   /**
    * Get color of marker according to user ID.
    * @param userId  ID of user.
    */
-  var getMarkerColor = function getMarkerColor(userId) {
-    var index = userId % MARKER_COLORS.length;
+  const getMarkerColor = userId => {
+    const index = userId % MARKER_COLORS.length;
     return MARKER_COLORS[index];
   };
   /**
    * Set markers to code editor.
    */
-  var setMarkers = function setMarkers() {
-    var editor = monaco.current;
-    var model = editor === null || editor === void 0 ? void 0 : editor.getModel();
+  const setMarkers = () => {
+    const editor = monaco.current;
+    const model = editor === null || editor === void 0 ? void 0 : editor.getModel();
     if (!editor || !model) {
       return;
     }
@@ -39,9 +39,9 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
     markers
     // if marker type is `selection`,
     // add cursor marker at end position of current selection.
-    .flatMap(function (marker) {
+    .flatMap(marker => {
       if (marker.from !== marker.to) {
-        var cursorForSelectionMarker = Object.assign(Object.assign({}, marker), {
+        const cursorForSelectionMarker = Object.assign(Object.assign({}, marker), {
           from: marker.to,
           to: marker.to
         });
@@ -50,15 +50,15 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
       return marker;
     })
     // create or update cache for markers.
-    .forEach(function (marker) {
+    .forEach(marker => {
       if (!remoteCursor.current || !remoteSelection.current) {
         return;
       }
-      var id = marker.id.toString();
-      var color = getMarkerColor(marker.id);
-      var markerType = marker.from === marker.to ? 'cursor' : 'selection';
-      var cacheId = "".concat(id, "-").concat(marker.accesskey, "-").concat(marker.fullname, "-").concat(markerType);
-      var needToCreate = !caches.current[cacheId] || caches.current[cacheId].manager.isDisposed();
+      const id = marker.id.toString();
+      const color = getMarkerColor(marker.id);
+      const markerType = marker.from === marker.to ? 'cursor' : 'selection';
+      const cacheId = `${id}-${marker.accesskey}-${marker.fullname}-${markerType}`;
+      const needToCreate = !caches.current[cacheId] || caches.current[cacheId].manager.isDisposed();
       // cursor
       if (markerType === 'cursor') {
         // create new cursor marker
@@ -69,7 +69,7 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
           };
         }
         // update position of cursor marker
-        var markerPosition = model.getPositionAt(marker.from);
+        const markerPosition = model.getPositionAt(marker.from);
         caches.current[cacheId].position = markerPosition;
       }
       // selection
@@ -82,8 +82,8 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
           };
         }
         // update position of selection marker
-        var markerStartPosition = model.getPositionAt(marker.from);
-        var markerEndPosition = model.getPositionAt(marker.to);
+        const markerStartPosition = model.getPositionAt(marker.from);
+        const markerEndPosition = model.getPositionAt(marker.to);
         caches.current[cacheId].position = {
           start: markerStartPosition,
           end: markerEndPosition
@@ -91,8 +91,8 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
       }
     });
     // Update marker postion from cache.
-    Object.keys(caches.current).forEach(function (id) {
-      var cache = caches.current[id];
+    Object.keys(caches.current).forEach(id => {
+      const cache = caches.current[id];
       if (!cache.position) {
         // Dispose marker cache, if postion not exist.
         cache.manager.dispose();
@@ -114,7 +114,7 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
   /**
    * Initialize remoter marker manager.
    */
-  var init = function init() {
+  const init = () => {
     if (!monaco.current) {
       return;
     }
@@ -126,15 +126,13 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
     remoteSelection.current = new RemoteSelectionManager({
       editor: monaco.current
     });
-    setTimeout(function () {
-      return setMarkers();
-    }, MARKER_DELAY_AFTER_INIT);
+    setTimeout(() => setMarkers(), MARKER_DELAY_AFTER_INIT);
   };
   /**
    * Dispose remoter marker manager.
    */
-  var dispose = function dispose() {
-    Object.keys(caches.current).forEach(function (cacheId) {
+  const dispose = () => {
+    Object.keys(caches.current).forEach(cacheId => {
       caches.current[cacheId].manager.dispose();
     });
     remoteCursor.current = undefined;
@@ -143,9 +141,7 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
   //
   // Update markers.
   //
-  useDeepCompareEffect(function () {
-    return setMarkers();
-  }, [markers]);
+  useDeepCompareEffect(() => setMarkers(), [markers]);
   //
   //
   //

package/es/components/shared/monaco-editor/editor-hooks/useMonacoOptions.js

@@ -3,37 +3,35 @@ import { editor } from 'monaco-editor/esm/vs/editor/editor.api';
 import { DEFAULT_MONACO_EDITOR_PREFERENCE } from '../constants/monaco/preferences.js';
 import { prettierConfigSource } from '../utils/prettier/config.js';
 
-var FONT_LOAD_TEXT = '각난닫ABCabc1230!@#\t !@#():{}[]-_\\|';
+const FONT_LOAD_TEXT = '각난닫ABCabc1230!@#\t !@#():{}[]-_\\|';
 /**
  * Hook for update options of monaco editor.
  */
-var useMonacoOptions = function useMonacoOptions(monaco, options) {
+const useMonacoOptions = (monaco, options) => {
   //
   // Update options from preference.
   //
-  useEffect(function () {
+  useEffect(() => {
     var _a;
     return (_a = monaco.current) === null || _a === void 0 ? void 0 : _a.updateOptions(options);
   }, [monaco, options]);
   //
   // Sync prettier config with monaco editor preference.
   //
-  useEffect(function () {
+  useEffect(() => {
     prettierConfigSource.config.tabWidth = options.tabSize;
     prettierConfigSource.config.useTabs = options.insertSpaces === false;
   }, [options]);
   //
   // Load font and remeasure font of editor.
   //
-  useEffect(function () {
+  useEffect(() => {
     var _a, _b;
     if (typeof ((_a = document === null || document === void 0 ? void 0 : document.fonts) === null || _a === void 0 ? void 0 : _a.load) !== 'function') {
       return;
     }
-    var size = (_b = options.fontSize) !== null && _b !== void 0 ? _b : DEFAULT_MONACO_EDITOR_PREFERENCE.fontSize;
-    document.fonts.load("".concat(size, "px Elice Digital Coding"), FONT_LOAD_TEXT).then(function () {
-      return editor.remeasureFonts();
-    }).catch(function () {
+    const size = (_b = options.fontSize) !== null && _b !== void 0 ? _b : DEFAULT_MONACO_EDITOR_PREFERENCE.fontSize;
+    document.fonts.load(`${size}px Elice Digital Coding`, FONT_LOAD_TEXT).then(() => editor.remeasureFonts()).catch(() => {
       // do nothing.
     });
   }, [options.fontSize]);

package/es/components/shared/monaco-editor/editor-hooks/useMonacoTheme.js

@@ -5,18 +5,18 @@ import { importTheme } from '../utils/theme/index.js';
 /**
  * Import and set theme for monaco editor.
  */
-var useMonacoTheme = function useMonacoTheme(rawTheme, cb) {
-  var theme = rawTheme !== null && rawTheme !== void 0 ? rawTheme : 'elice';
-  useEffect(function () {
-    importTheme(theme).then(function (themeData) {
+const useMonacoTheme = (rawTheme, cb) => {
+  const theme = rawTheme !== null && rawTheme !== void 0 ? rawTheme : 'elice';
+  useEffect(() => {
+    importTheme(theme).then(themeData => {
       editor.defineTheme(theme, themeData);
       editor.setTheme(theme);
       if (typeof cb === 'function') {
         cb(theme);
       }
-    }).catch(function (err) {
+    }).catch(err => {
       // eslint-disable-next-line no-console
-      console.warn("fail to load theme (`".concat(theme, "`)"), err);
+      console.warn(`fail to load theme (\`${theme}\`)`, err);
     });
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps

package/es/components/shared/monaco-editor/editor-languages/css/formatter.js

@@ -1,38 +1,15 @@
-import { asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import prettier from '../../utils/prettier/index.js';
 
-var CssDocumentFormattingEditProvider = {
-  provideDocumentFormattingEdits: function provideDocumentFormattingEdits(model) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var text;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = prettier;
-            _context.t1 = model.getValue();
-            _context.next = 4;
-            return import('prettier/plugins/postcss');
-          case 4:
-            _context.t2 = _context.sent;
-            _context.t3 = [_context.t2];
-            _context.t4 = {
-              parser: 'scss',
-              plugins: _context.t3
-            };
-            _context.next = 9;
-            return (0, _context.t0)(_context.t1, _context.t4);
-          case 9:
-            text = _context.sent;
-            return _context.abrupt("return", [{
-              range: model.getFullModelRange(),
-              text: text
-            }]);
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }))();
+const CssDocumentFormattingEditProvider = {
+  async provideDocumentFormattingEdits(model) {
+    const text = await prettier(model.getValue(), {
+      parser: 'scss',
+      plugins: [await import('prettier/plugins/postcss')]
+    });
+    return [{
+      range: model.getFullModelRange(),
+      text
+    }];
   }
 };
 

package/es/components/shared/monaco-editor/editor-languages/html/formatter.js

@@ -1,38 +1,15 @@
-import { asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import prettier from '../../utils/prettier/index.js';
 
-var HtmlDocumentFormattingEditProvider = {
-  provideDocumentFormattingEdits: function provideDocumentFormattingEdits(model) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var text;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = prettier;
-            _context.t1 = model.getValue();
-            _context.next = 4;
-            return import('prettier/plugins/html');
-          case 4:
-            _context.t2 = _context.sent;
-            _context.t3 = [_context.t2];
-            _context.t4 = {
-              parser: 'html',
-              plugins: _context.t3
-            };
-            _context.next = 9;
-            return (0, _context.t0)(_context.t1, _context.t4);
-          case 9:
-            text = _context.sent;
-            return _context.abrupt("return", [{
-              range: model.getFullModelRange(),
-              text: text
-            }]);
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }))();
+const HtmlDocumentFormattingEditProvider = {
+  async provideDocumentFormattingEdits(model) {
+    const text = await prettier(model.getValue(), {
+      parser: 'html',
+      plugins: [await import('prettier/plugins/html')]
+    });
+    return [{
+      range: model.getFullModelRange(),
+      text
+    }];
   }
 };
 

package/es/components/shared/monaco-editor/editor-languages/typescript/dts/_helper.js

@@ -1,6 +1,6 @@
 function dts(options) {
   return {
-    path: options.path ? "file:///node_modules/".concat(options.path) : '',
+    path: options.path ? `file:///node_modules/${options.path}` : '',
     content: options.content
   };
 }

package/es/components/shared/monaco-editor/editor-languages/typescript/formatter.js

@@ -1,42 +1,15 @@
-import { asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import prettier from '../../utils/prettier/index.js';
 
-var TypescriptDocumentFormattingEditProvider = {
-  provideDocumentFormattingEdits: function provideDocumentFormattingEdits(model) {
-    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var text;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = prettier;
-            _context.t1 = model.getValue();
-            _context.next = 4;
-            return import('prettier/plugins/babel');
-          case 4:
-            _context.t2 = _context.sent;
-            _context.next = 7;
-            return import('prettier/plugins/estree');
-          case 7:
-            _context.t3 = _context.sent;
-            _context.t4 = [_context.t2, _context.t3];
-            _context.t5 = {
-              parser: 'babel-ts',
-              plugins: _context.t4
-            };
-            _context.next = 12;
-            return (0, _context.t0)(_context.t1, _context.t5);
-          case 12:
-            text = _context.sent;
-            return _context.abrupt("return", [{
-              range: model.getFullModelRange(),
-              text: text
-            }]);
-          case 14:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }))();
+const TypescriptDocumentFormattingEditProvider = {
+  async provideDocumentFormattingEdits(model) {
+    const text = await prettier(model.getValue(), {
+      parser: 'babel-ts',
+      plugins: [await import('prettier/plugins/babel'), await import('prettier/plugins/estree')]
+    });
+    return [{
+      range: model.getFullModelRange(),
+      text
+    }];
   }
 };