@elice/material-exercise 1.260515.1 → 1.260517.0-codegenexercisecli.1

package/cjs/components/material-exercise/MaterialExercise.js

@@ -147,6 +147,7 @@ var MaterialExercise = React.forwardRef(function (props, ref) {
   var exercisePreviewType = recoil.useRecoilValue(recoil$1.exercisePreviewTypeState(props.materialExerciseId));
   var exercisePreviewDisplayMode = recoil.useRecoilValue(recoil$1.exercisePreviewDisplayModeState);
   var exerciseMonacoEditorApis = recoil.useRecoilValue(recoil$1.exerciseMonacoEditorApisState);
+  var _setActiveFilename = recoil.useSetRecoilState(recoil$1.exerciseActiveFilenameState);
   /**
    * File tree
    */
@@ -284,9 +285,12 @@ var MaterialExercise = React.forwardRef(function (props, ref) {
       },
       openRunnerRooms: function openRunnerRooms() {
         return subjects.exerciseRunnerRoomsOpen$.next();
+      },
+      setActiveFilename: function setActiveFilename(filename) {
+        return _setActiveFilename(filename);
       }
     };
-  }, [exerciseMonacoEditorApis]);
+  }, [exerciseMonacoEditorApis, _setActiveFilename]);
   //
   //
   //

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

@@ -140,6 +140,15 @@ var ExerciseProvider = function ExerciseProvider(_a) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [width, height]);
   //
+  // forward active filename changes to host
+  //
+  React__default.default.useEffect(function () {
+    var _a;
+    (_a = contextProps.onActiveFilenameChange) === null || _a === void 0 ? void 0 : _a.call(contextProps, activeFilename);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [activeFilename]);
+  //
   // update
   //
   React__default.default.useEffect(function () {

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

@@ -18,6 +18,7 @@ export interface MaterialExerciseCommonApis {
     sendTextToRunner: MaterialExerciseCommonApiSendTextToTerminal;
     getMonacoEditorApis: MaterialExerciseCommonApiGetMonacoEditorApis;
     openRunnerRooms: MaterialExerciseCommonAPiOpenRunnerRooms;
+    setActiveFilename: MaterialExerciseCommonApiSetActiveFilename;
 }
 /**
  * Send text to terminal.
@@ -31,6 +32,10 @@ export type MaterialExerciseCommonApiGetMonacoEditorApis = () => MonacoEditorApi
  * Open runner rooms.
  */
 export type MaterialExerciseCommonAPiOpenRunnerRooms = () => void;
+/**
+ * Set the currently active file in the editor.
+ */
+export type MaterialExerciseCommonApiSetActiveFilename = (filename: string) => void;
 /**
  * [External]
  * Common exposed props for `MaterialExercise*` components.
@@ -64,6 +69,7 @@ export interface MaterialExerciseCommonProps {
     onReferenceDocsToggle?: () => void;
     onCodeHelpRequest?: MaterialExerciseCommonPropOnCodeHelpRequest;
     onCodeEditorChange?: MaterialExerciseCommonPropOnCodeEditorChange;
+    onActiveFilenameChange?: MaterialExerciseCommonPropOnActiveFilenameChange;
     onStdioError?: MaterialExerciseCommonPropOnStdioError;
     onDefaultExerciseRoomIdSet?: MaterialExerciseCommonPropOnDefaultExerciseRoomIdSet;
     onExerciseRoomIdChange?: MaterialExerciseCommonPropOnExerciseRoomIdChange;
@@ -94,6 +100,10 @@ export type MaterialExerciseCommonPropOnCodeEditorChange = (payload: {
     content: string;
     selectedContent: string;
 }) => void;
+/**
+ * On active file change.
+ */
+export type MaterialExerciseCommonPropOnActiveFilenameChange = (filename: string | null) => void;
 /**
  * On stdio error.
  */

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoConnectionPreflightDialogSteps.js

@@ -38,13 +38,13 @@ var ArduinoConnectionPreflightDialogSteps = function ArduinoConnectionPreflightD
         mx: 0.25,
         borderRadius: 0.5,
         bgcolor: function bgcolor(theme) {
-          return theme.palette.background.inverse;
+          return theme.palette.background.gray;
         },
         border: function border(theme) {
           return "1px solid ".concat(theme.palette.divider);
         },
         color: function color(theme) {
-          return theme.palette.inverse.main;
+          return theme.palette.primary.main;
         }
       },
       children: text

package/cjs/components/material-exercise/index.d.ts

@@ -2,4 +2,4 @@ export { default as MaterialExercise } from './MaterialExercise';
 export type { MaterialExerciseProps, MaterialExerciseApis } from './MaterialExercise';
 export { default as MaterialExerciseMobile } from './MaterialExerciseMobile';
 export type { MaterialExerciseMobileProps } from './MaterialExerciseMobile';
-export type { MaterialExerciseCommonApis, MaterialExerciseCommonApiSendTextToTerminal, MaterialExerciseCommonProps, MaterialExerciseCommonPropExerciseImageEmptyOptions, MaterialExerciseCommonPropOnCodeHelpRequest, MaterialExerciseCommonPropOnCodeEditorChange, MaterialExerciseCommonPropOnStdioError, MaterialExerciseCommonPropOnDefaultExerciseRoomIdSet, MaterialExerciseCommonPropOnExerciseRoomIdChange, MaterialExerciseCommonPropOnRunningDone, MaterialExerciseCommonPropOnSubmit, MaterialExerciseCommonPropOnError, } from './context/types';
+export type { MaterialExerciseCommonApis, MaterialExerciseCommonApiSendTextToTerminal, MaterialExerciseCommonProps, MaterialExerciseCommonPropExerciseImageEmptyOptions, MaterialExerciseCommonPropOnActiveFilenameChange, MaterialExerciseCommonPropOnCodeHelpRequest, MaterialExerciseCommonPropOnCodeEditorChange, MaterialExerciseCommonPropOnStdioError, MaterialExerciseCommonPropOnDefaultExerciseRoomIdSet, MaterialExerciseCommonPropOnExerciseRoomIdChange, MaterialExerciseCommonPropOnRunningDone, MaterialExerciseCommonPropOnSubmit, MaterialExerciseCommonPropOnError, } from './context/types';

package/es/components/material-exercise/MaterialExercise.js

@@ -7,7 +7,7 @@ import { base } from '@elice/design-tokens';
 import { eilClassroom } from '@elice/icons';
 import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import { withForwardRefMaterial } from '@elice/material-shared-utils';
-import { useRecoilValue } from 'recoil';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
 import { MATERIAL_RESIZABLE_COMMON_PROPS, MATERIAL_DIVIDER_BORDER_VALUE } from '../../constants/stylesheets.js';
 import ExerciseProvider from './context/ExerciseProvider.js';
 import messageEn from '../locales/en.json.js';
@@ -22,7 +22,7 @@ import ExerciseMultilangDropdownLazy from './exercise-multilang-dropdown/Exercis
 import ExerciseMenu from './exercise-menu/ExerciseMenu.js';
 import ExerciseFile from './exercise-file/ExerciseFile.js';
 import { ExerciseContext } from './context/context.js';
-import { exerciseContainerSizeState, exerciseState, exerciseFileTreeOpenedState, exercisePreviewTypeState, exercisePreviewDisplayModeState, exerciseMonacoEditorApisState } from './context/recoil.js';
+import { exerciseContainerSizeState, exerciseState, exerciseFileTreeOpenedState, exercisePreviewTypeState, exercisePreviewDisplayModeState, exerciseMonacoEditorApisState, exerciseActiveFilenameState } from './context/recoil.js';
 import { exerciseRunnerRoomsOpen$, exerciseRunnerTextSend$ } from './context/subjects.js';
 import { ExercisePreviewType, ExercisePreviewDisplayMode } from './context/recoilTypes.js';
 
@@ -138,6 +138,7 @@ var MaterialExercise = forwardRef(function (props, ref) {
   var exercisePreviewType = useRecoilValue(exercisePreviewTypeState(props.materialExerciseId));
   var exercisePreviewDisplayMode = useRecoilValue(exercisePreviewDisplayModeState);
   var exerciseMonacoEditorApis = useRecoilValue(exerciseMonacoEditorApisState);
+  var _setActiveFilename = useSetRecoilState(exerciseActiveFilenameState);
   /**
    * File tree
    */
@@ -275,9 +276,12 @@ var MaterialExercise = forwardRef(function (props, ref) {
       },
       openRunnerRooms: function openRunnerRooms() {
         return exerciseRunnerRoomsOpen$.next();
+      },
+      setActiveFilename: function setActiveFilename(filename) {
+        return _setActiveFilename(filename);
       }
     };
-  }, [exerciseMonacoEditorApis]);
+  }, [exerciseMonacoEditorApis, _setActiveFilename]);
   //
   //
   //

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

@@ -131,6 +131,15 @@ var ExerciseProvider = function ExerciseProvider(_a) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [width, height]);
   //
+  // forward active filename changes to host
+  //
+  React.useEffect(function () {
+    var _a;
+    (_a = contextProps.onActiveFilenameChange) === null || _a === void 0 ? void 0 : _a.call(contextProps, activeFilename);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [activeFilename]);
+  //
   // update
   //
   React.useEffect(function () {

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

@@ -18,6 +18,7 @@ export interface MaterialExerciseCommonApis {
     sendTextToRunner: MaterialExerciseCommonApiSendTextToTerminal;
     getMonacoEditorApis: MaterialExerciseCommonApiGetMonacoEditorApis;
     openRunnerRooms: MaterialExerciseCommonAPiOpenRunnerRooms;
+    setActiveFilename: MaterialExerciseCommonApiSetActiveFilename;
 }
 /**
  * Send text to terminal.
@@ -31,6 +32,10 @@ export type MaterialExerciseCommonApiGetMonacoEditorApis = () => MonacoEditorApi
  * Open runner rooms.
  */
 export type MaterialExerciseCommonAPiOpenRunnerRooms = () => void;
+/**
+ * Set the currently active file in the editor.
+ */
+export type MaterialExerciseCommonApiSetActiveFilename = (filename: string) => void;
 /**
  * [External]
  * Common exposed props for `MaterialExercise*` components.
@@ -64,6 +69,7 @@ export interface MaterialExerciseCommonProps {
     onReferenceDocsToggle?: () => void;
     onCodeHelpRequest?: MaterialExerciseCommonPropOnCodeHelpRequest;
     onCodeEditorChange?: MaterialExerciseCommonPropOnCodeEditorChange;
+    onActiveFilenameChange?: MaterialExerciseCommonPropOnActiveFilenameChange;
     onStdioError?: MaterialExerciseCommonPropOnStdioError;
     onDefaultExerciseRoomIdSet?: MaterialExerciseCommonPropOnDefaultExerciseRoomIdSet;
     onExerciseRoomIdChange?: MaterialExerciseCommonPropOnExerciseRoomIdChange;
@@ -94,6 +100,10 @@ export type MaterialExerciseCommonPropOnCodeEditorChange = (payload: {
     content: string;
     selectedContent: string;
 }) => void;
+/**
+ * On active file change.
+ */
+export type MaterialExerciseCommonPropOnActiveFilenameChange = (filename: string | null) => void;
 /**
  * On stdio error.
  */

package/es/components/material-exercise/exercise-runner/arduino/ArduinoConnectionPreflightDialogSteps.js

@@ -28,13 +28,13 @@ var ArduinoConnectionPreflightDialogSteps = function ArduinoConnectionPreflightD
         mx: 0.25,
         borderRadius: 0.5,
         bgcolor: function bgcolor(theme) {
-          return theme.palette.background.inverse;
+          return theme.palette.background.gray;
         },
         border: function border(theme) {
           return "1px solid ".concat(theme.palette.divider);
         },
         color: function color(theme) {
-          return theme.palette.inverse.main;
+          return theme.palette.primary.main;
         }
       },
       children: text

package/es/components/material-exercise/index.d.ts

@@ -2,4 +2,4 @@ export { default as MaterialExercise } from './MaterialExercise';
 export type { MaterialExerciseProps, MaterialExerciseApis } from './MaterialExercise';
 export { default as MaterialExerciseMobile } from './MaterialExerciseMobile';
 export type { MaterialExerciseMobileProps } from './MaterialExerciseMobile';
-export type { MaterialExerciseCommonApis, MaterialExerciseCommonApiSendTextToTerminal, MaterialExerciseCommonProps, MaterialExerciseCommonPropExerciseImageEmptyOptions, MaterialExerciseCommonPropOnCodeHelpRequest, MaterialExerciseCommonPropOnCodeEditorChange, MaterialExerciseCommonPropOnStdioError, MaterialExerciseCommonPropOnDefaultExerciseRoomIdSet, MaterialExerciseCommonPropOnExerciseRoomIdChange, MaterialExerciseCommonPropOnRunningDone, MaterialExerciseCommonPropOnSubmit, MaterialExerciseCommonPropOnError, } from './context/types';
+export type { MaterialExerciseCommonApis, MaterialExerciseCommonApiSendTextToTerminal, MaterialExerciseCommonProps, MaterialExerciseCommonPropExerciseImageEmptyOptions, MaterialExerciseCommonPropOnActiveFilenameChange, MaterialExerciseCommonPropOnCodeHelpRequest, MaterialExerciseCommonPropOnCodeEditorChange, MaterialExerciseCommonPropOnStdioError, MaterialExerciseCommonPropOnDefaultExerciseRoomIdSet, MaterialExerciseCommonPropOnExerciseRoomIdChange, MaterialExerciseCommonPropOnRunningDone, MaterialExerciseCommonPropOnSubmit, MaterialExerciseCommonPropOnError, } from './context/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.260515.1",
+  "version": "1.260517.0-codegenexercisecli.1",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -39,8 +39,8 @@
     "overlay-kit": "^1.8.0",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
     "react-use": "^17.0.0",
-    "@elice/material-shared-utils": "1.260515.1",
-    "@elice/material-shared-types": "1.260515.1"
+    "@elice/material-shared-types": "1.260517.0-codegenexercisecli.1",
+    "@elice/material-shared-utils": "1.260517.0-codegenexercisecli.1"
   },
   "dependencies": {
     "@novnc/novnc": "^1.3.0",
@@ -115,8 +115,8 @@
     "rollup": "^4.0.0",
     "typescript": "~5.9.3",
     "vite": "^4.4.9",
-    "@elice/material-shared-utils": "1.260515.1",
-    "@elice/material-shared-types": "1.260515.1"
+    "@elice/material-shared-types": "1.260517.0-codegenexercisecli.1",
+    "@elice/material-shared-utils": "1.260517.0-codegenexercisecli.1"
   },
   "scripts": {
     "start": "run-s watch",