@elice/material-exercise 1.260515.0 → 1.260517.0-codegenexercisecli.0

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/exercise-runner/arduino/ArduinoProvider.js

@@ -6,6 +6,7 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var intl = require('@elice/intl');
 var mcuBridge = require('@elice/mcu-bridge');
 var overlayKit = require('overlay-kit');
 var _context = require('./_context.js');
@@ -33,6 +34,7 @@ var ArduinoBridgeProvider = function ArduinoBridgeProvider(_ref) {
   var xtermRef = _ref.xtermRef,
     apiRef = _ref.apiRef,
     children = _ref.children;
+  var intl$1 = intl.useRawEliceIntl();
   var _useFlash = mcuBridge.useFlash(),
     isFlashing = _useFlash.isFlashing;
   var _useConnection = mcuBridge.useConnection(),
@@ -101,19 +103,22 @@ var ArduinoBridgeProvider = function ArduinoBridgeProvider(_ref) {
               var isOpen = _ref4.isOpen,
                 close = _ref4.close,
                 unmount = _ref4.unmount;
-              return jsxRuntime.jsx(ArduinoConnectionPreflightDialog.default, {
-                open: isOpen,
-                intent: intent,
-                onClose: function onClose() {
-                  return close(false);
-                },
-                onConfirm: function onConfirm() {
-                  return close(true);
-                },
-                onTransitionExited: unmount,
-                onSaveDontShowAgain: function onSaveDontShowAgain() {
-                  sessionStorage.setItem(PREFLIGHT_DISMISS_KEY, PREFLIGHT_DISMISS_VALUE);
-                }
+              return jsxRuntime.jsx(intl.RawEliceIntlProvider, {
+                value: intl$1,
+                children: jsxRuntime.jsx(ArduinoConnectionPreflightDialog.default, {
+                  open: isOpen,
+                  intent: intent,
+                  onClose: function onClose() {
+                    return close(false);
+                  },
+                  onConfirm: function onConfirm() {
+                    return close(true);
+                  },
+                  onTransitionExited: unmount,
+                  onSaveDontShowAgain: function onSaveDontShowAgain() {
+                    sessionStorage.setItem(PREFLIGHT_DISMISS_KEY, PREFLIGHT_DISMISS_VALUE);
+                  }
+                })
               });
             });
           case 2:
@@ -131,7 +136,7 @@ var ArduinoBridgeProvider = function ArduinoBridgeProvider(_ref) {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), []);
+  }(), [intl$1]);
   //
   // setup the MCU Bridge once on mount
   //

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/exercise-runner/arduino/ArduinoProvider.js

@@ -2,6 +2,7 @@ import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator,
 import { __rest } from 'tslib';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React, { useEffect } from 'react';
+import { useRawEliceIntl, RawEliceIntlProvider } from '@elice/intl';
 import { useFlash, useConnection, setupMCUBridge, ArduinoUnoDriver, ArduinoMegaDriver } from '@elice/mcu-bridge';
 import { overlay } from 'overlay-kit';
 import { ArduinoBridgeContext } from './_context.js';
@@ -25,6 +26,7 @@ var ArduinoBridgeProvider = function ArduinoBridgeProvider(_ref) {
   var xtermRef = _ref.xtermRef,
     apiRef = _ref.apiRef,
     children = _ref.children;
+  var intl = useRawEliceIntl();
   var _useFlash = useFlash(),
     isFlashing = _useFlash.isFlashing;
   var _useConnection = useConnection(),
@@ -93,19 +95,22 @@ var ArduinoBridgeProvider = function ArduinoBridgeProvider(_ref) {
               var isOpen = _ref4.isOpen,
                 close = _ref4.close,
                 unmount = _ref4.unmount;
-              return jsx(ArduinoConnectionPreflightDialog, {
-                open: isOpen,
-                intent: intent,
-                onClose: function onClose() {
-                  return close(false);
-                },
-                onConfirm: function onConfirm() {
-                  return close(true);
-                },
-                onTransitionExited: unmount,
-                onSaveDontShowAgain: function onSaveDontShowAgain() {
-                  sessionStorage.setItem(PREFLIGHT_DISMISS_KEY, PREFLIGHT_DISMISS_VALUE);
-                }
+              return jsx(RawEliceIntlProvider, {
+                value: intl,
+                children: jsx(ArduinoConnectionPreflightDialog, {
+                  open: isOpen,
+                  intent: intent,
+                  onClose: function onClose() {
+                    return close(false);
+                  },
+                  onConfirm: function onConfirm() {
+                    return close(true);
+                  },
+                  onTransitionExited: unmount,
+                  onSaveDontShowAgain: function onSaveDontShowAgain() {
+                    sessionStorage.setItem(PREFLIGHT_DISMISS_KEY, PREFLIGHT_DISMISS_VALUE);
+                  }
+                })
               });
             });
           case 2:
@@ -123,7 +128,7 @@ var ArduinoBridgeProvider = function ArduinoBridgeProvider(_ref) {
     return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }(), []);
+  }(), [intl]);
   //
   // setup the MCU Bridge once on mount
   //

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.260515.0",
+  "version": "1.260517.0-codegenexercisecli.0",
   "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-types": "1.260515.0",
-    "@elice/material-shared-utils": "1.260515.0"
+    "@elice/material-shared-types": "1.260517.0-codegenexercisecli.0",
+    "@elice/material-shared-utils": "1.260517.0-codegenexercisecli.0"
   },
   "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-types": "1.260515.0",
-    "@elice/material-shared-utils": "1.260515.0"
+    "@elice/material-shared-types": "1.260517.0-codegenexercisecli.0",
+    "@elice/material-shared-utils": "1.260517.0-codegenexercisecli.0"
   },
   "scripts": {
     "start": "run-s watch",