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

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

@@ -3,30 +3,38 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
 var intl = require('@elice/intl');
-var styled = require('styled-components');
-var ExerciseMenuButton = require('../exercise-menu-button/ExerciseMenuButton.js');
 var PreviewContainer = require('../preview-container/PreviewContainer.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
+var ExerciseMenuButton = require('../exercise-menu-button/ExerciseMenuButton.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
+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 = PreviewContainer.PREVIEW_CONTAINER_HEADER_HEIGHT - PreviewContainer.PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM * 2;
-var StyledHeaderUrlInput = styled__default.default.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, designTokens.base.color.white, designTokens.base.color.navy6);
-var StyledIframe = styled__default.default.iframe.withConfig({
-  componentId: "sc-1c55yq-1"
-})(["flex:1;width:100%;height:100%;min-height:0;border:0;"]);
+var StyledHeaderUrlInput = /*#__PURE__*/_styled__default.default("input", {
+  target: "euwelzc1"
+})("flex:1;min-width:0;height:", WEB_BROWSER_URL_INPUT_HEIGHT, "px;padding:0.25rem 0.5rem;color:", designTokens.base.color.white, ";background:", designTokens.base.color.navy6, ";border:0;border-radius:0.25rem;&:active,&:focus{outline:none;}");
+var StyledIframe = /*#__PURE__*/_styled__default.default("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.
  */
@@ -108,7 +116,7 @@ var WebBrowser = React.forwardRef(function (_ref, ref) {
       if (iframeUrl) {
         setInputUrl(iframeUrl);
       }
-    } catch (err) {
+    } catch (_d) {
       // SecurityError : can be raised on the cross-origin environment!
       // do nothing.
     }
@@ -168,8 +176,8 @@ var WebBrowser = React.forwardRef(function (_ref, ref) {
     return jsxRuntime.jsx(StyledIframe, {
       src: iframeSrc,
       title: url,
-      onLoad: handleIframeLoad,
-      ref: iframeRef
+      ref: iframeRef,
+      onLoad: handleIframeLoad
     });
   };
   //

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

@@ -3,28 +3,28 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactUse = require('react-use');
 var designTokens = require('@elice/design-tokens');
 var intl = require('@elice/intl');
-var styled = require('styled-components');
 var xterm = require('xterm');
 var xtermAddonFit = require('xterm-addon-fit');
-var en = require('./locales/en.json.js');
-var ko = require('./locales/ko.json.js');
 var index = require('./utils/index.js');
 require('xterm/css/xterm.css');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
 var XTERM_BACKGROUND_COLOR = designTokens.base.color.navy9;
-var StyledXtermWrapper = styled__default.default.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__default.default("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 = React.forwardRef(function (_ref, ref) {
   var _ref$isRunning = _ref.isRunning,
     isRunning = _ref$isRunning === void 0 ? false : _ref$isRunning,
@@ -236,6 +236,6 @@ var Xterm = React.forwardRef(function (_ref, ref) {
 //
 //
 //
-var Xterm$1 = new intl.IntlComponentBuilder(Xterm).add('en', en.default).add('ko', ko.default).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('./locales/ja.json.js'); })).build();
+var Xterm_default = new intl.IntlComponentBuilder(Xterm).add('en', en.default).add('ko', ko.default).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('./locales/ja.json.js'); })).build();
 
-exports.default = Xterm$1;
+exports.default = Xterm_default;

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

@@ -5,7 +5,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/cjs/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/cjs/constants/stylesheets.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var designTokens = require('@elice/design-tokens');
-var styled = require('styled-components');
+var react = require('@emotion/react');
 
 /**
  * Common props for resizable blocks.
@@ -29,7 +29,7 @@ var MATERIAL_SCROLL_BAR_BACKGROUND_COLOR = designTokens.base.color.navy8;
  * CSS for scroll bar.
  */
 var getMaterialScrollBarCss = function getMaterialScrollBarCss(options) {
-  return styled.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__*/react.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;}}");
 };
 
 exports.MATERIAL_DIVIDER_BORDER_VALUE = MATERIAL_DIVIDER_BORDER_VALUE;

package/cjs/hooks/useArduino.js

@@ -5,13 +5,9 @@ var React = require('react');
 var reactUse = require('react-use');
 var recoil = require('recoil');
 var io = require('socket.io-client');
-var recoil$1 = require('../components/material-exercise/context/recoil.js');
-require('../components/material-exercise/context/context.js');
-require('../components/material-exercise/context/recoilTypes.js');
-require('../components/material-exercise/context/subjects.js');
-require('../components/material-exercise/context/ExerciseProvider.js');
 var arduino$1 = require('../constants/arduino.js');
 var arduino = require('../utils/arduino.js');
+var recoil$1 = require('../components/material-exercise/context/recoil.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -149,44 +145,43 @@ var useArduino = function useArduino(_ref) {
    * Send list command to the agent.
    */
   var ping = /*#__PURE__*/function () {
-    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+      return _rollupPluginBabelHelpers.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(arduino.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);
@@ -245,7 +240,7 @@ var useArduino = function useArduino(_ref) {
       return res.json();
     }).then(function () {
       // no response (202 accepted)
-    }).catch(function () {
+    })["catch"](function () {
       //
     });
   };
@@ -381,22 +376,22 @@ var useArduino = function useArduino(_ref) {
     var reconnectTimeout = null;
     /** Scan port. */
     var _scan = /*#__PURE__*/function () {
-      var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
-        var _iterator, _step, port;
-        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee2() {
+        var _iterator, _step, port, _t2, _t3;
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context2) {
+          while (1) switch (_context2.p = _context2.n) {
             case 0:
               _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(arduino$1.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(arduino.createArduinoUrl({
                 protocol: 'http',
                 pathname: '/info',
@@ -404,47 +399,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 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3() {
-        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+    var _discover2 = /*#__PURE__*/function () {
+      var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee3() {
+        return _rollupPluginBabelHelpers.regenerator().w(function (_context3) {
+          while (1) switch (_context3.n) {
             case 0:
               void _scan().then(function (port) {
                 // if port found, stop scanning and set port
@@ -454,15 +446,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);
       }));
@@ -472,7 +463,7 @@ var useArduino = function useArduino(_ref) {
     }();
     // start scanning...
     setAgentConnectionStatus('connecting');
-    void _discover();
+    void _discover2();
     return function () {
       abortCtrl.abort();
       if (reconnectTimeout) {
@@ -491,15 +482,15 @@ var useArduino = function useArduino(_ref) {
       return;
     }
     var _init = /*#__PURE__*/function () {
-      var _ref5 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee4() {
-        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      var _ref5 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee4() {
+        return _rollupPluginBabelHelpers.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__default.default(arduino.createArduinoUrl({
@@ -511,12 +502,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);
@@ -528,14 +519,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/cjs/hooks/useExerciseFile.js

@@ -3,11 +3,8 @@
 var React = require('react');
 var recoil = require('recoil');
 var recoil$1 = require('../components/material-exercise/context/recoil.js');
-var context = require('../components/material-exercise/context/context.js');
-require('../components/material-exercise/context/recoilTypes.js');
-require('../components/material-exercise/context/subjects.js');
-require('../components/material-exercise/context/ExerciseProvider.js');
 var exerciseFile = require('../utils/exerciseFile.js');
+var context = require('../components/material-exercise/context/context.js');
 
 /**
  * Check whether the exercise file is editable.

package/cjs/hooks/useMaterialExerciseFileUrl.js

@@ -26,43 +26,43 @@ var useMaterialExerciseFileUrl = function useMaterialExerciseFileUrl(_ref) {
     if (!exerciseImage || !filename) {
       return;
     }
-    _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+    _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
       var _a, exerciseImageFileList;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _rollupPluginBabelHelpers.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", apiClient.getOrgMaterialExerciseExerciseImageExerciseFileGet({
+            return _context.a(2, apiClient.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", apiClient.getOrgMaterialExerciseExerciseRoomUserFileGet({
+          case 1:
+            return _context.a(2, apiClient.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);

package/cjs/hooks/useRunnerRoomWebSocket.js

@@ -94,34 +94,31 @@ var useRunnerRoomWebSocket = function useRunnerRoomWebSocket(_ref) {
   /**
    * Websocket on `EXECUTE_CONTAINER` message.
    */
-  var wsMessageExecuteContainer = function wsMessageExecuteContainer(msg) {
+  var wsMessageExecuteContainer = function wsMessageExecuteContainer(_msg) {
     setRunning(true);
   };
   /**
    * Websocket on `EXECUTE_DONE` message.
    */
-  var wsMessageExecuteDone = function wsMessageExecuteDone(msg) {
+  var wsMessageExecuteDone = function wsMessageExecuteDone(_msg) {
     setRunning(false);
   };
   /**
    * Create usercode websocket url.
    */
-  var createUsercodeUrl = React.useCallback( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-    return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+  var createUsercodeUrl = React.useCallback(/*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee() {
+    return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
         case 0:
-          return _context.abrupt("return", Promise.resolve("".concat(apiWsOriginUrl, "/runner_room")).then(function (url) {
+          return _context.a(2, Promise.resolve("".concat(apiWsOriginUrl, "/runner_room")).then(function (url) {
             return apiClient.postOrgRunnerRoomExerciseRoomJoin({
               exerciseRoomId: exerciseRoomId
             }).then(function (data) {
               return "".concat(url, "/").concat(data.roomToken);
-            }).catch(function () {
+            })["catch"](function () {
               return "".concat(url, "/");
             });
           }));
-        case 1:
-        case "end":
-          return _context.stop();
       }
     }, _callee);
   })), [apiWsOriginUrl, exerciseRoomId]);

package/cjs/hooks/useStdioTextConcator.js

@@ -3,10 +3,6 @@
 var React = require('react');
 var recoil = require('recoil');
 var recoil$1 = require('../components/material-exercise/context/recoil.js');
-require('../components/material-exercise/context/context.js');
-require('../components/material-exercise/context/recoilTypes.js');
-require('../components/material-exercise/context/subjects.js');
-require('../components/material-exercise/context/ExerciseProvider.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -31,8 +27,9 @@ var useStdioTextConcator = function useStdioTextConcator(done) {
         done(textRef.current);
       }, RUNNER_AND_STDIO_DELAY_SAFETY_FACTOR);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isRunning]);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isRunning]);
   var updateStdioTextConcator = React__default.default.useCallback(function (text) {
     var currentText = textRef.current;
     if (currentText.length + text.length > MAX_TEXT_LENGTH) {