@elice/material-runbox-legacy 1.240718.0-trasncript.2 → 1.240718.1

package/cjs/components/material-runbox-legacy/MaterialRunboxLegacyRunnerRoomWrapper.js

@@ -2,103 +2,66 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var MaterialRunboxLegacyStdioWrapper = require('./MaterialRunboxLegacyStdioWrapper.js');
 var websocket = require('./websocket.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var MaterialRunboxLegacyRunnerRoomWrapper = function MaterialRunboxLegacyRunnerRoomWrapper(_ref) {
-  var materialRunboxId = _ref.materialRunboxId;
-  var _useMaterialConfig = materialSharedUtils.useMaterialConfig(),
-    apiWsOriginUrl = _useMaterialConfig.apiWsOriginUrl;
-  var abortCtrlRef = React__default.default.useRef(new AbortController());
-  var _React$useState = React__default.default.useState(),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    runboxRunningId = _React$useState2[0],
-    setRunboxRunningId = _React$useState2[1];
-  var _React$useState3 = React__default.default.useState(false),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    isRunboxJoinError = _React$useState4[0],
-    setRunboxJoinError = _React$useState4[1];
-  var _React$useState5 = React__default.default.useState(false),
-    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
-    isRunboxRunningCanceling = _React$useState6[0],
-    setRunboxRunningCanceling = _React$useState6[1];
+const MaterialRunboxLegacyRunnerRoomWrapper = ({
+  materialRunboxId
+}) => {
+  const {
+    apiWsOriginUrl
+  } = materialSharedUtils.useMaterialConfig();
+  const abortCtrlRef = React.useRef(new AbortController());
+  const [runboxRunningId, setRunboxRunningId] = React.useState();
+  const [isRunboxJoinError, setRunboxJoinError] = React.useState(false);
+  const [isRunboxRunningCanceling, setRunboxRunningCanceling] = React.useState(false);
   /**
    * Resolve runner room token.
    */
-  var resolveRunnerRoomToken = React__default.default.useCallback( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-    return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          setRunboxJoinError(false);
-          abortCtrlRef.current.abort();
-          abortCtrlRef.current = new AbortController();
-          return _context.abrupt("return", apiClient.postOrgRunnerRoomMaterialRunboxJoin({
-            materialRunboxId: materialRunboxId
-          }, {
-            signal: abortCtrlRef.current.signal
-          }).then(function (res) {
-            setRunboxJoinError(false);
-            setRunboxRunningId(res.runboxRunningId);
-            return res.roomToken;
-          }).catch(function (err) {
-            setRunboxJoinError(true);
-            throw err;
-          }));
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })), [materialRunboxId]);
+  const resolveRunnerRoomToken = React.useCallback(async () => {
+    setRunboxJoinError(false);
+    abortCtrlRef.current.abort();
+    abortCtrlRef.current = new AbortController();
+    return apiClient.postOrgRunnerRoomMaterialRunboxJoin({
+      materialRunboxId
+    }, {
+      signal: abortCtrlRef.current.signal
+    }).then(res => {
+      setRunboxJoinError(false);
+      setRunboxRunningId(res.runboxRunningId);
+      return res.roomToken;
+    }).catch(err => {
+      setRunboxJoinError(true);
+      throw err;
+    });
+  }, [materialRunboxId]);
   /**
    * Reconnect runbox.
    */
-  var reconnectRunnerRoomWebSocket = React__default.default.useCallback( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
-    return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          if (runboxRunningId) {
-            _context2.next = 2;
-            break;
-          }
-          return _context2.abrupt("return");
-        case 2:
-          setRunboxRunningCanceling(true);
-          return _context2.abrupt("return", apiClient.postOrgMaterialRunboxRunboxRunningCancel({
-            runboxRunningId: runboxRunningId
-          }).then(function () {
-            return setRunboxRunningCanceling(false);
-          }).catch(function () {
-            return setRunboxRunningCanceling(false);
-          }));
-        case 4:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })), [runboxRunningId]);
+  const reconnectRunnerRoomWebSocket = React.useCallback(async () => {
+    if (!runboxRunningId) {
+      return;
+    }
+    setRunboxRunningCanceling(true);
+    return apiClient.postOrgMaterialRunboxRunboxRunningCancel({
+      runboxRunningId
+    }).then(() => setRunboxRunningCanceling(false)).catch(() => setRunboxRunningCanceling(false));
+  }, [runboxRunningId]);
   //
   //
   //
-  return jsxRuntime.jsx(websocket.WSMaterialRunboxLegacyRunnerRoom.Provider, {
+  return React.createElement(websocket.WSMaterialRunboxLegacyRunnerRoom.Provider, {
     enable: !isRunboxRunningCanceling,
-    endpoint: "".concat(apiWsOriginUrl, "/runner_room"),
+    endpoint: `${apiWsOriginUrl}/runner_room`,
     tokenProvider: resolveRunnerRoomToken,
-    connectionTimeout: 8000,
-    children: jsxRuntime.jsx(MaterialRunboxLegacyStdioWrapper.default, {
-      isRunboxJoinError: isRunboxJoinError,
-      reconnectRunnerRoomWebSocket: reconnectRunnerRoomWebSocket
-    })
-  });
+    connectionTimeout: 8000
+  }, React.createElement(MaterialRunboxLegacyStdioWrapper.default, {
+    isRunboxJoinError: isRunboxJoinError,
+    reconnectRunnerRoomWebSocket: reconnectRunnerRoomWebSocket
+  }));
 };
 
 exports.default = MaterialRunboxLegacyRunnerRoomWrapper;

package/cjs/components/material-runbox-legacy/MaterialRunboxLegacyStdioWrapper.js

@@ -2,53 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var MaterialRunboxLegacyContent = require('./MaterialRunboxLegacyContent.js');
 var websocket = require('./websocket.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var RECONNECT_DELAY = 500;
-var MaterialRunboxLegacyStdioWrapper = function MaterialRunboxLegacyStdioWrapper(_ref) {
-  var isRunboxJoinError = _ref.isRunboxJoinError,
-    reconnectRunnerRoomWebSocket = _ref.reconnectRunnerRoomWebSocket;
-  var _React$useState = React__default.default.useState(''),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    roomToken = _React$useState2[0],
-    setRoomToken = _React$useState2[1];
-  var _React$useState3 = React__default.default.useState(''),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    wsUri = _React$useState4[0],
-    setWsUri = _React$useState4[1];
-  var _React$useState5 = React__default.default.useState(null),
-    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
-    runboxUrl = _React$useState6[0],
-    setRunboxUrl = _React$useState6[1];
-  var _React$useState7 = React__default.default.useState(false),
-    _React$useState8 = _rollupPluginBabelHelpers.slicedToArray(_React$useState7, 2),
-    isRunboxTerminated = _React$useState8[0],
-    setRunboxTerminated = _React$useState8[1];
-  var _WSMaterialRunboxLega = websocket.WSMaterialRunboxLegacyRunnerRoom.useControls(),
-    closeRunnerRoom = _WSMaterialRunboxLega.close;
-  var runnerRoomWsStatus = websocket.WSMaterialRunboxLegacyRunnerRoom.useReadyState();
+const RECONNECT_DELAY = 500;
+const MaterialRunboxLegacyStdioWrapper = ({
+  isRunboxJoinError,
+  reconnectRunnerRoomWebSocket
+}) => {
+  const [roomToken, setRoomToken] = React.useState('');
+  const [wsUri, setWsUri] = React.useState('');
+  const [runboxUrl, setRunboxUrl] = React.useState(null);
+  const [isRunboxTerminated, setRunboxTerminated] = React.useState(false);
+  const {
+    close: closeRunnerRoom
+  } = websocket.WSMaterialRunboxLegacyRunnerRoom.useControls();
+  const runnerRoomWsStatus = websocket.WSMaterialRunboxLegacyRunnerRoom.useReadyState();
   /**
    * Reconnect runbox.
    */
-  var reconnect = function reconnect() {
+  const reconnect = () => {
     setRunboxUrl(null);
     setRunboxTerminated(false);
-    setTimeout(function () {
-      return void reconnectRunnerRoomWebSocket();
-    }, RECONNECT_DELAY);
+    setTimeout(() => void reconnectRunnerRoomWebSocket(), RECONNECT_DELAY);
   };
   //
   //
   //
-  websocket.WSMaterialRunboxLegacyRunnerRoom.useMessage(function (message) {
+  websocket.WSMaterialRunboxLegacyRunnerRoom.useMessage(message => {
     switch (message.type) {
       case 'ROOM_PREPARED':
         setRoomToken(message.data.roomToken);
@@ -60,11 +42,13 @@ var MaterialRunboxLegacyStdioWrapper = function MaterialRunboxLegacyStdioWrapper
         setRunboxTerminated(true);
         break;
     }
+  }, {
+    camelize: true
   });
   //
   // Remove runbox url, when websocket is not open state.
   //
-  React__default.default.useEffect(function () {
+  React.useEffect(() => {
     if (runnerRoomWsStatus !== WebSocket.OPEN) {
       setRunboxUrl(null);
     }
@@ -72,36 +56,19 @@ var MaterialRunboxLegacyStdioWrapper = function MaterialRunboxLegacyStdioWrapper
   //
   //
   //
-  var isReady = Boolean(wsUri) && Boolean(roomToken);
-  return jsxRuntime.jsx(websocket.WSMaterialRunboxLegacyStdio.Provider, {
+  const isReady = Boolean(wsUri) && Boolean(roomToken);
+  return React.createElement(websocket.WSMaterialRunboxLegacyStdio.Provider, {
     enable: isReady,
-    endpoint: "".concat(wsUri, "/client/stdio"),
-    tokenProvider: function () {
-      var _tokenProvider = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              return _context.abrupt("return", roomToken);
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function tokenProvider() {
-        return _tokenProvider.apply(this, arguments);
-      }
-      return tokenProvider;
-    }(),
+    endpoint: `${wsUri}/client/stdio`,
+    tokenProvider: async () => roomToken,
     maxRetries: 5,
-    heartAttack: true,
-    children: isReady ? jsxRuntime.jsx(MaterialRunboxLegacyContent.default, {
-      runboxUrl: runboxUrl,
-      isRunboxJoinError: isRunboxJoinError,
-      isRunboxTerminated: isRunboxTerminated,
-      reconnect: reconnect
-    }) : null
-  });
+    heartAttack: true
+  }, isReady ? React.createElement(MaterialRunboxLegacyContent.default, {
+    runboxUrl: runboxUrl,
+    isRunboxJoinError: isRunboxJoinError,
+    isRunboxTerminated: isRunboxTerminated,
+    reconnect: reconnect
+  }) : null);
 };
 
 exports.default = MaterialRunboxLegacyStdioWrapper;

package/cjs/components/material-runbox-legacy/websocket.js

@@ -6,11 +6,11 @@ var websocket = require('@elice/websocket');
  * Websocket instance for material runbox runner room.
  * - endpoint: `/runner_room`
  */
-var WSMaterialRunboxLegacyRunnerRoom = new websocket.EliceWebSocketReact();
+const WSMaterialRunboxLegacyRunnerRoom = new websocket.EliceWebSocketReact();
 /**
  * Websocket instance for material runbox stdio.
  */
-var WSMaterialRunboxLegacyStdio = new websocket.EliceWebSocketReact();
+const WSMaterialRunboxLegacyStdio = new websocket.EliceWebSocketReact();
 
 exports.WSMaterialRunboxLegacyRunnerRoom = WSMaterialRunboxLegacyRunnerRoom;
 exports.WSMaterialRunboxLegacyStdio = WSMaterialRunboxLegacyStdio;

package/es/components/material-runbox-legacy/MaterialRunboxLegacy.js

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { config } from '@elice/api-client';
 import { Flex, Spinner } from '@elice/blocks';
 import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
@@ -8,32 +8,30 @@ import messageKo from './locales/ko.json.js';
 import MaterialRunboxLegacyRunnerRoomWrapper from './MaterialRunboxLegacyRunnerRoomWrapper.js';
 import { StyledMaterialRunboxLegacy } from './MaterialRunboxLegacy.styled.js';
 
-var MaterialRunboxLegacy = function MaterialRunboxLegacy(_ref) {
-  var materialRunboxId = _ref.materialRunboxId,
-    __intl = _ref.__intl;
-  var isReady = useMaterialConfigApiClientUpdate(config.init);
+const MaterialRunboxLegacy = ({
+  materialRunboxId,
+  __intl
+}) => {
+  const isReady = useMaterialConfigApiClientUpdate(config.init);
   if (!isReady) {
-    return jsx(Flex, {
+    return React.createElement(Flex, {
       justify: "center",
       align: "center",
       width: "100%",
-      height: "100%",
-      children: jsx(Spinner, {
-        size: "small"
-      })
-    });
+      height: "100%"
+    }, React.createElement(Spinner, {
+      size: "small"
+    }));
   }
-  return jsx(RawEliceIntlProvider, {
-    value: __intl,
-    children: jsx(StyledMaterialRunboxLegacy, {
-      children: jsx(RawEliceIntlProvider, {
-        value: __intl,
-        children: jsx(MaterialRunboxLegacyRunnerRoomWrapper, {
-          materialRunboxId: materialRunboxId
-        })
-      })
-    }, materialRunboxId)
-  });
+  return React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledMaterialRunboxLegacy, {
+    key: materialRunboxId
+  }, React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(MaterialRunboxLegacyRunnerRoomWrapper, {
+    materialRunboxId: materialRunboxId
+  }))));
 };
 var MaterialRunboxLegacy$1 = new IntlComponentBuilder(MaterialRunboxLegacy).add('en', messageEn).add('ko', messageKo).addAsync('th', import('./locales/th.json.js')).addAsync('ja', import('./locales/ja.json.js')).build();
 

package/es/components/material-runbox-legacy/MaterialRunboxLegacy.styled.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-var StyledMaterialRunboxLegacy = styled.div.withConfig({
+const StyledMaterialRunboxLegacy = styled.div.withConfig({
   componentId: "sc-w139i8-0"
 })(["display:flex;flex-direction:column;padding-top:0.5rem;width:100%;height:100%;background-color:#fff;"]);