@elice/material-exercise 1.231212.0 → 1.231228.0

package/cjs/components/material-exercise/context/recoil.js

@@ -1,8 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var apiClient = require('@elice/api-client');
 var types = require('@elice/types');
 var websocket = require('@elice/websocket');
@@ -16,218 +13,109 @@ var monacoPreference = require('../../shared/monaco-editor/utils/monacoPreferenc
 var preferences = require('../../shared/monaco-editor/constants/monaco/preferences.js');
 var recoilTypes = require('./recoilTypes.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-
 //
 //
 //
-var KEY_PREFIX = 'MaterialExercise/Exercise/Global';
+const KEY_PREFIX = 'MaterialExercise/Exercise/Global';
 //
 // =============== entities ===============
 //
 /**
  * Lecture.
  */
-var exerciseLectureState = recoil.atomFamily({
-  key: "".concat(KEY_PREFIX, "/Lecture"),
+const exerciseLectureState = recoil.atomFamily({
+  key: `${KEY_PREFIX}/Lecture`,
   default: null,
-  effects: function effects(lectureId) {
-    return [function (_ref) {
-      var setSelf = _ref.setSelf,
-        trigger = _ref.trigger,
-        onSet = _ref.onSet;
-      var get = /*#__PURE__*/function () {
-        var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-          return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                if (lectureId) {
-                  _context.next = 3;
-                  break;
-                }
-                setSelf(null);
-                return _context.abrupt("return");
-              case 3:
-                _context.t0 = setSelf;
-                _context.next = 6;
-                return apiClient.getOrgLectureGet({
-                  lectureId: lectureId
-                }).then(function (res) {
-                  return res.lecture;
-                }).catch(function () {
-                  return null;
-                });
-              case 6:
-                _context.t1 = _context.sent;
-                (0, _context.t0)(_context.t1);
-              case 8:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        return function get() {
-          return _ref2.apply(this, arguments);
-        };
-      }();
-      if (trigger === 'get') {
+  effects: lectureId => [({
+    setSelf,
+    trigger,
+    onSet
+  }) => {
+    const get = async () => {
+      if (!lectureId) {
+        setSelf(null);
+        return;
+      }
+      setSelf(await apiClient.getOrgLectureGet({
+        lectureId: lectureId
+      }).then(res => res.lecture).catch(() => null));
+    };
+    if (trigger === 'get') {
+      void get();
+    }
+    onSet((_prevValue, _newValue, isReset) => {
+      if (isReset) {
         void get();
       }
-      onSet(function (_prevValue, _newValue, isReset) {
-        if (isReset) {
-          void get();
-        }
-      });
-    }];
-  }
+    });
+  }]
 });
 /**
  * Material exercise.
  */
-var exerciseState = recoil.atomFamily({
-  key: "".concat(KEY_PREFIX, "/Exercise"),
+const exerciseState = recoil.atomFamily({
+  key: `${KEY_PREFIX}/Exercise`,
   default: null,
-  effects: function effects(materialExerciseId) {
-    return [function (_ref3) {
-      var setSelf = _ref3.setSelf,
-        trigger = _ref3.trigger;
-      var get = /*#__PURE__*/function () {
-        var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
-          return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.t0 = setSelf;
-                _context2.next = 3;
-                return apiClient.getOrgMaterialExerciseGet({
-                  materialExerciseId: materialExerciseId
-                }).then(function (res) {
-                  return res.materialExercise;
-                }).then(function (materialExercise) {
-                  return Promise.all([materialExercise, apiClient.getOrgLecturePageResolve({
-                    materialId: materialExercise.id,
-                    materialType: types.enums.LectureMaterialType.Exercise
-                  }).then(function (res) {
-                    return {
-                      _courseId: res.courseId,
-                      _lectureId: res.lectureId,
-                      _lecturePageId: res.lecturePageId,
-                      _orderNo: res.orderNo
-                    };
-                  }).catch(function (err) {
-                    throw err;
-                  })]);
-                }).then(function (_ref5) {
-                  var _ref6 = _rollupPluginBabelHelpers.slicedToArray(_ref5, 2),
-                    materialExercise = _ref6[0],
-                    lecturePageResolve = _ref6[1];
-                  return Object.assign(Object.assign({}, materialExercise), lecturePageResolve);
-                }).catch(function () {
-                  return null;
-                });
-              case 3:
-                _context2.t1 = _context2.sent;
-                (0, _context2.t0)(_context2.t1);
-              case 5:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function get() {
-          return _ref4.apply(this, arguments);
-        };
-      }();
-      if (trigger === 'get') {
-        void get();
-      }
-    }];
-  }
+  effects: materialExerciseId => [({
+    setSelf,
+    trigger
+  }) => {
+    const get = async () => {
+      setSelf(await apiClient.getOrgMaterialExerciseGet({
+        materialExerciseId
+      }).then(res => res.materialExercise).then(materialExercise => Promise.all([materialExercise, apiClient.getOrgLecturePageResolve({
+        materialId: materialExercise.id,
+        materialType: types.enums.LectureMaterialType.Exercise
+      }).then(res => ({
+        _courseId: res.courseId,
+        _lectureId: res.lectureId,
+        _lecturePageId: res.lecturePageId,
+        _orderNo: res.orderNo
+      })).catch(err => {
+        throw err;
+      })])).then(([materialExercise, lecturePageResolve]) => Object.assign(Object.assign({}, materialExercise), lecturePageResolve)).catch(() => null));
+    };
+    if (trigger === 'get') {
+      void get();
+    }
+  }]
 });
 /**
  * Material exercise room.
  */
-var exerciseRoomState = recoil.atomFamily({
-  key: "".concat(KEY_PREFIX, "/ExerciseRoom"),
+const exerciseRoomState = recoil.atomFamily({
+  key: `${KEY_PREFIX}/ExerciseRoom`,
   default: null,
-  effects: function effects(exerciseRoomId) {
-    return [function (_ref7) {
-      var setSelf = _ref7.setSelf,
-        trigger = _ref7.trigger;
-      var get = /*#__PURE__*/function () {
-        var _ref8 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3() {
-          return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
-              case 0:
-                if (exerciseRoomId) {
-                  _context3.next = 2;
-                  break;
-                }
-                return _context3.abrupt("return", null);
-              case 2:
-                _context3.t0 = setSelf;
-                _context3.next = 5;
-                return apiClient.getOrgMaterialExerciseExerciseRoomGet({
-                  exerciseRoomId: exerciseRoomId
-                }).then(function (res) {
-                  return res.exerciseRoom;
-                }).catch(function () {
-                  return null;
-                });
-              case 5:
-                _context3.t1 = _context3.sent;
-                (0, _context3.t0)(_context3.t1);
-              case 7:
-              case "end":
-                return _context3.stop();
-            }
-          }, _callee3);
-        }));
-        return function get() {
-          return _ref8.apply(this, arguments);
-        };
-      }();
-      if (trigger === 'get') {
-        void get();
+  effects: exerciseRoomId => [({
+    setSelf,
+    trigger
+  }) => {
+    const get = async () => {
+      if (!exerciseRoomId) {
+        return null;
       }
-    }];
-  }
+      setSelf(await apiClient.getOrgMaterialExerciseExerciseRoomGet({
+        exerciseRoomId
+      }).then(res => res.exerciseRoom).catch(() => null));
+    };
+    if (trigger === 'get') {
+      void get();
+    }
+  }]
 });
 /**
  * User.
  */
-var exerciseUserState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/User"),
+const exerciseUserState = recoil.atom({
+  key: `${KEY_PREFIX}/User`,
   default: null,
-  effects: [function (_ref9) {
-    var setSelf = _ref9.setSelf,
-      trigger = _ref9.trigger;
-    var get = /*#__PURE__*/function () {
-      var _ref10 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee4() {
-        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.t0 = setSelf;
-              _context4.next = 3;
-              return apiClient.getOrgUserGet().then(function (res) {
-                return res.user;
-              }).catch(function () {
-                return null;
-              });
-            case 3:
-              _context4.t1 = _context4.sent;
-              (0, _context4.t0)(_context4.t1);
-            case 5:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      }));
-      return function get() {
-        return _ref10.apply(this, arguments);
-      };
-    }();
+  effects: [({
+    setSelf,
+    trigger
+  }) => {
+    const get = async () => {
+      setSelf(await apiClient.getOrgUserGet().then(res => res.user).catch(() => null));
+    };
     if (trigger === 'get') {
       void get();
     }
@@ -239,44 +127,29 @@ var exerciseUserState = recoil.atom({
 /**
  *
  */
-var exerciseFileTabsOpenedState = recoil.atomFamily({
-  key: "".concat(KEY_PREFIX, "/FileTabs/Opened"),
+const exerciseFileTabsOpenedState = recoil.atomFamily({
+  key: `${KEY_PREFIX}/FileTabs/Opened`,
   default: recoil.selectorFamily({
-    key: "".concat(KEY_PREFIX, "}/FileTabs/Opened/Default"),
-    get: function get(_ref11) {
-      var materialExerciseId = _ref11.materialExerciseId,
-        exerciseRoomId = _ref11.exerciseRoomId;
-      return /*#__PURE__*/function () {
-        var _ref13 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee5(_ref12) {
-          var get, _a, _b, _c, _d, exercise, mulLang, mulEnv, openFilelist;
-          return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee5$(_context5) {
-            while (1) switch (_context5.prev = _context5.next) {
-              case 0:
-                get = _ref12.get;
-                exercise = get(exerciseState(materialExerciseId));
-                mulLang = get(exerciseMultilangLanguagesState(materialExerciseId));
-                mulEnv = get(exerciseMultilangEnvironmentState({
-                  materialExerciseId: materialExerciseId,
-                  exerciseRoomId: exerciseRoomId
-                }));
-                if (!((exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.MultiLanguage && mulLang && mulEnv)) {
-                  _context5.next = 9;
-                  break;
-                }
-                openFilelist = (_b = (_a = mulLang === null || mulLang === void 0 ? void 0 : mulLang[mulEnv === null || mulEnv === void 0 ? void 0 : mulEnv.language]) === null || _a === void 0 ? void 0 : _a.initialOpenFilelist) !== null && _b !== void 0 ? _b : [];
-                return _context5.abrupt("return", openFilelist);
-              case 9:
-                return _context5.abrupt("return", (_d = (_c = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _c === void 0 ? void 0 : _c.initialOpenFilelist) !== null && _d !== void 0 ? _d : []);
-              case 10:
-              case "end":
-                return _context5.stop();
-            }
-          }, _callee5);
-        }));
-        return function (_x) {
-          return _ref13.apply(this, arguments);
-        };
-      }();
+    key: `${KEY_PREFIX}}/FileTabs/Opened/Default`,
+    get: ({
+      materialExerciseId,
+      exerciseRoomId
+    }) => async ({
+      get
+    }) => {
+      var _a, _b, _c, _d;
+      const exercise = get(exerciseState(materialExerciseId));
+      const mulLang = get(exerciseMultilangLanguagesState(materialExerciseId));
+      const mulEnv = get(exerciseMultilangEnvironmentState({
+        materialExerciseId,
+        exerciseRoomId
+      }));
+      if ((exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.MultiLanguage && mulLang && mulEnv) {
+        const openFilelist = (_b = (_a = mulLang === null || mulLang === void 0 ? void 0 : mulLang[mulEnv === null || mulEnv === void 0 ? void 0 : mulEnv.language]) === null || _a === void 0 ? void 0 : _a.initialOpenFilelist) !== null && _b !== void 0 ? _b : [];
+        return openFilelist;
+      } else {
+        return (_d = (_c = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _c === void 0 ? void 0 : _c.initialOpenFilelist) !== null && _d !== void 0 ? _d : [];
+      }
     }
   })
 });
@@ -286,56 +159,35 @@ var exerciseFileTabsOpenedState = recoil.atomFamily({
 /**
  *
  */
-var exerciseFileTreeOpenedState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/FileTree/Opened"),
+const exerciseFileTreeOpenedState = recoil.atom({
+  key: `${KEY_PREFIX}/FileTree/Opened`,
   default: false
 });
 //
 // =============== preference ===============
 //
-var EDITOR_ACCOUNT_PREFERENCE_PKEY_MONACO = 'material.exercise.editor.preference';
+const EDITOR_ACCOUNT_PREFERENCE_PKEY_MONACO = 'material.exercise.editor.preference';
 /**
  * Editor preference.
  */
-var exerciseEditorPreferenceState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/EditorPreference"),
+const exerciseEditorPreferenceState = recoil.atom({
+  key: `${KEY_PREFIX}/EditorPreference`,
   default: preferences.DEFAULT_MONACO_EDITOR_PREFERENCE,
-  effects: [function (_ref14) {
-    var setSelf = _ref14.setSelf,
-      trigger = _ref14.trigger,
-      onSet = _ref14.onSet;
-    var get = /*#__PURE__*/function () {
-      var _ref15 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee6() {
-        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
-            case 0:
-              _context6.t0 = setSelf;
-              _context6.next = 3;
-              return apiClient.getGlobalAccountPreferenceGet({
-                pkey: EDITOR_ACCOUNT_PREFERENCE_PKEY_MONACO
-              }).then(function (res) {
-                return monacoPreference.normalizeMonacoPreference(res.pvalue);
-              }).catch(function () {
-                return preferences.DEFAULT_MONACO_EDITOR_PREFERENCE;
-              });
-            case 3:
-              _context6.t1 = _context6.sent;
-              (0, _context6.t0)(_context6.t1);
-            case 5:
-            case "end":
-              return _context6.stop();
-          }
-        }, _callee6);
-      }));
-      return function get() {
-        return _ref15.apply(this, arguments);
-      };
-    }();
+  effects: [({
+    setSelf,
+    trigger,
+    onSet
+  }) => {
+    const get = async () => {
+      setSelf(await apiClient.getGlobalAccountPreferenceGet({
+        pkey: EDITOR_ACCOUNT_PREFERENCE_PKEY_MONACO
+      }).then(res => monacoPreference.normalizeMonacoPreference(res.pvalue)).catch(() => preferences.DEFAULT_MONACO_EDITOR_PREFERENCE));
+    };
     if (trigger === 'get') {
       void get();
     }
-    onSet(function (newPreference, prevPreference, isReset) {
-      if (!isEqual__default["default"](newPreference, prevPreference) && !isReset) {
+    onSet((newPreference, prevPreference, isReset) => {
+      if (!isEqual(newPreference, prevPreference) && !isReset) {
         void apiClient.postGlobalAccountPreferenceEdit({
           pkey: EDITOR_ACCOUNT_PREFERENCE_PKEY_MONACO,
           pvalue: monacoPreference.normalizeMonacoPreference(newPreference)
@@ -347,70 +199,48 @@ var exerciseEditorPreferenceState = recoil.atom({
 //
 // =============== preview ===============
 //
-var EDITOR_ACCOUNT_PREFERENCE_PKEY_PREVIEW_MODE = 'material.exercise.preview.mode';
+const EDITOR_ACCOUNT_PREFERENCE_PKEY_PREVIEW_MODE = 'material.exercise.preview.mode';
 /**
  *
  */
-var exercisePreviewTypeState = recoil.selectorFamily({
-  key: "".concat(KEY_PREFIX, "/Preview/Type"),
-  get: function get(materialExerciseId) {
-    return function (_ref16) {
-      var get = _ref16.get;
-      var exercise = get(exerciseState(materialExerciseId));
-      var readyExerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
-      switch (true) {
-        case Boolean(readyExerciseImage === null || readyExerciseImage === void 0 ? void 0 : readyExerciseImage.isVnc):
-          return recoilTypes.ExercisePreviewType.NoVnc;
-        case Boolean(readyExerciseImage === null || readyExerciseImage === void 0 ? void 0 : readyExerciseImage.httpPort):
-          return recoilTypes.ExercisePreviewType.WebBrowser;
-        default:
-          return recoilTypes.ExercisePreviewType.None;
-      }
-    };
+const exercisePreviewTypeState = recoil.selectorFamily({
+  key: `${KEY_PREFIX}/Preview/Type`,
+  get: materialExerciseId => ({
+    get
+  }) => {
+    const exercise = get(exerciseState(materialExerciseId));
+    const readyExerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
+    switch (true) {
+      case Boolean(readyExerciseImage === null || readyExerciseImage === void 0 ? void 0 : readyExerciseImage.isVnc):
+        return recoilTypes.ExercisePreviewType.NoVnc;
+      case Boolean(readyExerciseImage === null || readyExerciseImage === void 0 ? void 0 : readyExerciseImage.httpPort):
+        return recoilTypes.ExercisePreviewType.WebBrowser;
+      default:
+        return recoilTypes.ExercisePreviewType.None;
+    }
   }
 });
 /**
  *
  */
-var exercisePreviewDisplayModeState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Preview/DisplayMode"),
+const exercisePreviewDisplayModeState = recoil.atom({
+  key: `${KEY_PREFIX}/Preview/DisplayMode`,
   default: recoilTypes.ExercisePreviewDisplayMode.Mini,
-  effects: [function (_ref17) {
-    var trigger = _ref17.trigger,
-      setSelf = _ref17.setSelf,
-      onSet = _ref17.onSet;
-    var get = /*#__PURE__*/function () {
-      var _ref18 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee7() {
-        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
-            case 0:
-              _context7.t0 = setSelf;
-              _context7.next = 3;
-              return apiClient.getGlobalAccountPreferenceGet({
-                pkey: EDITOR_ACCOUNT_PREFERENCE_PKEY_PREVIEW_MODE
-              }).then(function (res) {
-                return Number(res.pvalue) || recoilTypes.ExercisePreviewDisplayMode.Mini;
-              }).catch(function () {
-                return recoilTypes.ExercisePreviewDisplayMode.Mini;
-              });
-            case 3:
-              _context7.t1 = _context7.sent;
-              (0, _context7.t0)(_context7.t1);
-            case 5:
-            case "end":
-              return _context7.stop();
-          }
-        }, _callee7);
-      }));
-      return function get() {
-        return _ref18.apply(this, arguments);
-      };
-    }();
+  effects: [({
+    trigger,
+    setSelf,
+    onSet
+  }) => {
+    const get = async () => {
+      setSelf(await apiClient.getGlobalAccountPreferenceGet({
+        pkey: EDITOR_ACCOUNT_PREFERENCE_PKEY_PREVIEW_MODE
+      }).then(res => Number(res.pvalue) || recoilTypes.ExercisePreviewDisplayMode.Mini).catch(() => recoilTypes.ExercisePreviewDisplayMode.Mini));
+    };
     if (trigger === 'get') {
       void get();
     }
-    onSet(function (newDisplayMode, prevDisplayMode, isReset) {
-      if (!isEqual__default["default"](newDisplayMode, prevDisplayMode) && !isReset) {
+    onSet((newDisplayMode, prevDisplayMode, isReset) => {
+      if (!isEqual(newDisplayMode, prevDisplayMode) && !isReset) {
         void apiClient.postGlobalAccountPreferenceEdit({
           pkey: EDITOR_ACCOUNT_PREFERENCE_PKEY_PREVIEW_MODE,
           pvalue: newDisplayMode
@@ -425,54 +255,53 @@ var exercisePreviewDisplayModeState = recoil.atom({
 /**
  *
  */
-var exerciseRunnerSubmittingState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Runner/Submitting"),
+const exerciseRunnerSubmittingState = recoil.atom({
+  key: `${KEY_PREFIX}/Runner/Submitting`,
   default: false
 });
 /**
  *
  */
-var exerciseRunnerRunningState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Runner/Running"),
+const exerciseRunnerRunningState = recoil.atom({
+  key: `${KEY_PREFIX}/Runner/Running`,
   default: false
 });
 /**
  *
  */
-var exerciseRunnerRunTypeState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Runner/RunType"),
+const exerciseRunnerRunTypeState = recoil.atom({
+  key: `${KEY_PREFIX}/Runner/RunType`,
   default: null
 });
 /**
  *
  */
-var exerciseRunnerRoomConnectionInfoState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Runner/RoomConnectionInfoState"),
+const exerciseRunnerRoomConnectionInfoState = recoil.atom({
+  key: `${KEY_PREFIX}/Runner/RoomConnectionInfoState`,
   default: null
 });
 /**
  *
  */
-var exerciseRunnerStdioFilesState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Runner/StdioFiles"),
+const exerciseRunnerStdioFilesState = recoil.atom({
+  key: `${KEY_PREFIX}/Runner/StdioFiles`,
   default: []
 });
 /**
  *
  */
-var exerciseRunnerWebSocketStatusQuery = recoil.selector({
-  key: "".concat(KEY_PREFIX, "/Runner/WebsocketState"),
-  get: function get(_ref19) {
-    var _get = _ref19.get;
-    var states = Object.freeze([_get(exerciseWebsocketStates).runnerRoom, _get(exerciseWebsocketStates).stdio]);
+const exerciseRunnerWebSocketStatusQuery = recoil.selector({
+  key: `${KEY_PREFIX}/Runner/WebsocketState`,
+  get: ({
+    get
+  }) => {
+    const states = Object.freeze([get(exerciseWebsocketStates).runnerRoom, get(exerciseWebsocketStates).stdio]);
     // connecting
     if (states.includes(websocket.EliceWebSocket.CLOSED) || states.includes(websocket.EliceWebSocket.CONNECTING)) {
       return websocket.EliceWebSocket.CONNECTING;
     }
     // connected
-    else if (states.every(function (state) {
-      return state === WebSocket.OPEN;
-    })) {
+    else if (states.every(state => state === WebSocket.OPEN)) {
       return websocket.EliceWebSocket.OPEN;
     }
     // reconnecting
@@ -487,8 +316,8 @@ var exerciseRunnerWebSocketStatusQuery = recoil.selector({
 /**
  *
  */
-var exerciseWebsocketStates = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Websocket/States"),
+const exerciseWebsocketStates = recoil.atom({
+  key: `${KEY_PREFIX}/Websocket/States`,
   default: {
     runnerRoom: websocket.EliceWebSocket.CLOSED,
     stdio: websocket.EliceWebSocket.CLOSED,
@@ -498,223 +327,143 @@ var exerciseWebsocketStates = recoil.atom({
 /**
  *
  */
-var exerciseWebsocketQuery = recoil.selectorFamily({
-  key: "".concat(KEY_PREFIX, "/Websocket/State"),
-  get: function get(key) {
-    return function (_ref20) {
-      var get = _ref20.get;
-      return get(exerciseWebsocketStates)[key];
-    };
+const exerciseWebsocketQuery = recoil.selectorFamily({
+  key: `${KEY_PREFIX}/Websocket/State`,
+  get: key => ({
+    get
+  }) => {
+    return get(exerciseWebsocketStates)[key];
   },
-  set: function set(key) {
-    return function (_ref21, newWebSocketState) {
-      var get = _ref21.get,
-        set = _ref21.set;
-      set(exerciseWebsocketStates, Object.assign(Object.assign({}, get(exerciseWebsocketStates)), _rollupPluginBabelHelpers.defineProperty({}, key, newWebSocketState)));
-    };
+  set: key => ({
+    get,
+    set
+  }, newWebSocketState) => {
+    set(exerciseWebsocketStates, Object.assign(Object.assign({}, get(exerciseWebsocketStates)), {
+      [key]: newWebSocketState
+    }));
   }
 });
 //
 // =============== multi language ===============
 //
-var MULTILANG_ENVIRONMENT_FILENAME = '.environment.json';
-var MULTILANG_LANGUAGES_FILENAME = '.languages.json';
+const MULTILANG_ENVIRONMENT_FILENAME = '.environment.json';
+const MULTILANG_LANGUAGES_FILENAME = '.languages.json';
 /**
  *
  */
-var exerciseMultilangLanguagesState = recoil.atomFamily({
-  key: "".concat(KEY_PREFIX, "/Multilang/Languages"),
+const exerciseMultilangLanguagesState = recoil.atomFamily({
+  key: `${KEY_PREFIX}/Multilang/Languages`,
   default: undefined,
-  effects: function effects(materialExerciseId) {
-    return [function (_ref22) {
-      var getPromise = _ref22.getPromise,
-        trigger = _ref22.trigger,
-        setSelf = _ref22.setSelf,
-        onSet = _ref22.onSet;
-      var get = /*#__PURE__*/function () {
-        var _ref23 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee8() {
-          var _a, _b, exercise;
-          return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee8$(_context8) {
-            while (1) switch (_context8.prev = _context8.next) {
-              case 0:
-                if (materialExerciseId) {
-                  _context8.next = 3;
-                  break;
-                }
-                setSelf(undefined);
-                return _context8.abrupt("return");
-              case 3:
-                _context8.next = 5;
-                return getPromise(exerciseState(materialExerciseId));
-              case 5:
-                exercise = _context8.sent;
-                if (exercise) {
-                  _context8.next = 9;
-                  break;
-                }
-                setSelf(undefined);
-                return _context8.abrupt("return");
-              case 9:
-                _context8.t0 = setSelf;
-                _context8.next = 12;
-                return apiClient.getOrgMaterialExerciseExerciseImageExerciseFileGet({
-                  exerciseImageId: (_b = (_a = exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : 0,
-                  filename: MULTILANG_LANGUAGES_FILENAME
-                }).then(function (res) {
-                  return res.exerciseFile.content;
-                }).then(function (content) {
-                  return humps.camelizeKeys(JSON.parse(content));
-                }).catch(function () {
-                  return null;
-                });
-              case 12:
-                _context8.t1 = _context8.sent;
-                (0, _context8.t0)(_context8.t1);
-              case 14:
-              case "end":
-                return _context8.stop();
-            }
-          }, _callee8);
-        }));
-        return function get() {
-          return _ref23.apply(this, arguments);
-        };
-      }();
-      if (trigger === 'get') {
+  effects: materialExerciseId => [({
+    getPromise,
+    trigger,
+    setSelf,
+    onSet
+  }) => {
+    const get = async () => {
+      var _a, _b;
+      if (!materialExerciseId) {
+        setSelf(undefined);
+        return;
+      }
+      const exercise = await getPromise(exerciseState(materialExerciseId));
+      if (!exercise) {
+        setSelf(undefined);
+        return;
+      }
+      setSelf(await apiClient.getOrgMaterialExerciseExerciseImageExerciseFileGet({
+        exerciseImageId: (_b = (_a = exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : 0,
+        filename: MULTILANG_LANGUAGES_FILENAME
+      }).then(res => res.exerciseFile.content).then(content => humps.camelizeKeys(JSON.parse(content))).catch(() => null));
+    };
+    if (trigger === 'get') {
+      void get();
+    }
+    onSet((_prevValue, _newValue, isReset) => {
+      if (isReset) {
         void get();
       }
-      onSet(function (_prevValue, _newValue, isReset) {
-        if (isReset) {
-          void get();
-        }
-      });
-    }];
-  }
+    });
+  }]
 });
 /**
  *
  */
-var exerciseMultilangEnvironmentState = recoil.atomFamily({
-  key: "".concat(KEY_PREFIX, "/Multilang/Environment"),
+const exerciseMultilangEnvironmentState = recoil.atomFamily({
+  key: `${KEY_PREFIX}/Multilang/Environment`,
   default: null,
-  effects: function effects(_ref24) {
-    var materialExerciseId = _ref24.materialExerciseId,
-      exerciseRoomId = _ref24.exerciseRoomId;
-    return [function (_ref25) {
-      var trigger = _ref25.trigger,
-        getPromise = _ref25.getPromise,
-        setSelf = _ref25.setSelf,
-        onSet = _ref25.onSet;
-      var get = /*#__PURE__*/function () {
-        var _ref26 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee10() {
-          return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee10$(_context10) {
-            while (1) switch (_context10.prev = _context10.next) {
-              case 0:
-                setSelf(apiClient.getOrgMaterialExerciseExerciseRoomUserFileGet({
-                  exerciseRoomId: exerciseRoomId,
-                  filename: MULTILANG_ENVIRONMENT_FILENAME
-                }).then(function (res) {
-                  return humps.camelizeKeys(JSON.parse(res.userFile.content));
-                }).catch( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee9() {
-                  return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee9$(_context9) {
-                    while (1) switch (_context9.prev = _context9.next) {
-                      case 0:
-                        return _context9.abrupt("return", getPromise(exerciseMultilangLanguagesState(materialExerciseId)).then(function (languages) {
-                          if (!languages) {
-                            throw new Error('err_no_languages');
-                          }
-                          var language = Object.keys(languages)[0];
-                          return {
-                            language: language
-                          };
-                        }).catch(function () {
-                          return null;
-                        }));
-                      case 1:
-                      case "end":
-                        return _context9.stop();
-                    }
-                  }, _callee9);
-                }))));
-              case 1:
-              case "end":
-                return _context10.stop();
-            }
-          }, _callee10);
-        }));
-        return function get() {
-          return _ref26.apply(this, arguments);
+  effects: ({
+    materialExerciseId,
+    exerciseRoomId
+  }) => [({
+    trigger,
+    getPromise,
+    setSelf,
+    onSet
+  }) => {
+    const get = async () => {
+      setSelf(apiClient.getOrgMaterialExerciseExerciseRoomUserFileGet({
+        exerciseRoomId,
+        filename: MULTILANG_ENVIRONMENT_FILENAME
+      }).then(res => humps.camelizeKeys(JSON.parse(res.userFile.content))).catch(async () => getPromise(exerciseMultilangLanguagesState(materialExerciseId)).then(languages => {
+        if (!languages) {
+          throw new Error('err_no_languages');
+        }
+        const language = Object.keys(languages)[0];
+        return {
+          language
         };
-      }();
-      if (trigger === 'get') {
-        void get();
+      }).catch(() => null)));
+    };
+    if (trigger === 'get') {
+      void get();
+    }
+    onSet((newEnvJson, _, isReset) => {
+      if (isReset) {
+        return;
       }
-      onSet(function (newEnvJson, _, isReset) {
-        if (isReset) {
-          return;
-        }
-        void apiClient.postOrgMaterialExerciseExerciseRoomUserFileAdd({
-          exerciseRoomId: exerciseRoomId,
-          userFile: new File([JSON.stringify(newEnvJson)], MULTILANG_ENVIRONMENT_FILENAME, {
-            type: 'application/json'
-          }),
-          path: '',
-          overwrite: true
-        });
+      void apiClient.postOrgMaterialExerciseExerciseRoomUserFileAdd({
+        exerciseRoomId,
+        userFile: new File([JSON.stringify(newEnvJson)], MULTILANG_ENVIRONMENT_FILENAME, {
+          type: 'application/json'
+        }),
+        path: '',
+        overwrite: true
       });
-    }];
-  }
+    });
+  }]
 });
 //
 // =============== arduino ===============
 //
-var ARDUINO_ACCOUNT_PREFERENCE_KEY = 'material.exercise.arduino.preference';
-var DEFAULT_ARDUINO_PREFERENCE = {
+const ARDUINO_ACCOUNT_PREFERENCE_KEY = 'material.exercise.arduino.preference';
+const DEFAULT_ARDUINO_PREFERENCE = {
   baudRate: 9600,
   port: ''
 };
 /**
  * Arduino preference.
  */
-var exerciseArduinoPreferenceState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Arduino/Preference"),
+const exerciseArduinoPreferenceState = recoil.atom({
+  key: `${KEY_PREFIX}/Arduino/Preference`,
   default: DEFAULT_ARDUINO_PREFERENCE,
-  effects: [function (_ref28) {
-    var trigger = _ref28.trigger,
-      setSelf = _ref28.setSelf,
-      onSet = _ref28.onSet;
-    var get = /*#__PURE__*/function () {
-      var _ref29 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee11() {
-        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
-            case 0:
-              _context11.t0 = setSelf;
-              _context11.next = 3;
-              return apiClient.getGlobalAccountPreferenceGet({
-                pkey: ARDUINO_ACCOUNT_PREFERENCE_KEY
-              }).then(function (res) {
-                return Object.assign(Object.assign({}, DEFAULT_ARDUINO_PREFERENCE), res.pvalue);
-              }).catch(function () {
-                return DEFAULT_ARDUINO_PREFERENCE;
-              });
-            case 3:
-              _context11.t1 = _context11.sent;
-              (0, _context11.t0)(_context11.t1);
-            case 5:
-            case "end":
-              return _context11.stop();
-          }
-        }, _callee11);
-      }));
-      return function get() {
-        return _ref29.apply(this, arguments);
-      };
-    }();
+  effects: [({
+    trigger,
+    setSelf,
+    onSet
+  }) => {
+    const get = async () => {
+      setSelf(await apiClient.getGlobalAccountPreferenceGet({
+        pkey: ARDUINO_ACCOUNT_PREFERENCE_KEY
+      }).then(res => {
+        return Object.assign(Object.assign({}, DEFAULT_ARDUINO_PREFERENCE), res.pvalue);
+      }).catch(() => DEFAULT_ARDUINO_PREFERENCE));
+    };
     if (trigger === 'get') {
       void get();
     }
-    onSet(function (newPreference, prevPreference, isReset) {
-      if (!isEqual__default["default"](newPreference, prevPreference) && !isReset) {
+    onSet((newPreference, prevPreference, isReset) => {
+      if (!isEqual(newPreference, prevPreference) && !isReset) {
         void apiClient.postGlobalAccountPreferenceEdit({
           pkey: ARDUINO_ACCOUNT_PREFERENCE_KEY,
           pvalue: Object.assign(Object.assign({}, DEFAULT_ARDUINO_PREFERENCE), newPreference)
@@ -726,45 +475,45 @@ var exerciseArduinoPreferenceState = recoil.atom({
 /**
  * Arduino ports.
  */
-var exerciseArduinoPortsState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Arduino/Ports"),
+const exerciseArduinoPortsState = recoil.atom({
+  key: `${KEY_PREFIX}/Arduino/Ports`,
   default: []
 });
 /**
  * Opened arduino port.
  */
-var exerciseArduinoOpenedPortNameState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Arduino/OpenedPortName"),
+const exerciseArduinoOpenedPortNameState = recoil.atom({
+  key: `${KEY_PREFIX}/Arduino/OpenedPortName`,
   default: null
 });
 /**
  * Arduino port open handler.
  */
-var exerciseArduinoOnSelectPortState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Arduino/OnSelectPort"),
-  default: function _default(name) {
+const exerciseArduinoOnSelectPortState = recoil.atom({
+  key: `${KEY_PREFIX}/Arduino/OnSelectPort`,
+  default: name => {
     // do nothing.
   }
 });
 /**
  * Arduino agent connection status.
  */
-var exerciseArduinoAgentConnectionState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Arduino/AgentConnection"),
+const exerciseArduinoAgentConnectionState = recoil.atom({
+  key: `${KEY_PREFIX}/Arduino/AgentConnection`,
   default: 'disconnected'
 });
 /**
  * Arduino upload progress.
  */
-var exerciseArduinoUploadProgressState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Arduino/UploadProgressState"),
+const exerciseArduinoUploadProgressState = recoil.atom({
+  key: `${KEY_PREFIX}/Arduino/UploadProgressState`,
   default: 'ready'
 });
 /**
  * Arduino agent modal open status.
  */
-var exerciseArduinoAgentModalState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/Arduino/AgentModalState"),
+const exerciseArduinoAgentModalState = recoil.atom({
+  key: `${KEY_PREFIX}/Arduino/AgentModalState`,
   default: false
 });
 //
@@ -773,22 +522,22 @@ var exerciseArduinoAgentModalState = recoil.atom({
 /**
  *
  */
-var exerciseActiveFilenameState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/ActiveFilename"),
+const exerciseActiveFilenameState = recoil.atom({
+  key: `${KEY_PREFIX}/ActiveFilename`,
   default: null
 });
 /**
  *
  */
-var exerciseRightpaneActiveState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/RightpaneActive"),
+const exerciseRightpaneActiveState = recoil.atom({
+  key: `${KEY_PREFIX}/RightpaneActive`,
   default: null
 });
 /**
  *
  */
-var exerciseContainerSizeState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/ContainerSize"),
+const exerciseContainerSizeState = recoil.atom({
+  key: `${KEY_PREFIX}/ContainerSize`,
   default: {
     width: 0,
     height: 0
@@ -797,15 +546,15 @@ var exerciseContainerSizeState = recoil.atom({
 /**
  *
  */
-var exerciseAibotInfoEnableState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/AibotInfoEnable"),
+const exerciseAibotInfoEnableState = recoil.atom({
+  key: `${KEY_PREFIX}/AibotInfoEnable`,
   default: false
 });
 /**
  *
  */
-var exerciseFileEditorCursorState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/FileEditorCursor"),
+const exerciseFileEditorCursorState = recoil.atom({
+  key: `${KEY_PREFIX}/FileEditorCursor`,
   default: {
     from: 0,
     to: 0
@@ -814,15 +563,15 @@ var exerciseFileEditorCursorState = recoil.atom({
 /**
  *
  */
-var exerciseFileEditorCursorSelectionValueState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/FileEditorCursorSelectionValue"),
+const exerciseFileEditorCursorSelectionValueState = recoil.atom({
+  key: `${KEY_PREFIX}/FileEditorCursorSelectionValue`,
   default: null
 });
 /**
  *
  */
-var exerciseMonacoEditorApisState = recoil.atom({
-  key: "".concat(KEY_PREFIX, "/MonacoEditorApisState"),
+const exerciseMonacoEditorApisState = recoil.atom({
+  key: `${KEY_PREFIX}/MonacoEditorApisState`,
   default: null,
   dangerouslyAllowMutability: true
 });