@elice/material-runbox 1.230328.0 → 1.230418.0

package/cjs/components/material-runbox/locales.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const en = {
-  'runbox.status.idle': 'Prepare notebook',
-  'runbox.status.connecting': 'Connecting notebook',
-  'runbox.status.loading': 'Loading notebook',
-  'runbox.status.done': 'Connected',
-  'runbox.status.disconnected': 'Disconnected',
-  'runbox.status.terminated': 'Terminated',
-  'runbox.reloadButton.tooltip': 'Reconnecting',
-  'runbox.overlay.message.terminated': 'The connection has been terminated.\nTo reconnect, click the refresh button at the top.',
-  'runbox.overlay.message.error': 'An error occurred connecting to the notebook server.\nClose all open notebook windows, please try again in a few minutes.',
-  'runbox.overlay.message.disconnected': 'Reconnection is being attempted.\nIf the connection is delayed, check the network environment.',
-  'runbox.overlay.message.connecting': 'Connecting.\nThis may take up to 5 minutes.',
-  'runbox.share.success': 'Copied share URL to clipboard.'
-};
-const ko = {
-  'runbox.status.idle': '준비 중...',
-  'runbox.status.connecting': '페이지 연결 중...',
-  'runbox.status.loading': '페이지 로드 중...',
-  'runbox.status.done': '연결됨',
-  'runbox.status.disconnected': '연결 끊김',
-  'runbox.status.terminated': '종료됨',
-  'runbox.reloadButton.tooltip': '재연결 중',
-  'runbox.overlay.message.terminated': '연결이 종료되었습니다.\n다시 연결하시려면 상단의 새로고침 버튼을 눌려주세요.',
-  'runbox.overlay.message.error': '노트북 서버에 연결 중 오류가 발생했습니다.\n열려 있는 모든 노트북 창을 닫고, 몇 분 뒤에 다시 시도해 주십시오.',
-  'runbox.overlay.message.disconnected': '재연결 시도 중 입니다.\n연결이 지연될 시에는 네트워크 환경을 확인해주세요.',
-  'runbox.overlay.message.connecting': '연결 중 입니다.\n최대 5분까지 소요될 수 있습니다.',
-  'runbox.share.success': '공유 URL이 클립보드에 복사되었습니다.'
-};
-
-exports.en = en;
-exports.ko = ko;

package/cjs/components/material-runbox/websocket.d.ts

@@ -1,10 +0,0 @@
-import { EliceWebSocketReact } from '@elice/websocket';
-/**
- * Websocket instance for material runbox runner room.
- * - endpoint: `/runner_room`
- */
-export declare const WSMaterialRunboxRunnerRoom: EliceWebSocketReact;
-/**
- * Websocket instance for material runbox stdio.
- */
-export declare const WSMaterialRunboxStdio: EliceWebSocketReact;

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

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var websocket = require('@elice/websocket');
-
-/**
- * Websocket instance for material runbox runner room.
- * - endpoint: `/runner_room`
- */
-
-const WSMaterialRunboxRunnerRoom = new websocket.EliceWebSocketReact();
-/**
- * Websocket instance for material runbox stdio.
- */
-
-const WSMaterialRunboxStdio = new websocket.EliceWebSocketReact();
-
-exports.WSMaterialRunboxRunnerRoom = WSMaterialRunboxRunnerRoom;
-exports.WSMaterialRunboxStdio = WSMaterialRunboxStdio;

package/es/components/material-runbox/MaterialRunbox.styled.d.ts

@@ -1 +0,0 @@
-export declare const StyledMaterialRunbox: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/material-runbox/MaterialRunbox.styled.js

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

package/es/components/material-runbox/MaterialRunboxContent.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-export declare enum MaterialRunboxStatus {
-    Idle = 0,
-    Connecting = 1,
-    Loading = 2,
-    Done = 3,
-    Disconnected = 4,
-    Terminated = 5,
-    Error = 6
-}
-interface MaterialRunboxContentProps {
-    runboxUrl: string | null;
-    isRunboxTerminated: boolean;
-    isRunboxJoinError: boolean;
-    reconnect: () => void;
-}
-declare const MaterialRunboxContent: React.FC<MaterialRunboxContentProps>;
-export default MaterialRunboxContent;

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

@@ -1,297 +0,0 @@
-import React from 'react';
-import { useIntl, FormattedMessage } from 'react-intl';
-import { usePrevious } from 'react-use';
-import { Flex, Hspace, Text, IconButton, Tooltip, Vspace, Notification, LaptopOrLarger, AntProgress, Box, Spinner } from '@elice/blocks';
-import { eilShare, eilReset } from '@elice/icons';
-import { WSMaterialRunboxStdio } from './websocket.js';
-import { RunboxHeader, RunboxStatusLight, RunboxBody, RunboxBodyOverlay, RunboxBodyIframe } from './MaterialRunboxContent.styled.js';
-
-/* eslint-disable @typescript-eslint/naming-convention */
-var MaterialRunboxStatus;
-
-(function (MaterialRunboxStatus) {
-  MaterialRunboxStatus[MaterialRunboxStatus["Idle"] = 0] = "Idle";
-  MaterialRunboxStatus[MaterialRunboxStatus["Connecting"] = 1] = "Connecting";
-  MaterialRunboxStatus[MaterialRunboxStatus["Loading"] = 2] = "Loading";
-  MaterialRunboxStatus[MaterialRunboxStatus["Done"] = 3] = "Done";
-  MaterialRunboxStatus[MaterialRunboxStatus["Disconnected"] = 4] = "Disconnected";
-  MaterialRunboxStatus[MaterialRunboxStatus["Terminated"] = 5] = "Terminated";
-  MaterialRunboxStatus[MaterialRunboxStatus["Error"] = 6] = "Error";
-})(MaterialRunboxStatus || (MaterialRunboxStatus = {}));
-
-const MaterialRunboxContent = ({
-  runboxUrl,
-  isRunboxTerminated,
-  isRunboxJoinError,
-  reconnect
-}) => {
-  const intl = useIntl();
-  const [runboxStats, setRunboxStats] = React.useState(null);
-  const [isRunboxUrlLoaded, setRunboxUrlLoaded] = React.useState(false);
-  const isRunboxUrlLoadedPrev = usePrevious(isRunboxUrlLoaded);
-  const [runboxStatus, setRunboxStatus] = React.useState(MaterialRunboxStatus.Idle);
-  const isRunboxPreparing = runboxStatus !== MaterialRunboxStatus.Done && runboxStatus !== MaterialRunboxStatus.Terminated;
-  WSMaterialRunboxStdio.useMessage(message => {
-    if (message.type === 'stats') {
-      setRunboxStats(message.data);
-    }
-  }, {
-    camelize: true
-  });
-
-  const handleReconnect = () => {
-    setRunboxStats(null);
-    setRunboxUrlLoaded(false);
-    reconnect();
-  };
-
-  const handleShare = async () => {
-    if (!runboxUrl) {
-      return;
-    }
-
-    try {
-      await navigator.clipboard.writeText(runboxUrl);
-      Notification.success(intl.formatMessage({
-        id: 'runbox.share.success'
-      }));
-    } catch (e) {
-      alert(runboxUrl);
-    }
-  }; //
-  // Change `isRunboxUrlLoaded` flag to false, when runbox url removed.
-  //
-
-
-  React.useEffect(() => {
-    if (!runboxUrl) {
-      setRunboxUrlLoaded(false);
-    }
-  }, [runboxUrl]); //
-  // Determine runbox status.
-  //
-
-  React.useEffect(() => {
-    setRunboxStatus((() => {
-      switch (true) {
-        case isRunboxJoinError:
-          return MaterialRunboxStatus.Error;
-
-        case !runboxUrl && isRunboxTerminated:
-          return MaterialRunboxStatus.Terminated;
-
-        case !runboxUrl && !isRunboxTerminated && isRunboxUrlLoadedPrev:
-          return MaterialRunboxStatus.Disconnected;
-
-        case !runboxUrl && !isRunboxTerminated && !isRunboxUrlLoadedPrev:
-          return MaterialRunboxStatus.Connecting;
-
-        case Boolean(runboxUrl) && !isRunboxUrlLoaded:
-          return MaterialRunboxStatus.Loading;
-
-        case Boolean(runboxUrl) && isRunboxUrlLoaded:
-          return MaterialRunboxStatus.Done;
-
-        default:
-          return MaterialRunboxStatus.Idle;
-      }
-    })());
-  }, [isRunboxJoinError, isRunboxTerminated, isRunboxUrlLoaded, isRunboxUrlLoadedPrev, runboxUrl]);
-  /**
-   * Runbox status message shown at header.
-   */
-
-  const renderRunboxStatusMessage = () => {
-    switch (runboxStatus) {
-      case MaterialRunboxStatus.Idle:
-        return React.createElement(FormattedMessage, {
-          id: "runbox.status.idle"
-        });
-
-      case MaterialRunboxStatus.Connecting:
-        return React.createElement(FormattedMessage, {
-          id: "runbox.status.connecting"
-        });
-
-      case MaterialRunboxStatus.Loading:
-        return React.createElement(FormattedMessage, {
-          id: "runbox.status.loading"
-        });
-
-      case MaterialRunboxStatus.Done:
-        return React.createElement(FormattedMessage, {
-          id: "runbox.status.done"
-        });
-
-      case MaterialRunboxStatus.Disconnected:
-        return React.createElement(FormattedMessage, {
-          id: "runbox.status.disconnected"
-        });
-
-      case MaterialRunboxStatus.Terminated:
-        return React.createElement(FormattedMessage, {
-          id: "runbox.status.terminated"
-        });
-    }
-  };
-  /**
-   * Header of runbox.
-   */
-
-
-  const renderRunboxHeader = () => {
-    const runboxStatsInfo = runboxStats ? React.createElement(LaptopOrLarger, null, React.createElement(Flex, null, React.createElement(Flex, {
-      align: "center"
-    }, React.createElement(Text, {
-      size: "tiny",
-      lineHeight: 1.5,
-      role: "gray7",
-      bold: true
-    }, "CPU:\u00A0"), React.createElement(Flex, {
-      align: "center",
-      width: "30px"
-    }, React.createElement(AntProgress, {
-      type: "line",
-      percent: runboxStats.cpu.percent,
-      status: 'active',
-      showInfo: false
-    })), React.createElement(Text, {
-      size: "tiny",
-      lineHeight: 1.5,
-      role: "gray5"
-    }, "\u00A0", `${runboxStats.cpu.percent.toFixed(0)}%`)), React.createElement(Hspace, {
-      width: 1
-    }), React.createElement(Flex, {
-      align: "center"
-    }, React.createElement(Text, {
-      size: "tiny",
-      lineHeight: 1.5,
-      role: "gray7",
-      bold: true
-    }, "MEM:\u00A0"), React.createElement(Flex, {
-      align: "center",
-      width: "30px"
-    }, React.createElement(AntProgress, {
-      percent: runboxStats.memory.currentBytes / runboxStats.memory.limitBytes * 100,
-      status: 'active',
-      showInfo: false
-    })), React.createElement(Text, {
-      size: "tiny",
-      lineHeight: 1.5,
-      role: "gray5"
-    }, "\u00A0", `${(runboxStats.memory.currentBytes / 1024 / 1024).toFixed(0)}M / ${(runboxStats.memory.limitBytes / 1024 / 1024).toFixed(0)}M`)), React.createElement(Hspace, {
-      width: 1
-    }), React.createElement(Text, {
-      size: "tiny",
-      lineHeight: 1.5,
-      role: "gray7",
-      bold: true
-    }, "DISK:\u00A0"), React.createElement(Text, {
-      size: "tiny",
-      lineHeight: 1.5,
-      role: "gray5"
-    }, `Read ${(runboxStats.block.rxBytes / 1024 / 1024).toFixed(0)}M Write ${(runboxStats.block.txBytes / 1024 / 1024).toFixed(0)}M`), React.createElement(Hspace, {
-      width: 1
-    }), React.createElement(Text, {
-      size: "tiny",
-      lineHeight: 1.5,
-      role: "gray7",
-      bold: true
-    }, "NET:\u00A0"), React.createElement(Text, {
-      size: "tiny",
-      lineHeight: 1.5,
-      role: "gray5"
-    }, `↓${(runboxStats.network.rxBytes / 1024 / 1024).toFixed(0)}M ↑${(runboxStats.network.txBytes / 1024 / 1024).toFixed(0)}M`), React.createElement(Hspace, {
-      width: 1
-    }))) : null;
-    return React.createElement(RunboxHeader, null, runboxStatsInfo, React.createElement(Flex, {
-      align: "center"
-    }, React.createElement(RunboxStatusLight, {
-      status: runboxStatus
-    }), React.createElement(Hspace, {
-      width: 0.5
-    }), React.createElement(Text, {
-      size: "small"
-    }, renderRunboxStatusMessage())), React.createElement(Hspace, {
-      width: 1
-    }), React.createElement(IconButton, {
-      icon: eilShare,
-      role: "greyfb",
-      size: "small",
-      border: true,
-      disabled: isRunboxPreparing,
-      onClick: handleShare
-    }), React.createElement(Hspace, {
-      width: 0.5
-    }), React.createElement(Tooltip, {
-      title: isRunboxPreparing ? intl.formatMessage({
-        id: 'runbox.reloadButton.tooltip'
-      }) : undefined
-    }, React.createElement("span", null, React.createElement(IconButton, {
-      icon: eilReset,
-      iconSpin: isRunboxPreparing,
-      role: "greyfb",
-      size: "small",
-      border: true,
-      disabled: isRunboxPreparing,
-      onClick: handleReconnect
-    }))));
-  };
-  /**
-   * Body of runbox.
-   */
-
-
-  const renderRunboxBody = () => {
-    if (runboxStatus === MaterialRunboxStatus.Terminated) {
-      return React.createElement(RunboxBody, null, React.createElement(RunboxBodyOverlay, null, React.createElement(Box, null, React.createElement(Text, {
-        size: "small",
-        preWrap: true,
-        lineHeight: 1.5,
-        textAlign: "center"
-      }, React.createElement(FormattedMessage, {
-        id: "runbox.overlay.message.terminated"
-      })))));
-    }
-
-    if (runboxStatus === MaterialRunboxStatus.Error) {
-      return React.createElement(RunboxBody, null, React.createElement(RunboxBodyOverlay, null, React.createElement(Box, null, React.createElement(Text, {
-        size: "small",
-        preWrap: true,
-        lineHeight: 1.5,
-        textAlign: "center"
-      }, React.createElement(FormattedMessage, {
-        id: "runbox.overlay.message.error"
-      })))));
-    }
-
-    return React.createElement(RunboxBody, null, React.createElement(RunboxBodyOverlay, {
-      "aria-hidden": !isRunboxPreparing
-    }, React.createElement(Box, null, React.createElement(Spinner, null), React.createElement(Vspace, {
-      height: 1
-    }), React.createElement(Text, {
-      size: "small",
-      preWrap: true,
-      lineHeight: 1.5,
-      textAlign: "center"
-    }, runboxStatus === MaterialRunboxStatus.Disconnected ? React.createElement(FormattedMessage, {
-      id: "runbox.overlay.message.disconnected"
-    }) : React.createElement(FormattedMessage, {
-      id: "runbox.overlay.message.connecting"
-    })))), runboxUrl ? React.createElement(RunboxBodyIframe, {
-      src: runboxUrl + '/?folder=/mnt/elice/workspace',
-      title: "material-runbox",
-      onLoad: () => setRunboxUrlLoaded(true),
-      allow: "clipboard-read; clipboard-write; camera *; microphone *"
-    }) : null);
-  }; //
-  //
-  //
-
-
-  return React.createElement(React.Fragment, null, renderRunboxHeader(), React.createElement(Vspace, {
-    height: 0.5
-  }), renderRunboxBody());
-};
-
-export { MaterialRunboxStatus, MaterialRunboxContent as default };

package/es/components/material-runbox/MaterialRunboxContent.styled.d.ts

@@ -1,8 +0,0 @@
-import { MaterialRunboxStatus } from './MaterialRunboxContent';
-export declare const RunboxHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RunboxBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RunboxBodyOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RunboxBodyIframe: import("styled-components").StyledComponent<"iframe", any, {}, never>;
-export declare const RunboxStatusLight: import("styled-components").StyledComponent<"span", any, {
-    status: MaterialRunboxStatus;
-}, never>;

package/es/components/material-runbox/MaterialRunboxContent.styled.js

@@ -1,38 +0,0 @@
-import { base } from '@elice/design-tokens';
-import styled from 'styled-components';
-import { MaterialRunboxStatus } from './MaterialRunboxContent.js';
-
-const RunboxHeader = styled.div.withConfig({
-  componentId: "sc-c53ntk-0"
-})(["flex:0 0 2.5rem;display:flex;justify-content:flex-end;align-items:center;padding:0 0.5rem;"]);
-const RunboxBody = styled.div.withConfig({
-  componentId: "sc-c53ntk-1"
-})(["position:relative;flex:1;"]);
-const RunboxBodyOverlay = styled.div.withConfig({
-  componentId: "sc-c53ntk-2"
-})(["position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex:1;width:100%;height:100%;background:rgba(255,255,255,0.8);&[aria-hidden='true']{display:none;}"]);
-const RunboxBodyIframe = styled.iframe.withConfig({
-  componentId: "sc-c53ntk-3"
-})(["width:100%;height:100%;border:none;"]);
-const RunboxStatusLight = styled.span.withConfig({
-  componentId: "sc-c53ntk-4"
-})(["display:block;width:0.5rem;height:0.5rem;border-radius:50%;background-color:", ";"], props => {
-  switch (props.status) {
-    case MaterialRunboxStatus.Loading:
-    case MaterialRunboxStatus.Connecting:
-      return base.color.yellow3;
-
-    case MaterialRunboxStatus.Disconnected:
-      return base.color.red7;
-
-    case MaterialRunboxStatus.Done:
-      return base.color.green7;
-
-    case MaterialRunboxStatus.Idle:
-    case MaterialRunboxStatus.Terminated:
-    default:
-      return base.color.white;
-  }
-});
-
-export { RunboxBody, RunboxBodyIframe, RunboxBodyOverlay, RunboxHeader, RunboxStatusLight };

package/es/components/material-runbox/MaterialRunboxRunnerRoomWrapper.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface MaterialRunboxRunnerRoomWrapperProps {
-    materialRunboxId: number;
-}
-declare const MaterialRunboxRunnerRoomWrapper: React.FC<MaterialRunboxRunnerRoomWrapperProps>;
-export default MaterialRunboxRunnerRoomWrapper;

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

@@ -1,66 +0,0 @@
-import React from 'react';
-import { postOrgRunnerRoomMaterialRunboxJoin, postOrgMaterialRunboxRunboxRunningCancel } from '@elice/api-client';
-import { useMaterialConfig } from '@elice/material-shared-utils';
-import MaterialRunboxStdioWrapper from './MaterialRunboxStdioWrapper.js';
-import { WSMaterialRunboxRunnerRoom } from './websocket.js';
-
-const MaterialRunboxRunnerRoomWrapper = ({
-  materialRunboxId
-}) => {
-  const {
-    apiWsOriginUrl
-  } = 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.
-   */
-
-  const resolveRunnerRoomToken = React.useCallback(async () => {
-    setRunboxJoinError(false);
-    abortCtrlRef.current.abort();
-    abortCtrlRef.current = new AbortController();
-    return 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.
-   */
-
-  const reconnectRunnerRoomWebSocket = React.useCallback(async () => {
-    if (!runboxRunningId) {
-      return;
-    }
-
-    setRunboxRunningCanceling(true);
-    return postOrgMaterialRunboxRunboxRunningCancel({
-      runboxRunningId
-    }).then(() => setRunboxRunningCanceling(false)).catch(() => setRunboxRunningCanceling(false));
-  }, [runboxRunningId]); //
-  //
-  //
-
-  return React.createElement(WSMaterialRunboxRunnerRoom.Provider, {
-    enable: !isRunboxRunningCanceling,
-    endpoint: `${apiWsOriginUrl}/runner_room`,
-    tokenProvider: resolveRunnerRoomToken,
-    connectionTimeout: 8000
-  }, React.createElement(MaterialRunboxStdioWrapper, {
-    isRunboxJoinError: isRunboxJoinError,
-    reconnectRunnerRoomWebSocket: reconnectRunnerRoomWebSocket
-  }));
-};
-
-export { MaterialRunboxRunnerRoomWrapper as default };

package/es/components/material-runbox/MaterialRunboxStdioWrapper.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface MaterialRunboxStdioWrapperProps {
-    isRunboxJoinError: boolean;
-    reconnectRunnerRoomWebSocket: () => Promise<void>;
-}
-declare const MaterialRunboxStdioWrapper: React.FC<MaterialRunboxStdioWrapperProps>;
-export default MaterialRunboxStdioWrapper;

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

@@ -1,74 +0,0 @@
-import React from 'react';
-import MaterialRunboxContent from './MaterialRunboxContent.js';
-import { WSMaterialRunboxRunnerRoom, WSMaterialRunboxStdio } from './websocket.js';
-
-const RECONNECT_DELAY = 500;
-
-const MaterialRunboxStdioWrapper = ({
-  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
-  } = WSMaterialRunboxRunnerRoom.useControls();
-  const runnerRoomWsStatus = WSMaterialRunboxRunnerRoom.useReadyState();
-  /**
-   * Reconnect runbox.
-   */
-
-  const reconnect = () => {
-    setRunboxUrl(null);
-    setRunboxTerminated(false);
-    setTimeout(() => void reconnectRunnerRoomWebSocket(), RECONNECT_DELAY);
-  }; //
-  //
-  //
-
-
-  WSMaterialRunboxRunnerRoom.useMessage(message => {
-    switch (message.type) {
-      case 'ROOM_PREPARED':
-        setRoomToken(message.data.roomToken);
-        setWsUri(message.data.forwarder.wsUri);
-        setRunboxUrl(message.data.forwarder.httpUri);
-        break;
-
-      case 'EXECUTE_DONE':
-        closeRunnerRoom();
-        setRunboxTerminated(true);
-        break;
-    }
-  }, {
-    camelize: true
-  }); //
-  // Remove runbox url, when websocket is not open state.
-  //
-
-  React.useEffect(() => {
-    if (runnerRoomWsStatus !== WebSocket.OPEN) {
-      setRunboxUrl(null);
-    }
-  }, [runnerRoomWsStatus]); //
-  //
-  //
-
-  const isReady = Boolean(wsUri) && Boolean(roomToken);
-  return React.createElement(WSMaterialRunboxStdio.Provider, {
-    enable: isReady,
-    endpoint: `${wsUri}/client/stdio`,
-    tokenProvider: async () => roomToken,
-    maxRetries: 5,
-    heartAttack: true
-  }, isReady ? React.createElement(MaterialRunboxContent, {
-    runboxUrl: runboxUrl,
-    isRunboxJoinError: isRunboxJoinError,
-    isRunboxTerminated: isRunboxTerminated,
-    reconnect: reconnect
-  }) : null);
-};
-
-export { MaterialRunboxStdioWrapper as default };

package/es/components/material-runbox/locales.d.ts

@@ -1,15 +0,0 @@
-export declare const en: {
-    'runbox.status.idle': string;
-    'runbox.status.connecting': string;
-    'runbox.status.loading': string;
-    'runbox.status.done': string;
-    'runbox.status.disconnected': string;
-    'runbox.status.terminated': string;
-    'runbox.reloadButton.tooltip': string;
-    'runbox.overlay.message.terminated': string;
-    'runbox.overlay.message.error': string;
-    'runbox.overlay.message.disconnected': string;
-    'runbox.overlay.message.connecting': string;
-    'runbox.share.success': string;
-};
-export declare const ko: typeof en;

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

@@ -1,30 +0,0 @@
-const en = {
-  'runbox.status.idle': 'Prepare notebook',
-  'runbox.status.connecting': 'Connecting notebook',
-  'runbox.status.loading': 'Loading notebook',
-  'runbox.status.done': 'Connected',
-  'runbox.status.disconnected': 'Disconnected',
-  'runbox.status.terminated': 'Terminated',
-  'runbox.reloadButton.tooltip': 'Reconnecting',
-  'runbox.overlay.message.terminated': 'The connection has been terminated.\nTo reconnect, click the refresh button at the top.',
-  'runbox.overlay.message.error': 'An error occurred connecting to the notebook server.\nClose all open notebook windows, please try again in a few minutes.',
-  'runbox.overlay.message.disconnected': 'Reconnection is being attempted.\nIf the connection is delayed, check the network environment.',
-  'runbox.overlay.message.connecting': 'Connecting.\nThis may take up to 5 minutes.',
-  'runbox.share.success': 'Copied share URL to clipboard.'
-};
-const ko = {
-  'runbox.status.idle': '준비 중...',
-  'runbox.status.connecting': '페이지 연결 중...',
-  'runbox.status.loading': '페이지 로드 중...',
-  'runbox.status.done': '연결됨',
-  'runbox.status.disconnected': '연결 끊김',
-  'runbox.status.terminated': '종료됨',
-  'runbox.reloadButton.tooltip': '재연결 중',
-  'runbox.overlay.message.terminated': '연결이 종료되었습니다.\n다시 연결하시려면 상단의 새로고침 버튼을 눌려주세요.',
-  'runbox.overlay.message.error': '노트북 서버에 연결 중 오류가 발생했습니다.\n열려 있는 모든 노트북 창을 닫고, 몇 분 뒤에 다시 시도해 주십시오.',
-  'runbox.overlay.message.disconnected': '재연결 시도 중 입니다.\n연결이 지연될 시에는 네트워크 환경을 확인해주세요.',
-  'runbox.overlay.message.connecting': '연결 중 입니다.\n최대 5분까지 소요될 수 있습니다.',
-  'runbox.share.success': '공유 URL이 클립보드에 복사되었습니다.'
-};
-
-export { en, ko };

package/es/components/material-runbox/websocket.d.ts

@@ -1,10 +0,0 @@
-import { EliceWebSocketReact } from '@elice/websocket';
-/**
- * Websocket instance for material runbox runner room.
- * - endpoint: `/runner_room`
- */
-export declare const WSMaterialRunboxRunnerRoom: EliceWebSocketReact;
-/**
- * Websocket instance for material runbox stdio.
- */
-export declare const WSMaterialRunboxStdio: EliceWebSocketReact;

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

@@ -1,15 +0,0 @@
-import { EliceWebSocketReact } from '@elice/websocket';
-
-/**
- * Websocket instance for material runbox runner room.
- * - endpoint: `/runner_room`
- */
-
-const WSMaterialRunboxRunnerRoom = new EliceWebSocketReact();
-/**
- * Websocket instance for material runbox stdio.
- */
-
-const WSMaterialRunboxStdio = new EliceWebSocketReact();
-
-export { WSMaterialRunboxRunnerRoom, WSMaterialRunboxStdio };