@elice/material-exercise 1.260429.0-improvetimerpopoverui.0 → 1.260430.1

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

@@ -0,0 +1,179 @@
+'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 intl = require('@elice/intl');
+var muiElements = require('@elice/mui-elements');
+var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
+var material = require('@mui/material');
+var Box = require('@mui/material/Box');
+var Button = require('@mui/material/Button');
+var Checkbox = require('@mui/material/Checkbox');
+var Dialog = require('@mui/material/Dialog');
+var DialogActions = require('@mui/material/DialogActions');
+var DialogContent = require('@mui/material/DialogContent');
+var DialogTitle = require('@mui/material/DialogTitle');
+var FormControlLabel = require('@mui/material/FormControlLabel');
+var Stack = require('@mui/material/Stack');
+var Typography = require('@mui/material/Typography');
+var _context = require('./_context.js');
+var ArduinoHelpDialogChecklist = require('./ArduinoHelpDialogChecklist.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var Box__default = /*#__PURE__*/_interopDefaultCompat(Box);
+var Button__default = /*#__PURE__*/_interopDefaultCompat(Button);
+var Checkbox__default = /*#__PURE__*/_interopDefaultCompat(Checkbox);
+var Dialog__default = /*#__PURE__*/_interopDefaultCompat(Dialog);
+var DialogActions__default = /*#__PURE__*/_interopDefaultCompat(DialogActions);
+var DialogContent__default = /*#__PURE__*/_interopDefaultCompat(DialogContent);
+var DialogTitle__default = /*#__PURE__*/_interopDefaultCompat(DialogTitle);
+var FormControlLabel__default = /*#__PURE__*/_interopDefaultCompat(FormControlLabel);
+var Stack__default = /*#__PURE__*/_interopDefaultCompat(Stack);
+var Typography__default = /*#__PURE__*/_interopDefaultCompat(Typography);
+
+//
+//
+//
+var STORAGE_KEY = 'elice-material-exercise-arduino-help-modal-closed';
+var STORAGE_VALUE = 'true';
+var ARDUINO_FAQ_URL = 'https://eli.so/arduino-faq';
+//
+//
+//
+var ArduinoHelpDialog = function ArduinoHelpDialog() {
+  var intl$1 = intl.useRawEliceIntl();
+  var _useArduinoBridge = _context.useArduinoBridge(),
+    isHelpDialogOpen = _useArduinoBridge.isHelpDialogOpen,
+    openHelpDialog = _useArduinoBridge.openHelpDialog,
+    closeHelpDialog = _useArduinoBridge.closeHelpDialog;
+  var _React$useState = React__default.default.useState(false),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    wasAutoOpened = _React$useState2[0],
+    setWasAutoOpened = _React$useState2[1];
+  var _React$useState3 = React__default.default.useState(false),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    dontShowAgain = _React$useState4[0],
+    setDontShowAgain = _React$useState4[1];
+  //
+  // Auto-popup once on first visit (localStorage flag survives reloads).
+  //
+  React__default.default.useEffect(function () {
+    var isClosed = localStorage.getItem(STORAGE_KEY) === STORAGE_VALUE;
+    if (!isClosed) {
+      openHelpDialog();
+      setWasAutoOpened(true);
+    }
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  /**
+   *
+   */
+  var handleClose = function handleClose() {
+    if (dontShowAgain) {
+      localStorage.setItem(STORAGE_KEY, STORAGE_VALUE);
+    }
+    closeHelpDialog();
+    setWasAutoOpened(false);
+    setDontShowAgain(false);
+  };
+  /**
+   *
+   */
+  var renderDialogManual = function renderDialogManual() {
+    return jsxRuntime.jsx(material.Card, {
+      variant: "outlined",
+      children: jsxRuntime.jsx(material.CardActionArea, {
+        component: "a",
+        href: ARDUINO_FAQ_URL,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          p: 1.5
+        },
+        children: jsxRuntime.jsxs(Stack__default.default, {
+          direction: "row",
+          spacing: 1.5,
+          alignItems: "center",
+          children: [jsxRuntime.jsx(muiElements.EliceIcon, {
+            icon: proRegularSvgIcons.faBookAlt
+          }), jsxRuntime.jsxs(Box__default.default, {
+            sx: {
+              flex: 1,
+              minWidth: 0
+            },
+            children: [jsxRuntime.jsx(Typography__default.default, {
+              variant: "body2",
+              fontWeight: 700,
+              children: intl$1.formatMessage({
+                id: 'exerciseRunner.arduino.help.manual.title'
+              })
+            }), jsxRuntime.jsx(Typography__default.default, {
+              variant: "caption",
+              color: "text.secondary",
+              children: intl$1.formatMessage({
+                id: 'exerciseRunner.arduino.help.manual.detail'
+              })
+            })]
+          }), jsxRuntime.jsx(muiElements.EliceIcon, {
+            icon: proRegularSvgIcons.faArrowRight
+          })]
+        })
+      })
+    });
+  };
+  //
+  //
+  //
+  return jsxRuntime.jsxs(Dialog__default.default, {
+    fullWidth: true,
+    open: isHelpDialogOpen,
+    maxWidth: "sm",
+    onClose: handleClose,
+    children: [jsxRuntime.jsx(DialogTitle__default.default, {
+      children: intl$1.formatMessage({
+        id: 'exerciseRunner.arduino.help.title'
+      })
+    }), jsxRuntime.jsx(DialogContent__default.default, {
+      children: jsxRuntime.jsxs(Stack__default.default, {
+        spacing: 2.5,
+        children: [jsxRuntime.jsx(Typography__default.default, {
+          variant: "body2",
+          color: "text.secondary",
+          children: intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.help.greeting'
+          })
+        }), jsxRuntime.jsx(ArduinoHelpDialogChecklist.default, {}), renderDialogManual()]
+      })
+    }), jsxRuntime.jsxs(DialogActions__default.default, {
+      sx: {
+        justifyContent: 'space-between'
+      },
+      children: [wasAutoOpened ? jsxRuntime.jsx(FormControlLabel__default.default, {
+        control: jsxRuntime.jsx(Checkbox__default.default, {
+          size: "small",
+          checked: dontShowAgain,
+          onChange: function onChange(e) {
+            return setDontShowAgain(e.target.checked);
+          }
+        }),
+        label: intl$1.formatMessage({
+          id: 'exerciseRunner.arduino.help.dontShowAgain'
+        })
+      }) : jsxRuntime.jsx(Box__default.default, {}), jsxRuntime.jsx(Button__default.default, {
+        color: "inherit",
+        onClick: handleClose,
+        children: intl$1.formatMessage({
+          id: 'exerciseRunner.arduino.help.close'
+        })
+      })]
+    })]
+  });
+};
+
+exports.default = ArduinoHelpDialog;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoHelpDialogButton.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const ArduinoHelpDialogButton: React.VFC;
+export default ArduinoHelpDialogButton;

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var icons = require('@elice/icons');
+var intl = require('@elice/intl');
+var _context = require('./_context.js');
+var ExerciseMenuButton = require('../../../shared/exercise-menu-button/ExerciseMenuButton.js');
+
+//
+//
+//
+var ArduinoHelpDialogButton = function ArduinoHelpDialogButton() {
+  var intl$1 = intl.useRawEliceIntl();
+  var _useArduinoBridge = _context.useArduinoBridge(),
+    isHelpDialogOpen = _useArduinoBridge.isHelpDialogOpen,
+    openHelpDialog = _useArduinoBridge.openHelpDialog;
+  return jsxRuntime.jsx(ExerciseMenuButton.default, {
+    icon: icons.eilStatusInfo,
+    title: intl$1.formatMessage({
+      id: 'exerciseRunner.arduino.help.button'
+    }),
+    active: isHelpDialogOpen,
+    onClick: openHelpDialog
+  });
+};
+
+exports.default = ArduinoHelpDialogButton;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoHelpDialogChecklist.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const ArduinoHelpDialogChecklist: React.VFC;
+export default ArduinoHelpDialogChecklist;

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

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var intl = require('@elice/intl');
+var Box = require('@mui/material/Box');
+var Stack = require('@mui/material/Stack');
+var Typography = require('@mui/material/Typography');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var Box__default = /*#__PURE__*/_interopDefaultCompat(Box);
+var Stack__default = /*#__PURE__*/_interopDefaultCompat(Stack);
+var Typography__default = /*#__PURE__*/_interopDefaultCompat(Typography);
+
+//
+//
+//
+var CHECKLIST_STEPS = [1, 2, 3, 4];
+//
+//
+//
+var ArduinoHelpDialogChecklist = function ArduinoHelpDialogChecklist() {
+  var intl$1 = intl.useRawEliceIntl();
+  /**
+   *
+   */
+  var renderStepBadge = function renderStepBadge(step) {
+    return jsxRuntime.jsx(Box__default.default, {
+      "aria-hidden": "true",
+      sx: {
+        width: 24,
+        height: 24,
+        borderRadius: '50%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: 13,
+        fontWeight: 700,
+        bgcolor: 'primary.main',
+        color: 'primary.contrastText',
+        flexShrink: 0
+      },
+      children: step
+    });
+  };
+  /**
+   *
+   */
+  var renderItem = function renderItem(step) {
+    var title = intl$1.formatMessage({
+      id: "exerciseRunner.arduino.help.checklist.".concat(step, ".title")
+    });
+    var body = intl$1.formatMessage({
+      id: "exerciseRunner.arduino.help.checklist.".concat(step, ".body")
+    });
+    return jsxRuntime.jsxs(Stack__default.default, {
+      direction: "row",
+      spacing: 1.5,
+      alignItems: "flex-start",
+      children: [renderStepBadge(step), jsxRuntime.jsxs(Box__default.default, {
+        sx: {
+          flex: 1,
+          pt: 0.25
+        },
+        children: [jsxRuntime.jsx(Typography__default.default, {
+          variant: "body2",
+          fontWeight: 700,
+          children: title
+        }), jsxRuntime.jsx(Typography__default.default, {
+          variant: "caption",
+          color: "text.secondary",
+          sx: {
+            display: 'block',
+            mt: 0.25
+          },
+          children: body
+        })]
+      })]
+    }, step);
+  };
+  //
+  //
+  //
+  return jsxRuntime.jsx(Stack__default.default, {
+    spacing: 1.5,
+    children: CHECKLIST_STEPS.map(function (step) {
+      return renderItem(step);
+    })
+  });
+};
+
+exports.default = ArduinoHelpDialogChecklist;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoProvider.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { XtermApis } from "../../../shared/xterm/Xterm";
+export interface ArduinoBridgeApi {
+    handleIncomingHex: (dataUrl: string) => void;
+    sendText: (text: string) => void;
+}
+export interface ArduinoBridgeProviderProps {
+    xtermRef: React.RefObject<XtermApis | null>;
+    apiRef: React.MutableRefObject<ArduinoBridgeApi | null>;
+    children: React.ReactNode;
+}
+export interface ArduinoBridgeProviderGateProps extends ArduinoBridgeProviderProps {
+    enabled: boolean;
+}
+declare const _default: ({ enabled, children, ...rest }: ArduinoBridgeProviderGateProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var mcuBridge = require('@elice/mcu-bridge');
+var _context = require('./_context.js');
+var ArduinoConnectionGuideDialog = require('./ArduinoConnectionGuideDialog.js');
+var ArduinoErrorDialog = require('./ArduinoErrorDialog.js');
+var ArduinoHelpDialog = require('./ArduinoHelpDialog.js');
+var ArduinoProviderApiBinder = require('./ArduinoProviderApiBinder.js');
+var ArduinoProviderFlashWriter = require('./ArduinoProviderFlashWriter.js');
+var ArduinoProviderSessionWriter = require('./ArduinoProviderSessionWriter.js');
+var useArduinoRunIntent = require('./useArduinoRunIntent.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+var ArduinoBridgeProvider = function ArduinoBridgeProvider(_ref) {
+  var xtermRef = _ref.xtermRef,
+    apiRef = _ref.apiRef,
+    children = _ref.children;
+  var _useFlash = mcuBridge.useFlash(),
+    isFlashing = _useFlash.isFlashing;
+  var _useArduinoRunIntent = useArduinoRunIntent.useArduinoRunIntent(),
+    pendingIntent = _useArduinoRunIntent.pendingIntent,
+    pendingIntentRef = _useArduinoRunIntent.pendingIntentRef,
+    setRunIntent = _useArduinoRunIntent.setRunIntent,
+    clearRunIntent = _useArduinoRunIntent.clearRunIntent;
+  var permissionPhase = mcuBridge.usePermissionPhase();
+  var _React$useState = React__default.default.useState(null),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    connectionIntent = _React$useState2[0],
+    setConnectionIntent = _React$useState2[1];
+  var _React$useState3 = React__default.default.useState(false),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    isHelpDialogOpen = _React$useState4[0],
+    setHelpDialogOpen = _React$useState4[1];
+  var openHelpDialog = React__default.default.useCallback(function () {
+    return setHelpDialogOpen(true);
+  }, []);
+  var closeHelpDialog = React__default.default.useCallback(function () {
+    return setHelpDialogOpen(false);
+  }, []);
+  React.useEffect(function () {
+    mcuBridge.setupMCUBridge([mcuBridge.ArduinoUnoDriver, mcuBridge.ArduinoMegaDriver]);
+  }, []);
+  // Clear the variant tag once the picker resolves so it can't bleed into
+  // an unrelated future connect flow.
+  React.useEffect(function () {
+    if (permissionPhase === 'granted') {
+      setConnectionIntent(null);
+    }
+  }, [permissionPhase]);
+  //
+  //
+  //
+  return jsxRuntime.jsxs(_context.ArduinoBridgeContext.Provider, {
+    value: {
+      setPendingIntent: setRunIntent,
+      isPending: pendingIntent !== null,
+      isFlashing: isFlashing,
+      connectionIntent: connectionIntent,
+      setConnectionIntent: setConnectionIntent,
+      isHelpDialogOpen: isHelpDialogOpen,
+      openHelpDialog: openHelpDialog,
+      closeHelpDialog: closeHelpDialog
+    },
+    children: [children, jsxRuntime.jsx(ArduinoProviderSessionWriter.default, {
+      xtermRef: xtermRef
+    }), jsxRuntime.jsx(ArduinoProviderFlashWriter.default, {
+      xtermRef: xtermRef
+    }), jsxRuntime.jsx(ArduinoProviderApiBinder.default, {
+      apiRef: apiRef,
+      xtermRef: xtermRef,
+      pendingIntentRef: pendingIntentRef,
+      clearRunIntent: clearRunIntent
+    }), jsxRuntime.jsx(ArduinoConnectionGuideDialog.default, {}), jsxRuntime.jsx(ArduinoHelpDialog.default, {}), jsxRuntime.jsx(ArduinoErrorDialog.default, {})]
+  });
+};
+//
+//
+//
+var ArduinoBridgeProvider$1 = (function (_a) {
+  var enabled = _a.enabled,
+    children = _a.children,
+    rest = tslib.__rest(_a, ["enabled", "children"]);
+  if (!enabled) {
+    return jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  return jsxRuntime.jsx(ArduinoBridgeProvider, Object.assign({}, rest, {
+    children: children
+  }));
+});
+
+exports.default = ArduinoBridgeProvider$1;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoProviderApiBinder.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { XtermApis } from "../../../shared/xterm/Xterm";
+import type { ArduinoBridgeIntent } from './_context';
+import type { ArduinoBridgeApi } from './ArduinoProvider';
+export interface ArduinoProviderApiBinderProps {
+    apiRef: React.MutableRefObject<ArduinoBridgeApi | null>;
+    xtermRef: React.RefObject<XtermApis | null>;
+    pendingIntentRef: React.MutableRefObject<ArduinoBridgeIntent | null>;
+    clearRunIntent: () => void;
+}
+declare const ArduinoProviderApiBinder: React.FC<ArduinoProviderApiBinderProps>;
+export default ArduinoProviderApiBinder;

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

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var intl = require('@elice/intl');
+var mcuBridge = require('@elice/mcu-bridge');
+var useArduinoTerminalWriter = require('./useArduinoTerminalWriter.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+function decodeHexDataUrl(dataUrl) {
+  var base64 = dataUrl.includes(',') ? dataUrl.split(',')[1] : dataUrl;
+  var binary = atob(base64);
+  var bytes = new Uint8Array(binary.length);
+  for (var i = 0; i < binary.length; i += 1) {
+    bytes[i] = binary.charCodeAt(i);
+  }
+  return bytes;
+}
+//
+//
+//
+var ArduinoProviderApiBinder = function ArduinoProviderApiBinder(_ref) {
+  var apiRef = _ref.apiRef,
+    xtermRef = _ref.xtermRef,
+    pendingIntentRef = _ref.pendingIntentRef,
+    clearRunIntent = _ref.clearRunIntent;
+  var intl$1 = intl.useRawEliceIntl();
+  var session = mcuBridge.useSession();
+  var _useFlash = mcuBridge.useFlash(),
+    flash = _useFlash.flash;
+  var _useArduinoTerminalWr = useArduinoTerminalWriter.useArduinoTerminalWriter({
+      xtermRef: xtermRef
+    }),
+    writeSystemMessage = _useArduinoTerminalWr.writeSystemMessage;
+  //
+  // Expose imperative API to the parent runner via ref.
+  //
+  React__default.default.useEffect(function () {
+    apiRef.current = {
+      handleIncomingHex: function handleIncomingHex(dataUrl) {
+        var intent = pendingIntentRef.current;
+        clearRunIntent();
+        if (intent !== 'upload') {
+          if (intent === 'compile') {
+            writeSystemMessage(intl$1.formatMessage({
+              id: 'exerciseRunner.arduino.terminal.compile.done'
+            }));
+          }
+          return;
+        }
+        if (!session) {
+          writeSystemMessage(intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.terminal.board.notConnected'
+          }));
+          return;
+        }
+        writeSystemMessage(intl$1.formatMessage({
+          id: 'exerciseRunner.arduino.terminal.compile.done'
+        }));
+        var bytes;
+        try {
+          bytes = decodeHexDataUrl(dataUrl);
+        } catch (_a) {
+          writeSystemMessage(intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.terminal.firmware.readFail'
+          }));
+          return;
+        }
+        void flash(bytes)["catch"](function () {
+          // Error already surfaced through the progress writer.
+        });
+      },
+      sendText: function sendText(text) {
+        if (!session) {
+          return;
+        }
+        void session.writeText(text);
+      }
+    };
+    return function () {
+      apiRef.current = null;
+    };
+  }, [apiRef, session, flash, pendingIntentRef, clearRunIntent, writeSystemMessage, intl$1]);
+  return null;
+};
+
+exports.default = ArduinoProviderApiBinder;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoProviderFlashWriter.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { XtermApis } from "../../../shared/xterm/Xterm";
+export interface ArduinoProviderFlashWriterProps {
+    xtermRef: React.RefObject<XtermApis | null>;
+}
+declare const ArduinoProviderFlashWriter: React.FC<ArduinoProviderFlashWriterProps>;
+export default ArduinoProviderFlashWriter;

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

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var intl = require('@elice/intl');
+var mcuBridge = require('@elice/mcu-bridge');
+var useArduinoTerminalWriter = require('./useArduinoTerminalWriter.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+var UPLOAD_PROGRESS_THROTTLE_MS = 200;
+var ArduinoProviderFlashWriter = function ArduinoProviderFlashWriter(_ref) {
+  var xtermRef = _ref.xtermRef;
+  var intl$1 = intl.useRawEliceIntl();
+  var _useFlash = mcuBridge.useFlash(),
+    progress = _useFlash.progress;
+  var _useArduinoTerminalWr = useArduinoTerminalWriter.useArduinoTerminalWriter({
+      xtermRef: xtermRef
+    }),
+    writeSystemMessage = _useArduinoTerminalWr.writeSystemMessage;
+  var lastStageRef = React__default.default.useRef(null);
+  var lastUploadWriteAtRef = React__default.default.useRef(0);
+  //
+  // Translate flash progress into terminal messages.
+  //
+  React__default.default.useEffect(function () {
+    var _a, _b;
+    if (!progress) {
+      lastStageRef.current = null;
+      lastUploadWriteAtRef.current = 0;
+      return;
+    }
+    var stage = progress.stage,
+      percent = progress.percent;
+    var isStageChange = lastStageRef.current !== stage;
+    lastStageRef.current = stage;
+    switch (stage) {
+      case 'start':
+        writeSystemMessage(intl$1.formatMessage({
+          id: 'exerciseRunner.arduino.terminal.upload.start'
+        }));
+        return;
+      case 'upload':
+        {
+          var now = Date.now();
+          if (!isStageChange && now - lastUploadWriteAtRef.current < UPLOAD_PROGRESS_THROTTLE_MS) {
+            return;
+          }
+          lastUploadWriteAtRef.current = now;
+          writeSystemMessage(intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.terminal.upload.progress'
+          }, {
+            percent: percent
+          }));
+          return;
+        }
+      case 'verify':
+        if (isStageChange) {
+          writeSystemMessage(intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.terminal.upload.verifying'
+          }));
+        }
+        return;
+      case 'done':
+        if (isStageChange) {
+          writeSystemMessage(intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.terminal.upload.done'
+          }));
+        }
+        return;
+      case 'error':
+        if (isStageChange) {
+          writeSystemMessage(intl$1.formatMessage({
+            id: 'exerciseRunner.arduino.terminal.upload.error'
+          }, {
+            error: (_b = (_a = progress.error) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : intl$1.formatMessage({
+              id: 'exerciseRunner.arduino.terminal.upload.errorUnknown'
+            })
+          }));
+        }
+        return;
+      default:
+        return;
+    }
+  }, [progress, writeSystemMessage, intl$1]);
+  return null;
+};
+
+exports.default = ArduinoProviderFlashWriter;

package/cjs/components/material-exercise/exercise-runner/arduino/ArduinoProviderSessionWriter.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { XtermApis } from "../../../shared/xterm/Xterm";
+export interface ArduinoProviderSessionWriterProps {
+    xtermRef: React.RefObject<XtermApis | null>;
+}
+declare const ArduinoProviderSessionWriter: React.FC<ArduinoProviderSessionWriterProps>;
+export default ArduinoProviderSessionWriter;