@elice/material-exercise 1.251120.1 → 1.260128.0-rc.0

package/es/hooks/useRunnerRoomWebSocket.js

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import { config, postOrgRunnerRoomExerciseRoomJoin } from '@elice/api-client';
 import { useMaterialConfig, useMaterialConfigApiClientUpdate } from '@elice/material-shared-utils';
@@ -92,34 +92,31 @@ var useRunnerRoomWebSocket = function useRunnerRoomWebSocket(_ref) {
   /**
    * Websocket on `EXECUTE_CONTAINER` message.
    */
-  var wsMessageExecuteContainer = function wsMessageExecuteContainer(msg) {
+  var wsMessageExecuteContainer = function wsMessageExecuteContainer(_msg) {
     setRunning(true);
   };
   /**
    * Websocket on `EXECUTE_DONE` message.
    */
-  var wsMessageExecuteDone = function wsMessageExecuteDone(msg) {
+  var wsMessageExecuteDone = function wsMessageExecuteDone(_msg) {
     setRunning(false);
   };
   /**
    * Create usercode websocket url.
    */
-  var createUsercodeUrl = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+  var createUsercodeUrl = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
         case 0:
-          return _context.abrupt("return", Promise.resolve("".concat(apiWsOriginUrl, "/runner_room")).then(function (url) {
+          return _context.a(2, Promise.resolve("".concat(apiWsOriginUrl, "/runner_room")).then(function (url) {
             return postOrgRunnerRoomExerciseRoomJoin({
               exerciseRoomId: exerciseRoomId
             }).then(function (data) {
               return "".concat(url, "/").concat(data.roomToken);
-            }).catch(function () {
+            })["catch"](function () {
               return "".concat(url, "/");
             });
           }));
-        case 1:
-        case "end":
-          return _context.stop();
       }
     }, _callee);
   })), [apiWsOriginUrl, exerciseRoomId]);

package/es/hooks/useStdioTextConcator.js

@@ -1,10 +1,6 @@
 import React from 'react';
 import { useRecoilValue } from 'recoil';
 import { exerciseRunnerRunningState } from '../components/material-exercise/context/recoil.js';
-import '../components/material-exercise/context/context.js';
-import '../components/material-exercise/context/recoilTypes.js';
-import '../components/material-exercise/context/subjects.js';
-import '../components/material-exercise/context/ExerciseProvider.js';
 
 //
 //
@@ -25,8 +21,9 @@ var useStdioTextConcator = function useStdioTextConcator(done) {
         done(textRef.current);
       }, RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isRunning]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isRunning]);
   var updateStdioTextConcator = React.useCallback(function (text) {
     var currentText = textRef.current;
     if (currentText.length + text.length > MAX_TEXT_LENGTH) {

package/es/hooks/useUsercodeEditWebSocket.js

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useMemo, useCallback, useEffect } from 'react';
 import { useDeepCompareEffect } from 'react-use';
 import { config, getOrgUserGet, postOrgMaterialExerciseUsercodeEdit } from '@elice/api-client';
@@ -47,22 +47,22 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
     clients = _useState8[0],
     setClients = _useState8[1];
   var _useState9 = useState({}),
-    _useState10 = _slicedToArray(_useState9, 2),
-    cursors = _useState10[0],
-    setCursors = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    cursors = _useState0[0],
+    setCursors = _useState0[1];
   var myself = useRef(null);
   var version = useRef(-1);
   var otsBuffer = useRef([]);
   var writeIndex = useRef(0);
   var writeFailCount = useRef(0);
+  var _useState1 = useState(0),
+    _useState10 = _slicedToArray(_useState1, 2),
+    _monkeyAgent = _useState10[0],
+    _setMonkeyAgent = _useState10[1];
   var _useState11 = useState(0),
     _useState12 = _slicedToArray(_useState11, 2),
-    _monkeyAgent = _useState12[0],
-    _setMonkeyAgent = _useState12[1];
-  var _useState13 = useState(0),
-    _useState14 = _slicedToArray(_useState13, 2),
-    _numMonkeyJumped = _useState14[0],
-    setNumMonkeyJumped = _useState14[1];
+    _numMonkeyJumped = _useState12[0],
+    setNumMonkeyJumped = _useState12[1];
   //
   // =============== clients and markers ===============
   //
@@ -158,13 +158,13 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
     void Promise.all(Object.entries(Object.assign({}, clients))
     // only user info not fetched...
     .filter(function (_ref9) {
-      var _ref10 = _slicedToArray(_ref9, 2),
-        client = _ref10[1];
+      var _ref0 = _slicedToArray(_ref9, 2),
+        client = _ref0[1];
       return !client.fullname;
-    }).map(function (_ref11) {
-      var _ref12 = _slicedToArray(_ref11, 2),
-        userAccesskey = _ref12[0],
-        client = _ref12[1];
+    }).map(function (_ref1) {
+      var _ref10 = _slicedToArray(_ref1, 2),
+        userAccesskey = _ref10[0],
+        client = _ref10[1];
       return getOrgUserGet({
         userId: client.id
       }).then(function (res) {
@@ -174,7 +174,7 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
           fullname: user.fullname,
           email: user.displayEmail
         }));
-      }).catch(function () {
+      })["catch"](function () {
         return _defineProperty({}, userAccesskey, Object.assign(Object.assign({}, client), {
           fullname: "User ".concat(client.id)
         }));
@@ -238,9 +238,9 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
    * Send `CURSOR`.
    */
   var sendCursor = useMemo(function () {
-    return debounce(function (_ref15) {
-      var from = _ref15.from,
-        to = _ref15.to;
+    return debounce(function (_ref13) {
+      var from = _ref13.from,
+        to = _ref13.to;
       var _a;
       (_a = websocket.current) === null || _a === void 0 ? void 0 : _a.sendJson({
         type: 'CURSOR',
@@ -454,33 +454,30 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Create usercode websocket url.
    */
-  var createUsercodeUrl = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+  var createUsercodeUrl = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
     var url;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
         case 0:
           if (filename) {
-            _context.next = 2;
+            _context.n = 1;
             break;
           }
           throw new Error('filename is not defined');
-        case 2:
+        case 1:
           url = "".concat(apiWsOriginUrl, "/usercode_edit");
-          return _context.abrupt("return", postOrgMaterialExerciseUsercodeEdit({
+          return _context.a(2, postOrgMaterialExerciseUsercodeEdit({
             exerciseRoomId: exerciseRoomId,
             filename: filename
           }).then(function (data) {
             return "".concat(url, "/").concat(data.accesskey);
-          }).catch(function (err) {
+          })["catch"](function (err) {
             var _a;
             if (((_a = err.detail) === null || _a === void 0 ? void 0 : _a.failCode) === 'non_editable_file') {
               setDocEditable(false);
             }
             return "".concat(url, "/");
           }));
-        case 4:
-        case "end":
-          return _context.stop();
       }
     }, _callee);
   })), [apiWsOriginUrl, exerciseRoomId, filename]);

package/es/hooks/useUsercodeHistory.js

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime, toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, toConsumableArray as _toConsumableArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useEffect } from 'react';
 import { useMount } from 'react-use';
 import { getOrgMaterialExerciseUsercodeGet, getOrgMaterialExerciseUsercodeOpList } from '@elice/api-client';
@@ -24,9 +24,9 @@ var useUsercodeHistory = function useUsercodeHistory(exerciseRoomId, filename) {
     latestVersion = _useState8[0],
     setLatestVersion = _useState8[1];
   var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    hasMoreVersion = _useState10[0],
-    setHasMoreVersion = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    hasMoreVersion = _useState0[0],
+    setHasMoreVersion = _useState0[1];
   /**
    *
    */
@@ -51,18 +51,18 @@ var useUsercodeHistory = function useUsercodeHistory(exerciseRoomId, filename) {
    *
    */
   var loadMoreVersions = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
       var _yield$getOrgMaterial, newOps;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             if (filename) {
-              _context.next = 2;
+              _context.n = 1;
               break;
             }
-            return _context.abrupt("return");
-          case 2:
-            _context.next = 4;
+            return _context.a(2);
+          case 1:
+            _context.n = 2;
             return getOrgMaterialExerciseUsercodeOpList({
               exerciseRoomId: exerciseRoomId,
               filename: filename,
@@ -70,15 +70,14 @@ var useUsercodeHistory = function useUsercodeHistory(exerciseRoomId, filename) {
               count: OP_FETCHING_COUNT,
               isOpComposed: false
             });
-          case 4:
-            _yield$getOrgMaterial = _context.sent;
+          case 2:
+            _yield$getOrgMaterial = _context.v;
             newOps = _yield$getOrgMaterial.ops;
             setOps(function (prev) {
               return [].concat(_toConsumableArray(prev), _toConsumableArray(newOps));
             });
-          case 7:
-          case "end":
-            return _context.stop();
+          case 3:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -103,13 +102,13 @@ var useUsercodeHistory = function useUsercodeHistory(exerciseRoomId, filename) {
     if (!filename) {
       return;
     }
-    void _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    void _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
       var _yield$Promise$all, _yield$Promise$all2, usercode, _ops;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.p = _context2.n) {
           case 0:
-            _context2.prev = 0;
-            _context2.next = 3;
+            _context2.p = 0;
+            _context2.n = 1;
             return Promise.all([getOrgMaterialExerciseUsercodeGet({
               exerciseRoomId: exerciseRoomId,
               filename: filename
@@ -120,8 +119,8 @@ var useUsercodeHistory = function useUsercodeHistory(exerciseRoomId, filename) {
               count: OP_FETCHING_COUNT,
               isOpComposed: false
             })]);
-          case 3:
-            _yield$Promise$all = _context2.sent;
+          case 1:
+            _yield$Promise$all = _context2.v;
             _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
             usercode = _yield$Promise$all2[0].usercode;
             _ops = _yield$Promise$all2[1].ops;
@@ -133,16 +132,15 @@ var useUsercodeHistory = function useUsercodeHistory(exerciseRoomId, filename) {
             if (_ops.length < _ops[0].version) {
               setHasMoreVersion(true);
             }
-            _context2.next = 17;
+            _context2.n = 3;
             break;
-          case 15:
-            _context2.prev = 15;
-            _context2.t0 = _context2["catch"](0);
-          case 17:
-          case "end":
-            return _context2.stop();
+          case 2:
+            _context2.p = 2;
+            _context2.v;
+          case 3:
+            return _context2.a(2);
         }
-      }, _callee2, null, [[0, 15]]);
+      }, _callee2, null, [[0, 2]]);
     }))();
   });
   //

package/es/index.js

@@ -1,8 +1,8 @@
+export { default as MonacoEditorLazy } from './components/shared/monaco-editor/MonacoEditorLazy.js';
+export { DEFAULT_MONACO_EDITOR_PREFERENCE, MONACO_EDITOR_FONT_FAMILY, MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES, MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES, MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS } from './components/shared/monaco-editor/constants/monaco/preferences.js';
 export { default as MaterialExercise } from './components/material-exercise/MaterialExercise.js';
 export { default as MaterialExerciseMobile } from './components/material-exercise/MaterialExerciseMobile.js';
-export { default as MonacoEditorLazy } from './components/shared/monaco-editor/MonacoEditorLazy.js';
 export { default as MonacoEditorPerference } from './components/shared/monaco-editor/MonacoEditorPerferenceForm.js';
+export { TM_LANGUAGES } from './components/shared/monaco-editor/constants/grammars/index.js';
 export { getLanguageFromFilename } from './components/shared/monaco-editor/utils/monacoLanguage.js';
 export { normalizeMonacoPreference } from './components/shared/monaco-editor/utils/monacoPreference.js';
-export { TM_LANGUAGES } from './components/shared/monaco-editor/constants/grammars/index.js';
-export { DEFAULT_MONACO_EDITOR_PREFERENCE, MONACO_EDITOR_FONT_FAMILY, MONACO_EDITOR_PREFERENCE_OPTIONS_FONT_SIZES, MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES, MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS } from './components/shared/monaco-editor/constants/monaco/preferences.js';

package/es/utils/arduino.d.ts

@@ -26,9 +26,6 @@ export declare function getPortFromName(ports: ArduinoPort[], name: null | strin
     IsOpen: boolean;
     IsPrimary: boolean;
     Baud: number;
-    /**
-     *
-     */
     BufferAlgorithm: string;
     Ver: string;
     NetworkPort: boolean;

package/es/utils/arduino.js

@@ -1,5 +1,5 @@
 import { createForOfIteratorHelper as _createForOfIteratorHelper } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { ARDUINO_BOARD_FQBN, ARDUINO_VENDOR_PRODUCT_IDS, ARDUINO_BOARD_NAMES } from '../constants/arduino.js';
+import { ARDUINO_BOARD_NAMES, ARDUINO_VENDOR_PRODUCT_IDS, ARDUINO_BOARD_FQBN } from '../constants/arduino.js';
 
 /**
  * Create url to communicate with arduino.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.251120.1",
+  "version": "1.260128.0-rc.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -29,14 +29,14 @@
     "@elice/icons": "^1",
     "@elice/intl": "^0",
     "@elice/markdown": "^1",
-    "@elice/material-shared-types": "*",
-    "@elice/material-shared-utils": "*",
+    "@elice/material-shared-types": "1.260128.0-rc.0",
+    "@elice/material-shared-utils": "1.260128.0-rc.0",
     "@elice/mui-elements": "^5",
     "@elice/mui-system": "^5",
     "@elice/types": "^1",
     "@elice/websocket": "^1",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
     "@fortawesome/pro-regular-svg-icons": "^6",
     "@fortawesome/pro-solid-svg-icons": "^6",
     "@mui/icons-material": "^5.10.16",
@@ -46,8 +46,7 @@
     "lodash": "^4.17.21",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
     "react-use": "^17.0.0",
-    "recoil": "^0",
-    "styled-components": "^5.2.0"
+    "recoil": "^0"
   },
   "dependencies": {
     "@novnc/novnc": "^1.3.0",
@@ -83,14 +82,15 @@
     "@elice/icons": "^1.230814.0",
     "@elice/intl": "0.241127.0",
     "@elice/markdown": "1.241015.0",
-    "@elice/material-shared-types": "1.251120.1",
-    "@elice/material-shared-utils": "1.251120.1",
-    "@elice/mui-elements": "^5.250108.0-controllabel.0",
-    "@elice/mui-system": "^5.250108.0-controllabel.0",
-    "@elice/types": "^1.250612.0-teamleaderboard.1",
+    "@elice/material-shared-types": "1.260128.0-rc.0",
+    "@elice/material-shared-utils": "1.260128.0-rc.0",
+    "@elice/mui-elements": "5.251204.0",
+    "@elice/mui-system": "5.251204.0",
+    "@elice/types": "^1.251229.0",
+    "@elice/utils": "^1.250930.0",
     "@elice/websocket": "^1.220815.0",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
     "@fortawesome/pro-regular-svg-icons": "^6.4.2",
     "@fortawesome/pro-solid-svg-icons": "^6.4.2",
     "@mui/icons-material": "^5.10.16",
@@ -106,12 +106,10 @@
     "@types/random-words": "^1.1.2",
     "@types/react": "~17.0.9",
     "@types/socket.io-client": "^1.4.36",
-    "@types/styled-components": "^5.1.21",
     "humps": "^2.0.1",
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-use": "^17.0.0",
-    "recoil": "~0.7.3",
-    "styled-components": "^5.2.0"
+    "recoil": "~0.7.3"
   }
 }