@elice/material-exercise 1.220803.0

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

@@ -0,0 +1,549 @@
+'use strict';
+
+var React = require('react');
+var reactIntl = require('react-intl');
+var reactUse = require('react-use');
+var apiClient = require('@elice/api-client');
+var blocks = require('@elice/blocks');
+var designTokens = require('@elice/design-tokens');
+var types = require('@elice/types');
+var recoil = require('recoil');
+var styled = require('styled-components');
+var XtermLazy = require('../../shared/xterm/XtermLazy.js');
+var stylesheets = require('../../../constants/stylesheets.js');
+var useArduino = require('../../../hooks/useArduino.js');
+var recoil$1 = require('../context/recoil.js');
+var context = require('../context/context.js');
+var recoilTypes = require('../context/recoilTypes.js');
+var subjects = require('../context/subjects.js');
+require('../context/ExerciseProvider.js');
+var useRunnerRoomWebSocket = require('../../../hooks/useRunnerRoomWebSocket.js');
+var useStdioWebSocket = require('../../../hooks/useStdioWebSocket.js');
+require('ot-text-unicode');
+require('@elice/material-shared-utils');
+require('@elice/websocket');
+require('humps');
+require('lodash/debounce');
+require('random-words');
+require('unicount');
+var ExerciseIntlProvider = require('../context/ExerciseIntlProvider.js');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
+var ExerciseRunnerContext = require('./ExerciseRunnerContext.js');
+var ExerciseRunnerController = require('./ExerciseRunnerController.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const EXERCISE_RUNNER_HORIZONTAL_RATIO = {
+  PREVIEW: 0.3,
+  XTERM: 0.7
+};
+const StyledExerciseRunner = styled__default["default"].div.withConfig({
+  componentId: "sc-mp78g-0"
+})(["display:flex;flex-direction:column;width:100%;height:100%;background-color:", ";overflow:hidden;"], designTokens.base.color.navy8);
+/**
+ *
+ */
+
+const ExerciseRunner = ({
+  exercisePreview
+}) => {
+  var _a, _b, _c;
+
+  const intl = reactIntl.useIntl();
+  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); // websockets
+
+  const setRunnerRoomWebSocketState = recoil.useSetRecoilState(recoil$1.exerciseWebsocketQuery('runnerRoom'));
+  const setStdioWebSocketState = recoil.useSetRecoilState(recoil$1.exerciseWebsocketQuery('stdio')); // 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);
+  /**
+   * Handle text received from arduino serial output.
+   */
+
+  const handleArduinoDigitalOutput = text => {
+    var _a;
+
+    (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.write(text);
+  }; // Arduino
+
+
+  const arduino = useArduino.useArduino({
+    writeTerminal: handleArduinoDigitalOutput
+  });
+  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
+  /**
+   * Handle destroy arduino client.
+   */
+
+  const handleArduinoDistroy = React__default["default"].useCallback(() => {
+    if (isArduinoExercise) {
+      arduino.destroy();
+    }
+  }, [isArduinoExercise, arduino]);
+  /**
+   * Handle text received from stdio websocket.
+   */
+
+  const 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);
+        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;
+    }
+  };
+  /**
+   * Handle file received from stdio websocket.
+   */
+
+
+  const 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]);
+  };
+  /**
+   * Runner room websocket
+   */
+
+
+  const wsRunnerRoom = useRunnerRoomWebSocket.useRunnerRoomWebSocket({
+    exerciseRoomId
+  });
+  /**
+   * Stdio websocket
+   */
+
+  const 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,
+    onTextReceive: handleWsStdioTextReceive,
+    onFileReceive: handleWsStdioFileReceive
+  });
+  /**
+   * Handle submit code error.
+   */
+
+  const 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':
+      case 'not_found_lecture_page':
+      case 'invalid_run_type':
+      case 'insufficient_permission':
+        setRunnerSubmitErrorDialog({
+          code: err.detail.failCode,
+          message: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.body.commonError'
+          }),
+          action: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.action.reload'
+          }),
+          onAction: () => window.location.reload()
+        });
+        break;
+
+      case 'invalid_room_token':
+        setRunnerSubmitErrorDialog({
+          code: err.detail.failCode,
+          message: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.body.networkError'
+          }),
+          action: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.action.reload'
+          }),
+          onAction: () => window.location.reload()
+        });
+        break;
+
+      case 'not_for_submit_grade':
+        setRunnerSubmitErrorDialog({
+          code: err.detail.failCode,
+          message: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.body.notForSubmitGrade'
+          }),
+          action: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.action.confirm'
+          })
+        });
+        break;
+
+      case 'expired_exercise_image':
+        setRunnerSubmitErrorDialog({
+          code: err.detail.failCode,
+          message: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.body.expiredExerciseImage'
+          }),
+          action: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.action.reload'
+          }),
+          onAction: () => window.location.reload()
+        });
+        break;
+
+      case 'not_prepared_room_forwarder':
+      case 'try_again':
+        setRunnerSubmitErrorDialog({
+          code: err.detail.failCode,
+          message: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.body.notPreparedRoom'
+          }),
+          action: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.action.confirm'
+          })
+        });
+        break;
+
+      case 'room_is_busy':
+        setRunnerSubmitErrorDialog({
+          code: err.detail.failCode,
+          message: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.body.roomIsBusy'
+          }),
+          action: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.action.confirm'
+          })
+        });
+        break;
+
+      case 'exceed_submit_grade_limit':
+        setRunnerSubmitErrorDialog({
+          code: err.detail.failCode,
+          message: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.body.exceedSubmitGradeLimit'
+          }),
+          action: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.action.confirm'
+          })
+        });
+        break;
+
+      default:
+        setRunnerSubmitErrorDialog({
+          code: ((_b = err === null || err === void 0 ? void 0 : err.detail) === null || _b === void 0 ? void 0 : _b.failCode) || 'unknown',
+          message: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.body.unknown'
+          }),
+          action: intl.formatMessage({
+            id: 'exerciseRunner.submitErrorDialog.action.confirm'
+          })
+        });
+        break;
+    }
+  };
+  /**
+   * 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);
+      }
+    });
+  };
+  /**
+   * 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
+      });
+    }
+  };
+  /**
+   * Handle runner to request code sync.
+   */
+
+
+  const handleRunnerSyncRequest = () => {
+    wsStdio.sendSync();
+  };
+  /**
+   * Handle input requests for arduino.
+   */
+
+
+  const handleXtermArduinoInputRequest = char => {
+    var _a, _b, _c;
+
+    switch (char) {
+      // backspace
+      case '\u007f':
+        (_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}`;
+        break;
+    }
+  };
+  /**
+   * Handle input requests.
+   */
+
+
+  const handleXtermInputRequest = text => {
+    if (isArduinoExercise) {
+      handleXtermArduinoInputRequest(text);
+    } else {
+      wsStdio.sendText(text);
+    }
+  }; //
+  // Initialize Arduino devices.
+  //
+
+
+  React__default["default"].useEffect(() => {
+    if (!isArduinoExercise) {
+      return;
+    }
+
+    void arduino.init();
+    return () => {
+      void arduino.destroy();
+    };
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [exercise]); //
+  // Destroy arduino client when unload 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]); //
+  // Update stdio websocket state.
+  //
+
+  React__default["default"].useEffect(() => 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]); //
+  // Auto focus terminal when running.
+  //
+
+  React__default["default"].useEffect(() => {
+    if (wsRunnerRoom.isRunning) {
+      setTimeout(() => {
+        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]); //
+  // Bind runner run type to ref.
+  //
+
+  React__default["default"].useEffect(() => {
+    runnerRunTypeRef.current = runnerRunTypeState;
+  }, [runnerRunTypeState]); //
+  // Update room connection info.
+  //
+
+  React__default["default"].useEffect(() => 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]); //
+  // handle send text request to runner stdio.
+  //
+
+  React__default["default"].useEffect(() => {
+    const textSendSub = subjects.exerciseRunnerTextSend$.subscribe(wsStdio.sendText);
+    return () => {
+      textSendSub.unsubscribe();
+    };
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  /**
+   * Preview.
+   */
+
+  const 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,
+      resizeHandles: ['e'],
+      minConstraints: [128, Infinity]
+    }));
+  };
+  /**
+   * Xterm
+   */
+
+
+  const renderXterm = () => {
+    return React__default["default"].createElement(XtermLazy, {
+      isRunning: wsRunnerRoom.isRunning,
+      fontSize: editorPreferenceFontSize,
+      suppressSystemMessage: isArduinoExercise,
+      onInputRequest: handleXtermInputRequest,
+      onTtyResizeRequest: wsStdio.sendTtyResize,
+      locale: locale,
+      ref: xterm
+    });
+  };
+  /**
+   * Runner submit error dialog.
+   */
+
+
+  const 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)
+    }, React__default["default"].createElement(blocks.Dialog.ActionButton, {
+      children: runnerSubmitErrorDialog.action,
+      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, {
+    auto: true,
+    style: {
+      minHeight: 0
+    },
+    overflow: "hidden"
+  }, renderPreview(), renderXterm(), renderRunnerSubmitErrorDialog())));
+};
+
+var ExerciseRunner$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseRunner, {
+  en: en,
+  ko: ko
+});
+
+module.exports = ExerciseRunner$1;

package/cjs/components/material-exercise/exercise-runner/ExerciseRunnerContext.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { enums } from '@elice/types';
+export interface ExerciseRunnerContextValue {
+    /**
+     *
+     */
+    onSubmit: (runType: enums.ExerciseRunType) => Promise<void>;
+    /**
+     *
+     */
+    onSyncRequest: () => void;
+    /**
+     *
+     */
+    onCancel: () => void;
+}
+export declare const ExerciseRunnerContext: React.Context<ExerciseRunnerContextValue>;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const ExerciseRunnerContext = React__default["default"].createContext(null);
+
+exports.ExerciseRunnerContext = ExerciseRunnerContext;

package/cjs/components/material-exercise/exercise-runner/ExerciseRunnerController.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExerciseRunnerController: React.VFC;
+export default ExerciseRunnerController;

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

@@ -0,0 +1,46 @@
+'use strict';
+
+var React = require('react');
+var blocks = require('@elice/blocks');
+var types = require('@elice/types');
+var recoil = require('recoil');
+var styled = require('styled-components');
+var stylesheets = require('../../../constants/stylesheets.js');
+var recoil$1 = require('../context/recoil.js');
+var context = require('../context/context.js');
+require('../context/recoilTypes.js');
+require('../context/subjects.js');
+require('../context/ExerciseProvider.js');
+var ExerciseRunnerControllerArduinoStatusMessage = require('./ExerciseRunnerControllerArduinoStatusMessage.js');
+var ExerciseRunnerControllerButtonGroup = require('./ExerciseRunnerControllerButtonGroup.js');
+var ExerciseRunnerControllerRunningInfo = require('./ExerciseRunnerControllerRunningInfo.js');
+var ExerciseRunnerControllerStatusMessage = require('./ExerciseRunnerControllerStatusMessage.js');
+var ExerciseRunnerControllerTimer = require('./ExerciseRunnerControllerTimer.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const RUNNER_CONTROLLER_HEIGHT = 50;
+const StyledController = styled__default["default"].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, stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
+
+const ExerciseRunnerController = () => {
+  const {
+    materialExerciseId
+  } = React__default["default"].useContext(context.ExerciseContext);
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
+  return React__default["default"].createElement(StyledController, null, React__default["default"].createElement(blocks.Flex, {
+    align: "center"
+  }, React__default["default"].createElement(ExerciseRunnerControllerButtonGroup, null), React__default["default"].createElement(blocks.Hspace, {
+    width: 1
+  }), React__default["default"].createElement(ExerciseRunnerControllerRunningInfo, null), React__default["default"].createElement(ExerciseRunnerControllerTimer, null)), React__default["default"].createElement(blocks.Flex, {
+    column: true,
+    align: "flex-end"
+  }, React__default["default"].createElement(ExerciseRunnerControllerStatusMessage, null), isArduinoExercise ? React__default["default"].createElement(ExerciseRunnerControllerArduinoStatusMessage, null) : null));
+};
+
+module.exports = ExerciseRunnerController;

package/cjs/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoStatusMessage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExerciseRunnerControllerArduinoStatusMessage: React.VFC;
+export default ExerciseRunnerControllerArduinoStatusMessage;