@elice/material-exercise 1.230328.0 → 1.230418.1

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

@@ -2,6 +2,7 @@
 
 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');
@@ -21,196 +22,319 @@ var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 
 //
 //
-
-const KEY_PREFIX = 'MaterialExercise/Exercise/Global'; //
+//
+var KEY_PREFIX = 'MaterialExercise/Exercise/Global';
+//
 // =============== entities ===============
 //
-
 /**
  * Lecture.
  */
-
-const exerciseLectureState = recoil.atomFamily({
-  key: `${KEY_PREFIX}/Lecture`,
+var exerciseLectureState = recoil.atomFamily({
+  key: "".concat(KEY_PREFIX, "/Lecture"),
   default: null,
-  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) {
+  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') {
         void get();
       }
-    });
-  }]
+      onSet(function (_prevValue, _newValue, isReset) {
+        if (isReset) {
+          void get();
+        }
+      });
+    }];
+  }
 });
 /**
  * Material exercise.
  */
-
-const exerciseState = recoil.atomFamily({
-  key: `${KEY_PREFIX}/Exercise`,
+var exerciseState = recoil.atomFamily({
+  key: "".concat(KEY_PREFIX, "/Exercise"),
   default: null,
-  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();
-    }
-  }]
+  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();
+      }
+    }];
+  }
 });
 /**
  * Material exercise room.
  */
-
-const exerciseRoomState = recoil.atomFamily({
-  key: `${KEY_PREFIX}/ExerciseRoom`,
+var exerciseRoomState = recoil.atomFamily({
+  key: "".concat(KEY_PREFIX, "/ExerciseRoom"),
   default: null,
-  effects: exerciseRoomId => [({
-    setSelf,
-    trigger
-  }) => {
-    const get = async () => {
-      if (!exerciseRoomId) {
-        return 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();
       }
-
-      setSelf(await apiClient.getOrgMaterialExerciseExerciseRoomGet({
-        exerciseRoomId
-      }).then(res => res.exerciseRoom).catch(() => null));
-    };
-
-    if (trigger === 'get') {
-      void get();
-    }
-  }]
+    }];
+  }
 });
 /**
  * User.
  */
-
-const exerciseUserState = recoil.atom({
-  key: `${KEY_PREFIX}/User`,
+var exerciseUserState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/User"),
   default: null,
-  effects: [({
-    setSelf,
-    trigger
-  }) => {
-    const get = async () => {
-      setSelf(await apiClient.getOrgUserGet().then(res => res.user).catch(() => 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);
+      };
+    }();
     if (trigger === 'get') {
       void get();
     }
   }]
-}); //
+});
+//
 // =============== file tabs ===============
 //
-
 /**
  *
  */
-
-const exerciseFileTabsOpenedState = recoil.atomFamily({
-  key: `${KEY_PREFIX}/FileTabs/Opened`,
+var exerciseFileTabsOpenedState = recoil.atomFamily({
+  key: "".concat(KEY_PREFIX, "/FileTabs/Opened"),
   default: recoil.selectorFamily({
-    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 : [];
-      }
+    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);
+        };
+      }();
     }
   })
-}); //
+});
+//
 // =============== file tree ===============
 //
-
 /**
  *
  */
-
-const exerciseFileTreeOpenedState = recoil.atom({
-  key: `${KEY_PREFIX}/FileTree/Opened`,
+var exerciseFileTreeOpenedState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/FileTree/Opened"),
   default: false
-}); //
+});
+//
 // =============== preference ===============
 //
-
-const EDITOR_ACCOUNT_PREFERENCE_PKEY_MONACO = 'material.exercise.editor.preference';
+var EDITOR_ACCOUNT_PREFERENCE_PKEY_MONACO = 'material.exercise.editor.preference';
 /**
  * Editor preference.
  */
-
-const exerciseEditorPreferenceState = recoil.atom({
-  key: `${KEY_PREFIX}/EditorPreference`,
+var exerciseEditorPreferenceState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/EditorPreference"),
   default: preferences.DEFAULT_MONACO_EDITOR_PREFERENCE,
-  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));
-    };
-
+  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);
+      };
+    }();
     if (trigger === 'get') {
       void get();
     }
-
-    onSet((newPreference, prevPreference, isReset) => {
+    onSet(function (newPreference, prevPreference, isReset) {
       if (!isEqual__default["default"](newPreference, prevPreference) && !isReset) {
         void apiClient.postGlobalAccountPreferenceEdit({
           pkey: EDITOR_ACCOUNT_PREFERENCE_PKEY_MONACO,
@@ -219,58 +343,73 @@ const exerciseEditorPreferenceState = recoil.atom({
       }
     });
   }]
-}); //
+});
+//
 // =============== preview ===============
 //
-
-const EDITOR_ACCOUNT_PREFERENCE_PKEY_PREVIEW_MODE = 'material.exercise.preview.mode';
+var EDITOR_ACCOUNT_PREFERENCE_PKEY_PREVIEW_MODE = 'material.exercise.preview.mode';
 /**
  *
  */
-
-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 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 exercisePreviewDisplayModeState = recoil.atom({
-  key: `${KEY_PREFIX}/Preview/DisplayMode`,
+var exercisePreviewDisplayModeState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Preview/DisplayMode"),
   default: recoilTypes.ExercisePreviewDisplayMode.Mini,
-  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));
-    };
-
+  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);
+      };
+    }();
     if (trigger === 'get') {
       void get();
     }
-
-    onSet((newDisplayMode, prevDisplayMode, isReset) => {
+    onSet(function (newDisplayMode, prevDisplayMode, isReset) {
       if (!isEqual__default["default"](newDisplayMode, prevDisplayMode) && !isReset) {
         void apiClient.postGlobalAccountPreferenceEdit({
           pkey: EDITOR_ACCOUNT_PREFERENCE_PKEY_PREVIEW_MODE,
@@ -279,81 +418,77 @@ const exercisePreviewDisplayModeState = recoil.atom({
       }
     });
   }]
-}); //
+});
+//
 // =============== runner ===============
 //
-
 /**
  *
  */
-
-const exerciseRunnerSubmittingState = recoil.atom({
-  key: `${KEY_PREFIX}/Runner/Submitting`,
+var exerciseRunnerSubmittingState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Runner/Submitting"),
   default: false
 });
 /**
  *
  */
-
-const exerciseRunnerRunningState = recoil.atom({
-  key: `${KEY_PREFIX}/Runner/Running`,
+var exerciseRunnerRunningState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Runner/Running"),
   default: false
 });
 /**
  *
  */
-
-const exerciseRunnerRunTypeState = recoil.atom({
-  key: `${KEY_PREFIX}/Runner/RunType`,
+var exerciseRunnerRunTypeState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Runner/RunType"),
   default: null
 });
 /**
  *
  */
-
-const exerciseRunnerRoomConnectionInfoState = recoil.atom({
-  key: `${KEY_PREFIX}/Runner/RoomConnectionInfoState`,
+var exerciseRunnerRoomConnectionInfoState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Runner/RoomConnectionInfoState"),
   default: null
 });
 /**
  *
  */
-
-const exerciseRunnerStdioFilesState = recoil.atom({
-  key: `${KEY_PREFIX}/Runner/StdioFiles`,
+var exerciseRunnerStdioFilesState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Runner/StdioFiles"),
   default: []
 });
 /**
  *
  */
-
-const exerciseRunnerWebSocketStatusQuery = recoil.selector({
-  key: `${KEY_PREFIX}/Runner/WebsocketState`,
-  get: ({
-    get
-  }) => {
-    const states = Object.freeze([get(exerciseWebsocketStates).runnerRoom, get(exerciseWebsocketStates).stdio]); // connecting
-
+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]);
+    // connecting
     if (states.includes(websocket.EliceWebSocket.CLOSED) || states.includes(websocket.EliceWebSocket.CONNECTING)) {
       return websocket.EliceWebSocket.CONNECTING;
-    } // connected
-    else if (states.every(state => state === WebSocket.OPEN)) {
+    }
+    // connected
+    else if (states.every(function (state) {
+      return state === WebSocket.OPEN;
+    })) {
       return websocket.EliceWebSocket.OPEN;
-    } // reconnecting
+    }
+    // reconnecting
     else {
       return websocket.EliceWebSocket.CONNECTING;
     }
   }
-}); //
+});
+//
 // =============== websocket ===============
 //
-
 /**
  *
  */
-
-const exerciseWebsocketStates = recoil.atom({
-  key: `${KEY_PREFIX}/Websocket/States`,
+var exerciseWebsocketStates = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Websocket/States"),
   default: {
     runnerRoom: websocket.EliceWebSocket.CLOSED,
     stdio: websocket.EliceWebSocket.CLOSED,
@@ -363,158 +498,222 @@ const exerciseWebsocketStates = recoil.atom({
 /**
  *
  */
-
-const exerciseWebsocketQuery = recoil.selectorFamily({
-  key: `${KEY_PREFIX}/Websocket/State`,
-  get: key => ({
-    get
-  }) => {
-    return get(exerciseWebsocketStates)[key];
+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];
+    };
   },
-  set: key => ({
-    get,
-    set
-  }, newWebSocketState) => {
-    set(exerciseWebsocketStates, Object.assign(Object.assign({}, get(exerciseWebsocketStates)), {
-      [key]: newWebSocketState
-    }));
+  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)));
+    };
   }
-}); //
+});
+//
 // =============== multi language ===============
 //
-
-const MULTILANG_ENVIRONMENT_FILENAME = '.environment.json';
-const MULTILANG_LANGUAGES_FILENAME = '.languages.json';
+var MULTILANG_ENVIRONMENT_FILENAME = '.environment.json';
+var MULTILANG_LANGUAGES_FILENAME = '.languages.json';
 /**
  *
  */
-
-const exerciseMultilangLanguagesState = recoil.atomFamily({
-  key: `${KEY_PREFIX}/Multilang/Languages`,
+var exerciseMultilangLanguagesState = recoil.atomFamily({
+  key: "".concat(KEY_PREFIX, "/Multilang/Languages"),
   default: undefined,
-  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) {
+  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') {
         void get();
       }
-    });
-  }]
+      onSet(function (_prevValue, _newValue, isReset) {
+        if (isReset) {
+          void get();
+        }
+      });
+    }];
+  }
 });
 /**
  *
  */
-
-const exerciseMultilangEnvironmentState = recoil.atomFamily({
-  key: `${KEY_PREFIX}/Multilang/Environment`,
+var exerciseMultilangEnvironmentState = recoil.atomFamily({
+  key: "".concat(KEY_PREFIX, "/Multilang/Environment"),
   default: null,
-  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
+  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);
         };
-      }).catch(() => null)));
-    };
-
-    if (trigger === 'get') {
-      void get();
-    }
-
-    onSet((newEnvJson, _, isReset) => {
-      if (isReset) {
-        return;
+      }();
+      if (trigger === 'get') {
+        void get();
       }
-
-      void apiClient.postOrgMaterialExerciseExerciseRoomUserFileAdd({
-        exerciseRoomId,
-        userFile: new File([JSON.stringify(newEnvJson)], MULTILANG_ENVIRONMENT_FILENAME, {
-          type: 'application/json'
-        }),
-        path: '',
-        overwrite: true
+      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
+        });
       });
-    });
-  }]
-}); //
+    }];
+  }
+});
+//
 // =============== arduino ===============
 //
-
-const ARDUINO_ACCOUNT_PREFERENCE_KEY = 'material.exercise.arduino.preference';
-const DEFAULT_ARDUINO_PREFERENCE = {
+var ARDUINO_ACCOUNT_PREFERENCE_KEY = 'material.exercise.arduino.preference';
+var DEFAULT_ARDUINO_PREFERENCE = {
   baudRate: 9600,
   port: ''
 };
 /**
  * Arduino preference.
  */
-
-const exerciseArduinoPreferenceState = recoil.atom({
-  key: `${KEY_PREFIX}/Arduino/Preference`,
+var exerciseArduinoPreferenceState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Arduino/Preference"),
   default: DEFAULT_ARDUINO_PREFERENCE,
-  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));
-    };
-
+  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);
+      };
+    }();
     if (trigger === 'get') {
       void get();
     }
-
-    onSet((newPreference, prevPreference, isReset) => {
+    onSet(function (newPreference, prevPreference, isReset) {
       if (!isEqual__default["default"](newPreference, prevPreference) && !isReset) {
         void apiClient.postGlobalAccountPreferenceEdit({
           pkey: ARDUINO_ACCOUNT_PREFERENCE_KEY,
@@ -527,77 +726,69 @@ const exerciseArduinoPreferenceState = recoil.atom({
 /**
  * Arduino ports.
  */
-
-const exerciseArduinoPortsState = recoil.atom({
-  key: `${KEY_PREFIX}/Arduino/Ports`,
+var exerciseArduinoPortsState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Arduino/Ports"),
   default: []
 });
 /**
  * Opened arduino port.
  */
-
-const exerciseArduinoOpenedPortNameState = recoil.atom({
-  key: `${KEY_PREFIX}/Arduino/OpenedPortName`,
+var exerciseArduinoOpenedPortNameState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Arduino/OpenedPortName"),
   default: null
 });
 /**
  * Arduino port open handler.
  */
-
-const exerciseArduinoOnSelectPortState = recoil.atom({
-  key: `${KEY_PREFIX}/Arduino/OnSelectPort`,
-  default: name => {// do nothing.
+var exerciseArduinoOnSelectPortState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Arduino/OnSelectPort"),
+  default: function _default(name) {
+    // do nothing.
   }
 });
 /**
  * Arduino agent connection status.
  */
-
-const exerciseArduinoAgentConnectionState = recoil.atom({
-  key: `${KEY_PREFIX}/Arduino/AgentConnection`,
+var exerciseArduinoAgentConnectionState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Arduino/AgentConnection"),
   default: 'disconnected'
 });
 /**
  * Arduino upload progress.
  */
-
-const exerciseArduinoUploadProgressState = recoil.atom({
-  key: `${KEY_PREFIX}/Arduino/UploadProgressState`,
+var exerciseArduinoUploadProgressState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Arduino/UploadProgressState"),
   default: 'ready'
 });
 /**
  * Arduino agent modal open status.
  */
-
-const exerciseArduinoAgentModalState = recoil.atom({
-  key: `${KEY_PREFIX}/Arduino/AgentModalState`,
+var exerciseArduinoAgentModalState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/Arduino/AgentModalState"),
   default: false
-}); //
+});
+//
 // =============== others ===============
 //
-
 /**
  *
  */
-
-const exerciseActiveFilenameState = recoil.atom({
-  key: `${KEY_PREFIX}/ActiveFilename`,
+var exerciseActiveFilenameState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/ActiveFilename"),
   default: null
 });
 /**
  *
  */
-
-const exerciseRightpaneActiveState = recoil.atom({
-  key: `${KEY_PREFIX}/RightpaneActive`,
+var exerciseRightpaneActiveState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/RightpaneActive"),
   default: null
 });
 /**
  *
  */
-
-const exerciseContainerSizeState = recoil.atom({
-  key: `${KEY_PREFIX}/ContainerSize`,
+var exerciseContainerSizeState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/ContainerSize"),
   default: {
     width: 0,
     height: 0
@@ -606,9 +797,8 @@ const exerciseContainerSizeState = recoil.atom({
 /**
  *
  */
-
-const exerciseFileEditorCursorState = recoil.atom({
-  key: `${KEY_PREFIX}/FileEditorCursor`,
+var exerciseFileEditorCursorState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/FileEditorCursor"),
   default: {
     from: 0,
     to: 0
@@ -617,17 +807,15 @@ const exerciseFileEditorCursorState = recoil.atom({
 /**
  *
  */
-
-const exerciseFileEditorCursorSelectionValueState = recoil.atom({
-  key: `${KEY_PREFIX}/FileEditorCursorSelectionValue`,
+var exerciseFileEditorCursorSelectionValueState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/FileEditorCursorSelectionValue"),
   default: null
 });
 /**
  *
  */
-
-const exerciseMonacoEditorApisState = recoil.atom({
-  key: `${KEY_PREFIX}/MonacoEditorApisState`,
+var exerciseMonacoEditorApisState = recoil.atom({
+  key: "".concat(KEY_PREFIX, "/MonacoEditorApisState"),
   default: null,
   dangerouslyAllowMutability: true
 });