@elice/material-exercise 1.240718.0-trasncript.2 → 1.240718.2

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var types = require('@elice/types');
@@ -21,32 +20,24 @@ var ExerciseRunnerControllerRunningInfo = require('./ExerciseRunnerControllerRun
 var ExerciseRunnerControllerStatusMessage = require('./ExerciseRunnerControllerStatusMessage.js');
 var ExerciseRunnerControllerTimer = require('./ExerciseRunnerControllerTimer.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 RUNNER_CONTROLLER_HEIGHT = 50;
-var StyledController = styled__default.default.div.withConfig({
+const RUNNER_CONTROLLER_HEIGHT = 50;
+const StyledController = styled.div.withConfig({
   componentId: "sc-1fvokag-0"
 })(["display:flex;justify-content:space-between;align-items:center;padding:0.5rem 1rem;height:", "px;border-bottom:", ";"], RUNNER_CONTROLLER_HEIGHT, stylesheets.MATERIAL_DIVIDER_BORDER_VALUE);
-var ExerciseRunnerController = function ExerciseRunnerController() {
-  var _React$useContext = React__default.default.useContext(context.ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId;
-  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
-  return jsxRuntime.jsxs(StyledController, {
-    children: [jsxRuntime.jsxs(blocks.Flex, {
-      align: "center",
-      children: [jsxRuntime.jsx(ExerciseRunnerControllerButtonGroup.default, {}), jsxRuntime.jsx(blocks.Hspace, {
-        width: 1
-      }), jsxRuntime.jsx(ExerciseRunnerControllerRunningInfo.default, {}), jsxRuntime.jsx(ExerciseRunnerControllerTimer.default, {})]
-    }), jsxRuntime.jsxs(blocks.Flex, {
-      column: true,
-      align: "flex-end",
-      children: [jsxRuntime.jsx(ExerciseRunnerControllerStatusMessage.default, {}), isArduinoExercise ? jsxRuntime.jsx(ExerciseRunnerControllerArduinoStatusMessage.default, {}) : null]
-    }), isArduinoExercise ? jsxRuntime.jsx(ExerciseRunnerControllerArduinoAgentModal.default, {}) : null]
-  });
+const ExerciseRunnerController = () => {
+  const {
+    materialExerciseId
+  } = React.useContext(context.ExerciseContext);
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
+  return React.createElement(StyledController, null, React.createElement(blocks.Flex, {
+    align: "center"
+  }, React.createElement(ExerciseRunnerControllerButtonGroup.default, null), React.createElement(blocks.Hspace, {
+    width: 1
+  }), React.createElement(ExerciseRunnerControllerRunningInfo.default, null), React.createElement(ExerciseRunnerControllerTimer.default, null)), React.createElement(blocks.Flex, {
+    column: true,
+    align: "flex-end"
+  }, React.createElement(ExerciseRunnerControllerStatusMessage.default, null), isArduinoExercise ? React.createElement(ExerciseRunnerControllerArduinoStatusMessage.default, null) : null), isArduinoExercise ? React.createElement(ExerciseRunnerControllerArduinoAgentModal.default, null) : null);
 };
 
 exports.default = ExerciseRunnerController;

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

@@ -2,8 +2,6 @@
 
 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');
@@ -16,128 +14,101 @@ 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 FileSaver__default = /*#__PURE__*/_interopDefaultCompat(FileSaver);
-
-var ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY = 'elice-material-exercise-arduino-agent-modal-closed';
-var ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE = 'true';
-var ARDUINO_AGENT_MAC_DOWNLOAD_URL = 'https://eli.so/arduino-agent-mac';
-var ARDUINO_AGENT_WIN_DOWNLOAD_URL = 'https://eli.so/arduino-agent-win';
-var ARDUINO_AGENT_MANUAL_URL = 'https://eli.so/arduino-faq';
-var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControllerArduinoAgentModal() {
-  var intl$1 = intl.useRawEliceIntl();
-  var _useRecoilState = recoil.useRecoilState(recoil$1.exerciseArduinoAgentModalState),
-    _useRecoilState2 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState, 2),
-    open = _useRecoilState2[0],
-    setOpen = _useRecoilState2[1];
-  React__default.default.useEffect(function () {
-    var isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
+const ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY = 'elice-material-exercise-arduino-agent-modal-closed';
+const ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE = 'true';
+const ARDUINO_AGENT_MAC_DOWNLOAD_URL = 'https://eli.so/arduino-agent-mac';
+const ARDUINO_AGENT_WIN_DOWNLOAD_URL = 'https://eli.so/arduino-agent-win';
+const ARDUINO_AGENT_MANUAL_URL = 'https://eli.so/arduino-faq';
+const ExerciseRunnerControllerArduinoAgentModal = () => {
+  const intl$1 = intl.useRawEliceIntl();
+  const [open, setOpen] = recoil.useRecoilState(recoil$1.exerciseArduinoAgentModalState);
+  React.useEffect(() => {
+    const isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
     if (!isConfirmed) {
       setOpen(true);
     }
   }, [setOpen]);
-  var handleClose = function handleClose() {
+  const handleClose = () => {
     setOpen(false);
     localStorage.setItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY, ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE);
   };
-  var handleDownload = function handleDownload(fileUrl) {
-    FileSaver__default.default.saveAs(fileUrl);
+  const handleDownload = fileUrl => {
+    FileSaver.saveAs(fileUrl);
   };
-  var renderAgentInstallInstruction = function renderAgentInstallInstruction() {
-    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsx(blocks.Text, {
-        bold: true,
-        role: "gray0",
-        children: intl$1.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.install'
-        })
-      }), jsxRuntime.jsx(blocks.Vspace, {
-        height: 0.25
-      }), jsxRuntime.jsx(blocks.Text, {
-        role: "navy",
-        size: "small",
-        children: intl$1.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.install.detail'
-        })
-      }), jsxRuntime.jsx(blocks.Vspace, {
-        height: 0.75
-      }), jsxRuntime.jsxs(blocks.Flex, {
-        children: [jsxRuntime.jsx(blocks.Button, {
-          size: "tiny",
-          role: "gray1",
-          icon: jsxRuntime.jsx(blocks.Icon, {
-            icon: icons.eisWindows,
-            size: "huge"
-          }),
-          iconAlign: "left",
-          onClick: function onClick() {
-            return handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL);
-          },
-          children: intl$1.formatMessage({
-            id: 'exerciseRunner.controller.arduino.agent.instruction.install.window'
-          })
-        }), jsxRuntime.jsx(blocks.Hspace, {
-          width: 0.75
-        }), jsxRuntime.jsx(blocks.Button, {
-          size: "tiny",
-          role: "gray1",
-          icon: jsxRuntime.jsx(blocks.Icon, {
-            icon: icons.eisMac
-          }),
-          iconAlign: "left",
-          onClick: function onClick() {
-            return handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL);
-          },
-          children: intl$1.formatMessage({
-            id: 'exerciseRunner.controller.arduino.agent.instruction.install.mac'
-          })
-        })]
-      })]
-    });
+  const renderAgentInstallInstruction = () => {
+    return React.createElement(React.Fragment, null, React.createElement(blocks.Text, {
+      bold: true,
+      role: "gray0"
+    }, intl$1.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.install'
+    })), React.createElement(blocks.Vspace, {
+      height: 0.25
+    }), React.createElement(blocks.Text, {
+      role: "navy",
+      size: "small"
+    }, intl$1.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.install.detail'
+    })), React.createElement(blocks.Vspace, {
+      height: 0.75
+    }), React.createElement(blocks.Flex, null, React.createElement(blocks.Button, {
+      size: "tiny",
+      role: "gray1",
+      icon: React.createElement(blocks.Icon, {
+        icon: icons.eisWindows,
+        size: "huge"
+      }),
+      iconAlign: "left",
+      onClick: () => handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL)
+    }, intl$1.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.install.window'
+    })), React.createElement(blocks.Hspace, {
+      width: 0.75
+    }), React.createElement(blocks.Button, {
+      size: "tiny",
+      role: "gray1",
+      icon: React.createElement(blocks.Icon, {
+        icon: icons.eisMac
+      }),
+      iconAlign: "left",
+      onClick: () => handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL)
+    }, intl$1.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.install.mac'
+    }))));
   };
-  var renderAgentConnectionInstruction = function renderAgentConnectionInstruction() {
-    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsxs(blocks.Text, {
-        role: "gray0",
-        bold: true,
-        children: [intl$1.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
-        }), intl$1.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
-        })]
-      }), jsxRuntime.jsx(blocks.Vspace, {
-        height: 0.25
-      }), jsxRuntime.jsx(blocks.Text, {
-        role: "navy",
-        size: "small",
-        lineHeight: 1.6,
-        children: intl$1.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.connect.detail'
-        })
-      }), jsxRuntime.jsx(blocks.Vspace, {
-        height: 0.75
-      }), jsxRuntime.jsx(blocks.Button, {
-        icon: jsxRuntime.jsx(blocks.Icon, {
-          icon: icons.eilArrowRightwardsBasic
-        }),
-        iconAlign: "right",
-        size: "tiny",
-        role: "secondary",
-        onClick: function onClick() {
-          return window.open(ARDUINO_AGENT_MANUAL_URL);
-        },
-        children: intl$1.formatMessage({
-          id: 'exerciseRunner.controller.arduino.agent.instruction.connect.button'
-        })
-      })]
-    });
+  const renderAgentConnectionInstruction = () => {
+    return React.createElement(React.Fragment, null, React.createElement(blocks.Text, {
+      role: "gray0",
+      bold: true
+    }, intl$1.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
+    }), intl$1.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
+    })), React.createElement(blocks.Vspace, {
+      height: 0.25
+    }), React.createElement(blocks.Text, {
+      role: "navy",
+      size: "small",
+      lineHeight: 1.6
+    }, intl$1.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.connect.detail'
+    })), React.createElement(blocks.Vspace, {
+      height: 0.75
+    }), React.createElement(blocks.Button, {
+      icon: React.createElement(blocks.Icon, {
+        icon: icons.eilArrowRightwardsBasic
+      }),
+      iconAlign: "right",
+      size: "tiny",
+      role: "secondary",
+      onClick: () => window.open(ARDUINO_AGENT_MANUAL_URL)
+    }, intl$1.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.connect.button'
+    })));
   };
   if (!open) {
     return null;
   }
-  return jsxRuntime.jsx(blocks.Modal, {
+  return React.createElement(blocks.Modal, {
     theme: "dark",
     title: intl$1.formatMessage({
       id: 'exerciseRunner.controller.arduino.agent.title'
@@ -148,13 +119,10 @@ var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControlle
       }),
       onClick: handleClose
     }],
-    onHide: handleClose,
-    children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [renderAgentInstallInstruction(), jsxRuntime.jsx(blocks.Vspace, {
-        height: 1.5
-      }), renderAgentConnectionInstruction()]
-    })
-  });
+    onHide: handleClose
+  }, React.createElement(React.Fragment, null, renderAgentInstallInstruction(), React.createElement(blocks.Vspace, {
+    height: 1.5
+  }), renderAgentConnectionInstruction()));
 };
 
 exports.default = ExerciseRunnerControllerArduinoAgentModal;

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

@@ -2,8 +2,6 @@
 
 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 intl = require('@elice/intl');
@@ -17,28 +15,18 @@ require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 var ExerciseRunnerControllerStatusIndicator = require('./ExerciseRunnerControllerStatusIndicator.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var StyledMessageWrapper = styled__default.default(blocks.Flex).withConfig({
+const StyledMessageWrapper = styled(blocks.Flex).withConfig({
   componentId: "sc-19z7lun-0"
 })(["height:1rem;"]);
-var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerControllerArduinoStatusMessage() {
-  var intl$1 = intl.useRawEliceIntl();
-  var ports = recoil.useRecoilValue(recoil$1.exerciseArduinoPortsState);
-  var _useState = React.useState(''),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    message = _useState2[0],
-    setMessage = _useState2[1];
-  var _useState3 = React.useState('error'),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    status = _useState4[0],
-    setStatus = _useState4[1];
-  var arduinoOpenedPort = recoil.useRecoilValue(recoil$1.exerciseArduinoOpenedPortNameState);
-  var arduinoUploadProgress = recoil.useRecoilValue(recoil$1.exerciseArduinoUploadProgressState);
-  var arduinoAgentConnectionStatus = recoil.useRecoilValue(recoil$1.exerciseArduinoAgentConnectionState);
-  React.useEffect(function () {
+const ExerciseRunnerControllerArduinoStatusMessage = () => {
+  const intl$1 = intl.useRawEliceIntl();
+  const ports = recoil.useRecoilValue(recoil$1.exerciseArduinoPortsState);
+  const [message, setMessage] = React.useState('');
+  const [status, setStatus] = React.useState('error');
+  const arduinoOpenedPort = recoil.useRecoilValue(recoil$1.exerciseArduinoOpenedPortNameState);
+  const arduinoUploadProgress = recoil.useRecoilValue(recoil$1.exerciseArduinoUploadProgressState);
+  const arduinoAgentConnectionStatus = recoil.useRecoilValue(recoil$1.exerciseArduinoAgentConnectionState);
+  React.useEffect(() => {
     if (arduinoAgentConnectionStatus === 'disconnected') {
       setStatus('error');
       setMessage(intl$1.formatMessage({
@@ -81,7 +69,7 @@ var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerContro
       case 'error':
       case 'done':
       default:
-        var device = arduino.getPortFromName(ports, arduinoOpenedPort);
+        const device = arduino.getPortFromName(ports, arduinoOpenedPort);
         if (device) {
           setMessage(intl$1.formatMessage({
             id: 'exerciseRunner.controller.arduino.connectionStatus.connectedDevice'
@@ -99,16 +87,14 @@ var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerContro
   //
   //
   //
-  return jsxRuntime.jsxs(StyledMessageWrapper, {
-    align: "center",
-    children: [jsxRuntime.jsx(ExerciseRunnerControllerStatusIndicator.default, {
-      status: status
-    }), jsxRuntime.jsx(blocks.Text, {
-      role: "gray3",
-      size: "tiny",
-      children: message
-    })]
-  });
+  return React.createElement(StyledMessageWrapper, {
+    align: "center"
+  }, React.createElement(ExerciseRunnerControllerStatusIndicator.default, {
+    status: status
+  }), React.createElement(blocks.Text, {
+    role: "gray3",
+    size: "tiny"
+  }, message));
 };
 
 exports.default = ExerciseRunnerControllerArduinoStatusMessage;