@elice/material-exercise 1.240811.0 → 1.240816.0-helpyrequest.0

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

@@ -28,7 +28,6 @@ require('lodash/debounce');
 require('random-words');
 require('unicount');
 var ExerciseRunnerContext = require('./ExerciseRunnerContext.js');
-var ExerciseRunnerControllerCodeHelpRequestButton = require('./ExerciseRunnerControllerCodeHelpRequestButton.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -48,14 +47,12 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   var _a;
   var intl$1 = intl.useRawEliceIntl();
   var _React$useContext = React__default.default.useContext(context.ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId,
-    onCodeHelpRequest = _React$useContext.onCodeHelpRequest;
+    materialExerciseId = _React$useContext.materialExerciseId;
   var _React$useContext2 = React__default.default.useContext(ExerciseRunnerContext.ExerciseRunnerContext),
     onSubmit = _React$useContext2.onSubmit,
     onSyncRequest = _React$useContext2.onSyncRequest,
     onCancel = _React$useContext2.onCancel;
   var runnerWebsocketStatus = recoil.useRecoilValue(recoil$1.exerciseRunnerWebSocketStatusQuery);
-  var editorCursorSelectionValue = recoil.useRecoilValue(recoil$1.exerciseFileEditorCursorSelectionValueState);
   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);
@@ -71,8 +68,6 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
   var arduinoUploadProgress = recoil.useRecoilValue(recoil$1.exerciseArduinoUploadProgressState);
   var arduinoOpenedPortName = recoil.useRecoilValue(recoil$1.exerciseArduinoOpenedPortNameState);
-  // monaco editor apis
-  var exerciseMonacoEditorApis = recoil.useRecoilValue(recoil$1.exerciseMonacoEditorApisState);
   //
   // ========= ui states =========
   //
@@ -224,30 +219,11 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
       })
     });
   };
-  /**
-   * Code help button
-   */
-  var renderCodeHelpRequestButton = function renderCodeHelpRequestButton() {
-    if (isRunning || !editorCursorSelectionValue || typeof onCodeHelpRequest !== 'function') {
-      return null;
-    }
-    return jsxRuntime.jsx(ExerciseRunnerControllerCodeHelpRequestButton.default, {
-      onClick: function onClick() {
-        var _a, _b, _c;
-        onCodeHelpRequest({
-          code: editorCursorSelectionValue,
-          readme: (_a = exercise === null || exercise === void 0 ? void 0 : exercise.description) !== null && _a !== void 0 ? _a : '',
-          instruction: (_b = exercise === null || exercise === void 0 ? void 0 : exercise.instructionContent) !== null && _b !== void 0 ? _b : '',
-          openFileContent: (_c = exerciseMonacoEditorApis === null || exerciseMonacoEditorApis === void 0 ? void 0 : exerciseMonacoEditorApis.getValue()) !== null && _c !== void 0 ? _c : ''
-        });
-      }
-    });
-  };
   //
   //
   //
   return jsxRuntime.jsxs(StyledControllerButtonGroup, {
-    children: [renderSubmitRunButton(), renderSubmitGradeButton(), renderCancelButton(), renderSyncRequestButton(), renderCodeHelpRequestButton()]
+    children: [renderSubmitRunButton(), renderSubmitGradeButton(), renderCancelButton(), renderSyncRequestButton()]
   });
 };
 

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

@@ -9,7 +9,7 @@ import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
 import 'react-use';
 import 'socket.io-client';
-import { exerciseRunnerWebSocketStatusQuery, exerciseFileEditorCursorSelectionValueState, exerciseState, exerciseRunnerRunTypeState, exerciseLectureState, exerciseRunnerSubmittingState, exerciseRunnerRunningState, exerciseArduinoUploadProgressState, exerciseArduinoOpenedPortNameState, exerciseMonacoEditorApisState } from '../context/recoil.js';
+import { exerciseRunnerWebSocketStatusQuery, 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';
@@ -24,7 +24,6 @@ import 'lodash/debounce';
 import 'random-words';
 import 'unicount';
 import { ExerciseRunnerContext } from './ExerciseRunnerContext.js';
-import ExerciseRunnerControllerCodeHelpRequestButton from './ExerciseRunnerControllerCodeHelpRequestButton.js';
 
 var StyledControllerButton = styled(Button).withConfig({
   componentId: "sc-d9xhed-0"
@@ -39,14 +38,12 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   var _a;
   var intl = useRawEliceIntl();
   var _React$useContext = React.useContext(ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId,
-    onCodeHelpRequest = _React$useContext.onCodeHelpRequest;
+    materialExerciseId = _React$useContext.materialExerciseId;
   var _React$useContext2 = React.useContext(ExerciseRunnerContext),
     onSubmit = _React$useContext2.onSubmit,
     onSyncRequest = _React$useContext2.onSyncRequest,
     onCancel = _React$useContext2.onCancel;
   var runnerWebsocketStatus = useRecoilValue(exerciseRunnerWebSocketStatusQuery);
-  var editorCursorSelectionValue = useRecoilValue(exerciseFileEditorCursorSelectionValueState);
   var exercise = useRecoilValue(exerciseState(materialExerciseId));
   var exerciseRunType = useRecoilValue(exerciseRunnerRunTypeState);
   var exerciseWithNoGrade = Boolean(exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade);
@@ -62,8 +59,6 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
   var arduinoUploadProgress = useRecoilValue(exerciseArduinoUploadProgressState);
   var arduinoOpenedPortName = useRecoilValue(exerciseArduinoOpenedPortNameState);
-  // monaco editor apis
-  var exerciseMonacoEditorApis = useRecoilValue(exerciseMonacoEditorApisState);
   //
   // ========= ui states =========
   //
@@ -215,30 +210,11 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
       })
     });
   };
-  /**
-   * Code help button
-   */
-  var renderCodeHelpRequestButton = function renderCodeHelpRequestButton() {
-    if (isRunning || !editorCursorSelectionValue || typeof onCodeHelpRequest !== 'function') {
-      return null;
-    }
-    return jsx(ExerciseRunnerControllerCodeHelpRequestButton, {
-      onClick: function onClick() {
-        var _a, _b, _c;
-        onCodeHelpRequest({
-          code: editorCursorSelectionValue,
-          readme: (_a = exercise === null || exercise === void 0 ? void 0 : exercise.description) !== null && _a !== void 0 ? _a : '',
-          instruction: (_b = exercise === null || exercise === void 0 ? void 0 : exercise.instructionContent) !== null && _b !== void 0 ? _b : '',
-          openFileContent: (_c = exerciseMonacoEditorApis === null || exerciseMonacoEditorApis === void 0 ? void 0 : exerciseMonacoEditorApis.getValue()) !== null && _c !== void 0 ? _c : ''
-        });
-      }
-    });
-  };
   //
   //
   //
   return jsxs(StyledControllerButtonGroup, {
-    children: [renderSubmitRunButton(), renderSubmitGradeButton(), renderCancelButton(), renderSyncRequestButton(), renderCodeHelpRequestButton()]
+    children: [renderSubmitRunButton(), renderSubmitGradeButton(), renderCancelButton(), renderSyncRequestButton()]
   });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.240811.0",
+  "version": "1.240816.0-helpyrequest.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.240425.0-rc.2",
     "@elice/markdown": "^1.240124.0",
-    "@elice/material-shared-types": "1.240811.0",
-    "@elice/material-shared-utils": "1.240811.0",
+    "@elice/material-shared-types": "1.240816.0-helpyrequest.0",
+    "@elice/material-shared-utils": "1.240816.0-helpyrequest.0",
     "@elice/mui-elements": "^5.231130.0",
     "@elice/mui-system": "^5.240108.1",
     "@elice/types": "1.240709.0",

package/cjs/components/material-exercise/exercise-runner/ExerciseRunnerControllerCodeHelpRequestButton.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { ButtonProps } from '@elice/blocks';
-type OmittedButtonProps = Omit<ButtonProps, 'size' | 'role' | 'icon' | 'iconAlign'>;
-declare const ExerciseRunnerControllerCodeHelpRequestButton: React.ForwardRefExoticComponent<OmittedButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default ExerciseRunnerControllerCodeHelpRequestButton;

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

@@ -1,107 +0,0 @@
-'use strict';
-
-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');
-var icons = require('@elice/icons');
-var intl = require('@elice/intl');
-var recoil = require('recoil');
-var styled = require('styled-components');
-var recoil$1 = require('../context/recoil.js');
-require('../context/context.js');
-require('../context/recoilTypes.js');
-require('../context/subjects.js');
-require('../context/ExerciseProvider.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY = 'elice-material-exercise-aibot-tooltip-hidden';
-var ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE = 'true';
-var StyledControllerButton = styled__default.default(blocks.Button).withConfig({
-  componentId: "sc-10grd0k-0"
-})(["position:relative;transition:none;"]);
-var ExerciseRunnerControllerCodeHelpRequestButton = React__default.default.forwardRef(function (props, ref) {
-  var intl$1 = intl.useRawEliceIntl();
-  var _React$useState = React__default.default.useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    isTooltipHidden = _React$useState2[0],
-    setIsTooltipHidden = _React$useState2[1];
-  var isAibotInfoEnabled = recoil.useRecoilValue(recoil$1.exerciseAibotInfoEnableState);
-  //
-  //
-  //
-  React__default.default.useEffect(function () {
-    var isTooltipHidden = sessionStorage.getItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY) === ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE;
-    if (isTooltipHidden) {
-      setIsTooltipHidden(true);
-      return;
-    }
-  }, []);
-  //
-  //
-  //
-  /**
-   *
-   */
-  var renderAiBotTooltipTitle = function renderAiBotTooltipTitle() {
-    return jsxRuntime.jsxs(blocks.Flex, {
-      align: "center",
-      children: [jsxRuntime.jsx(blocks.BadgeNext, {
-        role: "red",
-        children: jsxRuntime.jsx(blocks.Text, {
-          role: "white",
-          size: "tiny",
-          bold: true,
-          children: "NEW"
-        })
-      }), jsxRuntime.jsx(blocks.Hspace, {
-        width: 0.625
-      }), jsxRuntime.jsx(blocks.Text, {
-        role: "gray9",
-        size: "small",
-        bold: true,
-        children: intl$1.formatMessage({
-          id: 'exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp'
-        })
-      }), jsxRuntime.jsx(blocks.Hspace, {
-        width: 0.625
-      }), jsxRuntime.jsx(blocks.IconButton, {
-        size: "tiny",
-        role: "primary",
-        hasPadding: false,
-        border: false,
-        icon: icons.eilMathsignMultiplyBasic,
-        onClick: function onClick() {
-          sessionStorage.setItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY, ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE);
-          setIsTooltipHidden(true);
-        }
-      })]
-    });
-  };
-  return isAibotInfoEnabled ? jsxRuntime.jsx(blocks.Tooltip, {
-    placement: "top",
-    dark: false,
-    visible: !isTooltipHidden,
-    title: renderAiBotTooltipTitle(),
-    children: jsxRuntime.jsx(StyledControllerButton, Object.assign({}, props, {
-      ref: ref,
-      size: "tiny",
-      role: "darkblue",
-      icon: jsxRuntime.jsx(blocks.Icon, {
-        icon: icons.eilArrowRightwardsBasic
-      }),
-      iconAlign: "right",
-      children: intl$1.formatMessage({
-        id: 'exerciseRunner.controller.buttonGroup.button.helpRequest'
-      })
-    }))
-  }) : null;
-});
-
-exports.default = ExerciseRunnerControllerCodeHelpRequestButton;

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerCodeHelpRequestButton.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { ButtonProps } from '@elice/blocks';
-type OmittedButtonProps = Omit<ButtonProps, 'size' | 'role' | 'icon' | 'iconAlign'>;
-declare const ExerciseRunnerControllerCodeHelpRequestButton: React.ForwardRefExoticComponent<OmittedButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default ExerciseRunnerControllerCodeHelpRequestButton;

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

@@ -1,98 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
-import { Button, Tooltip, Icon, Flex, BadgeNext, Text, Hspace, IconButton } from '@elice/blocks';
-import { eilArrowRightwardsBasic, eilMathsignMultiplyBasic } from '@elice/icons';
-import { useRawEliceIntl } from '@elice/intl';
-import { useRecoilValue } from 'recoil';
-import styled from 'styled-components';
-import { exerciseAibotInfoEnableState } from '../context/recoil.js';
-import '../context/context.js';
-import '../context/recoilTypes.js';
-import '../context/subjects.js';
-import '../context/ExerciseProvider.js';
-
-var ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY = 'elice-material-exercise-aibot-tooltip-hidden';
-var ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE = 'true';
-var StyledControllerButton = styled(Button).withConfig({
-  componentId: "sc-10grd0k-0"
-})(["position:relative;transition:none;"]);
-var ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef(function (props, ref) {
-  var intl = useRawEliceIntl();
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isTooltipHidden = _React$useState2[0],
-    setIsTooltipHidden = _React$useState2[1];
-  var isAibotInfoEnabled = useRecoilValue(exerciseAibotInfoEnableState);
-  //
-  //
-  //
-  React.useEffect(function () {
-    var isTooltipHidden = sessionStorage.getItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY) === ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE;
-    if (isTooltipHidden) {
-      setIsTooltipHidden(true);
-      return;
-    }
-  }, []);
-  //
-  //
-  //
-  /**
-   *
-   */
-  var renderAiBotTooltipTitle = function renderAiBotTooltipTitle() {
-    return jsxs(Flex, {
-      align: "center",
-      children: [jsx(BadgeNext, {
-        role: "red",
-        children: jsx(Text, {
-          role: "white",
-          size: "tiny",
-          bold: true,
-          children: "NEW"
-        })
-      }), jsx(Hspace, {
-        width: 0.625
-      }), jsx(Text, {
-        role: "gray9",
-        size: "small",
-        bold: true,
-        children: intl.formatMessage({
-          id: 'exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp'
-        })
-      }), jsx(Hspace, {
-        width: 0.625
-      }), jsx(IconButton, {
-        size: "tiny",
-        role: "primary",
-        hasPadding: false,
-        border: false,
-        icon: eilMathsignMultiplyBasic,
-        onClick: function onClick() {
-          sessionStorage.setItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY, ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE);
-          setIsTooltipHidden(true);
-        }
-      })]
-    });
-  };
-  return isAibotInfoEnabled ? jsx(Tooltip, {
-    placement: "top",
-    dark: false,
-    visible: !isTooltipHidden,
-    title: renderAiBotTooltipTitle(),
-    children: jsx(StyledControllerButton, Object.assign({}, props, {
-      ref: ref,
-      size: "tiny",
-      role: "darkblue",
-      icon: jsx(Icon, {
-        icon: eilArrowRightwardsBasic
-      }),
-      iconAlign: "right",
-      children: intl.formatMessage({
-        id: 'exerciseRunner.controller.buttonGroup.button.helpRequest'
-      })
-    }))
-  }) : null;
-});
-
-export { ExerciseRunnerControllerCodeHelpRequestButton as default };