@elice/material-exercise 1.230328.0 → 1.230418.1

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

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

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

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

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

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

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

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

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

@@ -5,72 +5,61 @@ import { RemoteSelectionManager } from '../vendors/monaco-collab-ext/RemoteSelec
 import '../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 = useRef({});
+var useMonacoMarkers = function useMonacoMarkers(monaco, markers) {
+  var _returns = useRef({});
   /** Cache storage of markers. */
-
-
-  const caches = useRef({});
+  var caches = useRef({});
   /** Ref of remote cursor manager. */
-
-  const remoteCursor = useRef();
+  var remoteCursor = useRef();
   /** Ref of remote selection manager. */
-
-  const remoteSelection = useRef();
+  var remoteSelection = 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;
-    } // Update marker's cache.
-
-
-    markers // if marker type is `selection`,
+    }
+    // Update marker's cache.
+    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
         });
         return [marker, cursorForSelectionMarker];
       }
-
       return marker;
-    }) // create or update cache for markers.
-    .forEach(marker => {
+    })
+    // create or update cache for markers.
+    .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(); // cursor
-
+      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
         if (needToCreate) {
@@ -78,12 +67,12 @@ const useMonacoMarkers = (monaco, markers) => {
             type: 'cursor',
             manager: remoteCursor.current.addCursor(id, color, marker.fullname)
           };
-        } // update position of cursor marker
-
-
-        const markerPosition = model.getPositionAt(marker.from);
+        }
+        // update position of cursor marker
+        var markerPosition = model.getPositionAt(marker.from);
         caches.current[cacheId].position = markerPosition;
-      } // selection
+      }
+      // selection
       else {
         // create new selection marker
         if (needToCreate) {
@@ -91,52 +80,44 @@ const useMonacoMarkers = (monaco, markers) => {
             type: 'selection',
             manager: remoteSelection.current.addSelection(id, color, marker.fullname)
           };
-        } // update position of selection marker
-
-
-        const markerStartPosition = model.getPositionAt(marker.from);
-        const markerEndPosition = model.getPositionAt(marker.to);
+        }
+        // update position of selection marker
+        var markerStartPosition = model.getPositionAt(marker.from);
+        var markerEndPosition = model.getPositionAt(marker.to);
         caches.current[cacheId].position = {
           start: markerStartPosition,
           end: markerEndPosition
         };
       }
-    }); // Update marker postion from cache.
-
-    Object.keys(caches.current).forEach(id => {
-      const cache = caches.current[id];
-
+    });
+    // Update marker postion from cache.
+    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();
         return;
       }
-
       switch (cache.type) {
         case 'cursor':
           cache.manager.setPosition(cache.position);
           break;
-
         case 'selection':
           cache.manager.setPositions(cache.position.start, cache.position.end);
           break;
-      } // Delete marker position at cache,
+      }
+      // Delete marker position at cache,
       // because marker position is for once usage.
-
-
       delete caches.current[id].position;
     });
   };
   /**
    * Initialize remoter marker manager.
    */
-
-
-  const init = () => {
+  var init = function init() {
     if (!monaco.current) {
       return;
     }
-
     remoteCursor.current = new RemoteCursorManager({
       editor: monaco.current,
       tooltips: true,
@@ -145,28 +126,29 @@ const useMonacoMarkers = (monaco, markers) => {
     remoteSelection.current = new 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;
     remoteSelection.current = undefined;
-  }; //
+  };
+  //
   // Update markers.
   //
-
-
-  useDeepCompareEffect(() => setMarkers(), [markers]); //
+  useDeepCompareEffect(function () {
+    return setMarkers();
+  }, [markers]);
+  //
   //
   //
-
   _returns.current.init = init;
   _returns.current.dispose = dispose;
   return _returns.current;

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

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

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

@@ -5,22 +5,21 @@ import { importTheme } from '../utils/theme/index.js';
 /**
  * Import and set theme for monaco editor.
  */
-
-const useMonacoTheme = (rawTheme, cb) => {
-  const theme = rawTheme !== null && rawTheme !== void 0 ? rawTheme : 'elice';
-  useEffect(() => {
-    importTheme(theme).then(themeData => {
+var useMonacoTheme = function useMonacoTheme(rawTheme, cb) {
+  var theme = rawTheme !== null && rawTheme !== void 0 ? rawTheme : 'elice';
+  useEffect(function () {
+    importTheme(theme).then(function (themeData) {
       editor.defineTheme(theme, themeData);
       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
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [theme]);
 };
 

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

@@ -1,17 +1,39 @@
+import { asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import prettier from '../../utils/prettier/index.js';
 
-const CssDocumentFormattingEditProvider = {
-  async provideDocumentFormattingEdits(model) {
-    const text = await prettier(model.getValue(), {
-      parser: 'scss',
-      plugins: [await import('prettier/parser-postcss')]
-    });
-    return [{
-      range: model.getFullModelRange(),
-      text
-    }];
+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/parser-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);
+    }))();
   }
-
 };
 
 export { CssDocumentFormattingEditProvider as default };