@elice/material-exercise 1.230307.0 → 1.230312.0-helpi.0

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { MaterialCommponentCommonProps } from '@elice/material-shared-utils';
 import type { GetOrgMaterialExerciseExerciseRunningListResponses, PostOrgMaterialExerciseExerciseRunningSubmitResponses } from '@elice/types';
+import type { CodeHelperError } from "../../../utils";
 import type { ExerciseProviderNoImageProps } from './ExerciseProviderNoImage';
 /**
  * [External]
@@ -63,7 +64,7 @@ export declare type MaterialExerciseCommonPropExerciseImageEmptyOptions = Exerci
 /**
  * On code help button click.
  */
-export declare type MaterialExerciseCommonPropOnCodeHelpRequest = (code: string) => void;
+export declare type MaterialExerciseCommonPropOnCodeHelpRequest = (code: string, error?: CodeHelperError) => void;
 /**
  * On default exercise room ID set.
  */

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

@@ -17,6 +17,7 @@ var context = require('../context/context.js');
 var recoilTypes = require('../context/recoilTypes.js');
 var subjects = require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
+var runner = require('../../../utils/runner.js');
 var useRunnerRoomWebSocket = require('../../../hooks/useRunnerRoomWebSocket.js');
 var useStdioWebSocket = require('../../../hooks/useStdioWebSocket.js');
 require('ot-text-unicode');
@@ -26,6 +27,7 @@ require('humps');
 require('lodash/debounce');
 require('random-words');
 require('unicount');
+var useStdioTextConcator = require('../../../hooks/useStdioTextConcator.js');
 var ExerciseIntlProvider = require('../context/ExerciseIntlProvider.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
@@ -54,6 +56,9 @@ const ExerciseRunner = ({
   var _a, _b, _c;
 
   const intl = reactIntl.useIntl();
+  const {
+    onCodeHelpRequest
+  } = React__default["default"].useContext(context.ExerciseContext);
   const {
     materialExerciseId,
     exerciseRoomId,
@@ -76,7 +81,19 @@ const ExerciseRunner = ({
   const exercisePreviewDisplayMode = recoil.useRecoilValue(recoil$1.exercisePreviewDisplayModeState); // websockets
 
   const setRunnerRoomWebSocketState = recoil.useSetRecoilState(recoil$1.exerciseWebsocketQuery('runnerRoom'));
-  const setStdioWebSocketState = recoil.useSetRecoilState(recoil$1.exerciseWebsocketQuery('stdio')); // etc
+  const setStdioWebSocketState = recoil.useSetRecoilState(recoil$1.exerciseWebsocketQuery('stdio'));
+
+  const handleAiHelpibotError = text => {
+    const error = runner.getProgrammingErrorResult(text);
+
+    if (!!error && typeof onCodeHelpRequest === 'function') {
+      onCodeHelpRequest(text, error);
+    }
+  };
+
+  const {
+    updateStdioTextConcator
+  } = useStdioTextConcator.useStdioTextConcator(handleAiHelpibotError); // etc
 
   const exerciseContainerSize = recoil.useRecoilValue(recoil$1.exerciseContainerSizeState);
   const [runnerSubmitErrorDialog, setRunnerSubmitErrorDialog] = React__default["default"].useState(null);
@@ -117,6 +134,7 @@ const ExerciseRunner = ({
     switch (type) {
       case 'text':
         (_a = xterm.current) === null || _a === void 0 ? void 0 : _a[runnerRunTypeRef.current !== types.enums.ExerciseRunType.Run ? 'writeEmphasized' : 'write'](text);
+        updateStdioTextConcator(text);
         break;
 
       case 'grader':

package/cjs/hooks/useStdioTextConcator.d.ts

@@ -0,0 +1,4 @@
+export declare const useStdioTextConcator: (done: (text: string) => void) => {
+    updateStdioTextConcator: (text: string) => void;
+    done: (text: string) => void;
+};

package/cjs/hooks/useStdioTextConcator.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var recoil = require('recoil');
+var recoil$1 = require('../components/material-exercise/context/recoil.js');
+require('../components/material-exercise/context/context.js');
+require('../components/material-exercise/context/recoilTypes.js');
+require('../components/material-exercise/context/subjects.js');
+require('../components/material-exercise/context/ExerciseProvider.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const useStdioTextConcator = done => {
+  const RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR = 1000;
+  const [text, setText] = React__default["default"].useState('');
+  const isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
+  React__default["default"].useEffect(() => {
+    if (isRunning) {
+      setText('');
+    } else {
+      setTimeout(() => {
+        done(text);
+      }, RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [isRunning]);
+  const updateStdioTextConcator = React__default["default"].useCallback(text => {
+    setText(state => state.concat(text));
+  }, []);
+  return {
+    updateStdioTextConcator,
+    done
+  };
+};
+
+exports.useStdioTextConcator = useStdioTextConcator;

package/cjs/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './exerciseFile';
+export * from './runner';

package/cjs/utils/runner.d.ts

@@ -0,0 +1,11 @@
+declare type ErrorType = 'runtime' | 'compile' | 'syntax';
+declare type ErrorLangType = 'python' | 'c/cpp' | 'java' | 'javascript';
+export declare type CodeHelperError = {
+    errorLangType: ErrorLangType;
+    errorType: ErrorType;
+};
+/**
+ * Get Programming Error Results from text.
+ */
+export declare function getProgrammingErrorResult(text: string): CodeHelperError | null;
+export {};

package/cjs/utils/runner.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+//
+// This logic is based on the following spreadsheet.
+// https://docs.google.com/spreadsheets/d/1AeIf1eIlxp2MFR5hZijr-s304xVHMdtuAzcODS6nL-g/edit#gid=0
+//
+const PythonRuntimeErrorRegex = new RegExp(/Traceback \(most recent call last\):\n\s*File "\S+", line \d+, in \S+\n\s*.*\n(.+\n)*\S+Error:\s.+/gm);
+const PythonSyntaxErrorRegex = new RegExp(/File "(.*?)", line (\d+)\n\s*.+\n\s*(\^+)\n(.+)Error:\s(.+)/gm);
+const CCCPCompileErrorRegex = new RegExp(/(.*?):(\d+):(\d+):\s+(warning|error|note):\s+(.*)(\n.+\n.+)?/gm);
+const CCCPRuntimeErrorRegex = new RegExp(/(\w+ fault)\s+\(.*\)/gm);
+const JavaCompileErrorRegex = new RegExp(/(.*?):(\d+):\s+error:\s+(.*)\n.+\n.+(\n\s*symbol.+)?(\n\s*location.+)?/gm);
+const JavaRuntimeErrorRegex = new RegExp(/^Exception in thread ".+" (.+)$\n((?:\s+at .+$\n)+)/gm);
+const JavascriptRuntimeErrorRegex = new RegExp(/(Uncaught )?(\w+Error):\s+(.*)\n((?:\s+at .+$\n)+)/gm);
+/**
+ * Get Programming Error Results from text.
+ */
+
+function getProgrammingErrorResult(text) {
+  const escapedText = text.replace(/[\r|\\]/gm, '');
+
+  switch (true) {
+    case PythonRuntimeErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'python',
+        errorType: 'runtime'
+      };
+
+    case PythonSyntaxErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'python',
+        errorType: 'syntax'
+      };
+
+    case CCCPCompileErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'c/cpp',
+        errorType: 'compile'
+      };
+
+    case CCCPRuntimeErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'c/cpp',
+        errorType: 'runtime'
+      };
+
+    case JavaCompileErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'java',
+        errorType: 'compile'
+      };
+
+    case JavaRuntimeErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'java',
+        errorType: 'runtime'
+      };
+
+    case JavascriptRuntimeErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'javascript',
+        errorType: 'runtime'
+      };
+
+    default:
+      return null;
+  }
+}
+
+exports.getProgrammingErrorResult = getProgrammingErrorResult;

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { MaterialCommponentCommonProps } from '@elice/material-shared-utils';
 import type { GetOrgMaterialExerciseExerciseRunningListResponses, PostOrgMaterialExerciseExerciseRunningSubmitResponses } from '@elice/types';
+import type { CodeHelperError } from "../../../utils";
 import type { ExerciseProviderNoImageProps } from './ExerciseProviderNoImage';
 /**
  * [External]
@@ -63,7 +64,7 @@ export declare type MaterialExerciseCommonPropExerciseImageEmptyOptions = Exerci
 /**
  * On code help button click.
  */
-export declare type MaterialExerciseCommonPropOnCodeHelpRequest = (code: string) => void;
+export declare type MaterialExerciseCommonPropOnCodeHelpRequest = (code: string, error?: CodeHelperError) => void;
 /**
  * On default exercise room ID set.
  */

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

@@ -15,6 +15,7 @@ import { ExerciseContext } from '../context/context.js';
 import { ExercisePreviewType, ExercisePreviewDisplayMode } from '../context/recoilTypes.js';
 import { exerciseRunnerTextSend$ } from '../context/subjects.js';
 import '../context/ExerciseProvider.js';
+import { getProgrammingErrorResult } from '../../../utils/runner.js';
 import { useRunnerRoomWebSocket } from '../../../hooks/useRunnerRoomWebSocket.js';
 import { useStdioWebSocket } from '../../../hooks/useStdioWebSocket.js';
 import 'ot-text-unicode';
@@ -24,6 +25,7 @@ import 'humps';
 import 'lodash/debounce';
 import 'random-words';
 import 'unicount';
+import { useStdioTextConcator } from '../../../hooks/useStdioTextConcator.js';
 import { withExerciseIntlProvider } from '../context/ExerciseIntlProvider.js';
 import phrasesEn from './locales/en.json.js';
 import phrasesKo from './locales/ko.json.js';
@@ -47,6 +49,9 @@ const ExerciseRunner = ({
   var _a, _b, _c;
 
   const intl = useIntl();
+  const {
+    onCodeHelpRequest
+  } = React.useContext(ExerciseContext);
   const {
     materialExerciseId,
     exerciseRoomId,
@@ -69,7 +74,19 @@ const ExerciseRunner = ({
   const exercisePreviewDisplayMode = useRecoilValue(exercisePreviewDisplayModeState); // websockets
 
   const setRunnerRoomWebSocketState = useSetRecoilState(exerciseWebsocketQuery('runnerRoom'));
-  const setStdioWebSocketState = useSetRecoilState(exerciseWebsocketQuery('stdio')); // etc
+  const setStdioWebSocketState = useSetRecoilState(exerciseWebsocketQuery('stdio'));
+
+  const handleAiHelpibotError = text => {
+    const error = getProgrammingErrorResult(text);
+
+    if (!!error && typeof onCodeHelpRequest === 'function') {
+      onCodeHelpRequest(text, error);
+    }
+  };
+
+  const {
+    updateStdioTextConcator
+  } = useStdioTextConcator(handleAiHelpibotError); // etc
 
   const exerciseContainerSize = useRecoilValue(exerciseContainerSizeState);
   const [runnerSubmitErrorDialog, setRunnerSubmitErrorDialog] = React.useState(null);
@@ -110,6 +127,7 @@ const ExerciseRunner = ({
     switch (type) {
       case 'text':
         (_a = xterm.current) === null || _a === void 0 ? void 0 : _a[runnerRunTypeRef.current !== enums.ExerciseRunType.Run ? 'writeEmphasized' : 'write'](text);
+        updateStdioTextConcator(text);
         break;
 
       case 'grader':

package/es/hooks/useStdioTextConcator.d.ts

@@ -0,0 +1,4 @@
+export declare const useStdioTextConcator: (done: (text: string) => void) => {
+    updateStdioTextConcator: (text: string) => void;
+    done: (text: string) => void;
+};

package/es/hooks/useStdioTextConcator.js

@@ -0,0 +1,32 @@
+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';
+
+const useStdioTextConcator = done => {
+  const RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR = 1000;
+  const [text, setText] = React.useState('');
+  const isRunning = useRecoilValue(exerciseRunnerRunningState);
+  React.useEffect(() => {
+    if (isRunning) {
+      setText('');
+    } else {
+      setTimeout(() => {
+        done(text);
+      }, RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [isRunning]);
+  const updateStdioTextConcator = React.useCallback(text => {
+    setText(state => state.concat(text));
+  }, []);
+  return {
+    updateStdioTextConcator,
+    done
+  };
+};
+
+export { useStdioTextConcator };

package/es/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './exerciseFile';
+export * from './runner';

package/es/utils/runner.d.ts

@@ -0,0 +1,11 @@
+declare type ErrorType = 'runtime' | 'compile' | 'syntax';
+declare type ErrorLangType = 'python' | 'c/cpp' | 'java' | 'javascript';
+export declare type CodeHelperError = {
+    errorLangType: ErrorLangType;
+    errorType: ErrorType;
+};
+/**
+ * Get Programming Error Results from text.
+ */
+export declare function getProgrammingErrorResult(text: string): CodeHelperError | null;
+export {};

package/es/utils/runner.js

@@ -0,0 +1,67 @@
+//
+// This logic is based on the following spreadsheet.
+// https://docs.google.com/spreadsheets/d/1AeIf1eIlxp2MFR5hZijr-s304xVHMdtuAzcODS6nL-g/edit#gid=0
+//
+const PythonRuntimeErrorRegex = new RegExp(/Traceback \(most recent call last\):\n\s*File "\S+", line \d+, in \S+\n\s*.*\n(.+\n)*\S+Error:\s.+/gm);
+const PythonSyntaxErrorRegex = new RegExp(/File "(.*?)", line (\d+)\n\s*.+\n\s*(\^+)\n(.+)Error:\s(.+)/gm);
+const CCCPCompileErrorRegex = new RegExp(/(.*?):(\d+):(\d+):\s+(warning|error|note):\s+(.*)(\n.+\n.+)?/gm);
+const CCCPRuntimeErrorRegex = new RegExp(/(\w+ fault)\s+\(.*\)/gm);
+const JavaCompileErrorRegex = new RegExp(/(.*?):(\d+):\s+error:\s+(.*)\n.+\n.+(\n\s*symbol.+)?(\n\s*location.+)?/gm);
+const JavaRuntimeErrorRegex = new RegExp(/^Exception in thread ".+" (.+)$\n((?:\s+at .+$\n)+)/gm);
+const JavascriptRuntimeErrorRegex = new RegExp(/(Uncaught )?(\w+Error):\s+(.*)\n((?:\s+at .+$\n)+)/gm);
+/**
+ * Get Programming Error Results from text.
+ */
+
+function getProgrammingErrorResult(text) {
+  const escapedText = text.replace(/[\r|\\]/gm, '');
+
+  switch (true) {
+    case PythonRuntimeErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'python',
+        errorType: 'runtime'
+      };
+
+    case PythonSyntaxErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'python',
+        errorType: 'syntax'
+      };
+
+    case CCCPCompileErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'c/cpp',
+        errorType: 'compile'
+      };
+
+    case CCCPRuntimeErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'c/cpp',
+        errorType: 'runtime'
+      };
+
+    case JavaCompileErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'java',
+        errorType: 'compile'
+      };
+
+    case JavaRuntimeErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'java',
+        errorType: 'runtime'
+      };
+
+    case JavascriptRuntimeErrorRegex.test(escapedText):
+      return {
+        errorLangType: 'javascript',
+        errorType: 'runtime'
+      };
+
+    default:
+      return null;
+  }
+}
+
+export { getProgrammingErrorResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.230307.0",
+  "version": "1.230312.0-helpi.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -79,8 +79,8 @@
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.220803.0",
     "@elice/markdown": "^1.220803.0",
-    "@elice/material-shared-types": "1.230307.0",
-    "@elice/material-shared-utils": "1.230307.0",
+    "@elice/material-shared-types": "1.230312.0-helpi.0",
+    "@elice/material-shared-utils": "1.230312.0-helpi.0",
     "@elice/types": "^1.230306.0",
     "@elice/websocket": "^1.220803.0",
     "@types/classnames": "^2.3.1",
@@ -102,5 +102,5 @@
     "recoil": "^0.6.1",
     "styled-components": "^5.2.0"
   },
-  "gitHead": "e7777b1586edece39b8c7610aa165fc2ae7044a1"
+  "gitHead": "33fd75527b000d6c4ba0abf51963ad633a1b9f91"
 }