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

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
+    }];
   }
 };
 

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

@@ -22,7 +22,7 @@ function setDocumentFormattingEditProvider() {
  * Set TypeScript compiler options.
  */
 function setCompilerOptions() {
-  var compilerOptions = {
+  const compilerOptions = {
     allowNonTsExtensions: true,
     allowSyntheticDefaultImports: true,
     target: monaco.languages.typescript.ScriptTarget.ES2016,
@@ -31,7 +31,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.languages.typescript.JsxEmit.React,
     jsxFactory: 'React.createElement',
     esModuleInterop: true
@@ -43,7 +43,7 @@ function setCompilerOptions() {
  * Set TypeScript diagnostics options.
  */
 function setDiagnosticsOptions() {
-  var diagnosticsOptions = {
+  const diagnosticsOptions = {
     noSuggestionDiagnostics: false,
     noSemanticValidation: true,
     noSyntaxValidation: true

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

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState } from 'react';
 import { useDeepCompareEffect } from 'react-use';
 import { MONACO_EDITOR_FONT_FAMILY } from '../constants/monaco/preferences.js';
@@ -11,8 +10,8 @@ import { normalizeMonacoPreference } from '../utils/monacoPreference.js';
 /**
  * Get editor options from props and preferences.
  */
-var getEditorOptions = function getEditorOptions(props) {
-  var normalized = normalizeMonacoPreference(props.preference);
+const getEditorOptions = props => {
+  const normalized = normalizeMonacoPreference(props.preference);
   return Object.assign(Object.assign({}, normalized), {
     tabSize: normalized.detectIndentation ? undefined : normalized.tabSize,
     // font
@@ -71,14 +70,9 @@ var getEditorOptions = function getEditorOptions(props) {
 /**
  * Hook to get editor options from props.
  */
-var useEditorOptions = function useEditorOptions(props) {
-  var _useState = useState(getEditorOptions(props)),
-    _useState2 = _slicedToArray(_useState, 2),
-    editorOptions = _useState2[0],
-    setEditorOptions = _useState2[1];
-  useDeepCompareEffect(function () {
-    return setEditorOptions(getEditorOptions(props));
-  }, [props]);
+const useEditorOptions = props => {
+  const [editorOptions, setEditorOptions] = useState(getEditorOptions(props));
+  useDeepCompareEffect(() => setEditorOptions(getEditorOptions(props)), [props]);
   return editorOptions;
 };
 

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

@@ -2,7 +2,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';
@@ -19,25 +19,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/es/components/shared/monaco-editor/utils/emmet/registerProvider.js

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

package/es/components/shared/monaco-editor/utils/grammar/index.js

@@ -1,4 +1,3 @@
-import { asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Registry } from 'monaco-textmate';
 import { TM_LANGUAGES } from '../../constants/grammars/index.js';
 import { initOnigasm } from './onigasm.js';
@@ -9,8 +8,8 @@ import { wireTmGrammars } from './textmate.js';
  */
 function createGrammarMap() {
   // {language => scopeName}
-  var grammars = new Map();
-  TM_LANGUAGES.forEach(function (tm) {
+  const grammars = new Map();
+  TM_LANGUAGES.forEach(tm => {
     grammars.set(tm.language, tm.scopeName);
   });
   return grammars;
@@ -20,76 +19,34 @@ function createGrammarMap() {
  */
 function createGrammarRegistry() {
   return new Registry({
-    getGrammarDefinition: function () {
-      var _getGrammarDefinition = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(scopeName) {
-        var lang, definition;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              lang = TM_LANGUAGES.find(function (l) {
-                return l.scopeName === scopeName;
-              });
-              if (lang) {
-                _context.next = 4;
-                break;
-              }
-              throw Error("no language found for scopeName: ".concat(scopeName));
-            case 4:
-              _context.next = 6;
-              return lang.getDefinition();
-            case 6:
-              definition = _context.sent;
-              return _context.abrupt("return", {
-                format: 'json',
-                content: JSON.stringify(definition)
-              });
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](0);
-              return _context.abrupt("return", {
-                format: 'json',
-                content: '{}'
-              });
-            case 13:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[0, 10]]);
-      }));
-      function getGrammarDefinition(_x) {
-        return _getGrammarDefinition.apply(this, arguments);
+    getGrammarDefinition: async scopeName => {
+      try {
+        const lang = TM_LANGUAGES.find(l => l.scopeName === scopeName);
+        if (!lang) {
+          throw Error(`no language found for scopeName: ${scopeName}`);
+        }
+        const definition = await lang.getDefinition();
+        return {
+          format: 'json',
+          content: JSON.stringify(definition)
+        };
+      } catch (_) {
+        return {
+          format: 'json',
+          content: '{}'
+        };
       }
-      return getGrammarDefinition;
-    }()
+    }
   });
 }
 /**
  *
  */
-function initMonacoGrammars () {
-  return _ref.apply(this, arguments);
-}
-function _ref() {
-  _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    var grammars, registry;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _context2.next = 2;
-          return initOnigasm();
-        case 2:
-          grammars = createGrammarMap();
-          registry = createGrammarRegistry();
-          _context2.next = 6;
-          return wireTmGrammars(registry, grammars);
-        case 6:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  }));
-  return _ref.apply(this, arguments);
+async function initMonacoGrammars () {
+  await initOnigasm();
+  const grammars = createGrammarMap();
+  const registry = createGrammarRegistry();
+  await wireTmGrammars(registry, grammars);
 }
 
 export { initMonacoGrammars as default };