@elice/material-exercise 1.251120.1 → 1.260128.0-rc.0

package/es/components/shared/no-vnc/NoVnc.js

@@ -1,4 +1,5 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import _styled from '@emotion/styled/base';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import { useMeasure, useMount, useUnmount, useUpdateEffect } from 'react-use';
@@ -14,30 +15,51 @@ import RFB_decoders_tight from '@novnc/novnc/core/decoders/tight';
 import RFB_decoders_tight_png from '@novnc/novnc/core/decoders/tightpng';
 import { encodings } from '@novnc/novnc/core/encodings';
 import RFB from '@novnc/novnc/core/rfb';
-import styled from 'styled-components';
-import ExerciseMenuButton from '../exercise-menu-button/ExerciseMenuButton.js';
-import PreviewContainer from '../preview-container/PreviewContainer.js';
 import messageEn from './locales/en.json.js';
+import PreviewContainer from '../preview-container/PreviewContainer.js';
+import ExerciseMenuButton from '../exercise-menu-button/ExerciseMenuButton.js';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 //
 //
 //
 var VNC_BACKGROUND_COLOR = base.color.navy7;
-var StyledHeaderTitle = styled.div.withConfig({
-  componentId: "sc-1duy62f-0"
-})(["flex:1;"]);
-var StyledHeaderButtonGroup = styled.div.withConfig({
-  componentId: "sc-1duy62f-1"
-})(["flex:0 0 auto;display:flex;align-items:center;"]);
-var StyledVncWrap = styled.div.withConfig({
-  componentId: "sc-1duy62f-2"
-})(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:", ";overflow:hidden;"], VNC_BACKGROUND_COLOR);
-var StyledNoVncContainer = styled.div.withConfig({
-  componentId: "sc-1duy62f-3"
-})([""]);
-var StyledNoVnc = styled.div.withConfig({
-  componentId: "sc-1duy62f-4"
-})(["position:relative;left:50%;top:50%;transform-origin:center center;transform:translate(-50%,-50%);"]);
+var StyledHeaderTitle = /*#__PURE__*/_styled("div", {
+  target: "ejcezyv4"
+})("production" === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "82a6rk",
+  styles: "flex:1",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledHeaderButtonGroup = /*#__PURE__*/_styled("div", {
+  target: "ejcezyv3"
+})("production" === "production" ? {
+  name: "6w70r0",
+  styles: "flex:0 0 auto;display:flex;align-items:center"
+} : {
+  name: "6w70r0",
+  styles: "flex:0 0 auto;display:flex;align-items:center",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledVncWrap = /*#__PURE__*/_styled("div", {
+  target: "ejcezyv2"
+})("display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:", VNC_BACKGROUND_COLOR, ";overflow:hidden;");
+var StyledNoVncContainer = /*#__PURE__*/_styled("div", {
+  target: "ejcezyv1"
+})();
+var StyledNoVnc = /*#__PURE__*/_styled("div", {
+  target: "ejcezyv0"
+})("production" === "production" ? {
+  name: "1d7o9kz",
+  styles: "position:relative;left:50%;top:50%;transform-origin:center center;transform:translate(-50%, -50%)"
+} : {
+  name: "1d7o9kz",
+  styles: "position:relative;left:50%;top:50%;transform-origin:center center;transform:translate(-50%, -50%)",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 //
 //
 //
@@ -219,9 +241,7 @@ var NoVnc = forwardRef(function (_ref, ref) {
     }
     vncRfb.current.scaleViewport = isVncScaledFromLocal;
     vncRfb.current.resizeSession = !isVncScaledFromLocal;
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isVncScaledFromLocal]);
+  }, [isVncScaledFromLocal]);
   //
   //
   //
@@ -284,6 +304,6 @@ var NoVnc = forwardRef(function (_ref, ref) {
     })
   });
 });
-var NoVnc$1 = new IntlComponentBuilder(NoVnc).add('en', messageEn).addAsync('ko', import('./locales/ko.json.js')).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
+var NoVnc_default = new IntlComponentBuilder(NoVnc).add('en', messageEn).addAsync('ko', import('./locales/ko.json.js')).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
 
-export { NoVnc$1 as default };
+export { NoVnc_default as default };

package/es/components/shared/preview-container/PreviewContainer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface PreviewContainerProps {
     children?: React.ReactNode;
     header?: React.ReactNode;

package/es/components/shared/preview-container/PreviewContainer.js

@@ -1,16 +1,16 @@
+import _styled from '@emotion/styled/base';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { base } from '@elice/design-tokens';
-import styled from 'styled-components';
 
 var PREVIEW_CONTAINER_HEADER_HEIGHT = 36; // 2.25rem
 var PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM = 4; // 0.25rem
-var StyledPreviewContainer = styled.div.withConfig({
-  componentId: "sc-1oi07w2-0"
-})(["display:flex;flex-direction:column;width:100%;height:100%;background-color:", ";overflow:hidden;"], base.color.white);
-var StyledPreviewHeader = styled.div.withConfig({
-  componentId: "sc-1oi07w2-1"
-})(["flex:0 0 ", "px;display:flex;align-items:center;padding:", "px 0.5rem;border-bottom:1px solid ", ";background-color:", ";"], PREVIEW_CONTAINER_HEADER_HEIGHT, PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM, base.color.navy7, base.color.navy8);
+var StyledPreviewContainer = /*#__PURE__*/_styled("div", {
+  target: "e1xlhqh31"
+})("display:flex;flex-direction:column;width:100%;height:100%;background-color:", base.color.white, ";overflow:hidden;");
+var StyledPreviewHeader = /*#__PURE__*/_styled("div", {
+  target: "e1xlhqh30"
+})("flex:0 0 ", PREVIEW_CONTAINER_HEADER_HEIGHT, "px;display:flex;align-items:center;padding:", PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM, "px 0.5rem;border-bottom:1px solid ", base.color.navy7, ";background-color:", base.color.navy8, ";");
 var PreviewContainer = forwardRef(function (_ref, ref) {
   var children = _ref.children,
     header = _ref.header;

package/es/components/shared/web-browser/WebBrowser.js

@@ -1,23 +1,31 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import _styled from '@emotion/styled/base';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import { Flex } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilRetry, eilNewWindow } from '@elice/icons';
 import { IntlComponentBuilder } from '@elice/intl';
-import styled from 'styled-components';
-import ExerciseMenuButton from '../exercise-menu-button/ExerciseMenuButton.js';
 import PreviewContainer, { PREVIEW_CONTAINER_HEADER_HEIGHT, PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM } from '../preview-container/PreviewContainer.js';
 import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
+import ExerciseMenuButton from '../exercise-menu-button/ExerciseMenuButton.js';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var WEB_BROWSER_URL_INPUT_HEIGHT = PREVIEW_CONTAINER_HEADER_HEIGHT - PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM * 2;
-var StyledHeaderUrlInput = styled.input.withConfig({
-  componentId: "sc-1c55yq-0"
-})(["flex:1;min-width:0;height:", "px;padding:0.25rem 0.5rem;color:", ";background:", ";border:0;border-radius:0.25rem;&:active,&:focus{outline:none;}"], WEB_BROWSER_URL_INPUT_HEIGHT, base.color.white, base.color.navy6);
-var StyledIframe = styled.iframe.withConfig({
-  componentId: "sc-1c55yq-1"
-})(["flex:1;width:100%;height:100%;min-height:0;border:0;"]);
+var StyledHeaderUrlInput = /*#__PURE__*/_styled("input", {
+  target: "euwelzc1"
+})("flex:1;min-width:0;height:", WEB_BROWSER_URL_INPUT_HEIGHT, "px;padding:0.25rem 0.5rem;color:", base.color.white, ";background:", base.color.navy6, ";border:0;border-radius:0.25rem;&:active,&:focus{outline:none;}");
+var StyledIframe = /*#__PURE__*/_styled("iframe", {
+  target: "euwelzc0"
+})("production" === "production" ? {
+  name: "11zjt2d",
+  styles: "flex:1;width:100%;height:100%;min-height:0;border:0"
+} : {
+  name: "11zjt2d",
+  styles: "flex:1;width:100%;height:100%;min-height:0;border:0",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 /**
  * Attach `_cachebust` search parameter to the URL to prevent caching.
  */
@@ -99,7 +107,7 @@ var WebBrowser = forwardRef(function (_ref, ref) {
       if (iframeUrl) {
         setInputUrl(iframeUrl);
       }
-    } catch (err) {
+    } catch (_d) {
       // SecurityError : can be raised on the cross-origin environment!
       // do nothing.
     }
@@ -159,8 +167,8 @@ var WebBrowser = forwardRef(function (_ref, ref) {
     return jsx(StyledIframe, {
       src: iframeSrc,
       title: url,
-      onLoad: handleIframeLoad,
-      ref: iframeRef
+      ref: iframeRef,
+      onLoad: handleIframeLoad
     });
   };
   //

package/es/components/shared/xterm/Xterm.js

@@ -1,21 +1,21 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import _styled from '@emotion/styled/base';
 import { jsx } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import { useMeasure, useDebounce } from 'react-use';
 import { base } from '@elice/design-tokens';
 import { IntlComponentBuilder } from '@elice/intl';
-import styled from 'styled-components';
 import { Terminal } from 'xterm';
 import { FitAddon } from 'xterm-addon-fit';
-import messageEn from './locales/en.json.js';
-import messageKo from './locales/ko.json.js';
 import { patchXtermComposedPath } from './utils/index.js';
 import 'xterm/css/xterm.css';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
 
 var XTERM_BACKGROUND_COLOR = base.color.navy9;
-var StyledXtermWrapper = styled.div.withConfig({
-  componentId: "sc-8sudaf-0"
-})(["flex:1 1 0%;height:100%;background-color:", ";overflow:hidden;padding:1rem;padding-right:0;.xterm-viewport{overflow-y:auto;overflow-x:hidden;}"], XTERM_BACKGROUND_COLOR);
+var StyledXtermWrapper = /*#__PURE__*/_styled("div", {
+  target: "evf6lbr0"
+})("flex:1 1 0%;height:100%;background-color:", XTERM_BACKGROUND_COLOR, ";overflow:hidden;padding:1rem;padding-right:0;.xterm-viewport{overflow-y:auto;overflow-x:hidden;}");
 var Xterm = forwardRef(function (_ref, ref) {
   var _ref$isRunning = _ref.isRunning,
     isRunning = _ref$isRunning === void 0 ? false : _ref$isRunning,
@@ -227,6 +227,6 @@ var Xterm = forwardRef(function (_ref, ref) {
 //
 //
 //
-var Xterm$1 = new IntlComponentBuilder(Xterm).add('en', messageEn).add('ko', messageKo).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
+var Xterm_default = new IntlComponentBuilder(Xterm).add('en', messageEn).add('ko', messageKo).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
 
-export { Xterm$1 as default };
+export { Xterm_default as default };

package/es/components/shared/xterm/utils/index.js

@@ -3,7 +3,6 @@
  * - ref: https://git.elicer.io/elice/frontend/elice-web/-/issues/1801
  */
 function patchXtermComposedPath() {
-  // eslint-disable-next-line no-eval
   eval('!function(){"function"!==window.Event.prototype.composedPath&&!function(t,o,h){t.composedPath||(t.composedPath=function(){if(this.path)return this.path;var t=this.target;for(this.path=[];null!==t.parentNode;)this.path.push(t),t=t.parentNode;return this.path.push(o,h),this.path})}(Event.prototype,document,window)}();');
 }
 

package/es/constants/stylesheets.d.ts

@@ -1,5 +1,5 @@
 import type { ResizableNextProps } from '@elice/blocks';
-import type { CSSProperties } from 'styled-components';
+import type { CSSProperties } from 'react';
 interface MaterialScrollBarOptions {
     width?: CSSProperties['width'];
     height?: CSSProperties['height'];
@@ -25,5 +25,5 @@ export declare const MATERIAL_SCROLL_BAR_BACKGROUND_COLOR: "#2e2e3c";
 /**
  * CSS for scroll bar.
  */
-export declare const getMaterialScrollBarCss: (options: MaterialScrollBarOptions) => import("styled-components").FlattenSimpleInterpolation;
+export declare const getMaterialScrollBarCss: (options: MaterialScrollBarOptions) => import("@emotion/react").SerializedStyles;
 export {};

package/es/constants/stylesheets.js

@@ -1,5 +1,5 @@
 import { base } from '@elice/design-tokens';
-import { css } from 'styled-components';
+import { css } from '@emotion/react';
 
 /**
  * Common props for resizable blocks.
@@ -27,7 +27,7 @@ var MATERIAL_SCROLL_BAR_BACKGROUND_COLOR = base.color.navy8;
  * CSS for scroll bar.
  */
 var getMaterialScrollBarCss = function getMaterialScrollBarCss(options) {
-  return css(["::-webkit-scrollbar{display:", ";width:", ";height:", ";}::-webkit-scrollbar-track-piece{background-color:", ";}::-webkit-scrollbar-thumb{border-radius:", ";background-color:", ";}&:hover{scrollbar-width:thin;::-webkit-scrollbar{display:initial;}}"], options.hideable ? 'none' : 'initial', options.width, options.height, MATERIAL_SCROLL_BAR_BACKGROUND_COLOR, options.borderRadius || '2px', MATERIAL_SCROLL_BAR_COLOR);
+  return /*#__PURE__*/css("::-webkit-scrollbar{display:", options.hideable ? 'none' : 'initial', ";width:", options.width, ";height:", options.height, ";}::-webkit-scrollbar-track-piece{background-color:", MATERIAL_SCROLL_BAR_BACKGROUND_COLOR, ";}::-webkit-scrollbar-thumb{border-radius:", options.borderRadius || '2px', ";background-color:", MATERIAL_SCROLL_BAR_COLOR, ";}&:hover{scrollbar-width:thin;::-webkit-scrollbar{display:initial;}}");
 };
 
 export { MATERIAL_DIVIDER_BORDER_VALUE, MATERIAL_RESIZABLE_COMMON_PROPS, MATERIAL_SCROLL_BAR_BACKGROUND_COLOR, MATERIAL_SCROLL_BAR_COLOR, getMaterialScrollBarCss };

package/es/hooks/useArduino.js

@@ -1,15 +1,11 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime, createForOfIteratorHelper as _createForOfIteratorHelper } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, createForOfIteratorHelper as _createForOfIteratorHelper } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useState, useEffect } from 'react';
 import { usePrevious } from 'react-use';
 import { useRecoilState, useSetRecoilState } from 'recoil';
 import io from 'socket.io-client';
-import { exerciseArduinoPortsState, exerciseArduinoOpenedPortNameState, exerciseArduinoAgentConnectionState, exerciseArduinoUploadProgressState, exerciseArduinoPreferenceState, exerciseArduinoOnSelectPortState } from '../components/material-exercise/context/recoil.js';
-import '../components/material-exercise/context/context.js';
-import '../components/material-exercise/context/recoilTypes.js';
-import '../components/material-exercise/context/subjects.js';
-import '../components/material-exercise/context/ExerciseProvider.js';
-import { AVR_COMMANDLINE, AVR_SIGNATURE, DISABLE_TIME_AFTER_UPLOAD, ARDUINO_AGENT_PORTS } from '../constants/arduino.js';
+import { AVR_SIGNATURE, AVR_COMMANDLINE, ARDUINO_AGENT_PORTS, DISABLE_TIME_AFTER_UPLOAD } from '../constants/arduino.js';
 import { getArduinoBoardType, getFileContent, createArduinoUrl, getFQBN } from '../utils/arduino.js';
+import { exerciseArduinoPortsState, exerciseArduinoOpenedPortNameState, exerciseArduinoAgentConnectionState, exerciseArduinoUploadProgressState, exerciseArduinoPreferenceState, exerciseArduinoOnSelectPortState } from '../components/material-exercise/context/recoil.js';
 
 //
 //
@@ -143,44 +139,43 @@ var useArduino = function useArduino(_ref) {
    * Send list command to the agent.
    */
   var ping = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             if (agentHttpPort) {
-              _context.next = 2;
+              _context.n = 1;
               break;
             }
-            return _context.abrupt("return");
-          case 2:
+            return _context.a(2);
+          case 1:
             if (!state.current.uploadingPortName) {
-              _context.next = 4;
+              _context.n = 2;
               break;
             }
-            return _context.abrupt("return");
-          case 4:
-            _context.prev = 4;
-            _context.next = 7;
+            return _context.a(2);
+          case 2:
+            _context.p = 2;
+            _context.n = 3;
             return fetch(createArduinoUrl({
               protocol: 'http',
               pathname: '/info',
               port: agentHttpPort
             }));
-          case 7:
+          case 3:
             send('list');
-            _context.next = 14;
+            _context.n = 5;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](4);
+          case 4:
+            _context.p = 4;
+            _context.v;
             // if ping fails, reconnect the agent.
             reload();
             setAgentConnectionStatus('reconnecting');
-          case 14:
-          case "end":
-            return _context.stop();
+          case 5:
+            return _context.a(2);
         }
-      }, _callee, null, [[4, 10]]);
+      }, _callee, null, [[2, 4]]);
     }));
     return function ping() {
       return _ref2.apply(this, arguments);
@@ -239,7 +234,7 @@ var useArduino = function useArduino(_ref) {
       return res.json();
     }).then(function () {
       // no response (202 accepted)
-    }).catch(function () {
+    })["catch"](function () {
       //
     });
   };
@@ -375,22 +370,22 @@ var useArduino = function useArduino(_ref) {
     var reconnectTimeout = null;
     /** Scan port. */
     var _scan = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var _iterator, _step, port;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+        var _iterator, _step, port, _t2, _t3;
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.p = _context2.n) {
             case 0:
               _iterator = _createForOfIteratorHelper(ARDUINO_AGENT_PORTS);
-              _context2.prev = 1;
+              _context2.p = 1;
               _iterator.s();
-            case 3:
+            case 2:
               if ((_step = _iterator.n()).done) {
-                _context2.next = 17;
+                _context2.n = 7;
                 break;
               }
               port = _step.value;
-              _context2.prev = 5;
-              _context2.next = 8;
+              _context2.p = 3;
+              _context2.n = 4;
               return fetch(createArduinoUrl({
                 protocol: 'http',
                 pathname: '/info',
@@ -398,47 +393,44 @@ var useArduino = function useArduino(_ref) {
               }), {
                 signal: abortCtrl.signal
               });
-            case 8:
-              return _context2.abrupt("return", port);
-            case 11:
-              _context2.prev = 11;
-              _context2.t0 = _context2["catch"](5);
-              if (!(_context2.t0.name === 'AbortError')) {
-                _context2.next = 15;
+            case 4:
+              return _context2.a(2, port);
+            case 5:
+              _context2.p = 5;
+              _t2 = _context2.v;
+              if (!(_t2.name === 'AbortError')) {
+                _context2.n = 6;
                 break;
               }
-              throw _context2.t0;
-            case 15:
-              _context2.next = 3;
+              throw _t2;
+            case 6:
+              _context2.n = 2;
               break;
-            case 17:
-              _context2.next = 22;
+            case 7:
+              _context2.n = 9;
               break;
-            case 19:
-              _context2.prev = 19;
-              _context2.t1 = _context2["catch"](1);
-              _iterator.e(_context2.t1);
-            case 22:
-              _context2.prev = 22;
+            case 8:
+              _context2.p = 8;
+              _t3 = _context2.v;
+              _iterator.e(_t3);
+            case 9:
+              _context2.p = 9;
               _iterator.f();
-              return _context2.finish(22);
-            case 25:
-              return _context2.abrupt("return", null);
-            case 26:
-            case "end":
-              return _context2.stop();
+              return _context2.f(9);
+            case 10:
+              return _context2.a(2, null);
           }
-        }, _callee2, null, [[1, 19, 22, 25], [5, 11]]);
+        }, _callee2, null, [[3, 5], [1, 8, 9, 10]]);
       }));
       return function _scan() {
         return _ref3.apply(this, arguments);
       };
     }();
     /** Scan port to discover until found. */
-    var _discover = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+    var _discover2 = /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
             case 0:
               void _scan().then(function (port) {
                 // if port found, stop scanning and set port
@@ -448,15 +440,14 @@ var useArduino = function useArduino(_ref) {
                 // or start scanning again
                 else {
                   reconnectTimeout = window.setTimeout(function () {
-                    return void _discover();
+                    return void _discover2();
                   }, AGENT_REDISCOVER_DELAY);
                 }
-              }).catch(function () {
+              })["catch"](function () {
                 return void 0;
               });
             case 1:
-            case "end":
-              return _context3.stop();
+              return _context3.a(2);
           }
         }, _callee3);
       }));
@@ -466,7 +457,7 @@ var useArduino = function useArduino(_ref) {
     }();
     // start scanning...
     setAgentConnectionStatus('connecting');
-    void _discover();
+    void _discover2();
     return function () {
       abortCtrl.abort();
       if (reconnectTimeout) {
@@ -485,15 +476,15 @@ var useArduino = function useArduino(_ref) {
       return;
     }
     var _init = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
             case 0:
-              _context4.next = 2;
+              _context4.n = 1;
               return new Promise(function (r) {
                 return window.setTimeout(r, AGENT_INIT_DELAY);
               });
-            case 2:
+            case 1:
               setAgentConnectionStatus('connecting');
               // connect socket.io-client to the agent.
               socket.current = io(createArduinoUrl({
@@ -505,12 +496,12 @@ var useArduino = function useArduino(_ref) {
                 try {
                   var msg = JSON.parse(message);
                   handleAgentMsg(msg);
-                } catch (e) {
+                } catch (_a) {
                   // console.warn(e);
                 }
               });
               // agent - on connect
-              _context4.next = 7;
+              _context4.n = 2;
               return new Promise(function (resolve) {
                 var _a;
                 return (_a = socket.current) === null || _a === void 0 ? void 0 : _a.on('connect', resolve);
@@ -522,14 +513,13 @@ var useArduino = function useArduino(_ref) {
                 (_d = socket.current) === null || _d === void 0 ? void 0 : _d.emit('command', 'downloadtool rp2040tools latest arduino keep');
                 (_e = socket.current) === null || _e === void 0 ? void 0 : _e.emit('command', 'downloadtool avrdude 6.3.0-arduino15 arduino keep');
               });
-            case 7:
+            case 2:
               setAgentConnectionStatus('connected');
               pingInterval.current = window.setInterval(function () {
                 return void ping();
               }, AGENT_CHECK_PING_INTERVAL);
-            case 9:
-            case "end":
-              return _context4.stop();
+            case 3:
+              return _context4.a(2);
           }
         }, _callee4);
       }));

package/es/hooks/useExerciseFile.js

@@ -1,11 +1,8 @@
 import { useContext, useMemo } from 'react';
 import { useRecoilValue } from 'recoil';
 import { exerciseState, exerciseRoomState } from '../components/material-exercise/context/recoil.js';
+import { checkExerciseFileResettable, checkExerciseFileEditable } from '../utils/exerciseFile.js';
 import { ExerciseContext } from '../components/material-exercise/context/context.js';
-import '../components/material-exercise/context/recoilTypes.js';
-import '../components/material-exercise/context/subjects.js';
-import '../components/material-exercise/context/ExerciseProvider.js';
-import { checkExerciseFileEditable, checkExerciseFileResettable } from '../utils/exerciseFile.js';
 
 /**
  * Check whether the exercise file is editable.

package/es/hooks/useMaterialExerciseFileUrl.js

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { getOrgMaterialExerciseExerciseRoomUserFileGet, getOrgMaterialExerciseExerciseImageExerciseFileGet } from '@elice/api-client';
 
@@ -20,43 +20,43 @@ var useMaterialExerciseFileUrl = function useMaterialExerciseFileUrl(_ref) {
     if (!exerciseImage || !filename) {
       return;
     }
-    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+    _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
       var _a, exerciseImageFileList;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             exerciseImageFileList = (_a = exerciseImage.filelist) !== null && _a !== void 0 ? _a : []; // origin from exercise image
             if (!exerciseImageFileList.includes(filename)) {
-              _context.next = 5;
+              _context.n = 1;
               break;
             }
-            return _context.abrupt("return", getOrgMaterialExerciseExerciseImageExerciseFileGet({
+            return _context.a(2, getOrgMaterialExerciseExerciseImageExerciseFileGet({
               exerciseImageId: exerciseImage.id,
               filename: filename
             }, {
               signal: abortCtrl.signal
             }).then(function (res) {
               return res.exerciseFile.url;
-            }).catch(function () {
+            })["catch"](function () {
               return null;
             }));
-          case 5:
-            return _context.abrupt("return", getOrgMaterialExerciseExerciseRoomUserFileGet({
+          case 1:
+            return _context.a(2, getOrgMaterialExerciseExerciseRoomUserFileGet({
               exerciseRoomId: exerciseRoomId,
               filename: filename
             }, {
               signal: abortCtrl.signal
             }).then(function (res) {
               return res.userFile.url;
-            }).catch(function () {
+            })["catch"](function () {
               return null;
             }));
-          case 6:
-          case "end":
-            return _context.stop();
+          case 2:
+            return _context.a(2);
         }
       }, _callee);
-    }))().then(setFileUrl).catch(onError);
+    }))().then(setFileUrl)["catch"](onError);
     return function () {
       abortCtrl.abort();
       setFileUrl(null);