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

package/es/components/material-runbox/contexts/MaterialRunboxCommandContext.js

@@ -1,5 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { useRawEliceIntl } from '@elice/intl';
 import { useSnackbar } from '@elice/mui-x-snackbar';
@@ -11,88 +9,78 @@ import { useMaterialRunboxApiContext } from './MaterialRunboxApiContext.js';
 //
 //
 //
-var PING_INTERVAL = 2000;
-var PING_MAX_TRY_SECOND = 3 * 60; // 3min (ref: https://teams.microsoft.com/l/message/19:aa082e4a9f6f456fbea872be532123d4@thread.tacv2/1689228421341?tenantId=5bb6f1f4-0b48-4496-9baf-f9fb7da5d352&groupId=27480e72-5fcb-4ac9-b4e7-5b92abb31a95&parentMessageId=1689217573531&teamName=div-CTO&channelName=issue-report&createdTime=1689228421341&allowXTenantAccess=false)
-var PING_MAX_TRY_COUNT = PING_MAX_TRY_SECOND * 1000 / PING_INTERVAL;
+const PING_INTERVAL = 2000;
+const PING_MAX_TRY_SECOND = 3 * 60; // 3min (ref: https://teams.microsoft.com/l/message/19:aa082e4a9f6f456fbea872be532123d4@thread.tacv2/1689228421341?tenantId=5bb6f1f4-0b48-4496-9baf-f9fb7da5d352&groupId=27480e72-5fcb-4ac9-b4e7-5b92abb31a95&parentMessageId=1689217573531&teamName=div-CTO&channelName=issue-report&createdTime=1689228421341&allowXTenantAccess=false)
+const PING_MAX_TRY_COUNT = PING_MAX_TRY_SECOND * 1000 / PING_INTERVAL;
 //
 //
 //
-var MaterialRunboxCommandContext = React.createContext({});
-var useMaterialRunboxCommandContext = function useMaterialRunboxCommandContext() {
+const MaterialRunboxCommandContext = React.createContext({});
+const useMaterialRunboxCommandContext = () => {
   return React.useContext(MaterialRunboxCommandContext);
 };
 //
 //
 //
-var MaterialRunboxCommandContextProvider = function MaterialRunboxCommandContextProvider(_ref) {
-  var children = _ref.children,
-    runtime = _ref.runtime,
-    courseId = _ref.courseId;
-  var intl = useRawEliceIntl();
-  var _useSnackbar = useSnackbar(),
-    enqueueSnackbar = _useSnackbar.enqueueSnackbar;
-  var runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
-  var materialRunboxApi = useMaterialRunboxApiContext();
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    pcmdId = _React$useState2[0],
-    setPcmdId = _React$useState2[1]; // Ping Command ID
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    lastCommand = _React$useState4[0],
-    setLastCommand = _React$useState4[1];
+const MaterialRunboxCommandContextProvider = ({
+  children,
+  runtime,
+  courseId
+}) => {
+  const intl = useRawEliceIntl();
+  const {
+    enqueueSnackbar
+  } = useSnackbar();
+  const runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
+  const materialRunboxApi = useMaterialRunboxApiContext();
+  const [pcmdId, setPcmdId] = React.useState(null); // Ping Command ID
+  const [lastCommand, setLastCommand] = React.useState(null);
   //
   // check whether running command exists or not on mount,
   // if running command exists, set `pcmdId` to start pinging
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!runtimeId) {
       return;
     }
     materialRunboxApi.runtime.runtimeRuntimeIdCommandGet({
-      runtimeId: runtimeId,
+      runtimeId,
       eliceCourseId: courseId
-    }).then(function (res) {
+    }).then(res => {
       if (res.status !== CommandStatus.Terminated) {
         setLastCommand(res);
         setPcmdId(res.runboxCommandId);
       }
-    }).catch(function () {
-      return void 0;
-    });
+    }).catch(() => void 0);
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [runtimeId, courseId]);
   //
   // ping command
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!pcmdId || !runtimeId) {
       return;
     }
-    var _pingobj = {};
-    var subscription = timer(0, PING_INTERVAL).pipe(take(PING_MAX_TRY_COUNT), switchMap(function () {
-      return materialRunboxApi.runtime.runtimeRuntimeIdCommandGet({
-        runtimeId: runtimeId,
-        eliceCourseId: courseId
-      });
-    }), takeWhile(function (res) {
-      return res.status !== CommandStatus.Terminated;
-    }, true)).subscribe({
-      next: function next(res) {
+    const _pingobj = {};
+    const subscription = timer(0, PING_INTERVAL).pipe(take(PING_MAX_TRY_COUNT), switchMap(() => materialRunboxApi.runtime.runtimeRuntimeIdCommandGet({
+      runtimeId,
+      eliceCourseId: courseId
+    })), takeWhile(res => res.status !== CommandStatus.Terminated, true)).subscribe({
+      next: res => {
         _pingobj.res = res;
         setLastCommand(res);
       },
-      error: function error() {
+      error: () => {
         enqueueSnackbar(intl.formatMessage({
           id: 'runbox.context.command.ping.error'
         }), {
           variant: 'error'
         });
       },
-      complete: function complete() {
+      complete: () => {
         setPcmdId(null); // empty `pcmdId` to stop pinging
-        var hasError = !_pingobj.res ||
+        const hasError = !_pingobj.res ||
         // max try count reached, but command is still running
         _pingobj.res.status !== CommandStatus.Terminated;
         if (hasError) {
@@ -105,7 +93,7 @@ var MaterialRunboxCommandContextProvider = function MaterialRunboxCommandContext
         }
       }
     });
-    return function () {
+    return () => {
       subscription.unsubscribe();
     };
   },
@@ -114,10 +102,10 @@ var MaterialRunboxCommandContextProvider = function MaterialRunboxCommandContext
   //
   //
   //
-  return jsx(MaterialRunboxCommandContext.Provider, {
+  return React.createElement(MaterialRunboxCommandContext.Provider, {
     children: children,
     value: {
-      lastCommand: lastCommand,
+      lastCommand,
       isLastCommandRunning: Boolean((lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.status) === CommandStatus.Queued || (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.status) === CommandStatus.Started),
       setCommandIdToPing: setPcmdId
     }

package/es/components/material-runbox/contexts/MaterialRunboxContext.js

@@ -1,21 +1,22 @@
 import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 
 //
 //
 //
-var MaterialRunboxContext = React.createContext({});
-var useMaterialRunboxContext = function useMaterialRunboxContext() {
+const MaterialRunboxContext = React.createContext({});
+const useMaterialRunboxContext = () => {
   return React.useContext(MaterialRunboxContext);
 };
 //
 //
 //
-var MaterialRunboxContextProvider = function MaterialRunboxContextProvider(_a) {
-  var children = _a.children,
+const MaterialRunboxContextProvider = _a => {
+  var {
+      children
+    } = _a,
     props = __rest(_a, ["children"]);
-  return jsx(MaterialRunboxContext.Provider, {
+  return React.createElement(MaterialRunboxContext.Provider, {
     children: children,
     value: props
   });

package/es/components/material-runbox/hooks/useRunboxControl.js

@@ -1,4 +1,3 @@
-import { asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useRef, useCallback } from 'react';
 import { useRawEliceIntl } from '@elice/intl';
 import { useSnackbar } from '@elice/mui-x-snackbar';
@@ -13,76 +12,53 @@ import '../contexts/MaterialRunboxContext.js';
 /**
  * Hook for runbox control and status.
  */
-var useRunboxControl = function useRunboxControl(props) {
-  var _return = useRef({});
-  var intl = useRawEliceIntl();
-  var _useSnackbar = useSnackbar(),
-    enqueueSnackbar = _useSnackbar.enqueueSnackbar;
-  var materialRunboxApi = useMaterialRunboxApiContext();
-  var _useEliceRunboxRunnin = useEliceRunboxRunning(),
-    runboxStart = _useEliceRunboxRunnin.start,
-    runboxStop = _useEliceRunboxRunnin.stop;
+const useRunboxControl = props => {
+  const _return = useRef({});
+  const intl = useRawEliceIntl();
+  const {
+    enqueueSnackbar
+  } = useSnackbar();
+  const materialRunboxApi = useMaterialRunboxApiContext();
+  const {
+    start: runboxStart,
+    stop: runboxStop
+  } = useEliceRunboxRunning();
   /**
    * Start project.
    */
-  var start = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var force,
-      _args = arguments;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          force = _args.length > 0 && _args[0] !== undefined ? _args[0] : false;
-          return _context.abrupt("return", runboxStart(function (signal) {
-            return materialRunboxApi.runbox.runboxRunboxIdStartPost({
-              runboxId: props.runbox.id,
-              eliceCourseId: props.courseId
-            }, {
-              signal: signal
-            });
-          }, force).then(function () {
-            return void props.refetch();
-          }).catch(function (err) {
-            if (err.name !== 'AbortError') {
-              enqueueSnackbar(intl.formatMessage({
-                id: 'runbox.runtime.message.startError'
-              }), {
-                variant: 'error'
-              });
-            }
-          }));
-        case 2:
-        case "end":
-          return _context.stop();
+  const start = useCallback(async (force = false) => {
+    return runboxStart(signal => materialRunboxApi.runbox.runboxRunboxIdStartPost({
+      runboxId: props.runbox.id,
+      eliceCourseId: props.courseId
+    }, {
+      signal
+    }), force).then(() => void props.refetch()).catch(err => {
+      if (err.name !== 'AbortError') {
+        enqueueSnackbar(intl.formatMessage({
+          id: 'runbox.runtime.message.startError'
+        }), {
+          variant: 'error'
+        });
       }
-    }, _callee);
-  })),
+    });
+  },
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [props.runbox.id, props.courseId, runboxStart]);
   /**
    * Stop project.
    */
-  var stop = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          return _context2.abrupt("return", runboxStop(function (signal) {
-            return materialRunboxApi.runbox.runboxRunboxIdStopPost({
-              runboxId: props.runbox.id,
-              eliceCourseId: props.courseId
-            }, {
-              signal: signal
-            });
-          }).then(function () {
-            //
-          }).catch(function (err) {
-            if (err.name !== 'AbortError') ;
-          }));
-        case 1:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })),
+  const stop = useCallback(async () => {
+    return runboxStop(signal => materialRunboxApi.runbox.runboxRunboxIdStopPost({
+      runboxId: props.runbox.id,
+      eliceCourseId: props.courseId
+    }, {
+      signal
+    })).then(() => {
+      //
+    }).catch(err => {
+      if (err.name !== 'AbortError') ;
+    });
+  },
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [props.runbox.id, props.courseId, runboxStop]);
   //

package/es/components/material-runbox/runtime/Runtime.js

@@ -1,5 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { CommandType } from '@elice/openapi-client-material-runbox';
 import { EliceRunboxView } from '@elice/runbox-client';
@@ -14,20 +12,19 @@ import RuntimeOverlayTerminated from './RuntimeOverlayTerminated.js';
 //
 //
 //
-var Runtime = function Runtime(props) {
-  var _useMaterialRunboxCom = useMaterialRunboxCommandContext(),
-    isLastCommandRunning = _useMaterialRunboxCom.isLastCommandRunning,
-    lastCommand = _useMaterialRunboxCom.lastCommand;
-  var _useRunboxControl = useRunboxControl(props),
-    startRuntime = _useRunboxControl.start;
-  var _React$useState = React.useState(0),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    viewRefreshTrigger = _React$useState2[0],
-    setViewRefreshTrigger = _React$useState2[1];
+const Runtime = props => {
+  const {
+    isLastCommandRunning,
+    lastCommand
+  } = useMaterialRunboxCommandContext();
+  const {
+    start: startRuntime
+  } = useRunboxControl(props);
+  const [viewRefreshTrigger, setViewRefreshTrigger] = React.useState(0);
   //
   //
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!props.runbox.id) {
       return;
     }
@@ -48,7 +45,7 @@ var Runtime = function Runtime(props) {
   //
   // refresh view when `ProjectFileReset` command done.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (isLastCommandRunning || !lastCommand) {
       return;
     }
@@ -64,15 +61,14 @@ var Runtime = function Runtime(props) {
   //
   //
   //
-  return jsx(EliceRunboxView, {
+  return React.createElement(EliceRunboxView, {
+    key: viewRefreshTrigger,
     OverlayAssigned: RuntimeOverlayAssigned,
     OverlayQueued: RuntimeOverlayQueued,
-    OverlayTerminated: function OverlayTerminated(props) {
-      return jsx(RuntimeOverlayTerminated, Object.assign({}, props, {
-        startRuntime: startRuntime
-      }));
-    }
-  }, viewRefreshTrigger);
+    OverlayTerminated: props => React.createElement(RuntimeOverlayTerminated, Object.assign({}, props, {
+      startRuntime: startRuntime
+    }))
+  });
 };
 
 export { Runtime as default };

package/es/components/material-runbox/runtime/RuntimeOverlayAssigned.js

@@ -1,28 +1,26 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { useTimeout } from 'react-use';
 import { IntlComponentBuilder } from '@elice/intl';
 import { Stack, Box, Typography } from '@mui/material';
 import messageEn from '../locales/en.json.js';
 import messageKo from '../locales/ko.json.js';
-import img from '../../../assets/queue.gif.js';
+import queueAnimationImage from '../../../assets/queue.gif.js';
 
 //
 //
 //
-var ASSIGNED_NORMAL_TIMEOUT = 30 * 1e3; // 30 sec
+const ASSIGNED_NORMAL_TIMEOUT = 30 * 1e3; // 30 sec
 //
 //
 //
-var RuntimeOverlayAssigned = function RuntimeOverlayAssigned(_ref) {
-  var intl = _ref.__intl;
-  var _useTimeout = useTimeout(ASSIGNED_NORMAL_TIMEOUT),
-    _useTimeout2 = _slicedToArray(_useTimeout, 1),
-    timeout = _useTimeout2[0];
+const RuntimeOverlayAssigned = ({
+  __intl: intl
+}) => {
+  const [timeout] = useTimeout(ASSIGNED_NORMAL_TIMEOUT);
   //
   //
   //
-  return jsxs(Stack, {
+  return React.createElement(Stack, {
     gap: "1.5rem",
     sx: {
       display: 'flex',
@@ -30,30 +28,28 @@ var RuntimeOverlayAssigned = function RuntimeOverlayAssigned(_ref) {
       alignItems: 'center',
       width: '100%',
       height: '100%'
-    },
-    children: [jsx(Box, {
-      component: "img",
-      src: img,
-      alt: "queue",
-      sx: {
-        width: '100%',
-        height: 'auto',
-        maxWidth: '13.375rem'
-      }
-    }), jsx(Typography, {
-      variant: "subtitle2",
-      color: "text:secondary",
-      sx: {
-        whiteSpace: 'pre-wrap',
-        textAlign: 'center'
-      },
-      children: timeout() ? intl.formatMessage({
-        id: 'runbox.runtime.overlay.assigned.description_timeout'
-      }) : intl.formatMessage({
-        id: 'runbox.runtime.overlay.assigned.description'
-      })
-    })]
-  });
+    }
+  }, React.createElement(Box, {
+    component: "img",
+    src: queueAnimationImage,
+    alt: "queue",
+    sx: {
+      width: '100%',
+      height: 'auto',
+      maxWidth: '13.375rem'
+    }
+  }), React.createElement(Typography, {
+    variant: "subtitle2",
+    color: "text:secondary",
+    sx: {
+      whiteSpace: 'pre-wrap',
+      textAlign: 'center'
+    }
+  }, timeout() ? intl.formatMessage({
+    id: 'runbox.runtime.overlay.assigned.description_timeout'
+  }) : intl.formatMessage({
+    id: 'runbox.runtime.overlay.assigned.description'
+  })));
 };
 var RuntimeOverlayAssigned$1 = new IntlComponentBuilder(RuntimeOverlayAssigned).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/runtime/RuntimeOverlayQueued.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { IntlComponentBuilder } from '@elice/intl';
 import { QuestionAnswer } from '@mui/icons-material';
 import { Stack, Box, Typography, Button } from '@mui/material';
@@ -7,20 +7,22 @@ import '../contexts/MaterialRunboxCommandContext.js';
 import { useMaterialRunboxContext } from '../contexts/MaterialRunboxContext.js';
 import messageEn from '../locales/en.json.js';
 import messageKo from '../locales/ko.json.js';
-import img from '../../../assets/queue.gif.js';
+import queueAnimationImage from '../../../assets/queue.gif.js';
 
 //
 //
 //
-var RuntimeOverlayQueued = function RuntimeOverlayQueued(_ref) {
-  var intl = _ref.__intl,
-    numWaiters = _ref.numWaiters;
-  var _useMaterialRunboxCon = useMaterialRunboxContext(),
-    showMessenger = _useMaterialRunboxCon.showMessenger;
+const RuntimeOverlayQueued = ({
+  __intl: intl,
+  numWaiters
+}) => {
+  const {
+    showMessenger
+  } = useMaterialRunboxContext();
   //
   //
   //
-  return jsxs(Stack, {
+  return React.createElement(Stack, {
     gap: "1.5rem",
     sx: {
       display: 'flex',
@@ -28,39 +30,36 @@ var RuntimeOverlayQueued = function RuntimeOverlayQueued(_ref) {
       alignItems: 'center',
       width: '100%',
       height: '100%'
-    },
-    children: [jsx(Box, {
-      component: "img",
-      src: img,
-      alt: "queue",
-      sx: {
-        width: '100%',
-        height: 'auto',
-        maxWidth: '13.375rem'
-      }
-    }), jsx(Typography, {
-      variant: "subtitle2",
-      color: "text:secondary",
-      sx: {
-        whiteSpace: 'pre-wrap',
-        textAlign: 'center'
-      },
-      children: numWaiters > 0 ? intl.formatMessage({
-        id: 'runbox.runtime.overlay.queued.description'
-      }, {
-        waiters: numWaiters
-      }) : intl.formatMessage({
-        id: 'runbox.runtime.overlay.queued.description_zero'
-      })
-    }), typeof showMessenger === 'function' ? jsx(Button, {
-      variant: "outlined",
-      startIcon: jsx(QuestionAnswer, {}),
-      onClick: showMessenger,
-      children: intl.formatMessage({
-        id: 'runbox.common.support'
-      })
-    }) : null]
-  });
+    }
+  }, React.createElement(Box, {
+    component: "img",
+    src: queueAnimationImage,
+    alt: "queue",
+    sx: {
+      width: '100%',
+      height: 'auto',
+      maxWidth: '13.375rem'
+    }
+  }), React.createElement(Typography, {
+    variant: "subtitle2",
+    color: "text:secondary",
+    sx: {
+      whiteSpace: 'pre-wrap',
+      textAlign: 'center'
+    }
+  }, numWaiters > 0 ? intl.formatMessage({
+    id: 'runbox.runtime.overlay.queued.description'
+  }, {
+    waiters: numWaiters
+  }) : intl.formatMessage({
+    id: 'runbox.runtime.overlay.queued.description_zero'
+  })), typeof showMessenger === 'function' ? React.createElement(Button, {
+    variant: "outlined",
+    startIcon: React.createElement(QuestionAnswer, null),
+    onClick: showMessenger
+  }, intl.formatMessage({
+    id: 'runbox.common.support'
+  })) : null);
 };
 var RuntimeOverlayQueued$1 = new IntlComponentBuilder(RuntimeOverlayQueued).add('en', messageEn).add('ko', messageKo).addAsync('th', import('../locales/th.json.js')).addAsync('ja', import('../locales/ja.json.js')).build();