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

package/cjs/hooks/useExerciseFile.js

@@ -12,34 +12,32 @@ var exerciseFile = require('../utils/exerciseFile.js');
 /**
  * Check whether the exercise file is editable.
  */
-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]);
+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]);
 };
 /**
  * Check whether the exercise file is resettable.
  */
-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]);
+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]);
 };
 
 exports.useExerciseFileEditable = useExerciseFileEditable;

package/cjs/hooks/useExericseShortcut.js

@@ -3,12 +3,10 @@
 var reactUse = require('react-use');
 var shortcutKeyMap = require('../constants/shortcutKeyMap.js');
 
-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;
-    })) {
+const useExericseShortcut = (name, fn) => {
+  const keys = shortcutKeyMap.default[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)) {
       // console.log(e);
       e.preventDefault();
       e.stopPropagation();

package/cjs/hooks/useMaterialExerciseFileUrl.js

@@ -1,69 +1,47 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-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];
+const useMaterialExerciseFileUrl = ({
+  filename,
+  exercise,
+  exerciseRoomId,
+  onError
+}) => {
+  const [fileUrl, setFileUrl] = React.useState(null);
   //
   // Fetch file url.
   //
-  React__default.default.useEffect(function () {
-    var abortCtrl = new AbortController();
-    var exerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
+  React.useEffect(() => {
+    const abortCtrl = new AbortController();
+    const exerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
     if (!exerciseImage || !filename) {
       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 () {
+    (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 () => {
       abortCtrl.abort();
       setFileUrl(null);
     };

package/cjs/hooks/useRunnerRoomWebSocket.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var materialSharedUtils = require('@elice/material-shared-utils');
@@ -10,43 +9,36 @@ var humps = require('humps');
 //
 //
 //
-var MAX_WEBSOCKET_RETRY_COUNT = 5;
+const MAX_WEBSOCKET_RETRY_COUNT = 5;
 /**
  *
  */
-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];
+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);
   //
   // =============== websocket ===============
   //
   /**
    * Reconnect websocket.
    */
-  var reconnect = React.useCallback(function () {
+  const reconnect = React.useCallback(() => {
     var _a;
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.reconnect();
   }, []);
   /**
    * Websocket on open.
    */
-  var wsOpen = function wsOpen() {
+  const wsOpen = () => {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -54,7 +46,7 @@ var useRunnerRoomWebSocket = function useRunnerRoomWebSocket(_ref) {
   /**
    * Websocket on close.
    */
-  var wsClose = function wsClose() {
+  const wsClose = () => {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -62,7 +54,7 @@ var useRunnerRoomWebSocket = function useRunnerRoomWebSocket(_ref) {
   /**
    * Websocket on error.
    */
-  var wsError = function wsError() {
+  const wsError = () => {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -70,8 +62,8 @@ var useRunnerRoomWebSocket = function useRunnerRoomWebSocket(_ref) {
   /**
    * Websocket on message.
    */
-  var wsMessage = function wsMessage(e) {
-    var msg = humps.camelizeKeys(e.data);
+  const wsMessage = e => {
+    const msg = humps.camelizeKeys(e.data);
     switch (msg.type) {
       case 'ROOM_PREPARED':
         wsMessageRoomPrepared(msg);
@@ -87,7 +79,7 @@ var useRunnerRoomWebSocket = function useRunnerRoomWebSocket(_ref) {
   /**
    * Websocket on `ROOM_PREPARED` message.
    */
-  var wsMessageRoomPrepared = function wsMessageRoomPrepared(msg) {
+  const wsMessageRoomPrepared = msg => {
     setRoomConnectionInfo(Object.assign(Object.assign({}, msg.data.forwarder), {
       roomToken: msg.data.roomToken
     }));
@@ -95,41 +87,25 @@ var useRunnerRoomWebSocket = function useRunnerRoomWebSocket(_ref) {
   /**
    * Websocket on `EXECUTE_CONTAINER` message.
    */
-  var wsMessageExecuteContainer = function wsMessageExecuteContainer(msg) {
+  const wsMessageExecuteContainer = msg => {
     setRunning(true);
   };
   /**
    * Websocket on `EXECUTE_DONE` message.
    */
-  var wsMessageExecuteDone = function wsMessageExecuteDone(msg) {
+  const wsMessageExecuteDone = msg => {
     setRunning(false);
   };
   /**
    * Create usercode websocket url.
    */
-  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]);
+  const createUsercodeUrl = React.useCallback(async () => Promise.resolve(`${apiWsOriginUrl}/runner_room`).then(url => apiClient.postOrgRunnerRoomExerciseRoomJoin({
+    exerciseRoomId
+  }).then(data => `${url}/${data.roomToken}`).catch(() => `${url}/`)), [apiWsOriginUrl, exerciseRoomId]);
   //
   // Initialize websocket.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!isReady) {
       return;
     }
@@ -140,7 +116,7 @@ var useRunnerRoomWebSocket = function useRunnerRoomWebSocket(_ref) {
     websocket$1.current.onclose = wsClose;
     websocket$1.current.onmessage = wsMessage;
     websocket$1.current.onerror = wsError;
-    return function () {
+    return () => {
       if (websocket$1.current) {
         websocket$1.current.close();
       }

package/cjs/hooks/useStdioTextConcator.js

@@ -8,33 +8,29 @@ require('../components/material-exercise/context/recoilTypes.js');
 require('../components/material-exercise/context/subjects.js');
 require('../components/material-exercise/context/ExerciseProvider.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
 //
 //
 //
-var MAX_TEXT_LENGTH = Math.pow(2, 14); // Limited length of text which regex performance is acceptable below 1s.
+const MAX_TEXT_LENGTH = Math.pow(2, 14); // Limited length of text which regex performance is acceptable below 1s.
 //
 //
 //
-var useStdioTextConcator = function useStdioTextConcator(done) {
-  var RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR = 1000;
-  var textRef = React__default.default.useRef('');
-  var isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
-  React__default.default.useEffect(function () {
+const useStdioTextConcator = done => {
+  const RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR = 1000;
+  const textRef = React.useRef('');
+  const isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
+  React.useEffect(() => {
     if (isRunning) {
       textRef.current = '';
     } else {
-      setTimeout(function () {
+      setTimeout(() => {
         done(textRef.current);
       }, RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isRunning]);
-  var updateStdioTextConcator = React__default.default.useCallback(function (text) {
-    var currentText = textRef.current;
+  const updateStdioTextConcator = React.useCallback(text => {
+    const currentText = textRef.current;
     if (currentText.length + text.length > MAX_TEXT_LENGTH) {
       textRef.current = currentText.slice(0, MAX_TEXT_LENGTH - text.length) + text;
     } else {
@@ -42,8 +38,8 @@ var useStdioTextConcator = function useStdioTextConcator(done) {
     }
   }, []);
   return {
-    updateStdioTextConcator: updateStdioTextConcator,
-    done: done
+    updateStdioTextConcator,
+    done
   };
 };
 

package/cjs/hooks/useStdioWebSocket.js

@@ -1,33 +1,29 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var websocket = require('@elice/websocket');
 
 //
 //
 //
-var MAX_WEBSOCKET_RETRY_COUNT = 5;
+const MAX_WEBSOCKET_RETRY_COUNT = 5;
 /**
  *
  */
-var useStdioWebSocket = function useStdioWebSocket(_ref) {
-  var wsUri = _ref.wsUri,
-    roomToken = _ref.roomToken,
-    _ref$isTty = _ref.isTty,
-    isTty = _ref$isTty === void 0 ? false : _ref$isTty,
-    onTextReceive = _ref.onTextReceive,
-    onFileReceive = _ref.onFileReceive;
-  var _return = React.useRef({});
-  var websocket$1 = React.useRef(null);
-  var _useState = React.useState(websocket.EliceWebSocket.CLOSED),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    websocketReadyState = _useState2[0],
-    setWebSocketReadyState = _useState2[1];
+const useStdioWebSocket = ({
+  wsUri,
+  roomToken,
+  isTty = false,
+  onTextReceive,
+  onFileReceive
+}) => {
+  const _return = React.useRef({});
+  const websocket$1 = React.useRef(null);
+  const [websocketReadyState, setWebSocketReadyState] = React.useState(websocket.EliceWebSocket.CLOSED);
   /**
    * Handle stdio text received.
    */
-  var handleTextReceive = function handleTextReceive(type, text) {
+  const handleTextReceive = (type, text) => {
     if (typeof onTextReceive === 'function') {
       onTextReceive(type, text);
     }
@@ -35,7 +31,7 @@ var useStdioWebSocket = function useStdioWebSocket(_ref) {
   /**
    * Handle stdio file received.
    */
-  var handleFileReceive = function handleFileReceive(file) {
+  const handleFileReceive = file => {
     if (typeof onFileReceive === 'function') {
       onFileReceive(file);
     }
@@ -43,7 +39,7 @@ var useStdioWebSocket = function useStdioWebSocket(_ref) {
   /**
    * Provide a utf-8 encoded string to `/dev/stdin` in the container.
    */
-  var sendText = React.useCallback(function (data) {
+  const sendText = React.useCallback(data => {
     var _a;
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
       type: 'text',
@@ -53,28 +49,28 @@ var useStdioWebSocket = function useStdioWebSocket(_ref) {
   /**
    * Send a signal (e.g. SIGINT, SIGQUIT, etc.) to the process with PID 1 in the container.
    */
-  var sendSignal = React.useCallback(function (data) {
+  const sendSignal = React.useCallback(data => {
     var _a;
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
       type: 'signal',
-      data: data
+      data
     });
   }, []);
   /**
    * Resize TTY of the container.
    */
-  var sendTtyResize = React.useCallback(function (data) {
+  const sendTtyResize = React.useCallback(data => {
     var _a;
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
       type: 'tty-resize',
-      data: data
+      data
     });
   }, []);
   /**
    * Update the content of usercodes (which are edited by `usercode.edit` API)
    * and user files (which are added or deleted by `user_file.(add|delete)` API) in the container.
    */
-  var sendSync = React.useCallback(function () {
+  const sendSync = React.useCallback(() => {
     var _a;
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
       type: 'sync'
@@ -86,14 +82,14 @@ var useStdioWebSocket = function useStdioWebSocket(_ref) {
   /**
    * Reconnect websocket.
    */
-  var reconnect = React.useCallback(function () {
+  const reconnect = React.useCallback(() => {
     var _a;
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.reconnect();
   }, []);
   /**
    * Websocket on open.
    */
-  var wsOpen = function wsOpen() {
+  const wsOpen = () => {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -101,7 +97,7 @@ var useStdioWebSocket = function useStdioWebSocket(_ref) {
   /**
    * Websocket on close.
    */
-  var wsClose = function wsClose() {
+  const wsClose = () => {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -109,7 +105,7 @@ var useStdioWebSocket = function useStdioWebSocket(_ref) {
   /**
    * Websocket on error.
    */
-  var wsError = function wsError() {
+  const wsError = () => {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -117,8 +113,8 @@ var useStdioWebSocket = function useStdioWebSocket(_ref) {
   /**
    * Websocket on message.
    */
-  var wsMessage = function wsMessage(e) {
-    var msg = e.data;
+  const wsMessage = e => {
+    const msg = e.data;
     switch (msg.type) {
       case 'text':
         handleTextReceive(msg.type, msg.data);
@@ -154,11 +150,11 @@ var useStdioWebSocket = function useStdioWebSocket(_ref) {
   //
   // Initialize websocket.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!wsUri || !roomToken) {
       return;
     }
-    websocket$1.current = new websocket.EliceWebSocket("".concat(wsUri, "/client/stdio/").concat(roomToken), undefined, {
+    websocket$1.current = new websocket.EliceWebSocket(`${wsUri}/client/stdio/${roomToken}`, undefined, {
       maxRetries: MAX_WEBSOCKET_RETRY_COUNT,
       heartAttack: true
     });
@@ -166,7 +162,7 @@ var useStdioWebSocket = function useStdioWebSocket(_ref) {
     websocket$1.current.onclose = wsClose;
     websocket$1.current.onmessage = wsMessage;
     websocket$1.current.onerror = wsError;
-    return function () {
+    return () => {
       if (websocket$1.current) {
         websocket$1.current.close();
       }