@elice/material-exercise 1.250602.0 → 1.250602.1

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

@@ -16,13 +16,7 @@ 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 async = require('../../../utils/async.js');
-var runner = require('../../../utils/runner.js');
+var useExerciseFile = require('../../../hooks/useExerciseFile.js');
 var useRunnerRoomWebSocket = require('../../../hooks/useRunnerRoomWebSocket.js');
 var useStdioWebSocket = require('../../../hooks/useStdioWebSocket.js');
 require('ot-text-unicode');
@@ -33,6 +27,13 @@ require('lodash/debounce');
 require('random-words');
 require('unicount');
 var useStdioTextConcator = require('../../../hooks/useStdioTextConcator.js');
+var async = require('../../../utils/async.js');
+var runner = require('../../../utils/runner.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 ExerciseRunnerContext = require('./ExerciseRunnerContext.js');
 var ExerciseRunnerController = require('./ExerciseRunnerController.js');
 var en = require('./locales/en.json.js');
@@ -69,6 +70,9 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
   var _useRecoilValue = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState),
     editorPreferenceFontSize = _useRecoilValue.fontSize;
+  // file states
+  var activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFile.useExerciseFileEditable(activeFilename);
   // runner states
   var setRunnerSubmitting = recoil.useSetRecoilState(recoil$1.exerciseRunnerSubmittingState);
   var setRunnerRunning = recoil.useSetRecoilState(recoil$1.exerciseRunnerRunningState);
@@ -297,32 +301,51 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
         break;
     }
   };
-  var requestUsercodeSync = function requestUsercodeSync() {
-    return new Promise(function (resolve, reject) {
-      subjects.exerciseFileEditorSyncRequestAction$.next({
-        onSucceed: resolve,
-        onFailed: reject
-      });
-    });
-  };
+  var requestUsercodeSync = /*#__PURE__*/function () {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (isFileEditable) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            return _context.abrupt("return", new Promise(function (resolve, reject) {
+              subjects.exerciseFileEditorSyncRequestAction$.next({
+                onSucceed: resolve,
+                onFailed: reject
+              });
+            }));
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function requestUsercodeSync() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   /**
    * Handle submit code to runner and run / grade.
    */
   var handleRunnerSubmit = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(runType) {
+    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(runType) {
       var _a, _b, _c, readyExerciseImage, roomToken;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context.prev = 0;
-            _context.next = 3;
+            _context2.prev = 0;
+            _context2.next = 3;
             return async.withTimeout(requestUsercodeSync(), 2000);
           case 3:
-            _context.next = 9;
+            _context2.next = 9;
             break;
           case 5:
-            _context.prev = 5;
-            _context.t0 = _context["catch"](0);
+            _context2.prev = 5;
+            _context2.t0 = _context2["catch"](0);
             setRunnerSubmitErrorDialog({
               code: 'try_again',
               message: __intl.formatMessage({
@@ -335,20 +358,20 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
                 return window.location.reload();
               }
             });
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 9:
             readyExerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
             roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
             if (!(!readyExerciseImage || !roomToken)) {
-              _context.next = 13;
+              _context2.next = 13;
               break;
             }
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 13:
             setRunnerStdioFilesState([]);
             setRunnerRunTypeState(runType);
             setRunnerSubmitting(true);
-            return _context.abrupt("return", apiClient.postOrgMaterialExerciseExerciseRunningSubmit({
+            return _context2.abrupt("return", apiClient.postOrgMaterialExerciseExerciseRunningSubmit({
               roomToken: roomToken,
               runType: runType,
               exerciseImageId: readyExerciseImage.id,
@@ -367,22 +390,22 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
             }));
           case 17:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[0, 5]]);
+      }, _callee2, null, [[0, 5]]);
     }));
     return function handleRunnerSubmit(_x) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   /**
    * Handle runner to cancel running.
    */
   var handleRunnerCancel = /*#__PURE__*/function () {
-    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
+    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3() {
       var _a, roomToken;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
             if (roomToken) {
@@ -392,12 +415,12 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
             }
           case 2:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function handleRunnerCancel() {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   /**

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

@@ -12,13 +12,7 @@ import styled from 'styled-components';
 import XtermLazy from '../../shared/xterm/XtermLazy.js';
 import { MATERIAL_RESIZABLE_COMMON_PROPS } from '../../../constants/stylesheets.js';
 import { useArduino } from '../../../hooks/useArduino.js';
-import { exerciseState, exerciseEditorPreferenceState, exerciseRunnerSubmittingState, exerciseRunnerRunningState, exerciseRunnerRunTypeState, exerciseRunnerRoomConnectionInfoState, exerciseRunnerStdioFilesState, exercisePreviewTypeState, exercisePreviewDisplayModeState, exerciseMonacoEditorApisState, exerciseWebsocketQuery, exerciseContainerSizeState } from '../context/recoil.js';
-import { ExerciseContext } from '../context/context.js';
-import { ExercisePreviewType, ExercisePreviewDisplayMode } from '../context/recoilTypes.js';
-import { exerciseRunnerTextSend$, exerciseFileEditorSyncRequestAction$ } from '../context/subjects.js';
-import '../context/ExerciseProvider.js';
-import { withTimeout } from '../../../utils/async.js';
-import { getProgrammingErrorResult } from '../../../utils/runner.js';
+import { useExerciseFileEditable } from '../../../hooks/useExerciseFile.js';
 import { useRunnerRoomWebSocket } from '../../../hooks/useRunnerRoomWebSocket.js';
 import { useStdioWebSocket } from '../../../hooks/useStdioWebSocket.js';
 import 'ot-text-unicode';
@@ -29,6 +23,13 @@ import 'lodash/debounce';
 import 'random-words';
 import 'unicount';
 import { useStdioTextConcator } from '../../../hooks/useStdioTextConcator.js';
+import { withTimeout } from '../../../utils/async.js';
+import { getProgrammingErrorResult } from '../../../utils/runner.js';
+import { exerciseState, exerciseEditorPreferenceState, exerciseActiveFilenameState, exerciseRunnerSubmittingState, exerciseRunnerRunningState, exerciseRunnerRunTypeState, exerciseRunnerRoomConnectionInfoState, exerciseRunnerStdioFilesState, exercisePreviewTypeState, exercisePreviewDisplayModeState, exerciseMonacoEditorApisState, exerciseWebsocketQuery, exerciseContainerSizeState } from '../context/recoil.js';
+import { ExerciseContext } from '../context/context.js';
+import { ExercisePreviewType, ExercisePreviewDisplayMode } from '../context/recoilTypes.js';
+import { exerciseRunnerTextSend$, exerciseFileEditorSyncRequestAction$ } from '../context/subjects.js';
+import '../context/ExerciseProvider.js';
 import { ExerciseRunnerContext } from './ExerciseRunnerContext.js';
 import ExerciseRunnerController from './ExerciseRunnerController.js';
 import messageEn from './locales/en.json.js';
@@ -60,6 +61,9 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
   var exercise = useRecoilValue(exerciseState(materialExerciseId));
   var _useRecoilValue = useRecoilValue(exerciseEditorPreferenceState),
     editorPreferenceFontSize = _useRecoilValue.fontSize;
+  // file states
+  var activeFilename = useRecoilValue(exerciseActiveFilenameState);
+  var isFileEditable = useExerciseFileEditable(activeFilename);
   // runner states
   var setRunnerSubmitting = useSetRecoilState(exerciseRunnerSubmittingState);
   var setRunnerRunning = useSetRecoilState(exerciseRunnerRunningState);
@@ -288,32 +292,51 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
         break;
     }
   };
-  var requestUsercodeSync = function requestUsercodeSync() {
-    return new Promise(function (resolve, reject) {
-      exerciseFileEditorSyncRequestAction$.next({
-        onSucceed: resolve,
-        onFailed: reject
-      });
-    });
-  };
+  var requestUsercodeSync = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (isFileEditable) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            return _context.abrupt("return", new Promise(function (resolve, reject) {
+              exerciseFileEditorSyncRequestAction$.next({
+                onSucceed: resolve,
+                onFailed: reject
+              });
+            }));
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function requestUsercodeSync() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   /**
    * Handle submit code to runner and run / grade.
    */
   var handleRunnerSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(runType) {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(runType) {
       var _a, _b, _c, readyExerciseImage, roomToken;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context.prev = 0;
-            _context.next = 3;
+            _context2.prev = 0;
+            _context2.next = 3;
             return withTimeout(requestUsercodeSync(), 2000);
           case 3:
-            _context.next = 9;
+            _context2.next = 9;
             break;
           case 5:
-            _context.prev = 5;
-            _context.t0 = _context["catch"](0);
+            _context2.prev = 5;
+            _context2.t0 = _context2["catch"](0);
             setRunnerSubmitErrorDialog({
               code: 'try_again',
               message: __intl.formatMessage({
@@ -326,20 +349,20 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
                 return window.location.reload();
               }
             });
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 9:
             readyExerciseImage = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage;
             roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
             if (!(!readyExerciseImage || !roomToken)) {
-              _context.next = 13;
+              _context2.next = 13;
               break;
             }
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 13:
             setRunnerStdioFilesState([]);
             setRunnerRunTypeState(runType);
             setRunnerSubmitting(true);
-            return _context.abrupt("return", postOrgMaterialExerciseExerciseRunningSubmit({
+            return _context2.abrupt("return", postOrgMaterialExerciseExerciseRunningSubmit({
               roomToken: roomToken,
               runType: runType,
               exerciseImageId: readyExerciseImage.id,
@@ -358,22 +381,22 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
             }));
           case 17:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee, null, [[0, 5]]);
+      }, _callee2, null, [[0, 5]]);
     }));
     return function handleRunnerSubmit(_x) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   /**
    * Handle runner to cancel running.
    */
   var handleRunnerCancel = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var _a, roomToken;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             roomToken = (_a = wsRunnerRoom.roomConnectionInfo) === null || _a === void 0 ? void 0 : _a.roomToken;
             if (roomToken) {
@@ -383,12 +406,12 @@ var ExerciseRunner = function ExerciseRunner(_ref) {
             }
           case 2:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function handleRunnerCancel() {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.250602.0",
+  "version": "1.250602.1",
   "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.250602.0",
-    "@elice/material-shared-utils": "1.250602.0",
+    "@elice/material-shared-types": "1.250602.1",
+    "@elice/material-shared-utils": "1.250602.1",
     "@elice/mui-elements": "^5.250108.0-controllabel.0",
     "@elice/mui-system": "^5.250108.0-controllabel.0",
     "@elice/types": "1.241220.0",