@elice/material-exercise 1.230328.0 → 1.230418.0

package/cjs/hooks/useStdioWebSocket.js

@@ -2,33 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var websocket = require('@elice/websocket');
 
 //
 //
-
-const MAX_WEBSOCKET_RETRY_COUNT = 5;
+//
+var MAX_WEBSOCKET_RETRY_COUNT = 5;
 /**
  *
  */
-
-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);
+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];
   /**
    * Handle stdio text received.
    */
-
-  const handleTextReceive = (type, text) => {
+  var handleTextReceive = function handleTextReceive(type, text) {
     if (typeof onTextReceive === 'function') {
       onTextReceive(type, text);
     }
@@ -36,9 +37,7 @@ const useStdioWebSocket = ({
   /**
    * Handle stdio file received.
    */
-
-
-  const handleFileReceive = file => {
+  var handleFileReceive = function handleFileReceive(file) {
     if (typeof onFileReceive === 'function') {
       onFileReceive(file);
     }
@@ -46,11 +45,8 @@ const useStdioWebSocket = ({
   /**
    * Provide a utf-8 encoded string to `/dev/stdin` in the container.
    */
-
-
-  const sendText = React.useCallback(data => {
+  var sendText = React.useCallback(function (data) {
     var _a;
-
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
       type: 'text',
       data: isTty ? data : data.replace(/\r/g, '\n')
@@ -59,56 +55,47 @@ const useStdioWebSocket = ({
   /**
    * Send a signal (e.g. SIGINT, SIGQUIT, etc.) to the process with PID 1 in the container.
    */
-
-  const sendSignal = React.useCallback(data => {
+  var sendSignal = React.useCallback(function (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.
    */
-
-  const sendTtyResize = React.useCallback(data => {
+  var sendTtyResize = React.useCallback(function (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.
    */
-
-  const sendSync = React.useCallback(() => {
+  var sendSync = React.useCallback(function () {
     var _a;
-
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
       type: 'sync'
     });
-  }, []); //
+  }, []);
+  //
   // =============== websocket ===============
   //
-
   /**
    * Reconnect websocket.
    */
-
-  const reconnect = React.useCallback(() => {
+  var reconnect = React.useCallback(function () {
     var _a;
-
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.reconnect();
   }, []);
   /**
    * Websocket on open.
    */
-
-  const wsOpen = () => {
+  var wsOpen = function wsOpen() {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -116,9 +103,7 @@ const useStdioWebSocket = ({
   /**
    * Websocket on close.
    */
-
-
-  const wsClose = () => {
+  var wsClose = function wsClose() {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -126,9 +111,7 @@ const useStdioWebSocket = ({
   /**
    * Websocket on error.
    */
-
-
-  const wsError = () => {
+  var wsError = function wsError() {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -136,30 +119,23 @@ const useStdioWebSocket = ({
   /**
    * Websocket on message.
    */
-
-
-  const wsMessage = e => {
-    const msg = e.data;
-
+  var wsMessage = function wsMessage(e) {
+    var msg = e.data;
     switch (msg.type) {
       case 'text':
         handleTextReceive(msg.type, msg.data);
         break;
-
       case 'echo':
         if (!isTty) {
           handleTextReceive(msg.type, msg.data);
         }
-
         break;
-
       case 'grader':
         handleTextReceive(msg.type, msg.data);
         break;
       // case 'score':
       //   handleTextReceive(msg.type, msg.data);
       //   break;
-
       case 'image':
         handleFileReceive({
           type: 'image',
@@ -167,7 +143,6 @@ const useStdioWebSocket = ({
           data: msg.data
         });
         break;
-
       case 'file':
         handleFileReceive({
           type: 'file',
@@ -177,17 +152,15 @@ const useStdioWebSocket = ({
         });
         break;
     }
-  }; //
+  };
+  //
   // Initialize websocket.
   //
-
-
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (!wsUri || !roomToken) {
       return;
     }
-
-    websocket$1.current = new websocket.EliceWebSocket(`${wsUri}/client/stdio/${roomToken}`, undefined, {
+    websocket$1.current = new websocket.EliceWebSocket("".concat(wsUri, "/client/stdio/").concat(roomToken), undefined, {
       maxRetries: MAX_WEBSOCKET_RETRY_COUNT,
       heartAttack: true
     });
@@ -195,16 +168,17 @@ const useStdioWebSocket = ({
     websocket$1.current.onclose = wsClose;
     websocket$1.current.onmessage = wsMessage;
     websocket$1.current.onerror = wsError;
-    return () => {
+    return function () {
       if (websocket$1.current) {
         websocket$1.current.close();
       }
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [wsUri, roomToken]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [wsUri, roomToken]);
+  //
   //
   //
-
   _return.current.readyState = websocketReadyState;
   _return.current.sendText = sendText;
   _return.current.sendSignal = sendSignal;