@elice/material-runbox 1.240718.3 → 1.240719.0

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

@@ -1,3 +1,5 @@
+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';
@@ -9,78 +11,88 @@ import { useMaterialRunboxApiContext } from './MaterialRunboxApiContext.js';
 //
 //
 //
-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 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 MaterialRunboxCommandContext = React.createContext({});
-const useMaterialRunboxCommandContext = () => {
+var MaterialRunboxCommandContext = React.createContext({});
+var useMaterialRunboxCommandContext = function useMaterialRunboxCommandContext() {
   return React.useContext(MaterialRunboxCommandContext);
 };
 //
 //
 //
-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);
+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];
   //
   // check whether running command exists or not on mount,
   // if running command exists, set `pcmdId` to start pinging
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (!runtimeId) {
       return;
     }
     materialRunboxApi.runtime.runtimeRuntimeIdCommandGet({
-      runtimeId,
+      runtimeId: runtimeId,
       eliceCourseId: courseId
-    }).then(res => {
+    }).then(function (res) {
       if (res.status !== CommandStatus.Terminated) {
         setLastCommand(res);
         setPcmdId(res.runboxCommandId);
       }
-    }).catch(() => void 0);
+    }).catch(function () {
+      return void 0;
+    });
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [runtimeId, courseId]);
   //
   // ping command
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (!pcmdId || !runtimeId) {
       return;
     }
-    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 => {
+    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) {
         _pingobj.res = res;
         setLastCommand(res);
       },
-      error: () => {
+      error: function error() {
         enqueueSnackbar(intl.formatMessage({
           id: 'runbox.context.command.ping.error'
         }), {
           variant: 'error'
         });
       },
-      complete: () => {
+      complete: function complete() {
         setPcmdId(null); // empty `pcmdId` to stop pinging
-        const hasError = !_pingobj.res ||
+        var hasError = !_pingobj.res ||
         // max try count reached, but command is still running
         _pingobj.res.status !== CommandStatus.Terminated;
         if (hasError) {
@@ -93,7 +105,7 @@ const MaterialRunboxCommandContextProvider = ({
         }
       }
     });
-    return () => {
+    return function () {
       subscription.unsubscribe();
     };
   },
@@ -102,10 +114,10 @@ const MaterialRunboxCommandContextProvider = ({
   //
   //
   //
-  return React.createElement(MaterialRunboxCommandContext.Provider, {
+  return jsx(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,22 +1,21 @@
 import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 
 //
 //
 //
-const MaterialRunboxContext = React.createContext({});
-const useMaterialRunboxContext = () => {
+var MaterialRunboxContext = React.createContext({});
+var useMaterialRunboxContext = function useMaterialRunboxContext() {
   return React.useContext(MaterialRunboxContext);
 };
 //
 //
 //
-const MaterialRunboxContextProvider = _a => {
-  var {
-      children
-    } = _a,
+var MaterialRunboxContextProvider = function MaterialRunboxContextProvider(_a) {
+  var children = _a.children,
     props = __rest(_a, ["children"]);
-  return React.createElement(MaterialRunboxContext.Provider, {
+  return jsx(MaterialRunboxContext.Provider, {
     children: children,
     value: props
   });

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

@@ -0,0 +1,3 @@
+export { MaterialRunboxApiContext, default as MaterialRunboxApiContextProvider, useMaterialRunboxApiContext } from './MaterialRunboxApiContext.js';
+export { MaterialRunboxCommandContext, default as MaterialRunboxCommandContextProvider, useMaterialRunboxCommandContext } from './MaterialRunboxCommandContext.js';
+export { MaterialRunboxContext, default as MaterialRunboxContextProvider, useMaterialRunboxContext } from './MaterialRunboxContext.js';

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

@@ -0,0 +1 @@
+export { useRunboxControl } from './useRunboxControl.js';

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

@@ -1,3 +1,4 @@
+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';
@@ -12,53 +13,76 @@ import '../contexts/MaterialRunboxContext.js';
 /**
  * Hook for runbox control and status.
  */
-const useRunboxControl = props => {
-  const _return = useRef({});
-  const intl = useRawEliceIntl();
-  const {
-    enqueueSnackbar
-  } = useSnackbar();
-  const materialRunboxApi = useMaterialRunboxApiContext();
-  const {
-    start: runboxStart,
-    stop: runboxStop
-  } = useEliceRunboxRunning();
+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;
   /**
    * Start project.
    */
-  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'
-        });
+  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();
       }
-    });
-  },
+    }, _callee);
+  })),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [props.runbox.id, props.courseId, runboxStart]);
   /**
    * Stop project.
    */
-  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') ;
-    });
-  },
+  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);
+  })),
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [props.runbox.id, props.courseId, runboxStop]);
   //

package/es/components/material-runbox/index.js

@@ -0,0 +1 @@
+export { default as MaterialRunbox } from './MaterialRunbox.js';

package/es/components/material-runbox/locales/index.js

@@ -0,0 +1,4 @@
+export { default as messageEn } from './en.json.js';
+export { default as messageKo } from './ko.json.js';
+export { default as messageTh } from './th.json.js';
+export { default as messageJa } from './ja.json.js';

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

@@ -1,3 +1,5 @@
+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';
@@ -12,19 +14,20 @@ import RuntimeOverlayTerminated from './RuntimeOverlayTerminated.js';
 //
 //
 //
-const Runtime = props => {
-  const {
-    isLastCommandRunning,
-    lastCommand
-  } = useMaterialRunboxCommandContext();
-  const {
-    start: startRuntime
-  } = useRunboxControl(props);
-  const [viewRefreshTrigger, setViewRefreshTrigger] = React.useState(0);
+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];
   //
   //
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (!props.runbox.id) {
       return;
     }
@@ -45,7 +48,7 @@ const Runtime = props => {
   //
   // refresh view when `ProjectFileReset` command done.
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (isLastCommandRunning || !lastCommand) {
       return;
     }
@@ -61,14 +64,15 @@ const Runtime = props => {
   //
   //
   //
-  return React.createElement(EliceRunboxView, {
-    key: viewRefreshTrigger,
+  return jsx(EliceRunboxView, {
     OverlayAssigned: RuntimeOverlayAssigned,
     OverlayQueued: RuntimeOverlayQueued,
-    OverlayTerminated: props => React.createElement(RuntimeOverlayTerminated, Object.assign({}, props, {
-      startRuntime: startRuntime
-    }))
-  });
+    OverlayTerminated: function OverlayTerminated(props) {
+      return jsx(RuntimeOverlayTerminated, Object.assign({}, props, {
+        startRuntime: startRuntime
+      }));
+    }
+  }, viewRefreshTrigger);
 };
 
 export { Runtime as default };

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

@@ -1,26 +1,28 @@
-import React from 'react';
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 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 queueAnimationImage from '../../../assets/queue.gif.js';
+import img from '../../../assets/queue.gif.js';
 
 //
 //
 //
-const ASSIGNED_NORMAL_TIMEOUT = 30 * 1e3; // 30 sec
+var ASSIGNED_NORMAL_TIMEOUT = 30 * 1e3; // 30 sec
 //
 //
 //
-const RuntimeOverlayAssigned = ({
-  __intl: intl
-}) => {
-  const [timeout] = useTimeout(ASSIGNED_NORMAL_TIMEOUT);
+var RuntimeOverlayAssigned = function RuntimeOverlayAssigned(_ref) {
+  var intl = _ref.__intl;
+  var _useTimeout = useTimeout(ASSIGNED_NORMAL_TIMEOUT),
+    _useTimeout2 = _slicedToArray(_useTimeout, 1),
+    timeout = _useTimeout2[0];
   //
   //
   //
-  return React.createElement(Stack, {
+  return jsxs(Stack, {
     gap: "1.5rem",
     sx: {
       display: 'flex',
@@ -28,28 +30,30 @@ const RuntimeOverlayAssigned = ({
       alignItems: 'center',
       width: '100%',
       height: '100%'
-    }
-  }, 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'
-  })));
+    },
+    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'
+      })
+    })]
+  });
 };
 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 React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { IntlComponentBuilder } from '@elice/intl';
 import { QuestionAnswer } from '@mui/icons-material';
 import { Stack, Box, Typography, Button } from '@mui/material';
@@ -7,22 +7,20 @@ 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 queueAnimationImage from '../../../assets/queue.gif.js';
+import img from '../../../assets/queue.gif.js';
 
 //
 //
 //
-const RuntimeOverlayQueued = ({
-  __intl: intl,
-  numWaiters
-}) => {
-  const {
-    showMessenger
-  } = useMaterialRunboxContext();
+var RuntimeOverlayQueued = function RuntimeOverlayQueued(_ref) {
+  var intl = _ref.__intl,
+    numWaiters = _ref.numWaiters;
+  var _useMaterialRunboxCon = useMaterialRunboxContext(),
+    showMessenger = _useMaterialRunboxCon.showMessenger;
   //
   //
   //
-  return React.createElement(Stack, {
+  return jsxs(Stack, {
     gap: "1.5rem",
     sx: {
       display: 'flex',
@@ -30,36 +28,39 @@ const RuntimeOverlayQueued = ({
       alignItems: 'center',
       width: '100%',
       height: '100%'
-    }
-  }, 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);
+    },
+    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]
+  });
 };
 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();