@elice/material-exercise 1.231227.0 → 1.240112.0-cloud.0

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

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl } from 'react-intl';
 import { useEvent } from 'react-use';
@@ -33,51 +32,52 @@ import phrasesKo from './locales/ko.json.js';
 import { ExerciseRunnerContext } from './ExerciseRunnerContext.js';
 import ExerciseRunnerController from './ExerciseRunnerController.js';
 
-var EXERCISE_RUNNER_HORIZONTAL_RATIO = {
+const EXERCISE_RUNNER_HORIZONTAL_RATIO = {
   PREVIEW: 0.3,
   XTERM: 0.7
 };
-var StyledExerciseRunner = styled.div.withConfig({
+const StyledExerciseRunner = styled.div.withConfig({
   componentId: "sc-mp78g-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background-color:", ";min-height:0;"], base.color.navy8);
 /**
  *
  */
-var ExerciseRunner = function ExerciseRunner(_ref) {
-  var exercisePreview = _ref.exercisePreview;
+const ExerciseRunner = ({
+  exercisePreview
+}) => {
   var _a, _b, _c;
-  var intl = useIntl();
-  var _React$useContext = React.useContext(ExerciseContext),
-    onCodeHelpRequest = _React$useContext.onCodeHelpRequest;
-  var _React$useContext2 = React.useContext(ExerciseContext),
-    materialExerciseId = _React$useContext2.materialExerciseId,
-    exerciseRoomId = _React$useContext2.exerciseRoomId,
-    locale = _React$useContext2.locale,
-    onSubmit = _React$useContext2.onSubmit,
-    onError = _React$useContext2.onError;
-  var exercise = useRecoilValue(exerciseState(materialExerciseId));
-  var _useRecoilValue = useRecoilValue(exerciseEditorPreferenceState),
-    editorPreferenceFontSize = _useRecoilValue.fontSize;
+  const intl = useIntl();
+  const {
+    onCodeHelpRequest
+  } = React.useContext(ExerciseContext);
+  const {
+    materialExerciseId,
+    exerciseRoomId,
+    locale,
+    onSubmit,
+    onError
+  } = React.useContext(ExerciseContext);
+  const exercise = useRecoilValue(exerciseState(materialExerciseId));
+  const {
+    fontSize: editorPreferenceFontSize
+  } = useRecoilValue(exerciseEditorPreferenceState);
   // runner states
-  var setRunnerSubmitting = useSetRecoilState(exerciseRunnerSubmittingState);
-  var setRunnerRunning = useSetRecoilState(exerciseRunnerRunningState);
-  var _useRecoilState = useRecoilState(exerciseRunnerRunTypeState),
-    _useRecoilState2 = _slicedToArray(_useRecoilState, 2),
-    runnerRunTypeState = _useRecoilState2[0],
-    setRunnerRunTypeState = _useRecoilState2[1];
-  var setExerciseRunnerRoomConnectionInfo = useSetRecoilState(exerciseRunnerRoomConnectionInfoState);
-  var setRunnerStdioFilesState = useSetRecoilState(exerciseRunnerStdioFilesState);
+  const setRunnerSubmitting = useSetRecoilState(exerciseRunnerSubmittingState);
+  const setRunnerRunning = useSetRecoilState(exerciseRunnerRunningState);
+  const [runnerRunTypeState, setRunnerRunTypeState] = useRecoilState(exerciseRunnerRunTypeState);
+  const setExerciseRunnerRoomConnectionInfo = useSetRecoilState(exerciseRunnerRoomConnectionInfoState);
+  const setRunnerStdioFilesState = useSetRecoilState(exerciseRunnerStdioFilesState);
   // preview states
-  var exercisePreviewType = useRecoilValue(exercisePreviewTypeState(materialExerciseId));
-  var exercisePreviewDisplayMode = useRecoilValue(exercisePreviewDisplayModeState);
+  const exercisePreviewType = useRecoilValue(exercisePreviewTypeState(materialExerciseId));
+  const exercisePreviewDisplayMode = useRecoilValue(exercisePreviewDisplayModeState);
   // monaco editor value
-  var exerciseMonacoEditorApis = useRecoilValue(exerciseMonacoEditorApisState);
+  const exerciseMonacoEditorApis = useRecoilValue(exerciseMonacoEditorApisState);
   // websockets
-  var setRunnerRoomWebSocketState = useSetRecoilState(exerciseWebsocketQuery('runnerRoom'));
-  var setStdioWebSocketState = useSetRecoilState(exerciseWebsocketQuery('stdio'));
-  var handleAiHelpibotError = function handleAiHelpibotError(text) {
+  const setRunnerRoomWebSocketState = useSetRecoilState(exerciseWebsocketQuery('runnerRoom'));
+  const setStdioWebSocketState = useSetRecoilState(exerciseWebsocketQuery('stdio'));
+  const handleAiHelpibotError = text => {
     var _a, _b, _c;
-    var error = getProgrammingErrorResult(text);
+    const error = getProgrammingErrorResult(text);
     if (!!error && typeof onCodeHelpRequest === 'function') {
       onCodeHelpRequest({
         code: error.errorCode,
@@ -88,33 +88,31 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
       });
     }
   };
-  var _useStdioTextConcator = useStdioTextConcator(handleAiHelpibotError),
-    updateStdioTextConcator = _useStdioTextConcator.updateStdioTextConcator;
+  const {
+    updateStdioTextConcator
+  } = useStdioTextConcator(handleAiHelpibotError);
   // etc
-  var exerciseContainerSize = useRecoilValue(exerciseContainerSizeState);
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    runnerSubmitErrorDialog = _React$useState2[0],
-    setRunnerSubmitErrorDialog = _React$useState2[1];
-  var arduinoTextBuffer = React.useRef('');
-  var runnerRunTypeRef = React.useRef(runnerRunTypeState);
-  var xterm = React.useRef(null);
+  const exerciseContainerSize = useRecoilValue(exerciseContainerSizeState);
+  const [runnerSubmitErrorDialog, setRunnerSubmitErrorDialog] = React.useState(null);
+  const arduinoTextBuffer = React.useRef('');
+  const runnerRunTypeRef = React.useRef(runnerRunTypeState);
+  const xterm = React.useRef(null);
   /**
    * Handle text received from arduino serial output.
    */
-  var handleArduinoDigitalOutput = function handleArduinoDigitalOutput(text) {
+  const handleArduinoDigitalOutput = text => {
     var _a;
     (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.write(text);
   };
   // Arduino
-  var arduino = useArduino({
+  const arduino = useArduino({
     writeTerminal: handleArduinoDigitalOutput
   });
-  var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
+  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
   /**
    * Handle destroy arduino client.
    */
-  var handleArduinoDistroy = React.useCallback(function () {
+  const handleArduinoDistroy = React.useCallback(() => {
     if (isArduinoExercise) {
       arduino.destroy();
     }
@@ -122,7 +120,7 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   /**
    * Handle text received from stdio websocket.
    */
-  var handleWsStdioTextReceive = function handleWsStdioTextReceive(type, text) {
+  const handleWsStdioTextReceive = (type, text) => {
     var _a, _b, _c;
     switch (type) {
       case 'text':
@@ -140,7 +138,7 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   /**
    * Handle file received from stdio websocket.
    */
-  var handleWsStdioFileReceive = function handleWsStdioFileReceive(stdioFile) {
+  const handleWsStdioFileReceive = stdioFile => {
     // arduino exercise
     if (isArduinoExercise) {
       if ('filename' in stdioFile && stdioFile.filename.startsWith('firmware') && stdioFile.filename.endsWith('hex')) {
@@ -149,20 +147,18 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
       return;
     }
     // normal exercise
-    setRunnerStdioFilesState(function (prevFiles) {
-      return [].concat(_toConsumableArray(prevFiles), [stdioFile]);
-    });
+    setRunnerStdioFilesState(prevFiles => [...prevFiles, stdioFile]);
   };
   /**
    * Runner room websocket
    */
-  var wsRunnerRoom = useRunnerRoomWebSocket({
-    exerciseRoomId: exerciseRoomId
+  const wsRunnerRoom = useRunnerRoomWebSocket({
+    exerciseRoomId
   });
   /**
    * Stdio websocket
    */
-  var wsStdio = useStdioWebSocket({
+  const wsStdio = 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,
@@ -172,7 +168,7 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   /**
    * Handle submit code error.
    */
-  var handleRunnerSubmitError = function handleRunnerSubmitError(err) {
+  const handleRunnerSubmitError = err => {
     var _a, _b;
     switch ((_a = err.detail) === null || _a === void 0 ? void 0 : _a.failCode) {
       case 'room_type_mismatch':
@@ -188,9 +184,7 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
           action: intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.reload'
           }),
-          onAction: function onAction() {
-            return window.location.reload();
-          }
+          onAction: () => window.location.reload()
         });
         break;
       case 'invalid_room_token':
@@ -202,9 +196,7 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
           action: intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.reload'
           }),
-          onAction: function onAction() {
-            return window.location.reload();
-          }
+          onAction: () => window.location.reload()
         });
         break;
       case 'not_for_submit_grade':
@@ -227,9 +219,7 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
           action: intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.reload'
           }),
-          onAction: function onAction() {
-            return window.location.reload();
-          }
+          onAction: () => window.location.reload()
         });
         break;
       case 'not_prepared_room_forwarder':
@@ -282,89 +272,60 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   /**
    * Handle submit code to runner and run / grade.
    */
-  var handleRunnerSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(runType) {
-      var _a, _b, _c, readyExerciseImage, roomToken;
-      return _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", 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);
-    };
-  }();
+  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 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);
+      }
+    });
+  };
   /**
    * Handle runner to cancel running.
    */
-  var handleRunnerCancel = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var _a, roomToken;
-      return _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 postOrgMaterialExerciseExerciseRunningCancel({
-                roomToken: roomToken
-              });
-            }
-          case 2:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function handleRunnerCancel() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
+  const handleRunnerCancel = async () => {
+    var _a;
+    const roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
+    if (roomToken) {
+      void postOrgMaterialExerciseExerciseRunningCancel({
+        roomToken
+      });
+    }
+  };
   /**
    * Handle runner to request code sync.
    */
-  var handleRunnerSyncRequest = function handleRunnerSyncRequest() {
+  const handleRunnerSyncRequest = () => {
     wsStdio.sendSync();
   };
   /**
    * Handle input requests for arduino.
    */
-  var handleXtermArduinoInputRequest = function handleXtermArduinoInputRequest(char) {
+  const handleXtermArduinoInputRequest = char => {
     var _a, _b, _c;
     switch (char) {
       // backspace
-      case "\x7F":
+      case '\u007f':
         (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.write(' ');
         arduinoTextBuffer.current = arduinoTextBuffer.current.slice(0, -1);
         break;
@@ -379,14 +340,14 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
       // any char
       default:
         (_c = xterm.current) === null || _c === void 0 ? void 0 : _c.write(char);
-        arduinoTextBuffer.current = "".concat(arduinoTextBuffer.current).concat(char);
+        arduinoTextBuffer.current = `${arduinoTextBuffer.current}${char}`;
         break;
     }
   };
   /**
    * Handle input requests.
    */
-  var handleXtermInputRequest = function handleXtermInputRequest(text) {
+  const handleXtermInputRequest = text => {
     if (isArduinoExercise) {
       handleXtermArduinoInputRequest(text);
     } else {
@@ -396,12 +357,12 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   //
   // Initialize Arduino devices.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!isArduinoExercise) {
       return;
     }
     void arduino.init();
-    return function () {
+    return () => {
       void arduino.destroy();
     };
   },
@@ -414,17 +375,13 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   //
   // Update runner room websocket state.
   //
-  React.useEffect(function () {
-    return setRunnerRoomWebSocketState(wsRunnerRoom.readyState);
-  },
+  React.useEffect(() => setRunnerRoomWebSocketState(wsRunnerRoom.readyState),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [wsRunnerRoom.readyState]);
   //
   // Update stdio websocket state.
   //
-  React.useEffect(function () {
-    return setStdioWebSocketState(wsStdio.readyState);
-  },
+  React.useEffect(() => setStdioWebSocketState(wsStdio.readyState),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [wsStdio.readyState]);
   //
@@ -432,17 +389,15 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   // whenever runner room's running status is changed.
   // (assume that sumbitting done when running status is changed)
   //
-  React.useEffect(function () {
-    return setRunnerSubmitting(false);
-  },
+  React.useEffect(() => setRunnerSubmitting(false),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [wsRunnerRoom.isRunning]);
   //
   // Auto focus terminal when running.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (wsRunnerRoom.isRunning) {
-      setTimeout(function () {
+      setTimeout(() => {
         var _a;
         return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.focus();
       }, 100);
@@ -453,31 +408,27 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   //
   // Bind runner run type to ref.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     runnerRunTypeRef.current = runnerRunTypeState;
   }, [runnerRunTypeState]);
   //
   // Update room connection info.
   //
-  React.useEffect(function () {
-    return setRunnerRunning(wsRunnerRoom.isRunning);
-  },
+  React.useEffect(() => setRunnerRunning(wsRunnerRoom.isRunning),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [wsRunnerRoom.isRunning]);
   //
   // Update room connection info.
   //
-  React.useEffect(function () {
-    return setExerciseRunnerRoomConnectionInfo(wsRunnerRoom.roomConnectionInfo);
-  },
+  React.useEffect(() => setExerciseRunnerRoomConnectionInfo(wsRunnerRoom.roomConnectionInfo),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [wsRunnerRoom.roomConnectionInfo]);
   //
   // handle send text request to runner stdio.
   //
-  React.useEffect(function () {
-    var textSendSub = exerciseRunnerTextSend$.subscribe(wsStdio.sendText);
-    return function () {
+  React.useEffect(() => {
+    const textSendSub = exerciseRunnerTextSend$.subscribe(wsStdio.sendText);
+    return () => {
       textSendSub.unsubscribe();
     };
   },
@@ -486,7 +437,7 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   /**
    * Preview.
    */
-  var renderPreview = function renderPreview() {
+  const renderPreview = () => {
     if (exercisePreviewType === ExercisePreviewType.None) {
       return null;
     }
@@ -503,9 +454,9 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   /**
    * Xterm
    */
-  var renderXterm = function renderXterm() {
+  const renderXterm = () => {
     // show system message when...
-    var showSystemMessage =
+    const showSystemMessage =
     // - run type is grade
     runnerRunTypeState === enums.ExerciseRunType.Grade ||
     // - not an arduino exercise
@@ -523,7 +474,7 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   /**
    * Runner submit error dialog.
    */
-  var renderRunnerSubmitErrorDialog = function renderRunnerSubmitErrorDialog() {
+  const renderRunnerSubmitErrorDialog = () => {
     if (!runnerSubmitErrorDialog) {
       return null;
     }
@@ -532,13 +483,11 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
       title: intl.formatMessage({
         id: 'exerciseRunner.submitErrorDialog.title'
       }),
-      body: "".concat(runnerSubmitErrorDialog.message, "\n(error code: ").concat(runnerSubmitErrorDialog.code, ")"),
-      onHide: function onHide() {
-        return setRunnerSubmitErrorDialog(null);
-      }
+      body: `${runnerSubmitErrorDialog.message}\n(error code: ${runnerSubmitErrorDialog.code})`,
+      onHide: () => setRunnerSubmitErrorDialog(null)
     }, React.createElement(Dialog.ActionButton, {
       children: runnerSubmitErrorDialog.action,
-      onClick: function onClick() {
+      onClick: () => {
         if (typeof runnerSubmitErrorDialog.onAction === 'function') {
           runnerSubmitErrorDialog.onAction();
         }

package/es/components/material-exercise/exercise-runner/ExerciseRunnerContext.js

@@ -1,5 +1,5 @@
 import React from 'react';
 
-var ExerciseRunnerContext = React.createContext(null);
+const ExerciseRunnerContext = React.createContext(null);
 
 export { ExerciseRunnerContext };

package/es/components/material-exercise/exercise-runner/ExerciseRunnerController.js

@@ -16,15 +16,16 @@ import ExerciseRunnerControllerRunningInfo from './ExerciseRunnerControllerRunni
 import ExerciseRunnerControllerStatusMessage from './ExerciseRunnerControllerStatusMessage.js';
 import ExerciseRunnerControllerTimer from './ExerciseRunnerControllerTimer.js';
 
-var RUNNER_CONTROLLER_HEIGHT = 50;
-var StyledController = styled.div.withConfig({
+const RUNNER_CONTROLLER_HEIGHT = 50;
+const StyledController = styled.div.withConfig({
   componentId: "sc-1fvokag-0"
 })(["display:flex;justify-content:space-between;align-items:center;padding:0.5rem 1rem;height:", "px;border-bottom:", ";"], RUNNER_CONTROLLER_HEIGHT, MATERIAL_DIVIDER_BORDER_VALUE);
-var ExerciseRunnerController = function ExerciseRunnerController() {
-  var _React$useContext = React.useContext(ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId;
-  var exercise = useRecoilValue(exerciseState(materialExerciseId));
-  var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
+const ExerciseRunnerController = () => {
+  const {
+    materialExerciseId
+  } = React.useContext(ExerciseContext);
+  const exercise = useRecoilValue(exerciseState(materialExerciseId));
+  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
   return React.createElement(StyledController, null, React.createElement(Flex, {
     align: "center"
   }, React.createElement(ExerciseRunnerControllerButtonGroup, null), React.createElement(Hspace, {

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoAgentModal.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
 import { Modal, Vspace, Text, Flex, Button, Icon, Hspace } from '@elice/blocks';
@@ -11,31 +10,28 @@ import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 
-var ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY = 'elice-material-exercise-arduino-agent-modal-closed';
-var ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE = 'true';
-var ARDUINO_AGENT_MAC_DOWNLOAD_URL = 'https://eli.so/arduino-agent-mac';
-var ARDUINO_AGENT_WIN_DOWNLOAD_URL = 'https://eli.so/arduino-agent-win';
-var ARDUINO_AGENT_MANUAL_URL = 'https://eli.so/arduino-faq';
-var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControllerArduinoAgentModal() {
-  var intl = useIntl();
-  var _useRecoilState = useRecoilState(exerciseArduinoAgentModalState),
-    _useRecoilState2 = _slicedToArray(_useRecoilState, 2),
-    open = _useRecoilState2[0],
-    setOpen = _useRecoilState2[1];
-  React.useEffect(function () {
-    var isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
+const ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY = 'elice-material-exercise-arduino-agent-modal-closed';
+const ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE = 'true';
+const ARDUINO_AGENT_MAC_DOWNLOAD_URL = 'https://eli.so/arduino-agent-mac';
+const ARDUINO_AGENT_WIN_DOWNLOAD_URL = 'https://eli.so/arduino-agent-win';
+const ARDUINO_AGENT_MANUAL_URL = 'https://eli.so/arduino-faq';
+const ExerciseRunnerControllerArduinoAgentModal = () => {
+  const intl = useIntl();
+  const [open, setOpen] = useRecoilState(exerciseArduinoAgentModalState);
+  React.useEffect(() => {
+    const isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
     if (!isConfirmed) {
       setOpen(true);
     }
   }, [setOpen]);
-  var handleClose = function handleClose() {
+  const handleClose = () => {
     setOpen(false);
     localStorage.setItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY, ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE);
   };
-  var handleDownload = function handleDownload(fileUrl) {
+  const handleDownload = fileUrl => {
     FileSaver.saveAs(fileUrl);
   };
-  var renderAgentInstallInstruction = function renderAgentInstallInstruction() {
+  const renderAgentInstallInstruction = () => {
     return React.createElement(React.Fragment, null, React.createElement(Text, {
       bold: true,
       role: "gray0"
@@ -58,9 +54,7 @@ var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControlle
         size: "huge"
       }),
       iconAlign: "left",
-      onClick: function onClick() {
-        return handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL);
-      }
+      onClick: () => handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL)
     }, React.createElement(FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.install.window"
     })), React.createElement(Hspace, {
@@ -72,14 +66,12 @@ var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControlle
         icon: eisMac
       }),
       iconAlign: "left",
-      onClick: function onClick() {
-        return handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL);
-      }
+      onClick: () => handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL)
     }, React.createElement(FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.install.mac"
     }))));
   };
-  var renderAgentConnectionInstruction = function renderAgentConnectionInstruction() {
+  const renderAgentConnectionInstruction = () => {
     return React.createElement(React.Fragment, null, React.createElement(Text, {
       role: "gray0",
       bold: true
@@ -102,9 +94,7 @@ var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControlle
       iconAlign: "right",
       size: "tiny",
       role: "secondary",
-      onClick: function onClick() {
-        return window.open(ARDUINO_AGENT_MANUAL_URL);
-      }
+      onClick: () => window.open(ARDUINO_AGENT_MANUAL_URL)
     }, React.createElement(FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.connect.button"
     })));