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

package/cjs/hooks/useUsercodeEditWebSocket.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactUse = require('react-use');
 var apiClient = require('@elice/api-client');
@@ -12,108 +11,77 @@ var otTextUnicode = require('ot-text-unicode');
 var randomWords = require('random-words');
 var unicount = require('unicount');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var debounce__default = /*#__PURE__*/_interopDefaultCompat(debounce);
-var randomWords__default = /*#__PURE__*/_interopDefaultCompat(randomWords);
-
 //
 //
 //
-var MAX_WRITE_FAIL_COUNT = 5;
+const MAX_WRITE_FAIL_COUNT = 5;
 /**
  *
  */
-var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
-  var exerciseRoomId = _ref.exerciseRoomId,
-    filename = _ref.filename,
-    onInit = _ref.onInit,
-    onWriteNoti = _ref.onWriteNoti;
-  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(''),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    doc = _useState4[0],
-    setDoc = _useState4[1];
-  var _useState5 = React.useState(true),
-    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    docEditable = _useState6[0],
-    setDocEditable = _useState6[1];
-  var _doc = React.useRef('');
-  var _useState7 = React.useState({}),
-    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-    clients = _useState8[0],
-    setClients = _useState8[1];
-  var _useState9 = React.useState({}),
-    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
-    cursors = _useState10[0],
-    setCursors = _useState10[1];
-  var myself = React.useRef(null);
-  var version = React.useRef(-1);
-  var otsBuffer = React.useRef([]);
-  var writeIndex = React.useRef(0);
-  var writeFailCount = React.useRef(0);
-  var _useState11 = React.useState(0),
-    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
-    _monkeyAgent = _useState12[0],
-    _setMonkeyAgent = _useState12[1];
-  var _useState13 = React.useState(0),
-    _useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
-    _numMonkeyJumped = _useState14[0],
-    setNumMonkeyJumped = _useState14[1];
+const useUsercodeEditWebSocket = ({
+  exerciseRoomId,
+  filename,
+  onInit,
+  onWriteNoti
+}) => {
+  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 [doc, setDoc] = React.useState('');
+  const [docEditable, setDocEditable] = React.useState(true);
+  const _doc = React.useRef('');
+  const [clients, setClients] = React.useState({});
+  const [cursors, setCursors] = React.useState({});
+  const myself = React.useRef(null);
+  const version = React.useRef(-1);
+  const otsBuffer = React.useRef([]);
+  const writeIndex = React.useRef(0);
+  const writeFailCount = React.useRef(0);
+  const [_monkeyAgent, _setMonkeyAgent] = React.useState(0);
+  const [_numMonkeyJumped, setNumMonkeyJumped] = React.useState(0);
   //
   // =============== clients and markers ===============
   //
   /**
    * Markers.
    */
-  var markers = React.useMemo(function () {
-    return Object.entries(cursors).filter(function (_ref2) {
-      var _ref3 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 1),
-        userAccesskey = _ref3[0];
-      return Boolean(clients[userAccesskey]);
-    }).map(function (_ref4) {
-      var _ref5 = _rollupPluginBabelHelpers.slicedToArray(_ref4, 2),
-        userAccesskey = _ref5[0],
-        cursor = _ref5[1];
-      var client = clients[userAccesskey];
-      return Object.assign(Object.assign(Object.assign({}, client), cursor), {
-        fullname: client.fullname || "User ".concat(client.id),
-        email: client.email || 'none'
-      });
+  const markers = React.useMemo(() => Object.entries(cursors).filter(([userAccesskey]) => Boolean(clients[userAccesskey])).map(([userAccesskey, cursor]) => {
+    const client = clients[userAccesskey];
+    return Object.assign(Object.assign(Object.assign({}, client), cursor), {
+      fullname: client.fullname || `User ${client.id}`,
+      email: client.email || 'none'
     });
-  }, [clients, cursors]);
+  }), [clients, cursors]);
   /**
    * Update client to list.
    */
-  var updateClient = function updateClient(userAccesskey, userId) {
+  const updateClient = (userAccesskey, userId) => {
     var _a;
     if (userAccesskey === ((_a = myself.current) === null || _a === void 0 ? void 0 : _a.accesskey)) {
       return;
     }
-    setClients(function (prev) {
+    setClients(prev => {
       if (prev[userAccesskey]) {
         return prev;
       }
-      return Object.assign(Object.assign({}, prev), _rollupPluginBabelHelpers.defineProperty({}, userAccesskey, {
-        id: userId,
-        accesskey: userAccesskey
-      }));
+      return Object.assign(Object.assign({}, prev), {
+        [userAccesskey]: {
+          id: userId,
+          accesskey: userAccesskey
+        }
+      });
     });
   };
   /**
    * Remove client from list.
    */
-  var removeClient = function removeClient(userAccesskey) {
-    setClients(function (prev) {
-      var next = Object.assign({}, prev);
+  const removeClient = userAccesskey => {
+    setClients(prev => {
+      const next = Object.assign({}, prev);
       delete next[userAccesskey];
       return next;
     });
@@ -121,37 +89,32 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    *
    */
-  var updateCursor = function updateCursor(userAccesskey, cursor) {
+  const updateCursor = (userAccesskey, cursor) => {
     var _a;
     if (userAccesskey === ((_a = myself.current) === null || _a === void 0 ? void 0 : _a.accesskey)) {
       return;
     }
-    setCursors(function (prev) {
-      return Object.assign(Object.assign({}, prev), _rollupPluginBabelHelpers.defineProperty({}, userAccesskey, cursor));
-    });
+    setCursors(prev => Object.assign(Object.assign({}, prev), {
+      [userAccesskey]: cursor
+    }));
   };
   /**
    *
    */
-  var updateCursorFromOts = function updateCursorFromOts(ots) {
-    setCursors(Object.entries(cursors).map(function (_ref6) {
-      var _ref7 = _rollupPluginBabelHelpers.slicedToArray(_ref6, 2),
-        userAccesskey = _ref7[0],
-        cursor = _ref7[1];
-      return _rollupPluginBabelHelpers.defineProperty({}, userAccesskey, {
+  const updateCursorFromOts = ots => {
+    setCursors(Object.entries(cursors).map(([userAccesskey, cursor]) => ({
+      [userAccesskey]: {
         from: otTextUnicode.type.transformSelection(cursor.from, ots),
         to: otTextUnicode.type.transformSelection(cursor.to, ots)
-      });
-    }).reduce(function (prev, next) {
-      return Object.assign(Object.assign({}, prev), next);
-    }, {}));
+      }
+    })).reduce((prev, next) => Object.assign(Object.assign({}, prev), next), {}));
   };
   /**
    *
    */
-  var removeCursor = function removeCursor(userAccesskey) {
-    setCursors(function (prev) {
-      var next = Object.assign({}, prev);
+  const removeCursor = userAccesskey => {
+    setCursors(prev => {
+      const next = Object.assign({}, prev);
       delete next[userAccesskey];
       return next;
     });
@@ -159,39 +122,22 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   //
   // Fetch client user info, whenever client list changed.
   //
-  reactUse.useDeepCompareEffect(function () {
+  reactUse.useDeepCompareEffect(() => {
     void Promise.all(Object.entries(Object.assign({}, clients))
     // only user info not fetched...
-    .filter(function (_ref9) {
-      var _ref10 = _rollupPluginBabelHelpers.slicedToArray(_ref9, 2),
-        client = _ref10[1];
-      return !client.fullname;
-    }).map(function (_ref11) {
-      var _ref12 = _rollupPluginBabelHelpers.slicedToArray(_ref11, 2),
-        userAccesskey = _ref12[0],
-        client = _ref12[1];
-      return apiClient.getOrgUserGet({
-        userId: client.id
-      }).then(function (res) {
-        return res.user;
-      }).then(function (user) {
-        return _rollupPluginBabelHelpers.defineProperty({}, userAccesskey, Object.assign(Object.assign({}, client), {
-          fullname: user.fullname,
-          email: user.displayEmail
-        }));
-      }).catch(function () {
-        return _rollupPluginBabelHelpers.defineProperty({}, userAccesskey, Object.assign(Object.assign({}, client), {
-          fullname: "User ".concat(client.id)
-        }));
-      });
-    })).then(function (nextClientArr) {
-      return nextClientArr.reduce(function (nextClients, client) {
-        return Object.assign(Object.assign({}, nextClients), client);
-      }, {});
-    }).then(function (nextClients) {
-      setClients(function (prev) {
-        return Object.assign(Object.assign({}, prev), nextClients);
-      });
+    .filter(([, client]) => !client.fullname).map(([userAccesskey, client]) => apiClient.getOrgUserGet({
+      userId: client.id
+    }).then(res => res.user).then(user => ({
+      [userAccesskey]: Object.assign(Object.assign({}, client), {
+        fullname: user.fullname,
+        email: user.displayEmail
+      })
+    })).catch(() => ({
+      [userAccesskey]: Object.assign(Object.assign({}, client), {
+        fullname: `User ${client.id}`
+      })
+    })))).then(nextClientArr => nextClientArr.reduce((nextClients, client) => Object.assign(Object.assign({}, nextClients), client), {})).then(nextClients => {
+      setClients(prev => Object.assign(Object.assign({}, prev), nextClients));
     });
   }, [clients]);
   //
@@ -200,7 +146,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Send `RESET`.
    */
-  var sendReset = function sendReset() {
+  const sendReset = () => {
     var _a;
     (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
       type: 'RESET'
@@ -209,55 +155,50 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Send `FETCH`.
    */
-  var sendFetch = React.useMemo(function () {
-    return debounce__default.default(function () {
-      var _a;
-      (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
-        type: 'FETCH',
-        from: version.current
-      });
-    }, 1000);
-  }, []);
+  const sendFetch = React.useMemo(() => debounce(() => {
+    var _a;
+    (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
+      type: 'FETCH',
+      from: version.current
+    });
+  }, 1000), []);
   /**
    * Send `WRITE`.
    */
-  var sendWrite = React.useMemo(function () {
-    return debounce__default.default(function () {
-      var _a;
-      if (otsBuffer.current.length === 0 || writeIndex.current !== 0) {
-        return;
-      }
-      writeIndex.current = otsBuffer.current.length;
-      var ots = otsBuffer.current[0];
-      for (var i = 1; i < writeIndex.current; i++) {
-        ots = otTextUnicode.type.compose(ots, otsBuffer.current[i]);
-      }
-      (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
-        type: 'WRITE',
-        to: version.current + 1,
-        ots: ots
-      });
-    }, 100);
-  }, []);
+  const sendWrite = React.useMemo(() => debounce(() => {
+    var _a;
+    if (otsBuffer.current.length === 0 || writeIndex.current !== 0) {
+      return;
+    }
+    writeIndex.current = otsBuffer.current.length;
+    let ots = otsBuffer.current[0];
+    for (let i = 1; i < writeIndex.current; i++) {
+      ots = otTextUnicode.type.compose(ots, otsBuffer.current[i]);
+    }
+    (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
+      type: 'WRITE',
+      to: version.current + 1,
+      ots: ots
+    });
+  }, 100), []);
   /**
    * Send `CURSOR`.
    */
-  var sendCursor = React.useMemo(function () {
-    return debounce__default.default(function (_ref15) {
-      var from = _ref15.from,
-        to = _ref15.to;
-      var _a;
-      (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
-        type: 'CURSOR',
-        cursor_start: from,
-        cursor_end: to
-      });
-    }, 500);
-  }, []);
+  const sendCursor = React.useMemo(() => debounce(({
+    from,
+    to
+  }) => {
+    var _a;
+    (_a = websocket$1.current) === null || _a === void 0 ? void 0 : _a.sendJson({
+      type: 'CURSOR',
+      cursor_start: from,
+      cursor_end: to
+    });
+  }, 500), []);
   /**
    * Send OTs.
    */
-  var sendOTs = React.useCallback(function (ots) {
+  const sendOTs = React.useCallback(ots => {
     setDoc(otTextUnicode.type.apply(_doc.current, ots));
     _doc.current = otTextUnicode.type.apply(_doc.current, ots);
     otsBuffer.current.push(ots);
@@ -269,20 +210,20 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    *
    */
-  var usercodeApply = function usercodeApply(newVersion, ots) {
+  const usercodeApply = (newVersion, ots) => {
     version.current = newVersion;
-    var conflictOts = [];
-    for (var i = 0; i < otsBuffer.current.length; i++) {
+    let conflictOts = [];
+    for (let i = 0; i < otsBuffer.current.length; i++) {
       conflictOts = otTextUnicode.type.compose(conflictOts, otsBuffer.current[i]);
     }
-    var localOts = conflictOts.length > 0 ? otTextUnicode.type.transform(ots, conflictOts, 'left') : ots;
+    const localOts = conflictOts.length > 0 ? otTextUnicode.type.transform(ots, conflictOts, 'left') : ots;
     onWriteNoti(localOts, false);
     setDoc(otTextUnicode.type.apply(_doc.current, localOts));
     _doc.current = otTextUnicode.type.apply(_doc.current, localOts);
     if (conflictOts.length > 0) {
       // update ots buffer
-      for (var _i = 0; _i < otsBuffer.current.length - 1; _i++) {
-        otsBuffer.current[_i] = [];
+      for (let i = 0; i < otsBuffer.current.length - 1; i++) {
+        otsBuffer.current[i] = [];
       }
       otsBuffer.current[otsBuffer.current.length - 1] = otTextUnicode.type.transform(conflictOts, ots, 'right');
     }
@@ -296,7 +237,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Websocket on open.
    */
-  var wsOpen = function wsOpen() {
+  const wsOpen = () => {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -304,7 +245,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Websocket on close.
    */
-  var wsClose = function wsClose() {
+  const wsClose = () => {
     _stopMonkey();
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
@@ -313,7 +254,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Websocket on error.
    */
-  var wsError = function wsError() {
+  const wsError = () => {
     if (websocket$1.current) {
       setWebSocketReadyState(websocket$1.current.readyState);
     }
@@ -321,8 +262,8 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_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 'INIT':
         wsMessageInit(msg);
@@ -353,7 +294,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Websocket on `INIT` message.
    */
-  var wsMessageInit = function wsMessageInit(msg) {
+  const wsMessageInit = msg => {
     setDocEditable(true);
     myself.current = {
       userId: msg.userId,
@@ -365,7 +306,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
     writeFailCount.current = 0;
     // TODO: set unix mode on both editors.
     // editor.getSession().getDocument().setNewLineMode('unix');
-    var convertedContent = msg.content.replace(/\r\n/g, '\n');
+    const convertedContent = msg.content.replace(/\r\n/g, '\n');
     setDoc(convertedContent);
     _doc.current = convertedContent;
     onInit(convertedContent);
@@ -380,25 +321,22 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Websocket on `ENTER` message.
    */
-  var wsMessageEnter = function wsMessageEnter(msg) {
-    var _msg$client = _rollupPluginBabelHelpers.slicedToArray(msg.client, 2),
-      userId = _msg$client[0],
-      userAccesskey = _msg$client[1];
+  const wsMessageEnter = msg => {
+    const [userId, userAccesskey] = msg.client;
     updateClient(userAccesskey, userId);
   };
   /**
    * Websocket on `LEAVE` message.
    */
-  var wsMessageLeave = function wsMessageLeave(msg) {
-    var _msg$client2 = _rollupPluginBabelHelpers.slicedToArray(msg.client, 2),
-      userAccesskey = _msg$client2[1];
+  const wsMessageLeave = msg => {
+    const [, userAccesskey] = msg.client;
     removeClient(userAccesskey);
     removeCursor(userAccesskey);
   };
   /**
    * Websocket on `UPDATE` message.
    */
-  var wsMessageUpdate = function wsMessageUpdate(msg) {
+  const wsMessageUpdate = msg => {
     if (msg.from === version.current) {
       usercodeApply(msg.version, msg.ots);
     } else if (msg.from < version.current) {
@@ -408,7 +346,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Websocket on `WRITE_FAILED` message.
    */
-  var wsMessageWriteFailed = function wsMessageWriteFailed(msg) {
+  const wsMessageWriteFailed = msg => {
     writeIndex.current = 0;
     writeFailCount.current += 1;
     if (MAX_WRITE_FAIL_COUNT < writeFailCount.current) {
@@ -420,7 +358,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Websocket on `WRITE_SUCCEED` message.
    */
-  var wsMessageWriteSucceed = function wsMessageWriteSucceed(msg) {
+  const wsMessageWriteSucceed = msg => {
     version.current = msg.version;
     otsBuffer.current.splice(0, writeIndex.current);
     writeIndex.current = 0;
@@ -430,7 +368,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Websocket on `WRITE_NOTI` message.
    */
-  var wsMessageWriteNoti = function wsMessageWriteNoti(msg) {
+  const wsMessageWriteNoti = msg => {
     if (version.current + 1 === msg.version) {
       usercodeApply(msg.version, msg.ots);
     } else if (version.current < msg.version) {
@@ -440,10 +378,8 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Websocket on `CURSOR_NOTI` message.
    */
-  var wsMessageCursorNoti = function wsMessageCursorNoti(msg) {
-    var _msg$client3 = _rollupPluginBabelHelpers.slicedToArray(msg.client, 2),
-      userId = _msg$client3[0],
-      userAccesskey = _msg$client3[1];
+  const wsMessageCursorNoti = msg => {
+    const [userId, userAccesskey] = msg.client;
     updateClient(userAccesskey, userId);
     updateCursor(userAccesskey, {
       from: msg.cursorStart,
@@ -453,40 +389,26 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Create usercode websocket url.
    */
-  var createUsercodeUrl = React.useCallback( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-    var url;
-    return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (filename) {
-            _context.next = 2;
-            break;
-          }
-          throw new Error('filename is not defined');
-        case 2:
-          url = "".concat(apiWsOriginUrl, "/usercode_edit");
-          return _context.abrupt("return", apiClient.postOrgMaterialExerciseUsercodeEdit({
-            exerciseRoomId: exerciseRoomId,
-            filename: filename
-          }).then(function (data) {
-            return "".concat(url, "/").concat(data.accesskey);
-          }).catch(function (err) {
-            var _a, _b;
-            if (((_a = err.detail) === null || _a === void 0 ? void 0 : _a.failCode) === 'non_editable_file') {
-              setDocEditable(false);
-            }
-            throw new Error(((_b = err.detail) === null || _b === void 0 ? void 0 : _b.failMessage) || err.message);
-          }));
-        case 4:
-        case "end":
-          return _context.stop();
+  const createUsercodeUrl = React.useCallback(async () => {
+    if (!filename) {
+      throw new Error('filename is not defined');
+    }
+    const url = `${apiWsOriginUrl}/usercode_edit`;
+    return apiClient.postOrgMaterialExerciseUsercodeEdit({
+      exerciseRoomId,
+      filename
+    }).then(data => `${url}/${data.accesskey}`).catch(err => {
+      var _a, _b;
+      if (((_a = err.detail) === null || _a === void 0 ? void 0 : _a.failCode) === 'non_editable_file') {
+        setDocEditable(false);
       }
-    }, _callee);
-  })), [apiWsOriginUrl, exerciseRoomId, filename]);
+      throw new Error(((_b = err.detail) === null || _b === void 0 ? void 0 : _b.failMessage) || err.message);
+    });
+  }, [apiWsOriginUrl, exerciseRoomId, filename]);
   //
   // Initialize websocket.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!isReady) {
       return;
     }
@@ -495,7 +417,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_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();
       }
@@ -510,24 +432,24 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
    * Make monkey jump.
    * @note only for testing
    */
-  var _monkeyAgentDoJump = React.useCallback(function () {
-    var getRandomInt = function getRandomInt(max) {
+  const _monkeyAgentDoJump = React.useCallback(() => {
+    const getRandomInt = function (max) {
       return Math.floor(Math.random() * max);
     };
-    var emojis = ['🦝', '🙈', '🙉', '🙊', '🐵', '🐒', '🦹🏼', '🧛🏾', '👨‍👧‍👦'];
-    var getRandomEmoji = function getRandomEmoji() {
+    const emojis = ['🦝', '🙈', '🙉', '🙊', '🐵', '🐒', '🦹🏼', '🧛🏾', '👨‍👧‍👦'];
+    const getRandomEmoji = () => {
       return emojis[getRandomInt(emojis.length)];
     };
-    var uniTextLength = unicount.uniCount(_doc.current);
-    var uniPos = Math.floor(Math.random() * uniTextLength);
+    const uniTextLength = unicount.uniCount(_doc.current);
+    const uniPos = Math.floor(Math.random() * uniTextLength);
     // add text
     if (Math.random() < 0.5) {
-      var randomNumber = Math.random();
-      var text = '';
+      const randomNumber = Math.random();
+      let text = '';
       if (randomNumber < 1 / 3) {
         text = getRandomEmoji();
       } else if (randomNumber < 2 / 3) {
-        text = randomWords__default.default(2).join(' ');
+        text = randomWords(2).join(' ');
       } else {
         text = '\n';
       }
@@ -535,7 +457,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
     }
     // delete text
     else {
-      var uniTextTo = uniPos + getRandomInt(10);
+      let uniTextTo = uniPos + getRandomInt(10);
       if (uniTextTo >= uniTextLength) {
         uniTextTo = uniTextLength - 1;
       }
@@ -543,9 +465,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
         d: _doc.current.slice(unicount.uniToStrPos(_doc.current, uniPos), unicount.uniToStrPos(_doc.current, uniTextTo))
       }], true);
     }
-    setNumMonkeyJumped(function (mj) {
-      return mj + 1;
-    });
+    setNumMonkeyJumped(mj => mj + 1);
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
   []);
@@ -553,7 +473,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
    * Make monkey jump.
    * @note only for testing
    */
-  var _startMonkey = React.useCallback(function () {
+  const _startMonkey = React.useCallback(() => {
     setNumMonkeyJumped(0);
     _setMonkeyAgent(window.setInterval(_monkeyAgentDoJump, 500));
   },
@@ -563,7 +483,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
    * Stop monkey jump.
    * @note only for testing
    */
-  var _stopMonkey = React.useCallback(function () {
+  const _stopMonkey = React.useCallback(() => {
     if (_monkeyAgent) {
       window.clearInterval(_monkeyAgent);
       _setMonkeyAgent(0);