@elice/material-exercise 1.240718.0-trasncript.0 → 1.240718.0-trasncript.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. */
-const MARKER_COLORS = Object.freeze(['purple', 'turquoise', 'red', 'yellow', 'lime', 'blue', 'pink']);
-const MARKER_DELAY_AFTER_INIT = 100;
+var MARKER_COLORS = Object.freeze(['purple', 'turquoise', 'red', 'yellow', 'lime', 'blue', 'pink']);
+var MARKER_DELAY_AFTER_INIT = 100;
 /**
  * Hook for cursor activity event of monaco editor.
  */
-const useMonacoMarkers = (monaco, markers) => {
-  const _returns = React.useRef({});
+var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
+  var _returns = React.useRef({});
   /** Cache storage of markers. */
-  const caches = React.useRef({});
+  var caches = React.useRef({});
   /** Ref of remote cursor manager. */
-  const remoteCursor = React.useRef();
+  var remoteCursor = React.useRef();
   /** Ref of remote selection manager. */
-  const remoteSelection = React.useRef();
+  var remoteSelection = React.useRef();
   /**
    * Get color of marker according to user ID.
    * @param userId  ID of user.
    */
-  const getMarkerColor = userId => {
-    const index = userId % MARKER_COLORS.length;
+  var getMarkerColor = function getMarkerColor(userId) {
+    var index = userId % MARKER_COLORS.length;
     return MARKER_COLORS[index];
   };
   /**
    * Set markers to code editor.
    */
-  const setMarkers = () => {
-    const editor = monaco.current;
-    const model = editor === null || editor === void 0 ? void 0 : editor.getModel();
+  var setMarkers = function setMarkers() {
+    var editor = monaco.current;
+    var model = editor === null || editor === void 0 ? void 0 : editor.getModel();
     if (!editor || !model) {
       return;
     }
@@ -41,9 +41,9 @@ const useMonacoMarkers = (monaco, markers) => {
     markers
     // if marker type is `selection`,
     // add cursor marker at end position of current selection.
-    .flatMap(marker => {
+    .flatMap(function (marker) {
       if (marker.from !== marker.to) {
-        const cursorForSelectionMarker = Object.assign(Object.assign({}, marker), {
+        var cursorForSelectionMarker = Object.assign(Object.assign({}, marker), {
           from: marker.to,
           to: marker.to
         });
@@ -52,15 +52,15 @@ const useMonacoMarkers = (monaco, markers) => {
       return marker;
     })
     // create or update cache for markers.
-    .forEach(marker => {
+    .forEach(function (marker) {
       if (!remoteCursor.current || !remoteSelection.current) {
         return;
       }
-      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();
+      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();
       // cursor
       if (markerType === 'cursor') {
         // create new cursor marker
@@ -71,7 +71,7 @@ const useMonacoMarkers = (monaco, markers) => {
           };
         }
         // update position of cursor marker
-        const markerPosition = model.getPositionAt(marker.from);
+        var markerPosition = model.getPositionAt(marker.from);
         caches.current[cacheId].position = markerPosition;
       }
       // selection
@@ -84,8 +84,8 @@ const useMonacoMarkers = (monaco, markers) => {
           };
         }
         // update position of selection marker
-        const markerStartPosition = model.getPositionAt(marker.from);
-        const markerEndPosition = model.getPositionAt(marker.to);
+        var markerStartPosition = model.getPositionAt(marker.from);
+        var markerEndPosition = model.getPositionAt(marker.to);
         caches.current[cacheId].position = {
           start: markerStartPosition,
           end: markerEndPosition
@@ -93,8 +93,8 @@ const useMonacoMarkers = (monaco, markers) => {
       }
     });
     // Update marker postion from cache.
-    Object.keys(caches.current).forEach(id => {
-      const cache = caches.current[id];
+    Object.keys(caches.current).forEach(function (id) {
+      var cache = caches.current[id];
       if (!cache.position) {
         // Dispose marker cache, if postion not exist.
         cache.manager.dispose();
@@ -116,7 +116,7 @@ const useMonacoMarkers = (monaco, markers) => {
   /**
    * Initialize remoter marker manager.
    */
-  const init = () => {
+  var init = function init() {
     if (!monaco.current) {
       return;
     }
@@ -128,13 +128,15 @@ const useMonacoMarkers = (monaco, markers) => {
     remoteSelection.current = new RemoteSelectionManager.RemoteSelectionManager({
       editor: monaco.current
     });
-    setTimeout(() => setMarkers(), MARKER_DELAY_AFTER_INIT);
+    setTimeout(function () {
+      return setMarkers();
+    }, MARKER_DELAY_AFTER_INIT);
   };
   /**
    * Dispose remoter marker manager.
    */
-  const dispose = () => {
-    Object.keys(caches.current).forEach(cacheId => {
+  var dispose = function dispose() {
+    Object.keys(caches.current).forEach(function (cacheId) {
       caches.current[cacheId].manager.dispose();
     });
     remoteCursor.current = undefined;
@@ -143,7 +145,9 @@ const useMonacoMarkers = (monaco, markers) => {
   //
   // Update markers.
   //
-  reactUse.useDeepCompareEffect(() => setMarkers(), [markers]);
+  reactUse.useDeepCompareEffect(function () {
+    return setMarkers();
+  }, [markers]);
   //
   //
   //

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

@@ -5,35 +5,37 @@ var monaco = require('monaco-editor/esm/vs/editor/editor.api');
 var preferences = require('../constants/monaco/preferences.js');
 var config = require('../utils/prettier/config.js');
 
-const FONT_LOAD_TEXT = '각난닫ABCabc1230!@#\t !@#():{}[]-_\\|';
+var FONT_LOAD_TEXT = '각난닫ABCabc1230!@#\t !@#():{}[]-_\\|';
 /**
  * Hook for update options of monaco editor.
  */
-const useMonacoOptions = (monaco$1, options) => {
+var useMonacoOptions = function useMonacoOptions(monaco$1, options) {
   //
   // Update options from preference.
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     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(() => {
+  React.useEffect(function () {
     config.prettierConfigSource.config.tabWidth = options.tabSize;
     config.prettierConfigSource.config.useTabs = options.insertSpaces === false;
   }, [options]);
   //
   // Load font and remeasure font of editor.
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     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;
     }
-    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(() => {
+    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 () {
       // 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.
  */
-const useMonacoTheme = (rawTheme, cb) => {
-  const theme = rawTheme !== null && rawTheme !== void 0 ? rawTheme : 'elice';
-  React.useEffect(() => {
-    index.importTheme(theme).then(themeData => {
+var useMonacoTheme = function useMonacoTheme(rawTheme, cb) {
+  var theme = rawTheme !== null && rawTheme !== void 0 ? rawTheme : 'elice';
+  React.useEffect(function () {
+    index.importTheme(theme).then(function (themeData) {
       monaco.editor.defineTheme(theme, themeData);
       monaco.editor.setTheme(theme);
       if (typeof cb === 'function') {
         cb(theme);
       }
-    }).catch(err => {
+    }).catch(function (err) {
       // eslint-disable-next-line no-console
-      console.warn(`fail to load theme (\`${theme}\`)`, err);
+      console.warn("fail to load theme (`".concat(theme, "`)"), err);
     });
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -2,18 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../../utils/prettier/index.js');
 
-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
-    }];
+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);
+    }))();
   }
 };
 

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

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

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

@@ -2,18 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../../utils/prettier/index.js');
 
-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
-    }];
+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);
+    }))();
   }
 };
 

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

@@ -6,7 +6,8 @@ var monaco = require('monaco-editor/esm/vs/editor/editor.api');
 var emmet = require('../../utils/emmet/emmet.js');
 var formatter = require('./formatter.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) return e;
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -23,7 +24,7 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
-var monaco__namespace = /*#__PURE__*/_interopNamespaceDefault(monaco);
+var monaco__namespace = /*#__PURE__*/_interopNamespaceCompat(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/${options.path}` : '',
+    path: options.path ? "file:///node_modules/".concat(options.path) : '',
     content: options.content
   };
 }

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

@@ -0,0 +1,11 @@
+'use strict';
+
+var express = require('./express.js');
+var propTypes = require('./propTypes.js');
+var react = require('./react.js');
+
+
+
+exports.express = express.default;
+exports.propTypes = propTypes.default;
+exports.react = react.default;

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

@@ -2,18 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var index = require('../../utils/prettier/index.js');
 
-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
-    }];
+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);
+    }))();
   }
 };
 

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

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

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var useEditorOptions = require('./useEditorOptions.js');
+
+
+
+exports.useEditorOptions = useEditorOptions.useEditorOptions;

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

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

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var MonacoEditorLazy = require('./MonacoEditorLazy.js');
+var MonacoEditorPerferenceForm = require('./MonacoEditorPerferenceForm.js');
+var monacoLanguage = require('./utils/monacoLanguage.js');
+var monacoPreference = require('./utils/monacoPreference.js');
+var index = require('./constants/grammars/index.js');
+var preferences = require('./constants/monaco/preferences.js');
+
+
+
+exports.MonacoEditorLazy = MonacoEditorLazy.default;
+exports.MonacoEditorPerference = MonacoEditorPerferenceForm.default;
+exports.getLanguageFromFilename = monacoLanguage.getLanguageFromFilename;
+exports.normalizeMonacoPreference = monacoPreference.normalizeMonacoPreference;
+exports.TM_LANGUAGES = index.TM_LANGUAGES;
+exports.DEFAULT_MONACO_EDITOR_PREFERENCE = preferences.DEFAULT_MONACO_EDITOR_PREFERENCE;
+exports.MONACO_EDITOR_FONT_FAMILY = preferences.MONACO_EDITOR_FONT_FAMILY;
+exports.MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES = preferences.MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES;
+exports.MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES = preferences.MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES;
+exports.MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS = preferences.MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS;

package/cjs/components/shared/monaco-editor/locales/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var en = require('./en.json.js');
+var ko = require('./ko.json.js');
+var th = require('./th.json.js');
+var ja = require('./ja.json.js');
+
+
+
+exports.messageEn = en.default;
+exports.messageKo = ko.default;
+exports.messageTh = th.default;
+exports.messageJa = ja.default;

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) {
-  const currentTokenType = tokens[index].type;
+  var currentTokenType = tokens[index].type;
   switch (syntax) {
     case 'html':
       return currentTokenType === 'text.html.basic';
@@ -21,27 +21,25 @@ 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) {
-  const {
-    column,
-    lineNumber
-  } = position;
+  var column = position.column,
+    lineNumber = position.lineNumber;
   // get current line's tokens
-  const _tokenization =
+  var _tokenization =
   // monaco-editor < 0.34.0
   model._tokenization ||
   // monaco-editor >= 0.34.0
   model.tokenization._tokenization;
-  const _tokenizationStateStore = _tokenization._tokenizationStateStore;
-  const _tokenizationSupport =
+  var _tokenizationStateStore = _tokenization._tokenizationStateStore;
+  var _tokenizationSupport =
   // monaco-editor >= 0.32.0
   _tokenizationStateStore.tokenizationSupport ||
   // monaco-editor < 0.32.0
   _tokenization._tokenizationSupport;
-  const state = _tokenizationStateStore.getBeginState(lineNumber - 1).clone();
-  const tokenizationResult = _tokenizationSupport.tokenize(model.getLineContent(lineNumber), true, state, 0);
-  const tokens = tokenizationResult.tokens;
+  var state = _tokenizationStateStore.getBeginState(lineNumber - 1).clone();
+  var tokenizationResult = _tokenizationSupport.tokenize(model.getLineContent(lineNumber), true, state, 0);
+  var tokens = tokenizationResult.tokens;
   // get token type at current column
-  for (let i = tokens.length - 1; i >= 0; i--) {
+  for (var 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/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var emmet = require('./emmet.js');
+
+
+
+exports.emmetCSS = emmet.emmetCSS;
+exports.emmetHTML = emmet.emmetHTML;
+exports.emmetJSX = emmet.emmetJSX;

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

@@ -11,12 +11,18 @@ function registerProvider(_monaco, languages, syntax) {
   if (!_monaco) {
     return;
   }
-  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());
+  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();
+    });
   };
 }