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

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

@@ -0,0 +1,88 @@
+'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 muiSystem = require('@elice/mui-system');
+var lab = require('@mui/lab');
+var _context = require('./_context.js');
+var useControllerActionRun = require('../action/useControllerActionRun.js');
+var useExericseShortcut = require('../../../../hooks/useExericseShortcut.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+var ArduinoControllerActionCompile = function ArduinoControllerActionCompile() {
+  var intl$1 = intl.useRawEliceIntl();
+  var _useControllerActionR = useControllerActionRun.useControllerActionRun(),
+    isHidden = _useControllerActionR.isHidden,
+    isDisabled = _useControllerActionR.isDisabled,
+    isLoading = _useControllerActionR.isLoading,
+    run = _useControllerActionR.run;
+  var _useArduinoBridge = _context.useArduinoBridge(),
+    setPendingIntent = _useArduinoBridge.setPendingIntent,
+    isPending = _useArduinoBridge.isPending,
+    isFlashing = _useArduinoBridge.isFlashing;
+  var isCompileDisabled = isDisabled || isPending || isFlashing;
+  var isCompileLoading = isLoading || isPending;
+  /**
+   * Submit the Arduino sketch for compilation without flashing the board.
+   */
+  var compile = React__default.default.useCallback(/*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+    return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          if (!isCompileDisabled) {
+            _context.n = 1;
+            break;
+          }
+          return _context.a(2);
+        case 1:
+          setPendingIntent('compile');
+          _context.n = 2;
+          return run();
+        case 2:
+          return _context.a(2);
+      }
+    }, _callee);
+  })), [isCompileDisabled, setPendingIntent, run]);
+  //
+  // register the shortcut
+  //
+  useExericseShortcut.useExericseShortcut('RUNNER_SUBMIT_RUN', compile);
+  //
+  //
+  //
+  if (isHidden) {
+    return null;
+  }
+  return jsxRuntime.jsx(lab.LoadingButton, {
+    size: "small",
+    variant: "contained",
+    color: "primary",
+    loading: isCompileLoading,
+    disabled: isCompileDisabled,
+    sx: {
+      color: function color(theme) {
+        return theme.palette.getContrastText(muiSystem.colors.elicepurple[500]);
+      },
+      bgcolor: muiSystem.colors.elicepurple[500],
+      '&:hover, &:active': {
+        bgcolor: muiSystem.colors.elicepurple[600]
+      }
+    },
+    onClick: compile,
+    children: intl$1.formatMessage({
+      id: 'exerciseRunner.controller.arduino.button.compile'
+    })
+  });
+};
+
+exports.default = ArduinoControllerActionCompile;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ArduinoControllerActionUpload: React.FC;
+export default ArduinoControllerActionUpload;

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

@@ -0,0 +1,103 @@
+'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 mcuBridge = require('@elice/mcu-bridge');
+var muiSystem = require('@elice/mui-system');
+var lab = require('@mui/lab');
+var _context = require('./_context.js');
+var useControllerActionRun = require('../action/useControllerActionRun.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+var ArduinoControllerActionUpload = function ArduinoControllerActionUpload() {
+  var intl$1 = intl.useRawEliceIntl();
+  var _useControllerActionR = useControllerActionRun.useControllerActionRun(),
+    isHidden = _useControllerActionR.isHidden,
+    isDisabled = _useControllerActionR.isDisabled,
+    run = _useControllerActionR.run;
+  var _useConnection = mcuBridge.useConnection(),
+    status = _useConnection.status,
+    connect = _useConnection.connect;
+  var isBrowserSupported = mcuBridge.useIsBrowserSupported();
+  var _useArduinoBridge = _context.useArduinoBridge(),
+    setPendingIntent = _useArduinoBridge.setPendingIntent,
+    isPending = _useArduinoBridge.isPending,
+    isFlashing = _useArduinoBridge.isFlashing,
+    setConnectionIntent = _useArduinoBridge.setConnectionIntent;
+  var isUploadDisabled = isDisabled || isPending || isFlashing || !isBrowserSupported;
+  var isUploadLoading = isPending || isFlashing;
+  /**
+   * Submit the Arduino sketch, then flash the compiled firmware to the board.
+   */
+  var upload = React__default.default.useCallback(/*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+    return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+      while (1) switch (_context.p = _context.n) {
+        case 0:
+          if (!isUploadDisabled) {
+            _context.n = 1;
+            break;
+          }
+          return _context.a(2);
+        case 1:
+          if (!(status !== 'connected')) {
+            _context.n = 5;
+            break;
+          }
+          setConnectionIntent('upload');
+          _context.p = 2;
+          _context.n = 3;
+          return connect();
+        case 3:
+          _context.n = 5;
+          break;
+        case 4:
+          _context.p = 4;
+          _context.v;
+          return _context.a(2);
+        case 5:
+          setPendingIntent('upload');
+          _context.n = 6;
+          return run();
+        case 6:
+          return _context.a(2);
+      }
+    }, _callee, null, [[2, 4]]);
+  })), [isUploadDisabled, status, connect, setConnectionIntent, setPendingIntent, run]);
+  //
+  //
+  //
+  if (isHidden) {
+    return null;
+  }
+  return jsxRuntime.jsx(lab.LoadingButton, {
+    size: "small",
+    variant: "contained",
+    loading: isUploadLoading,
+    disabled: isUploadDisabled,
+    sx: {
+      color: function color(theme) {
+        return theme.palette.getContrastText(muiSystem.colors.elicepurple[700]);
+      },
+      bgcolor: muiSystem.colors.elicepurple[700],
+      '&:hover, &:active': {
+        bgcolor: muiSystem.colors.elicepurple[800]
+      }
+    },
+    onClick: upload,
+    children: intl$1.formatMessage({
+      id: 'exerciseRunner.controller.arduino.button.upload'
+    })
+  });
+};
+
+exports.default = ArduinoControllerActionUpload;

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

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

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var material = require('@mui/material');
+var ArduinoControllerActionCompile = require('./ArduinoControllerActionCompile.js');
+var ArduinoControllerActionUpload = require('./ArduinoControllerActionUpload.js');
+var ControllerActionGrade = require('../action/ControllerActionGrade.js');
+var ControllerActionCancel = require('../action/ControllerActionCancel.js');
+
+//
+//
+//
+var ArduinoControllerButtonGroup = function ArduinoControllerButtonGroup() {
+  return jsxRuntime.jsxs(material.Stack, {
+    direction: "row",
+    alignItems: "center",
+    gap: "0.5rem",
+    children: [jsxRuntime.jsx(ArduinoControllerActionCompile.default, {}), jsxRuntime.jsx(ArduinoControllerActionUpload.default, {}), jsxRuntime.jsx(ControllerActionGrade.default, {}), jsxRuntime.jsx(ControllerActionCancel.default, {})]
+  });
+};
+
+exports.default = ArduinoControllerButtonGroup;

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

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

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

@@ -0,0 +1,201 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
+var blocks = require('@elice/blocks');
+var intl = require('@elice/intl');
+var mcuBridge = require('@elice/mcu-bridge');
+var lab = require('@mui/lab');
+var material = require('@mui/material');
+var ExerciseRunnerControllerStatusMessage = require('../ExerciseRunnerControllerStatusMessage.js');
+var _context = require('./_context.js');
+var ArduinoHelpDialogButton = require('./ArduinoHelpDialogButton.js');
+
+var BOARD_STATUS_TONE = {
+  idle: 'idle',
+  connected: 'success',
+  reconnecting: 'warning',
+  disconnected: 'error'
+};
+var BOARD_STATUS_LABEL_KEY = {
+  idle: 'exerciseRunner.controller.arduino.boardStatus.idle',
+  connected: 'exerciseRunner.controller.arduino.boardStatus.connected',
+  reconnecting: 'exerciseRunner.controller.arduino.boardStatus.reconnecting',
+  disconnected: 'exerciseRunner.controller.arduino.boardStatus.disconnected'
+};
+var dotColor = function dotColor(tone) {
+  return function (theme) {
+    switch (tone) {
+      case 'success':
+        return theme.palette.success.main;
+      case 'warning':
+        return theme.palette.warning.main;
+      case 'error':
+        return theme.palette.error.main;
+      case 'idle':
+      default:
+        return theme.palette.grey[500];
+    }
+  };
+};
+//
+//
+//
+var ArduinoControllerStatusMessage = function ArduinoControllerStatusMessage() {
+  var _a;
+  var intl$1 = intl.useRawEliceIntl();
+  var _useConnection = mcuBridge.useConnection(),
+    status = _useConnection.status,
+    connect = _useConnection.connect,
+    disconnect = _useConnection.disconnect;
+  var session = mcuBridge.useSession();
+  var _useArduinoBridge = _context.useArduinoBridge(),
+    isFlashing = _useArduinoBridge.isFlashing,
+    setConnectionIntent = _useArduinoBridge.setConnectionIntent;
+  var isBrowserSupported = mcuBridge.useIsBrowserSupported();
+  var deviceName = (_a = session === null || session === void 0 ? void 0 : session.driver.board.name) !== null && _a !== void 0 ? _a : null;
+  var isConnected = status === 'connected';
+  var isTransitioning = status === 'reconnecting';
+  /**
+   *
+   */
+  var handleClick = /*#__PURE__*/function () {
+    var _ref = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            if (!isConnected) {
+              _context.n = 2;
+              break;
+            }
+            _context.n = 1;
+            return disconnect();
+          case 1:
+            return _context.a(2);
+          case 2:
+            setConnectionIntent('connect');
+            _context.p = 3;
+            _context.n = 4;
+            return connect();
+          case 4:
+            _context.n = 6;
+            break;
+          case 5:
+            _context.p = 5;
+            _context.v;
+          case 6:
+            return _context.a(2);
+        }
+      }, _callee, null, [[3, 5]]);
+    }));
+    return function handleClick() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /**
+   *
+   */
+  var getBoardStatusLabel = function getBoardStatusLabel() {
+    switch (status) {
+      case 'reconnecting':
+      case 'disconnected':
+        return intl$1.formatMessage({
+          id: BOARD_STATUS_LABEL_KEY[status]
+        });
+      case 'connected':
+        return deviceName ? intl$1.formatMessage({
+          id: BOARD_STATUS_LABEL_KEY.connected
+        }, {
+          device: deviceName
+        }) : intl$1.formatMessage({
+          id: 'exerciseRunner.controller.arduino.boardStatus.connectedNoName'
+        });
+      case 'idle':
+      default:
+        return intl$1.formatMessage({
+          id: BOARD_STATUS_LABEL_KEY.idle
+        });
+    }
+  };
+  /**
+   *
+   */
+  var renderArduinoBaudRate = function renderArduinoBaudRate() {
+    if (!isConnected) {
+      return null;
+    }
+    return jsxRuntime.jsx(mcuBridge.BaudRateSelect, {
+      size: "small",
+      sx: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, ".".concat(material.inputLabelClasses.root), {
+        display: 'none'
+      }), ".".concat(material.inputBaseClasses.root), {
+        width: '10rem',
+        minHeight: '1rem'
+      }), ".".concat(material.inputBaseClasses.input), {
+        paddingTop: '0.25rem',
+        paddingBottom: '0.25rem'
+      })
+    });
+  };
+  /**
+   *
+   */
+  var renderArduinoStatus = function renderArduinoStatus() {
+    return jsxRuntime.jsxs(material.Stack, {
+      direction: "row",
+      alignItems: "center",
+      gap: "0.5rem",
+      children: [jsxRuntime.jsx(material.Box, {
+        sx: {
+          width: '6px',
+          height: '6px',
+          borderRadius: '50%',
+          backgroundColor: dotColor(BOARD_STATUS_TONE[status])
+        }
+      }), jsxRuntime.jsx(blocks.Text, {
+        bold: true,
+        role: "gray3",
+        size: "tiny",
+        children: getBoardStatusLabel()
+      })]
+    });
+  };
+  /**
+   *
+   */
+  var renderArduinoConnectButton = function renderArduinoConnectButton() {
+    return jsxRuntime.jsxs(material.Stack, {
+      direction: "row",
+      alignItems: "center",
+      gap: "0.5rem",
+      children: [jsxRuntime.jsx(lab.LoadingButton, {
+        color: isConnected ? 'error' : 'success',
+        size: "small",
+        disabled: !isBrowserSupported || isTransitioning || isFlashing,
+        loading: isTransitioning,
+        onClick: handleClick,
+        children: isConnected ? intl$1.formatMessage({
+          id: 'exerciseRunner.controller.arduino.button.disconnect'
+        }) : intl$1.formatMessage({
+          id: 'exerciseRunner.controller.arduino.button.connect'
+        })
+      }), jsxRuntime.jsx(ArduinoHelpDialogButton.default, {})]
+    });
+  };
+  //
+  //
+  //
+  return jsxRuntime.jsxs(material.Stack, {
+    direction: "row",
+    alignItems: "center",
+    gap: "1rem",
+    children: [renderArduinoBaudRate(), jsxRuntime.jsxs(material.Stack, {
+      alignItems: "flex-end",
+      children: [jsxRuntime.jsx(ExerciseRunnerControllerStatusMessage.default, {}), renderArduinoStatus()]
+    }), renderArduinoConnectButton()]
+  });
+};
+
+exports.default = ArduinoControllerStatusMessage;

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

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

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

@@ -0,0 +1,125 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
+var intl = require('@elice/intl');
+var mcuBridge = require('@elice/mcu-bridge');
+var Button = require('@mui/material/Button');
+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 Stack = require('@mui/material/Stack');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var Button__default = /*#__PURE__*/_interopDefaultCompat(Button);
+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 Stack__default = /*#__PURE__*/_interopDefaultCompat(Stack);
+
+//
+//
+//
+var ArduinoErrorDialog = function ArduinoErrorDialog() {
+  var intl$1 = intl.useRawEliceIntl();
+  var _useConnection = mcuBridge.useConnection(),
+    connect = _useConnection.connect;
+  var _useMCUBridgeError = mcuBridge.useMCUBridgeError(),
+    errorCode = _useMCUBridgeError.errorCode,
+    clearError = _useMCUBridgeError.clearError;
+  var _usePermissionState = mcuBridge.usePermissionState(),
+    permissionPhase = _usePermissionState.phase,
+    resetPermission = _usePermissionState.reset;
+  var isErrorDialogOpen = permissionPhase === 'denied' || Boolean(errorCode);
+  /**
+   *
+   */
+  var handleClose = function handleClose() {
+    resetPermission();
+    clearError();
+  };
+  // `PermissionAlert` resets `permissionStore` itself; `errorStore` is
+  // separate and must be cleared here or `errorCode` keeps the dialog open.
+  var handleRetry = /*#__PURE__*/function () {
+    var _ref = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+      return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            clearError();
+            _context.p = 1;
+            _context.n = 2;
+            return connect();
+          case 2:
+            _context.n = 4;
+            break;
+          case 3:
+            _context.p = 3;
+            _context.v;
+          case 4:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1, 3]]);
+    }));
+    return function handleRetry() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  /**
+   *
+   */
+  var renderErrorDialogTitle = function renderErrorDialogTitle() {
+    return jsxRuntime.jsx(DialogTitle__default.default, {
+      children: intl$1.formatMessage({
+        id: 'exerciseRunner.arduino.error.title'
+      })
+    });
+  };
+  /**
+   *
+   */
+  var renderErrorDialogContent = function renderErrorDialogContent() {
+    return jsxRuntime.jsx(DialogContent__default.default, {
+      children: jsxRuntime.jsxs(Stack__default.default, {
+        spacing: 1.5,
+        children: [permissionPhase === 'denied' ? jsxRuntime.jsx(mcuBridge.PermissionAlert, {
+          onRetry: handleRetry
+        }) : null, errorCode ? jsxRuntime.jsx(mcuBridge.MCUBridgeErrorText, {
+          code: errorCode,
+          variant: "body2",
+          color: "error"
+        }) : null]
+      })
+    });
+  };
+  /**
+   *
+   */
+  var renderErrorDialogActions = function renderErrorDialogActions() {
+    return jsxRuntime.jsx(DialogActions__default.default, {
+      children: jsxRuntime.jsx(Button__default.default, {
+        color: "inherit",
+        onClick: handleClose,
+        children: intl$1.formatMessage({
+          id: 'exerciseRunner.arduino.error.close'
+        })
+      })
+    });
+  };
+  //
+  //
+  //
+  return jsxRuntime.jsxs(Dialog__default.default, {
+    fullWidth: true,
+    open: isErrorDialogOpen,
+    maxWidth: "sm",
+    onClose: handleClose,
+    children: [renderErrorDialogTitle(), renderErrorDialogContent(), renderErrorDialogActions()]
+  });
+};
+
+exports.default = ArduinoErrorDialog;

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

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