@elice/material-exercise 1.240718.0-trasncript.2 → 1.240718.2

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

@@ -7,33 +7,33 @@ var RemoteSelectionManager = require('../vendors/monaco-collab-ext/RemoteSelecti
 require('../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 = React.useRef({});
+const useMonacoMarkers = (monaco, markers) => {
+  const _returns = React.useRef({});
   /** Cache storage of markers. */
-  var caches = React.useRef({});
+  const caches = React.useRef({});
   /** Ref of remote cursor manager. */
-  var remoteCursor = React.useRef();
+  const remoteCursor = React.useRef();
   /** Ref of remote selection manager. */
-  var remoteSelection = React.useRef();
+  const remoteSelection = React.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;
     }
@@ -41,9 +41,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
         });
@@ -52,15 +52,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
@@ -71,7 +71,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
@@ -84,8 +84,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
@@ -93,8 +93,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();
@@ -116,7 +116,7 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
   /**
    * Initialize remoter marker manager.
    */
-  var init = function init() {
+  const init = () => {
     if (!monaco.current) {
       return;
     }
@@ -128,15 +128,13 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
     remoteSelection.current = new RemoteSelectionManager.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;
@@ -145,9 +143,7 @@ var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
   //
   // Update markers.
   //
-  reactUse.useDeepCompareEffect(function () {
-    return setMarkers();
-  }, [markers]);
+  reactUse.useDeepCompareEffect(() => setMarkers(), [markers]);
   //
   //
   //

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

@@ -5,37 +5,35 @@ var monaco = require('monaco-editor/esm/vs/editor/editor.api');
 var preferences = require('../constants/monaco/preferences.js');
 var config = require('../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$1, options) {
+const useMonacoOptions = (monaco$1, options) => {
   //
   // Update options from preference.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     var _a;
     return (_a = monaco$1.current) === null || _a === void 0 ? void 0 : _a.updateOptions(options);
   }, [monaco$1, options]);
   //
   // Sync prettier config with monaco editor preference.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     config.prettierConfigSource.config.tabWidth = options.tabSize;
     config.prettierConfigSource.config.useTabs = options.insertSpaces === false;
   }, [options]);
   //
   // Load font and remeasure font of editor.
   //
-  React.useEffect(function () {
+  React.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 : preferences.DEFAULT_MONACO_EDITOR_PREFERENCE.fontSize;
-    document.fonts.load("".concat(size, "px Elice Digital Coding"), FONT_LOAD_TEXT).then(function () {
-      return monaco.editor.remeasureFonts();
-    }).catch(function () {
+    const size = (_b = options.fontSize) !== null && _b !== void 0 ? _b : preferences.DEFAULT_MONACO_EDITOR_PREFERENCE.fontSize;
+    document.fonts.load(`${size}px Elice Digital Coding`, FONT_LOAD_TEXT).then(() => monaco.editor.remeasureFonts()).catch(() => {
       // do nothing.
     });
   }, [options.fontSize]);

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

@@ -7,18 +7,18 @@ var index = require('../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';
-  React.useEffect(function () {
-    index.importTheme(theme).then(function (themeData) {
+const useMonacoTheme = (rawTheme, cb) => {
+  const theme = rawTheme !== null && rawTheme !== void 0 ? rawTheme : 'elice';
+  React.useEffect(() => {
+    index.importTheme(theme).then(themeData => {
       monaco.editor.defineTheme(theme, themeData);
       monaco.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/cjs/components/shared/monaco-editor/editor-languages/css/formatter.js

@@ -2,41 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../../utils/prettier/index.js');
 
-var CssDocumentFormattingEditProvider = {
-  provideDocumentFormattingEdits: function provideDocumentFormattingEdits(model) {
-    return _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var text;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = index.default;
-            _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 index.default(model.getValue(), {
+      parser: 'scss',
+      plugins: [await import('prettier/plugins/postcss')]
+    });
+    return [{
+      range: model.getFullModelRange(),
+      text
+    }];
   }
 };
 

package/cjs/components/shared/monaco-editor/editor-languages/css/index.js

@@ -6,8 +6,7 @@ var monaco = require('monaco-editor/esm/vs/editor/editor.api');
 var emmet = require('../../utils/emmet/emmet.js');
 var formatter = require('./formatter.js');
 
-function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -24,7 +23,7 @@ function _interopNamespaceCompat(e) {
     return Object.freeze(n);
 }
 
-var monaco__namespace = /*#__PURE__*/_interopNamespaceCompat(monaco);
+var monaco__namespace = /*#__PURE__*/_interopNamespaceDefault(monaco);
 
 /**
  * Set CSS document formatting provider.

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

@@ -2,41 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../../utils/prettier/index.js');
 
-var HtmlDocumentFormattingEditProvider = {
-  provideDocumentFormattingEdits: function provideDocumentFormattingEdits(model) {
-    return _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var text;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = index.default;
-            _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 index.default(model.getValue(), {
+      parser: 'html',
+      plugins: [await import('prettier/plugins/html')]
+    });
+    return [{
+      range: model.getFullModelRange(),
+      text
+    }];
   }
 };
 

package/cjs/components/shared/monaco-editor/editor-languages/html/index.js

@@ -6,8 +6,7 @@ var monaco = require('monaco-editor/esm/vs/editor/editor.api');
 var emmet = require('../../utils/emmet/emmet.js');
 var formatter = require('./formatter.js');
 
-function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -24,7 +23,7 @@ function _interopNamespaceCompat(e) {
     return Object.freeze(n);
 }
 
-var monaco__namespace = /*#__PURE__*/_interopNamespaceCompat(monaco);
+var monaco__namespace = /*#__PURE__*/_interopNamespaceDefault(monaco);
 
 /**
  * Set HTML document formatting provider.

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

@@ -2,7 +2,7 @@
 
 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/cjs/components/shared/monaco-editor/editor-languages/typescript/formatter.js

@@ -2,45 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../../utils/prettier/index.js');
 
-var TypescriptDocumentFormattingEditProvider = {
-  provideDocumentFormattingEdits: function provideDocumentFormattingEdits(model) {
-    return _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var text;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.t0 = index.default;
-            _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 index.default(model.getValue(), {
+      parser: 'babel-ts',
+      plugins: [await import('prettier/plugins/babel'), await import('prettier/plugins/estree')]
+    });
+    return [{
+      range: model.getFullModelRange(),
+      text
+    }];
   }
 };
 

package/cjs/components/shared/monaco-editor/editor-languages/typescript/index.js

@@ -9,8 +9,7 @@ var propTypes = require('./dts/propTypes.js');
 var react = require('./dts/react.js');
 var formatter = require('./formatter.js');
 
-function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -27,7 +26,7 @@ function _interopNamespaceCompat(e) {
     return Object.freeze(n);
 }
 
-var monaco__namespace = /*#__PURE__*/_interopNamespaceCompat(monaco);
+var monaco__namespace = /*#__PURE__*/_interopNamespaceDefault(monaco);
 
 /* eslint-disable react/forbid-foreign-prop-types */
 //
@@ -46,7 +45,7 @@ function setDocumentFormattingEditProvider() {
  * Set TypeScript compiler options.
  */
 function setCompilerOptions() {
-  var compilerOptions = {
+  const compilerOptions = {
     allowNonTsExtensions: true,
     allowSyntheticDefaultImports: true,
     target: monaco__namespace.languages.typescript.ScriptTarget.ES2016,
@@ -55,7 +54,7 @@ function setCompilerOptions() {
     lib: ['dom', 'dom.iterable', 'es2020'],
     noEmit: true
   };
-  var compilerOptionsReact = Object.assign(Object.assign({}, compilerOptions), {
+  const compilerOptionsReact = Object.assign(Object.assign({}, compilerOptions), {
     jsx: monaco__namespace.languages.typescript.JsxEmit.React,
     jsxFactory: 'React.createElement',
     esModuleInterop: true
@@ -67,7 +66,7 @@ function setCompilerOptions() {
  * Set TypeScript diagnostics options.
  */
 function setDiagnosticsOptions() {
-  var diagnosticsOptions = {
+  const diagnosticsOptions = {
     noSuggestionDiagnostics: false,
     noSemanticValidation: true,
     noSyntaxValidation: true

package/cjs/components/shared/monaco-editor/hooks/useEditorOptions.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactUse = require('react-use');
 var preferences = require('../constants/monaco/preferences.js');
@@ -13,8 +12,8 @@ var monacoPreference = require('../utils/monacoPreference.js');
 /**
  * Get editor options from props and preferences.
  */
-var getEditorOptions = function getEditorOptions(props) {
-  var normalized = monacoPreference.normalizeMonacoPreference(props.preference);
+const getEditorOptions = props => {
+  const normalized = monacoPreference.normalizeMonacoPreference(props.preference);
   return Object.assign(Object.assign({}, normalized), {
     tabSize: normalized.detectIndentation ? undefined : normalized.tabSize,
     // font
@@ -73,14 +72,9 @@ var getEditorOptions = function getEditorOptions(props) {
 /**
  * Hook to get editor options from props.
  */
-var useEditorOptions = function useEditorOptions(props) {
-  var _useState = React.useState(getEditorOptions(props)),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    editorOptions = _useState2[0],
-    setEditorOptions = _useState2[1];
-  reactUse.useDeepCompareEffect(function () {
-    return setEditorOptions(getEditorOptions(props));
-  }, [props]);
+const useEditorOptions = props => {
+  const [editorOptions, setEditorOptions] = React.useState(getEditorOptions(props));
+  reactUse.useDeepCompareEffect(() => setEditorOptions(getEditorOptions(props)), [props]);
   return editorOptions;
 };
 

package/cjs/components/shared/monaco-editor/utils/emmet/abbreviationActions.js

@@ -4,7 +4,7 @@
  * Validate if the given position is valid for emmet abbreviation.
  */
 function isValidEmmetToken(tokens, index, syntax, language) {
-  var currentTokenType = tokens[index].type;
+  const currentTokenType = tokens[index].type;
   switch (syntax) {
     case 'html':
       return currentTokenType === 'text.html.basic';
@@ -21,25 +21,27 @@ function isValidEmmetToken(tokens, index, syntax, language) {
  * @see https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/abbreviationActions.ts#L438
  */
 function isValidLocationForEmmetAbbreviation(model, position, syntax, language) {
-  var column = position.column,
-    lineNumber = position.lineNumber;
+  const {
+    column,
+    lineNumber
+  } = position;
   // get current line's tokens
-  var _tokenization =
+  const _tokenization =
   // monaco-editor < 0.34.0
   model._tokenization ||
   // monaco-editor >= 0.34.0
   model.tokenization._tokenization;
-  var _tokenizationStateStore = _tokenization._tokenizationStateStore;
-  var _tokenizationSupport =
+  const _tokenizationStateStore = _tokenization._tokenizationStateStore;
+  const _tokenizationSupport =
   // monaco-editor >= 0.32.0
   _tokenizationStateStore.tokenizationSupport ||
   // monaco-editor < 0.32.0
   _tokenization._tokenizationSupport;
-  var state = _tokenizationStateStore.getBeginState(lineNumber - 1).clone();
-  var tokenizationResult = _tokenizationSupport.tokenize(model.getLineContent(lineNumber), true, state, 0);
-  var tokens = tokenizationResult.tokens;
+  const state = _tokenizationStateStore.getBeginState(lineNumber - 1).clone();
+  const tokenizationResult = _tokenizationSupport.tokenize(model.getLineContent(lineNumber), true, state, 0);
+  const tokens = tokenizationResult.tokens;
   // get token type at current column
-  for (var i = tokens.length - 1; i >= 0; i--) {
+  for (let i = tokens.length - 1; i >= 0; i--) {
     if (column - 1 > tokens[i].offset) {
       // return true if current token is valid for emmet
       if (isValidEmmetToken(tokens, i, syntax)) {

package/cjs/components/shared/monaco-editor/utils/emmet/registerProvider.js

@@ -11,18 +11,12 @@ function registerProvider(_monaco, languages, syntax) {
   if (!_monaco) {
     return;
   }
-  var providers = languages.map(function (language) {
-    return _monaco.languages.registerCompletionItemProvider(language, {
-      triggerCharacters: utils.LANGUAGE_MODES[utils.MAPPED_MODES[language] || language],
-      provideCompletionItems: function provideCompletionItems(model, position) {
-        return abbreviationActions.isValidLocationForEmmetAbbreviation(model, position, syntax) ? emmetHelper.doComplete(_monaco, model, position, syntax, utils.DEFAULT_CONFIG) : undefined;
-      }
-    });
-  });
-  return function () {
-    providers.forEach(function (provider) {
-      return provider.dispose();
-    });
+  const providers = languages.map(language => _monaco.languages.registerCompletionItemProvider(language, {
+    triggerCharacters: utils.LANGUAGE_MODES[utils.MAPPED_MODES[language] || language],
+    provideCompletionItems: (model, position) => abbreviationActions.isValidLocationForEmmetAbbreviation(model, position, syntax) ? emmetHelper.doComplete(_monaco, model, position, syntax, utils.DEFAULT_CONFIG) : undefined
+  }));
+  return () => {
+    providers.forEach(provider => provider.dispose());
   };
 }