@elice/material-exercise 1.250529.1 → 1.250602.0

package/cjs/components/material-exercise/context/recoil.d.ts

@@ -72,7 +72,7 @@ export declare const exerciseWebsocketQuery: (param: AtomWebSocketStateKey) => i
 /**
  * Check all necessary websockets and return the status.
  */
-export declare const exerciseWebSocketTotalStatusQuery: import("recoil").RecoilValueReadOnly<number>;
+export declare const exerciseWebSocketTotalStatusQuery: (param: AtomWebSocketStateKey[]) => import("recoil").RecoilValueReadOnly<number>;
 /**
  *
  */

package/cjs/components/material-exercise/context/recoil.js

@@ -491,27 +491,31 @@ var exerciseWebsocketQuery = recoil.selectorFamily({
 /**
  * Check all necessary websockets and return the status.
  */
-var exerciseWebSocketTotalStatusQuery = recoil.selector({
+var exerciseWebSocketTotalStatusQuery = recoil.selectorFamily({
   key: "".concat(KEY_PREFIX, "/Websocket/TotalStatus"),
-  get: function get(_ref21) {
-    var _get = _ref21.get;
-    var states = Object.freeze([_get(exerciseWebsocketStates).usercodeEdit, _get(exerciseWebsocketStates).runnerRoom, _get(exerciseWebsocketStates).stdio]);
-    switch (true) {
-      case states.every(function (state) {
-        return state === websocket.EliceWebSocket.OPEN;
-      }):
-        return websocket.EliceWebSocket.OPEN;
-      case states.every(function (state) {
-        return state === websocket.EliceWebSocket.CLOSED;
-      }):
-        return websocket.EliceWebSocket.CLOSED;
-      case states.every(function (state) {
-        return state === websocket.EliceWebSocket.CLOSING;
-      }):
-        return websocket.EliceWebSocket.CLOSING;
-      default:
-        return websocket.EliceWebSocket.CONNECTING;
-    }
+  get: function get(keys) {
+    return function (_ref21) {
+      var get = _ref21.get;
+      var states = Object.freeze(keys.map(function (key) {
+        return get(exerciseWebsocketStates)[key];
+      }));
+      switch (true) {
+        case states.every(function (state) {
+          return state === websocket.EliceWebSocket.OPEN;
+        }):
+          return websocket.EliceWebSocket.OPEN;
+        case states.every(function (state) {
+          return state === websocket.EliceWebSocket.CLOSED;
+        }):
+          return websocket.EliceWebSocket.CLOSED;
+        case states.every(function (state) {
+          return state === websocket.EliceWebSocket.CLOSING;
+        }):
+          return websocket.EliceWebSocket.CLOSING;
+        default:
+          return websocket.EliceWebSocket.CONNECTING;
+      }
+    };
   }
 });
 //

package/cjs/components/material-exercise/exercise-file-editor/ExerciseFileEditor.js

@@ -374,9 +374,11 @@ var ExerciseFileEditor = function ExerciseFileEditor() {
         return;
       }
       var content = model.getValue();
-      var _wsUsercode$sendOTs = wsUsercode.sendOTs([{
+      var _wsUsercode$sendOTs = wsUsercode.sendOTs(
+        // ot-text-unicode doesn't accept empty deletion. So we fallback to no-op when content = "".
+        content.length > 0 ? [{
           d: content
-        }, content]),
+        }, content] : []),
         requestId = _wsUsercode$sendOTs.requestId;
       usercodeSyncRequestsRef.current.set(requestId, request);
     });

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

@@ -9,11 +9,23 @@ var types = require('@elice/types');
 var recoil = require('recoil');
 var styled = require('styled-components');
 var stylesheets = require('../../../constants/stylesheets.js');
+require('react-use');
+require('socket.io-client');
 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');
+require('../../../constants/arduino.js');
+var useExerciseFile = require('../../../hooks/useExerciseFile.js');
+require('@elice/api-client');
+require('@elice/material-shared-utils');
+require('@elice/websocket');
+require('humps');
+require('ot-text-unicode');
+require('lodash/debounce');
+require('random-words');
+require('unicount');
 var ExerciseRunnerControllerArduinoAgentModal = require('./ExerciseRunnerControllerArduinoAgentModal.js');
 var ExerciseRunnerControllerArduinoStatusMessage = require('./ExerciseRunnerControllerArduinoStatusMessage.js');
 var ExerciseRunnerControllerButtonGroup = require('./ExerciseRunnerControllerButtonGroup.js');
@@ -35,17 +47,19 @@ var ExerciseRunnerController = function ExerciseRunnerController() {
     materialExerciseId = _React$useContext.materialExerciseId;
   var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
   var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
+  var activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFile.useExerciseFileEditable(activeFilename);
   return jsxRuntime.jsxs(StyledController, {
     children: [jsxRuntime.jsxs(blocks.Flex, {
       align: "center",
       children: [jsxRuntime.jsx(ExerciseRunnerControllerButtonGroup.default, {}), jsxRuntime.jsx(blocks.Hspace, {
         width: 1
       }), jsxRuntime.jsx(ExerciseRunnerControllerRunningInfo.default, {}), jsxRuntime.jsx(ExerciseRunnerControllerTimer.default, {})]
-    }), jsxRuntime.jsxs(blocks.Flex, {
+    }), isFileEditable ? jsxRuntime.jsxs(blocks.Flex, {
       column: true,
       align: "flex-end",
       children: [jsxRuntime.jsx(ExerciseRunnerControllerStatusMessage.default, {}), isArduinoExercise ? jsxRuntime.jsx(ExerciseRunnerControllerArduinoStatusMessage.default, {}) : null]
-    }), isArduinoExercise ? jsxRuntime.jsx(ExerciseRunnerControllerArduinoAgentModal.default, {}) : null]
+    }) : null, isArduinoExercise ? jsxRuntime.jsx(ExerciseRunnerControllerArduinoAgentModal.default, {}) : null]
   });
 };
 

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
@@ -19,6 +20,7 @@ require('../context/recoilTypes.js');
 var subjects = require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 require('../../../constants/arduino.js');
+var useExerciseFile = require('../../../hooks/useExerciseFile.js');
 var useExericseShortcut = require('../../../hooks/useExericseShortcut.js');
 require('@elice/api-client');
 require('@elice/material-shared-utils');
@@ -52,7 +54,9 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
     onSubmit = _React$useContext2.onSubmit,
     onSyncRequest = _React$useContext2.onSyncRequest,
     onCancel = _React$useContext2.onCancel;
-  var runnerWebsocketStatus = recoil.useRecoilValue(recoil$1.exerciseWebSocketTotalStatusQuery);
+  var activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFile.useExerciseFileEditable(activeFilename);
+  var runnerWebsocketStatus = recoil.useRecoilValue(recoil$1.exerciseWebSocketTotalStatusQuery([].concat(_rollupPluginBabelHelpers.toConsumableArray(isFileEditable ? ['usercodeEdit'] : []), ['runnerRoom', 'stdio'])));
   var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
   var exerciseRunType = recoil.useRecoilValue(recoil$1.exerciseRunnerRunTypeState);
   var exerciseWithNoGrade = Boolean(exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade);

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

@@ -26,7 +26,7 @@ var StyledMessageWrapper = styled__default.default(blocks.Flex).withConfig({
 })(["height:1rem;"]);
 var ExerciseRunnerControllerStatusMessage = function ExerciseRunnerControllerStatusMessage() {
   var intl$1 = intl.useRawEliceIntl();
-  var websocketStatus = recoil.useRecoilValue(recoil$1.exerciseWebSocketTotalStatusQuery);
+  var websocketStatus = recoil.useRecoilValue(recoil$1.exerciseWebSocketTotalStatusQuery(['usercodeEdit', 'runnerRoom', 'stdio']));
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isOpenedOnce = _useState2[0],

package/es/components/material-exercise/context/recoil.d.ts

@@ -72,7 +72,7 @@ export declare const exerciseWebsocketQuery: (param: AtomWebSocketStateKey) => i
 /**
  * Check all necessary websockets and return the status.
  */
-export declare const exerciseWebSocketTotalStatusQuery: import("recoil").RecoilValueReadOnly<number>;
+export declare const exerciseWebSocketTotalStatusQuery: (param: AtomWebSocketStateKey[]) => import("recoil").RecoilValueReadOnly<number>;
 /**
  *
  */

package/es/components/material-exercise/context/recoil.js

@@ -4,7 +4,7 @@ import { enums } from '@elice/types';
 import { EliceWebSocket } from '@elice/websocket';
 import { camelizeKeys } from 'humps';
 import isEqual from 'lodash/isEqual';
-import { atomFamily, atom, selectorFamily, selector } from 'recoil';
+import { atomFamily, atom, selectorFamily } from 'recoil';
 import '../../shared/monaco-editor/MonacoEditorLazy.js';
 import '../../shared/monaco-editor/MonacoEditorPerferenceForm.js';
 import 'monaco-editor/esm/vs/editor/editor.api';
@@ -485,27 +485,31 @@ var exerciseWebsocketQuery = selectorFamily({
 /**
  * Check all necessary websockets and return the status.
  */
-var exerciseWebSocketTotalStatusQuery = selector({
+var exerciseWebSocketTotalStatusQuery = selectorFamily({
   key: "".concat(KEY_PREFIX, "/Websocket/TotalStatus"),
-  get: function get(_ref21) {
-    var _get = _ref21.get;
-    var states = Object.freeze([_get(exerciseWebsocketStates).usercodeEdit, _get(exerciseWebsocketStates).runnerRoom, _get(exerciseWebsocketStates).stdio]);
-    switch (true) {
-      case states.every(function (state) {
-        return state === EliceWebSocket.OPEN;
-      }):
-        return EliceWebSocket.OPEN;
-      case states.every(function (state) {
-        return state === EliceWebSocket.CLOSED;
-      }):
-        return EliceWebSocket.CLOSED;
-      case states.every(function (state) {
-        return state === EliceWebSocket.CLOSING;
-      }):
-        return EliceWebSocket.CLOSING;
-      default:
-        return EliceWebSocket.CONNECTING;
-    }
+  get: function get(keys) {
+    return function (_ref21) {
+      var get = _ref21.get;
+      var states = Object.freeze(keys.map(function (key) {
+        return get(exerciseWebsocketStates)[key];
+      }));
+      switch (true) {
+        case states.every(function (state) {
+          return state === EliceWebSocket.OPEN;
+        }):
+          return EliceWebSocket.OPEN;
+        case states.every(function (state) {
+          return state === EliceWebSocket.CLOSED;
+        }):
+          return EliceWebSocket.CLOSED;
+        case states.every(function (state) {
+          return state === EliceWebSocket.CLOSING;
+        }):
+          return EliceWebSocket.CLOSING;
+        default:
+          return EliceWebSocket.CONNECTING;
+      }
+    };
   }
 });
 //

package/es/components/material-exercise/exercise-file-editor/ExerciseFileEditor.js

@@ -366,9 +366,11 @@ var ExerciseFileEditor = function ExerciseFileEditor() {
         return;
       }
       var content = model.getValue();
-      var _wsUsercode$sendOTs = wsUsercode.sendOTs([{
+      var _wsUsercode$sendOTs = wsUsercode.sendOTs(
+        // ot-text-unicode doesn't accept empty deletion. So we fallback to no-op when content = "".
+        content.length > 0 ? [{
           d: content
-        }, content]),
+        }, content] : []),
         requestId = _wsUsercode$sendOTs.requestId;
       usercodeSyncRequestsRef.current.set(requestId, request);
     });

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

@@ -5,11 +5,23 @@ import { enums } from '@elice/types';
 import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
 import { MATERIAL_DIVIDER_BORDER_VALUE } from '../../../constants/stylesheets.js';
-import { exerciseState } from '../context/recoil.js';
+import 'react-use';
+import 'socket.io-client';
+import { exerciseState, exerciseActiveFilenameState } from '../context/recoil.js';
 import { ExerciseContext } from '../context/context.js';
 import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
+import '../../../constants/arduino.js';
+import { useExerciseFileEditable } from '../../../hooks/useExerciseFile.js';
+import '@elice/api-client';
+import '@elice/material-shared-utils';
+import '@elice/websocket';
+import 'humps';
+import 'ot-text-unicode';
+import 'lodash/debounce';
+import 'random-words';
+import 'unicount';
 import ExerciseRunnerControllerArduinoAgentModal from './ExerciseRunnerControllerArduinoAgentModal.js';
 import ExerciseRunnerControllerArduinoStatusMessage from './ExerciseRunnerControllerArduinoStatusMessage.js';
 import ExerciseRunnerControllerButtonGroup from './ExerciseRunnerControllerButtonGroup.js';
@@ -26,17 +38,19 @@ var ExerciseRunnerController = function ExerciseRunnerController() {
     materialExerciseId = _React$useContext.materialExerciseId;
   var exercise = useRecoilValue(exerciseState(materialExerciseId));
   var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
+  var activeFilename = useRecoilValue(exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFileEditable(activeFilename);
   return jsxs(StyledController, {
     children: [jsxs(Flex, {
       align: "center",
       children: [jsx(ExerciseRunnerControllerButtonGroup, {}), jsx(Hspace, {
         width: 1
       }), jsx(ExerciseRunnerControllerRunningInfo, {}), jsx(ExerciseRunnerControllerTimer, {})]
-    }), jsxs(Flex, {
+    }), isFileEditable ? jsxs(Flex, {
       column: true,
       align: "flex-end",
       children: [jsx(ExerciseRunnerControllerStatusMessage, {}), isArduinoExercise ? jsx(ExerciseRunnerControllerArduinoStatusMessage, {}) : null]
-    }), isArduinoExercise ? jsx(ExerciseRunnerControllerArduinoAgentModal, {}) : null]
+    }) : null, isArduinoExercise ? jsx(ExerciseRunnerControllerArduinoAgentModal, {}) : null]
   });
 };
 

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

@@ -1,3 +1,4 @@
+import { toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { Button, Tooltip } from '@elice/blocks';
@@ -9,12 +10,13 @@ import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
 import 'react-use';
 import 'socket.io-client';
-import { exerciseWebSocketTotalStatusQuery, exerciseState, exerciseRunnerRunTypeState, exerciseLectureState, exerciseRunnerSubmittingState, exerciseRunnerRunningState, exerciseArduinoUploadProgressState, exerciseArduinoOpenedPortNameState } from '../context/recoil.js';
+import { exerciseActiveFilenameState, exerciseWebSocketTotalStatusQuery, exerciseState, exerciseRunnerRunTypeState, exerciseLectureState, exerciseRunnerSubmittingState, exerciseRunnerRunningState, exerciseArduinoUploadProgressState, exerciseArduinoOpenedPortNameState } from '../context/recoil.js';
 import { ExerciseContext } from '../context/context.js';
 import '../context/recoilTypes.js';
 import { exerciseFileEditorSaveAction$ } from '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 import '../../../constants/arduino.js';
+import { useExerciseFileEditable } from '../../../hooks/useExerciseFile.js';
 import { useExericseShortcut } from '../../../hooks/useExericseShortcut.js';
 import '@elice/api-client';
 import '@elice/material-shared-utils';
@@ -43,7 +45,9 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
     onSubmit = _React$useContext2.onSubmit,
     onSyncRequest = _React$useContext2.onSyncRequest,
     onCancel = _React$useContext2.onCancel;
-  var runnerWebsocketStatus = useRecoilValue(exerciseWebSocketTotalStatusQuery);
+  var activeFilename = useRecoilValue(exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFileEditable(activeFilename);
+  var runnerWebsocketStatus = useRecoilValue(exerciseWebSocketTotalStatusQuery([].concat(_toConsumableArray(isFileEditable ? ['usercodeEdit'] : []), ['runnerRoom', 'stdio'])));
   var exercise = useRecoilValue(exerciseState(materialExerciseId));
   var exerciseRunType = useRecoilValue(exerciseRunnerRunTypeState);
   var exerciseWithNoGrade = Boolean(exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade);

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

@@ -18,7 +18,7 @@ var StyledMessageWrapper = styled(Flex).withConfig({
 })(["height:1rem;"]);
 var ExerciseRunnerControllerStatusMessage = function ExerciseRunnerControllerStatusMessage() {
   var intl = useRawEliceIntl();
-  var websocketStatus = useRecoilValue(exerciseWebSocketTotalStatusQuery);
+  var websocketStatus = useRecoilValue(exerciseWebSocketTotalStatusQuery(['usercodeEdit', 'runnerRoom', 'stdio']));
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpenedOnce = _useState2[0],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.250529.1",
+  "version": "1.250602.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -83,8 +83,8 @@
     "@elice/icons": "^1.230814.0",
     "@elice/intl": "0.241127.0",
     "@elice/markdown": "1.241015.0",
-    "@elice/material-shared-types": "1.250529.1",
-    "@elice/material-shared-utils": "1.250529.1",
+    "@elice/material-shared-types": "1.250602.0",
+    "@elice/material-shared-utils": "1.250602.0",
     "@elice/mui-elements": "^5.250108.0-controllabel.0",
     "@elice/mui-system": "^5.250108.0-controllabel.0",
     "@elice/types": "1.241220.0",