@elice/material-exercise 1.230328.0 → 1.230418.1

package/cjs/hooks/useExerciseFile.js

@@ -14,34 +14,34 @@ var exerciseFile = require('../utils/exerciseFile.js');
 /**
  * Check whether the exercise file is editable.
  */
-
-const useExerciseFileEditable = filename => {
-  const {
-    materialExerciseId,
-    exerciseRoomId
-  } = React.useContext(context.ExerciseContext);
-  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  const exerciseRoom = recoil.useRecoilValue(recoil$1.exerciseRoomState(exerciseRoomId));
-  return React.useMemo(() => exerciseFile.checkExerciseFileEditable(filename, {
-    exercise,
-    exerciseRoom
-  }), [filename, exercise, exerciseRoom]);
+var useExerciseFileEditable = function useExerciseFileEditable(filename) {
+  var _useContext = React.useContext(context.ExerciseContext),
+    materialExerciseId = _useContext.materialExerciseId,
+    exerciseRoomId = _useContext.exerciseRoomId;
+  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  var exerciseRoom = recoil.useRecoilValue(recoil$1.exerciseRoomState(exerciseRoomId));
+  return React.useMemo(function () {
+    return exerciseFile.checkExerciseFileEditable(filename, {
+      exercise: exercise,
+      exerciseRoom: exerciseRoom
+    });
+  }, [filename, exercise, exerciseRoom]);
 };
 /**
  * Check whether the exercise file is resettable.
  */
-
-const useExerciseFileResettable = filename => {
-  const {
-    materialExerciseId,
-    exerciseRoomId
-  } = React.useContext(context.ExerciseContext);
-  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  const exerciseRoom = recoil.useRecoilValue(recoil$1.exerciseRoomState(exerciseRoomId));
-  return React.useMemo(() => exerciseFile.checkExerciseFileResettable(filename, {
-    exercise,
-    exerciseRoom
-  }), [filename, exercise, exerciseRoom]);
+var useExerciseFileResettable = function useExerciseFileResettable(filename) {
+  var _useContext2 = React.useContext(context.ExerciseContext),
+    materialExerciseId = _useContext2.materialExerciseId,
+    exerciseRoomId = _useContext2.exerciseRoomId;
+  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  var exerciseRoom = recoil.useRecoilValue(recoil$1.exerciseRoomState(exerciseRoomId));
+  return React.useMemo(function () {
+    return exerciseFile.checkExerciseFileResettable(filename, {
+      exercise: exercise,
+      exerciseRoom: exerciseRoom
+    });
+  }, [filename, exercise, exerciseRoom]);
 };
 
 exports.useExerciseFileEditable = useExerciseFileEditable;

package/cjs/hooks/useExericseShortcut.js

@@ -5,16 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactUse = require('react-use');
 var shortcutKeyMap = require('../constants/shortcutKeyMap.js');
 
-const useExericseShortcut = (name, fn) => {
-  const keys = shortcutKeyMap[name];
-  reactUse.useKey(e => {
-    if (keys && keys.some(key => key.key === e.key && key.metaKey === e.metaKey && key.ctrlKey === e.ctrlKey && key.shiftKey === e.shiftKey && key.altKey === e.altKey)) {
+var useExericseShortcut = function useExericseShortcut(name, fn) {
+  var keys = shortcutKeyMap["default"][name];
+  reactUse.useKey(function (e) {
+    if (keys && keys.some(function (key) {
+      return key.key === e.key && key.metaKey === e.metaKey && key.ctrlKey === e.ctrlKey && key.shiftKey === e.shiftKey && key.altKey === e.altKey;
+    })) {
       // console.log(e);
       e.preventDefault();
       e.stopPropagation();
       return true;
     }
-
     return false;
   }, fn, {
     event: 'keydown'

package/cjs/hooks/useMaterialExerciseFileUrl.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 
@@ -9,51 +10,67 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const useMaterialExerciseFileUrl = ({
-  filename,
-  exercise,
-  exerciseRoomId,
-  onError
-}) => {
-  const [fileUrl, setFileUrl] = React__default["default"].useState(null); //
+var useMaterialExerciseFileUrl = function useMaterialExerciseFileUrl(_ref) {
+  var filename = _ref.filename,
+    exercise = _ref.exercise,
+    exerciseRoomId = _ref.exerciseRoomId,
+    onError = _ref.onError;
+  var _React$useState = React__default["default"].useState(null),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    fileUrl = _React$useState2[0],
+    setFileUrl = _React$useState2[1];
+  //
   // Fetch file url.
   //
-
-  React__default["default"].useEffect(() => {
-    const abortCtrl = new AbortController();
-    const exerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
-
+  React__default["default"].useEffect(function () {
+    var abortCtrl = new AbortController();
+    var exerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
     if (!exerciseImage || !filename) {
       return;
     }
-
-    (async () => {
-      var _a;
-
-      const exerciseImageFileList = (_a = exerciseImage.filelist) !== null && _a !== void 0 ? _a : []; // origin from exercise image
-
-      if (exerciseImageFileList.includes(filename)) {
-        return apiClient.getOrgMaterialExerciseExerciseImageExerciseFileGet({
-          exerciseImageId: exerciseImage.id,
-          filename
-        }, {
-          signal: abortCtrl.signal
-        }).then(res => res.exerciseFile.url).catch(() => null);
-      } // origin from exercise room
-      else {
-        return apiClient.getOrgMaterialExerciseExerciseRoomUserFileGet({
-          exerciseRoomId,
-          filename
-        }, {
-          signal: abortCtrl.signal
-        }).then(res => res.userFile.url).catch(() => null);
-      }
-    })().then(setFileUrl).catch(onError);
-    return () => {
+    _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+      var _a, exerciseImageFileList;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            exerciseImageFileList = (_a = exerciseImage.filelist) !== null && _a !== void 0 ? _a : []; // origin from exercise image
+            if (!exerciseImageFileList.includes(filename)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return", apiClient.getOrgMaterialExerciseExerciseImageExerciseFileGet({
+              exerciseImageId: exerciseImage.id,
+              filename: filename
+            }, {
+              signal: abortCtrl.signal
+            }).then(function (res) {
+              return res.exerciseFile.url;
+            }).catch(function () {
+              return null;
+            }));
+          case 5:
+            return _context.abrupt("return", apiClient.getOrgMaterialExerciseExerciseRoomUserFileGet({
+              exerciseRoomId: exerciseRoomId,
+              filename: filename
+            }, {
+              signal: abortCtrl.signal
+            }).then(function (res) {
+              return res.userFile.url;
+            }).catch(function () {
+              return null;
+            }));
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))().then(setFileUrl).catch(onError);
+    return function () {
       abortCtrl.abort();
       setFileUrl(null);
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [exercise, exerciseRoomId, filename]);
   return fileUrl;
 };

package/cjs/hooks/useRunnerRoomWebSocket.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var materialSharedUtils = require('@elice/material-shared-utils');
@@ -10,42 +11,44 @@ var humps = require('humps');
 
 //
 //
-
-const MAX_WEBSOCKET_RETRY_COUNT = 5;
+//
+var MAX_WEBSOCKET_RETRY_COUNT = 5;
 /**
  *
  */
-
-const useRunnerRoomWebSocket = ({
-  exerciseRoomId
-}) => {
-  const _return = React.useRef({});
-
-  const {
-    apiWsOriginUrl
-  } = materialSharedUtils.useMaterialConfig();
-  const isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
-  const websocket$1 = React.useRef(null);
-  const [websocketReadyState, setWebSocketReadyState] = React.useState(websocket.EliceWebSocket.CLOSED);
-  const [isRunning, setRunning] = React.useState(false);
-  const [roomConnectionInfo, setRoomConnectionInfo] = React.useState(null); //
+var useRunnerRoomWebSocket = function useRunnerRoomWebSocket(_ref) {
+  var exerciseRoomId = _ref.exerciseRoomId;
+  var _return = React.useRef({});
+  var _useMaterialConfig = materialSharedUtils.useMaterialConfig(),
+    apiWsOriginUrl = _useMaterialConfig.apiWsOriginUrl;
+  var isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  var websocket$1 = React.useRef(null);
+  var _useState = React.useState(websocket.EliceWebSocket.CLOSED),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    websocketReadyState = _useState2[0],
+    setWebSocketReadyState = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    isRunning = _useState4[0],
+    setRunning = _useState4[1];
+  var _useState5 = React.useState(null),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    roomConnectionInfo = _useState6[0],
+    setRoomConnectionInfo = _useState6[1];
+  //
   // =============== websocket ===============
   //
-
   /**
    * Reconnect websocket.
    */
-
-  const reconnect = React.useCallback(() => {
+  var reconnect = React.useCallback(function () {
     var _a;
-
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.reconnect();
   }, []);
   /**
    * Websocket on open.
    */
-
-  const wsOpen = () => {
+  var wsOpen = function wsOpen() {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -53,9 +56,7 @@ const useRunnerRoomWebSocket = ({
   /**
    * Websocket on close.
    */
-
-
-  const wsClose = () => {
+  var wsClose = function wsClose() {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -63,9 +64,7 @@ const useRunnerRoomWebSocket = ({
   /**
    * Websocket on error.
    */
-
-
-  const wsError = () => {
+  var wsError = function wsError() {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -73,20 +72,15 @@ const useRunnerRoomWebSocket = ({
   /**
    * Websocket on message.
    */
-
-
-  const wsMessage = e => {
-    const msg = humps.camelizeKeys(e.data);
-
+  var wsMessage = function wsMessage(e) {
+    var msg = humps.camelizeKeys(e.data);
     switch (msg.type) {
       case 'ROOM_PREPARED':
         wsMessageRoomPrepared(msg);
         break;
-
       case 'EXECUTE_CONTAINER':
         wsMessageExecuteContainer();
         break;
-
       case 'EXECUTE_DONE':
         wsMessageExecuteDone();
         break;
@@ -95,9 +89,7 @@ const useRunnerRoomWebSocket = ({
   /**
    * Websocket on `ROOM_PREPARED` message.
    */
-
-
-  const wsMessageRoomPrepared = msg => {
+  var wsMessageRoomPrepared = function wsMessageRoomPrepared(msg) {
     setRoomConnectionInfo(Object.assign(Object.assign({}, msg.data.forwarder), {
       roomToken: msg.data.roomToken
     }));
@@ -105,35 +97,44 @@ const useRunnerRoomWebSocket = ({
   /**
    * Websocket on `EXECUTE_CONTAINER` message.
    */
-
-
-  const wsMessageExecuteContainer = msg => {
+  var wsMessageExecuteContainer = function wsMessageExecuteContainer(msg) {
     setRunning(true);
   };
   /**
    * Websocket on `EXECUTE_DONE` message.
    */
-
-
-  const wsMessageExecuteDone = msg => {
+  var wsMessageExecuteDone = function wsMessageExecuteDone(msg) {
     setRunning(false);
   };
   /**
    * Create usercode websocket url.
    */
-
-
-  const createUsercodeUrl = React.useCallback(async () => Promise.resolve(`${apiWsOriginUrl}/runner_room`).then(url => apiClient.postOrgRunnerRoomExerciseRoomJoin({
-    exerciseRoomId
-  }).then(data => `${url}/${data.roomToken}`).catch(() => `${url}/`)), [apiWsOriginUrl, exerciseRoomId]); //
+  var createUsercodeUrl = React.useCallback( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+    return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", Promise.resolve("".concat(apiWsOriginUrl, "/runner_room")).then(function (url) {
+            return apiClient.postOrgRunnerRoomExerciseRoomJoin({
+              exerciseRoomId: exerciseRoomId
+            }).then(function (data) {
+              return "".concat(url, "/").concat(data.roomToken);
+            }).catch(function () {
+              return "".concat(url, "/");
+            });
+          }));
+        case 1:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [apiWsOriginUrl, exerciseRoomId]);
+  //
   // Initialize websocket.
   //
-
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (!isReady) {
       return;
     }
-
     websocket$1.current = new websocket.EliceWebSocket(createUsercodeUrl, undefined, {
       maxRetries: MAX_WEBSOCKET_RETRY_COUNT
     });
@@ -141,16 +142,17 @@ const useRunnerRoomWebSocket = ({
     websocket$1.current.onclose = wsClose;
     websocket$1.current.onmessage = wsMessage;
     websocket$1.current.onerror = wsError;
-    return () => {
+    return function () {
       if (websocket$1.current) {
         websocket$1.current.close();
       }
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isReady, createUsercodeUrl]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isReady, createUsercodeUrl]);
+  //
   //
   //
-
   _return.current.isRunning = isRunning;
   _return.current.roomConnectionInfo = roomConnectionInfo;
   _return.current.readyState = websocketReadyState;

package/cjs/hooks/useStdioTextConcator.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var recoil = require('recoil');
 var recoil$1 = require('../components/material-exercise/context/recoil.js');
@@ -14,26 +15,31 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const useStdioTextConcator = done => {
-  const RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR = 1000;
-  const [text, setText] = React__default["default"].useState('');
-  const isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
-  React__default["default"].useEffect(() => {
+var useStdioTextConcator = function useStdioTextConcator(done) {
+  var RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR = 1000;
+  var _React$useState = React__default["default"].useState(''),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    text = _React$useState2[0],
+    setText = _React$useState2[1];
+  var isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
+  React__default["default"].useEffect(function () {
     if (isRunning) {
       setText('');
     } else {
-      setTimeout(() => {
+      setTimeout(function () {
         done(text);
       }, RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isRunning]);
-  const updateStdioTextConcator = React__default["default"].useCallback(text => {
-    setText(state => state.concat(text));
+  var updateStdioTextConcator = React__default["default"].useCallback(function (text) {
+    setText(function (state) {
+      return state.concat(text);
+    });
   }, []);
   return {
-    updateStdioTextConcator,
-    done
+    updateStdioTextConcator: updateStdioTextConcator,
+    done: done
   };
 };