@elice/material-exercise 1.230325.0 → 1.230418.0

package/cjs/components/material-exercise/exercise-runner/ExerciseRunner.js

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var reactUse = require('react-use');
@@ -39,95 +42,88 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const EXERCISE_RUNNER_HORIZONTAL_RATIO = {
+var EXERCISE_RUNNER_HORIZONTAL_RATIO = {
   PREVIEW: 0.3,
   XTERM: 0.7
 };
-const StyledExerciseRunner = styled__default["default"].div.withConfig({
+var StyledExerciseRunner = styled__default["default"].div.withConfig({
   componentId: "sc-mp78g-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background-color:", ";min-height:0;"], designTokens.base.color.navy8);
 /**
  *
  */
-
-const ExerciseRunner = ({
-  exercisePreview
-}) => {
+var ExerciseRunner = function ExerciseRunner(_ref) {
+  var exercisePreview = _ref.exercisePreview;
   var _a, _b, _c;
-
-  const intl = reactIntl.useIntl();
-  const {
-    onCodeHelpRequest
-  } = React__default["default"].useContext(context.ExerciseContext);
-  const {
-    materialExerciseId,
-    exerciseRoomId,
-    locale,
-    onSubmit,
-    onError
-  } = React__default["default"].useContext(context.ExerciseContext);
-  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  const {
-    fontSize: editorPreferenceFontSize
-  } = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState); // runner states
-
-  const setRunnerSubmitting = recoil.useSetRecoilState(recoil$1.exerciseRunnerSubmittingState);
-  const setRunnerRunning = recoil.useSetRecoilState(recoil$1.exerciseRunnerRunningState);
-  const [runnerRunTypeState, setRunnerRunTypeState] = recoil.useRecoilState(recoil$1.exerciseRunnerRunTypeState);
-  const setExerciseRunnerRoomConnectionInfo = recoil.useSetRecoilState(recoil$1.exerciseRunnerRoomConnectionInfoState);
-  const setRunnerStdioFilesState = recoil.useSetRecoilState(recoil$1.exerciseRunnerStdioFilesState); // preview states
-
-  const exercisePreviewType = recoil.useRecoilValue(recoil$1.exercisePreviewTypeState(materialExerciseId));
-  const exercisePreviewDisplayMode = recoil.useRecoilValue(recoil$1.exercisePreviewDisplayModeState); // monaco editor value
-
-  const getExerciseMonacoEditorValueState = recoil.useRecoilValue(recoil$1.exerciseMonacoEditorValueState); // websockets
-
-  const setRunnerRoomWebSocketState = recoil.useSetRecoilState(recoil$1.exerciseWebsocketQuery('runnerRoom'));
-  const setStdioWebSocketState = recoil.useSetRecoilState(recoil$1.exerciseWebsocketQuery('stdio'));
-
-  const handleAiHelpibotError = text => {
-    var _a, _b;
-
-    const error = runner.getProgrammingErrorResult(text);
-
+  var intl = reactIntl.useIntl();
+  var _React$useContext = React__default["default"].useContext(context.ExerciseContext),
+    onCodeHelpRequest = _React$useContext.onCodeHelpRequest;
+  var _React$useContext2 = React__default["default"].useContext(context.ExerciseContext),
+    materialExerciseId = _React$useContext2.materialExerciseId,
+    exerciseRoomId = _React$useContext2.exerciseRoomId,
+    locale = _React$useContext2.locale,
+    onSubmit = _React$useContext2.onSubmit,
+    onError = _React$useContext2.onError;
+  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  var _useRecoilValue = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState),
+    editorPreferenceFontSize = _useRecoilValue.fontSize;
+  // runner states
+  var setRunnerSubmitting = recoil.useSetRecoilState(recoil$1.exerciseRunnerSubmittingState);
+  var setRunnerRunning = recoil.useSetRecoilState(recoil$1.exerciseRunnerRunningState);
+  var _useRecoilState = recoil.useRecoilState(recoil$1.exerciseRunnerRunTypeState),
+    _useRecoilState2 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState, 2),
+    runnerRunTypeState = _useRecoilState2[0],
+    setRunnerRunTypeState = _useRecoilState2[1];
+  var setExerciseRunnerRoomConnectionInfo = recoil.useSetRecoilState(recoil$1.exerciseRunnerRoomConnectionInfoState);
+  var setRunnerStdioFilesState = recoil.useSetRecoilState(recoil$1.exerciseRunnerStdioFilesState);
+  // preview states
+  var exercisePreviewType = recoil.useRecoilValue(recoil$1.exercisePreviewTypeState(materialExerciseId));
+  var exercisePreviewDisplayMode = recoil.useRecoilValue(recoil$1.exercisePreviewDisplayModeState);
+  // monaco editor value
+  var exerciseMonacoEditorApis = recoil.useRecoilValue(recoil$1.exerciseMonacoEditorApisState);
+  // websockets
+  var setRunnerRoomWebSocketState = recoil.useSetRecoilState(recoil$1.exerciseWebsocketQuery('runnerRoom'));
+  var setStdioWebSocketState = recoil.useSetRecoilState(recoil$1.exerciseWebsocketQuery('stdio'));
+  var handleAiHelpibotError = function handleAiHelpibotError(text) {
+    var _a, _b, _c;
+    var error = runner.getProgrammingErrorResult(text);
     if (!!error && typeof onCodeHelpRequest === 'function') {
-      onCodeHelpRequest(error.errorCode, error, {
+      onCodeHelpRequest({
+        code: error.errorCode,
+        error: error,
         readme: (_a = exercise === null || exercise === void 0 ? void 0 : exercise.description) !== null && _a !== void 0 ? _a : '',
         instruction: (_b = exercise === null || exercise === void 0 ? void 0 : exercise.instructionContent) !== null && _b !== void 0 ? _b : '',
-        openFileContent: getExerciseMonacoEditorValueState
+        openFileContent: (_c = exerciseMonacoEditorApis === null || exerciseMonacoEditorApis === void 0 ? void 0 : exerciseMonacoEditorApis.getValue()) !== null && _c !== void 0 ? _c : ''
       });
     }
   };
-
-  const {
-    updateStdioTextConcator
-  } = useStdioTextConcator.useStdioTextConcator(handleAiHelpibotError); // etc
-
-  const exerciseContainerSize = recoil.useRecoilValue(recoil$1.exerciseContainerSizeState);
-  const [runnerSubmitErrorDialog, setRunnerSubmitErrorDialog] = React__default["default"].useState(null);
-  const arduinoTextBuffer = React__default["default"].useRef('');
-  const runnerRunTypeRef = React__default["default"].useRef(runnerRunTypeState);
-  const xterm = React__default["default"].useRef(null);
+  var _useStdioTextConcator = useStdioTextConcator.useStdioTextConcator(handleAiHelpibotError),
+    updateStdioTextConcator = _useStdioTextConcator.updateStdioTextConcator;
+  // etc
+  var exerciseContainerSize = recoil.useRecoilValue(recoil$1.exerciseContainerSizeState);
+  var _React$useState = React__default["default"].useState(null),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    runnerSubmitErrorDialog = _React$useState2[0],
+    setRunnerSubmitErrorDialog = _React$useState2[1];
+  var arduinoTextBuffer = React__default["default"].useRef('');
+  var runnerRunTypeRef = React__default["default"].useRef(runnerRunTypeState);
+  var xterm = React__default["default"].useRef(null);
   /**
    * Handle text received from arduino serial output.
    */
-
-  const handleArduinoDigitalOutput = text => {
+  var handleArduinoDigitalOutput = function handleArduinoDigitalOutput(text) {
     var _a;
-
     (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.write(text);
-  }; // Arduino
-
-
-  const arduino = useArduino.useArduino({
+  };
+  // Arduino
+  var arduino = useArduino.useArduino({
     writeTerminal: handleArduinoDigitalOutput
   });
-  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
+  var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
   /**
    * Handle destroy arduino client.
    */
-
-  const handleArduinoDistroy = React__default["default"].useCallback(() => {
+  var handleArduinoDistroy = React__default["default"].useCallback(function () {
     if (isArduinoExercise) {
       arduino.destroy();
     }
@@ -135,20 +131,16 @@ const ExerciseRunner = ({
   /**
    * Handle text received from stdio websocket.
    */
-
-  const handleWsStdioTextReceive = (type, text) => {
+  var handleWsStdioTextReceive = function handleWsStdioTextReceive(type, text) {
     var _a, _b, _c;
-
     switch (type) {
       case 'text':
         (_a = xterm.current) === null || _a === void 0 ? void 0 : _a[runnerRunTypeRef.current !== types.enums.ExerciseRunType.Run ? 'writeEmphasized' : 'write'](text);
         updateStdioTextConcator(text);
         break;
-
       case 'grader':
         (_b = xterm.current) === null || _b === void 0 ? void 0 : _b.write(text);
         break;
-
       case 'echo':
         (_c = xterm.current) === null || _c === void 0 ? void 0 : _c.write(text);
         break;
@@ -157,34 +149,29 @@ const ExerciseRunner = ({
   /**
    * Handle file received from stdio websocket.
    */
-
-
-  const handleWsStdioFileReceive = stdioFile => {
+  var handleWsStdioFileReceive = function handleWsStdioFileReceive(stdioFile) {
     // arduino exercise
     if (isArduinoExercise) {
       if ('filename' in stdioFile && stdioFile.filename.startsWith('firmware') && stdioFile.filename.endsWith('hex')) {
         arduino.uploadHexFile(stdioFile);
       }
-
       return;
-    } // normal exercise
-
-
-    setRunnerStdioFilesState(prevFiles => [...prevFiles, stdioFile]);
+    }
+    // normal exercise
+    setRunnerStdioFilesState(function (prevFiles) {
+      return [].concat(_rollupPluginBabelHelpers.toConsumableArray(prevFiles), [stdioFile]);
+    });
   };
   /**
    * Runner room websocket
    */
-
-
-  const wsRunnerRoom = useRunnerRoomWebSocket.useRunnerRoomWebSocket({
-    exerciseRoomId
+  var wsRunnerRoom = useRunnerRoomWebSocket.useRunnerRoomWebSocket({
+    exerciseRoomId: exerciseRoomId
   });
   /**
    * Stdio websocket
    */
-
-  const wsStdio = useStdioWebSocket.useStdioWebSocket({
+  var wsStdio = useStdioWebSocket.useStdioWebSocket({
     wsUri: (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.wsUri,
     roomToken: (_b = wsRunnerRoom.roomConnectionInfo) === null || _b === void 0 ? void 0 : _b.roomToken,
     isTty: (_c = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _c === void 0 ? void 0 : _c.isTty,
@@ -194,10 +181,8 @@ const ExerciseRunner = ({
   /**
    * Handle submit code error.
    */
-
-  const handleRunnerSubmitError = err => {
+  var handleRunnerSubmitError = function handleRunnerSubmitError(err) {
     var _a, _b;
-
     switch ((_a = err.detail) === null || _a === void 0 ? void 0 : _a.failCode) {
       case 'room_type_mismatch':
       case 'not_found_exercise_room':
@@ -212,10 +197,11 @@ const ExerciseRunner = ({
           action: intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.reload'
           }),
-          onAction: () => window.location.reload()
+          onAction: function onAction() {
+            return window.location.reload();
+          }
         });
         break;
-
       case 'invalid_room_token':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
@@ -225,10 +211,11 @@ const ExerciseRunner = ({
           action: intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.reload'
           }),
-          onAction: () => window.location.reload()
+          onAction: function onAction() {
+            return window.location.reload();
+          }
         });
         break;
-
       case 'not_for_submit_grade':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
@@ -240,7 +227,6 @@ const ExerciseRunner = ({
           })
         });
         break;
-
       case 'expired_exercise_image':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
@@ -250,10 +236,11 @@ const ExerciseRunner = ({
           action: intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.reload'
           }),
-          onAction: () => window.location.reload()
+          onAction: function onAction() {
+            return window.location.reload();
+          }
         });
         break;
-
       case 'not_prepared_room_forwarder':
       case 'try_again':
         setRunnerSubmitErrorDialog({
@@ -266,7 +253,6 @@ const ExerciseRunner = ({
           })
         });
         break;
-
       case 'room_is_busy':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
@@ -278,7 +264,6 @@ const ExerciseRunner = ({
           })
         });
         break;
-
       case 'exceed_submit_grade_limit':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
@@ -290,7 +275,6 @@ const ExerciseRunner = ({
           })
         });
         break;
-
       default:
         setRunnerSubmitErrorDialog({
           code: ((_b = err === null || err === void 0 ? void 0 : err.detail) === null || _b === void 0 ? void 0 : _b.failCode) || 'unknown',
@@ -307,196 +291,217 @@ const ExerciseRunner = ({
   /**
    * Handle submit code to runner and run / grade.
    */
-
-
-  const handleRunnerSubmit = async runType => {
-    var _a, _b, _c;
-
-    const readyExerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
-    const roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
-
-    if (!readyExerciseImage || !roomToken) {
-      return;
-    }
-
-    setRunnerStdioFilesState([]);
-    setRunnerRunTypeState(runType);
-    setRunnerSubmitting(true);
-    return apiClient.postOrgMaterialExerciseExerciseRunningSubmit({
-      roomToken,
-      runType,
-      exerciseImageId: readyExerciseImage.id,
-      vncWidth: readyExerciseImage.isVnc ? Math.max((_b = readyExerciseImage.defaultVncWidth) !== null && _b !== void 0 ? _b : 0, 640) : undefined,
-      vncHeight: readyExerciseImage.isVnc ? Math.max((_c = readyExerciseImage.defaultVncHeight) !== null && _c !== void 0 ? _c : 0, 480) : undefined
-    }).then(res => {
-      if (typeof onSubmit === 'function') {
-        onSubmit(res);
-      }
-    }).catch(err => {
-      setRunnerSubmitting(false);
-      handleRunnerSubmitError(err);
-
-      if (typeof onError === 'function') {
-        onError(err);
-      }
-    });
-  };
+  var handleRunnerSubmit = /*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(runType) {
+      var _a, _b, _c, readyExerciseImage, roomToken;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            readyExerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
+            roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
+            if (!(!readyExerciseImage || !roomToken)) {
+              _context.next = 4;
+              break;
+            }
+            return _context.abrupt("return");
+          case 4:
+            setRunnerStdioFilesState([]);
+            setRunnerRunTypeState(runType);
+            setRunnerSubmitting(true);
+            return _context.abrupt("return", apiClient.postOrgMaterialExerciseExerciseRunningSubmit({
+              roomToken: roomToken,
+              runType: runType,
+              exerciseImageId: readyExerciseImage.id,
+              vncWidth: readyExerciseImage.isVnc ? Math.max((_b = readyExerciseImage.defaultVncWidth) !== null && _b !== void 0 ? _b : 0, 640) : undefined,
+              vncHeight: readyExerciseImage.isVnc ? Math.max((_c = readyExerciseImage.defaultVncHeight) !== null && _c !== void 0 ? _c : 0, 480) : undefined
+            }).then(function (res) {
+              if (typeof onSubmit === 'function') {
+                onSubmit(res);
+              }
+            }).catch(function (err) {
+              setRunnerSubmitting(false);
+              handleRunnerSubmitError(err);
+              if (typeof onError === 'function') {
+                onError(err);
+              }
+            }));
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleRunnerSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   /**
    * Handle runner to cancel running.
    */
-
-
-  const handleRunnerCancel = async () => {
-    var _a;
-
-    const roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
-
-    if (roomToken) {
-      void apiClient.postOrgMaterialExerciseExerciseRunningCancel({
-        roomToken
-      });
-    }
-  };
+  var handleRunnerCancel = /*#__PURE__*/function () {
+    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
+      var _a, roomToken;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
+            if (roomToken) {
+              void apiClient.postOrgMaterialExerciseExerciseRunningCancel({
+                roomToken: roomToken
+              });
+            }
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handleRunnerCancel() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   /**
    * Handle runner to request code sync.
    */
-
-
-  const handleRunnerSyncRequest = () => {
+  var handleRunnerSyncRequest = function handleRunnerSyncRequest() {
     wsStdio.sendSync();
   };
   /**
    * Handle input requests for arduino.
    */
-
-
-  const handleXtermArduinoInputRequest = char => {
+  var handleXtermArduinoInputRequest = function handleXtermArduinoInputRequest(char) {
     var _a, _b, _c;
-
     switch (char) {
       // backspace
-      case '\u007f':
+      case "\x7F":
         (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.write(' ');
         arduinoTextBuffer.current = arduinoTextBuffer.current.slice(0, -1);
         break;
       // enter
-
       case '\r':
         if (arduinoTextBuffer.current.length) {
           (_b = xterm.current) === null || _b === void 0 ? void 0 : _b.write('\r\n');
           arduino.sendText(arduinoTextBuffer.current);
           arduinoTextBuffer.current = '';
         }
-
         break;
       // any char
-
       default:
         (_c = xterm.current) === null || _c === void 0 ? void 0 : _c.write(char);
-        arduinoTextBuffer.current = `${arduinoTextBuffer.current}${char}`;
+        arduinoTextBuffer.current = "".concat(arduinoTextBuffer.current).concat(char);
         break;
     }
   };
   /**
    * Handle input requests.
    */
-
-
-  const handleXtermInputRequest = text => {
+  var handleXtermInputRequest = function handleXtermInputRequest(text) {
     if (isArduinoExercise) {
       handleXtermArduinoInputRequest(text);
     } else {
       wsStdio.sendText(text);
     }
-  }; //
+  };
+  //
   // Initialize Arduino devices.
   //
-
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (!isArduinoExercise) {
       return;
     }
-
     void arduino.init();
-    return () => {
+    return function () {
       void arduino.destroy();
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [exercise]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [exercise]);
+  //
   // Destroy arduino client when unload window.
   //
-
-  reactUse.useEvent('beforeunload', handleArduinoDistroy, window); //
+  reactUse.useEvent('beforeunload', handleArduinoDistroy, window);
+  //
   // Update runner room websocket state.
   //
-
-  React__default["default"].useEffect(() => setRunnerRoomWebSocketState(wsRunnerRoom.readyState), // eslint-disable-next-line react-hooks/exhaustive-deps
-  [wsRunnerRoom.readyState]); //
+  React__default["default"].useEffect(function () {
+    return setRunnerRoomWebSocketState(wsRunnerRoom.readyState);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [wsRunnerRoom.readyState]);
+  //
   // Update stdio websocket state.
   //
-
-  React__default["default"].useEffect(() => setStdioWebSocketState(wsStdio.readyState), // eslint-disable-next-line react-hooks/exhaustive-deps
-  [wsStdio.readyState]); //
+  React__default["default"].useEffect(function () {
+    return setStdioWebSocketState(wsStdio.readyState);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [wsStdio.readyState]);
+  //
   // Set runner submitting status to false,
   // whenever runner room's running status is changed.
   // (assume that sumbitting done when running status is changed)
   //
-
-  React__default["default"].useEffect(() => setRunnerSubmitting(false), // eslint-disable-next-line react-hooks/exhaustive-deps
-  [wsRunnerRoom.isRunning]); //
+  React__default["default"].useEffect(function () {
+    return setRunnerSubmitting(false);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [wsRunnerRoom.isRunning]);
+  //
   // Auto focus terminal when running.
   //
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (wsRunnerRoom.isRunning) {
-      setTimeout(() => {
+      setTimeout(function () {
         var _a;
-
         return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.focus();
       }, 100);
     }
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [wsRunnerRoom.isRunning]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [wsRunnerRoom.isRunning]);
+  //
   // Bind runner run type to ref.
   //
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     runnerRunTypeRef.current = runnerRunTypeState;
-  }, [runnerRunTypeState]); //
+  }, [runnerRunTypeState]);
+  //
   // Update room connection info.
   //
-
-  React__default["default"].useEffect(() => setRunnerRunning(wsRunnerRoom.isRunning), // eslint-disable-next-line react-hooks/exhaustive-deps
-  [wsRunnerRoom.isRunning]); //
+  React__default["default"].useEffect(function () {
+    return setRunnerRunning(wsRunnerRoom.isRunning);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [wsRunnerRoom.isRunning]);
+  //
   // Update room connection info.
   //
-
-  React__default["default"].useEffect(() => setExerciseRunnerRoomConnectionInfo(wsRunnerRoom.roomConnectionInfo), // eslint-disable-next-line react-hooks/exhaustive-deps
-  [wsRunnerRoom.roomConnectionInfo]); //
+  React__default["default"].useEffect(function () {
+    return setExerciseRunnerRoomConnectionInfo(wsRunnerRoom.roomConnectionInfo);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [wsRunnerRoom.roomConnectionInfo]);
+  //
   // handle send text request to runner stdio.
   //
-
-  React__default["default"].useEffect(() => {
-    const textSendSub = subjects.exerciseRunnerTextSend$.subscribe(wsStdio.sendText);
-    return () => {
+  React__default["default"].useEffect(function () {
+    var textSendSub = subjects.exerciseRunnerTextSend$.subscribe(wsStdio.sendText);
+    return function () {
       textSendSub.unsubscribe();
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   []);
   /**
    * Preview.
    */
-
-  const renderPreview = () => {
+  var renderPreview = function renderPreview() {
     if (exercisePreviewType === recoilTypes.ExercisePreviewType.None) {
       return null;
     }
-
     if (exercisePreviewDisplayMode !== recoilTypes.ExercisePreviewDisplayMode.Mini) {
       return null;
     }
-
     return React__default["default"].createElement(blocks.ResizableNext, Object.assign({}, stylesheets.MATERIAL_RESIZABLE_COMMON_PROPS, {
       children: exercisePreview,
       initialWidth: exerciseContainerSize.width * EXERCISE_RUNNER_HORIZONTAL_RATIO.PREVIEW,
@@ -507,14 +512,14 @@ const ExerciseRunner = ({
   /**
    * Xterm
    */
-
-
-  const renderXterm = () => {
+  var renderXterm = function renderXterm() {
     // show system message when...
-    const showSystemMessage = // - run type is grade
-    runnerRunTypeState === types.enums.ExerciseRunType.Grade || // - not an arduino exercise
+    var showSystemMessage =
+    // - run type is grade
+    runnerRunTypeState === types.enums.ExerciseRunType.Grade ||
+    // - not an arduino exercise
     !isArduinoExercise;
-    return React__default["default"].createElement(XtermLazy, {
+    return React__default["default"].createElement(XtermLazy["default"], {
       isRunning: wsRunnerRoom.isRunning,
       fontSize: editorPreferenceFontSize,
       suppressSystemMessage: !showSystemMessage,
@@ -527,42 +532,39 @@ const ExerciseRunner = ({
   /**
    * Runner submit error dialog.
    */
-
-
-  const renderRunnerSubmitErrorDialog = () => {
+  var renderRunnerSubmitErrorDialog = function renderRunnerSubmitErrorDialog() {
     if (!runnerSubmitErrorDialog) {
       return null;
     }
-
     return React__default["default"].createElement(blocks.Dialog, {
       type: "error",
       title: intl.formatMessage({
         id: 'exerciseRunner.submitErrorDialog.title'
       }),
-      body: `${runnerSubmitErrorDialog.message}\n(error code: ${runnerSubmitErrorDialog.code})`,
-      onHide: () => setRunnerSubmitErrorDialog(null)
+      body: "".concat(runnerSubmitErrorDialog.message, "\n(error code: ").concat(runnerSubmitErrorDialog.code, ")"),
+      onHide: function onHide() {
+        return setRunnerSubmitErrorDialog(null);
+      }
     }, React__default["default"].createElement(blocks.Dialog.ActionButton, {
       children: runnerSubmitErrorDialog.action,
-      onClick: () => {
+      onClick: function onClick() {
         if (typeof runnerSubmitErrorDialog.onAction === 'function') {
           runnerSubmitErrorDialog.onAction();
         }
-
         setRunnerSubmitErrorDialog(null);
       }
     }));
-  }; //
+  };
+  //
   //
   //
-
-
   return React__default["default"].createElement(StyledExerciseRunner, null, React__default["default"].createElement(ExerciseRunnerContext.ExerciseRunnerContext.Provider, {
     value: {
       onSubmit: handleRunnerSubmit,
       onCancel: handleRunnerCancel,
       onSyncRequest: handleRunnerSyncRequest
     }
-  }, React__default["default"].createElement(ExerciseRunnerController, null), React__default["default"].createElement(blocks.Flex, {
+  }, React__default["default"].createElement(ExerciseRunnerController["default"], null), React__default["default"].createElement(blocks.Flex, {
     auto: true,
     style: {
       minHeight: 0
@@ -570,10 +572,9 @@ const ExerciseRunner = ({
     overflow: "hidden"
   }, renderPreview(), renderXterm(), renderRunnerSubmitErrorDialog())));
 };
-
 var ExerciseRunner$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseRunner, {
-  en: en,
-  ko: ko
+  en: en["default"],
+  ko: ko["default"]
 });
 
-module.exports = ExerciseRunner$1;
+exports["default"] = ExerciseRunner$1;