@elice/material-exercise 1.230325.0 → 1.230418.0

package/es/components/shared/monaco-editor/vendors/vscode-emmet-helper/utils.js

@@ -1,9 +1,8 @@
 /* eslint-disable */
-
 /**
  * Default emmet configuration.
  */
-const DEFAULT_CONFIG = {
+var DEFAULT_CONFIG = {
   showExpandedAbbreviation: 'always',
   showAbbreviationSuggestions: true,
   showSuggestionsAsSnippets: false
@@ -12,8 +11,7 @@ const DEFAULT_CONFIG = {
  * Mapping between languages that support Emmet and completion trigger characters.
  * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L86
  */
-
-const LANGUAGE_MODES = {
+var LANGUAGE_MODES = {
   html: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
   jade: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
   slim: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
@@ -32,8 +30,7 @@ const LANGUAGE_MODES = {
  * Language specific extensions can provide emmet completion support.
  * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L124
  */
-
-const MAPPED_MODES = {
+var MAPPED_MODES = {
   handlebars: 'html',
   php: 'html',
   twig: 'html'

package/es/components/shared/no-vnc/NoVnc.js

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { useMeasure, useMount, useUnmount, useUpdateEffect } from 'react-use';
 import { Text } from '@elice/blocks';
@@ -17,49 +18,53 @@ import PreviewContainer from '../preview-container/PreviewContainer.js';
 
 //
 //
-
-const VNC_BACKGROUND_COLOR = base.color.navy7;
-const StyledHeaderTitle = styled.div.withConfig({
+//
+var VNC_BACKGROUND_COLOR = base.color.navy7;
+var StyledHeaderTitle = styled.div.withConfig({
   componentId: "sc-1duy62f-0"
 })(["flex:1;"]);
-const StyledHeaderButtonGroup = styled.div.withConfig({
+var StyledHeaderButtonGroup = styled.div.withConfig({
   componentId: "sc-1duy62f-1"
 })(["flex:0 0 auto;display:flex;align-items:center;"]);
-const StyledVncWrap = styled.div.withConfig({
+var StyledVncWrap = styled.div.withConfig({
   componentId: "sc-1duy62f-2"
 })(["display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:", ";overflow:hidden;"], VNC_BACKGROUND_COLOR);
-const StyledNoVncContainer = styled.div.withConfig({
+var StyledNoVncContainer = styled.div.withConfig({
   componentId: "sc-1duy62f-3"
 })([""]);
-const StyledNoVnc = styled.div.withConfig({
+var StyledNoVnc = styled.div.withConfig({
   componentId: "sc-1duy62f-4"
-})(["position:relative;left:50%;top:50%;transform-origin:center center;transform:translate(-50%,-50%);"]); //
+})(["position:relative;left:50%;top:50%;transform-origin:center center;transform:translate(-50%,-50%);"]);
 //
 //
-
-const NoVnc = forwardRef(({
-  isRunning = false,
-  wsUri,
-  roomToken,
-  readyExerciseImage,
-  exercisePreviewDisplayModeButton = null,
-  onConnect,
-  onDisconnect
-}, ref) => {
-  const vncRfb = React.useRef(null);
-  const vncElRef = React.useRef(null);
-  const [vncWrapRef, {
-    width,
-    height
-  }] = useMeasure();
-  const [isVncScaledFromLocal, setVncScaledFromLocal] = React.useState(true);
+//
+var NoVnc = forwardRef(function (_ref, ref) {
+  var _ref$isRunning = _ref.isRunning,
+    isRunning = _ref$isRunning === void 0 ? false : _ref$isRunning,
+    wsUri = _ref.wsUri,
+    roomToken = _ref.roomToken,
+    readyExerciseImage = _ref.readyExerciseImage,
+    _ref$exercisePreviewD = _ref.exercisePreviewDisplayModeButton,
+    exercisePreviewDisplayModeButton = _ref$exercisePreviewD === void 0 ? null : _ref$exercisePreviewD,
+    onConnect = _ref.onConnect,
+    onDisconnect = _ref.onDisconnect;
+  var vncRfb = React.useRef(null);
+  var vncElRef = React.useRef(null);
+  var _useMeasure = useMeasure(),
+    _useMeasure2 = _slicedToArray(_useMeasure, 2),
+    vncWrapRef = _useMeasure2[0],
+    _useMeasure2$ = _useMeasure2[1],
+    width = _useMeasure2$.width,
+    height = _useMeasure2$.height;
+  var _React$useState = React.useState(true),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isVncScaledFromLocal = _React$useState2[0],
+    setVncScaledFromLocal = _React$useState2[1];
   /**
    * Default size of VNC from exericse image.
    */
-
-  const vncDefaultSize = React.useMemo(() => {
+  var vncDefaultSize = React.useMemo(function () {
     var _a, _b;
-
     return {
       width: (_a = readyExerciseImage === null || readyExerciseImage === void 0 ? void 0 : readyExerciseImage.defaultVncWidth) !== null && _a !== void 0 ? _a : 300,
       height: (_b = readyExerciseImage === null || readyExerciseImage === void 0 ? void 0 : readyExerciseImage.defaultVncHeight) !== null && _b !== void 0 ? _b : 300
@@ -68,86 +73,82 @@ const NoVnc = forwardRef(({
   /**
    * Transform scale to fit VNC to VNC wrap.
    */
-
-  const vncTransformScale = React.useMemo(() => Math.min(width / vncDefaultSize.width, height / vncDefaultSize.height), [width, height, vncDefaultSize.width, vncDefaultSize.height]);
+  var vncTransformScale = React.useMemo(function () {
+    return Math.min(width / vncDefaultSize.width, height / vncDefaultSize.height);
+  }, [width, height, vncDefaultSize.width, vncDefaultSize.height]);
   /**
    * Element style of VNC and VNC wrap.
    */
-
-  const vncElementStyle = React.useMemo(() => ({
-    width: `${(vncDefaultSize.width * vncTransformScale).toFixed(3)}px`,
-    height: `${(vncDefaultSize.height * vncTransformScale).toFixed(3)}px`
-  }), [vncDefaultSize.width, vncDefaultSize.height, vncTransformScale]);
+  var vncElementStyle = React.useMemo(function () {
+    return {
+      width: "".concat((vncDefaultSize.width * vncTransformScale).toFixed(3), "px"),
+      height: "".concat((vncDefaultSize.height * vncTransformScale).toFixed(3), "px")
+    };
+  }, [vncDefaultSize.width, vncDefaultSize.height, vncTransformScale]);
   /**
    * Connect VNC.
    */
-
-  const connect = React.useCallback(() => {
+  var connect = React.useCallback(function () {
     if (!vncElRef.current || !wsUri || !roomToken) {
       return;
     }
-
-    const vncUrl = `${wsUri}/client/vnc/${roomToken}`; // The RFB object represents a single connection to a VNC server.
+    var vncUrl = "".concat(wsUri, "/client/vnc/").concat(roomToken);
+    // The RFB object represents a single connection to a VNC server.
     // It communicates using a WebSocket that must provide a standard RFB protocol stream.
     // -ref: https://github.com/novnc/noVNC/blob/master/docs/API.md#rfb-1
-
     vncRfb.current = new RFB(vncElRef.current, vncUrl, {
       wsProtocols: ['binary']
-    }); // ==============================
+    });
+    // ==============================
     // VNC options
     // ref: https://github.com/novnc/noVNC/blob/master/docs/API.md#properties
     // ==============================
     // Is a boolean indicating if the remote session should be clipped to its container.
     // When disabled scrollbars will be shown to handle the resulting overflow.
-
-    vncRfb.current.clipViewport = false; // Is a boolean indicating if the remote session should be scaled locally so it fits its container.
+    vncRfb.current.clipViewport = false;
+    // Is a boolean indicating if the remote session should be scaled locally so it fits its container.
     // When disabled it will be centered if the remote session is smaller than its container,
     // or handled according to `clipViewport` if it is larger.
-
     vncRfb.current.scaleViewport = isVncScaledFromLocal; // NOTE: select one of `scaleViewport` or `resizeSession`, not both
     // Is a boolean indicating if a request to resize the remote session should be sent
     // whenever the container changes dimensions.
-
     vncRfb.current.resizeSession = !isVncScaledFromLocal; // NOTE: select one of `scaleViewport` or `resizeSession`, not both
     // Is a boolean indicating whether a dot cursor should be shown instead of a zero-sized
     // or fully-transparent cursor if the server sets such invisible cursor.
-
-    vncRfb.current.showDotCursor = true; // Is a valid CSS background style value indicating
+    vncRfb.current.showDotCursor = true;
+    // Is a valid CSS background style value indicating
     // which background style should be applied to the element containing the remote session screen.
-
-    vncRfb.current.background = VNC_BACKGROUND_COLOR; // ==============================
+    vncRfb.current.background = VNC_BACKGROUND_COLOR;
+    // ==============================
     // VNC events
     // ref: https://github.com/novnc/noVNC/blob/master/docs/API.md#events
     // ==============================
     // The connect event is fired when the RFB object has completed the connection and handshaking with the server.
     // - ref: https://github.com/novnc/noVNC/blob/master/docs/API.md#connect
-
-    vncRfb.current.addEventListener('connect', () => {
+    vncRfb.current.addEventListener('connect', function () {
       if (typeof onConnect === 'function') {
         onConnect();
       }
-    }); // The disconnect event is fired when the RFB object disconnects.
+    });
+    // The disconnect event is fired when the RFB object disconnects.
     // - ref: https://github.com/novnc/noVNC/blob/master/docs/API.md#disconnect
-
-    vncRfb.current.addEventListener('disconnect', () => {
+    vncRfb.current.addEventListener('disconnect', function () {
       if (typeof onDisconnect === 'function') {
         onDisconnect();
       }
     });
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [wsUri, roomToken, isVncScaledFromLocal]);
   /**
    * Disconnect VNC.
    */
-
-  const disconnect = React.useCallback(() => {
+  var disconnect = React.useCallback(function () {
     var _a;
-
     if (typeof ((_a = vncRfb.current) === null || _a === void 0 ? void 0 : _a.disconnect) === 'function') {
       vncRfb.current.disconnect();
       vncRfb.current = null;
     }
-
     if (vncElRef.current) {
       vncElRef.current.innerHTML = '';
     }
@@ -156,15 +157,13 @@ const NoVnc = forwardRef(({
    * Reset VNC.
    * - note: https://www.notion.so/elice/elice-runner-v3-forwarder-4907ba8546274956b2f55c586df1641a#d61df659d91644db85a52fc148a69e13
    */
-
-  const reset = React.useCallback(() => {
+  var reset = React.useCallback(function () {
     if (!vncRfb.current) {
       return;
-    } //
+    }
+    //
     // FIXME: This code accesses to the internal of noVNC
     //
-
-
     vncRfb.current._rfbConnectionState = 'connecting';
     vncRfb.current._rfbInitState = 'ProtocolVersion';
     vncRfb.current._rfbTightVNC = false;
@@ -194,46 +193,45 @@ const NoVnc = forwardRef(({
     vncRfb.current._decoders[encodings.encodingHextile] = new RFB_decoders_hextile();
     vncRfb.current._decoders[encodings.encodingTight] = new RFB_decoders_tight();
     vncRfb.current._decoders[encodings.encodingTightPNG] = new RFB_decoders_tight_png();
-
     vncRfb.current._sock.flush();
-
     vncRfb.current._sock._allocateBuffers();
-
     vncRfb.current._sock._rQi = 0;
-    vncRfb.current._sock._rQlen = 0; //
+    vncRfb.current._sock._rQlen = 0;
+    //
     // FIXME: This code accesses to the internal of noVNC
     //
-  }, []); //
+  }, []);
+  //
   // Connect or disconnect VNC.
   //
-
   useMount(connect);
-  useUnmount(disconnect); //
+  useUnmount(disconnect);
+  //
   // Update VNC scale config.
   //
-
-  useUpdateEffect(() => {
+  useUpdateEffect(function () {
     if (!vncRfb.current) {
       return;
     }
-
     vncRfb.current.scaleViewport = isVncScaledFromLocal;
     vncRfb.current.resizeSession = !isVncScaledFromLocal;
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isVncScaledFromLocal]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isVncScaledFromLocal]);
   //
   //
-
-  React.useImperativeHandle(ref, () => ({
-    connect,
-    disconnect,
-    reset
-  }), [connect, disconnect, reset]);
+  //
+  React.useImperativeHandle(ref, function () {
+    return {
+      connect: connect,
+      disconnect: disconnect,
+      reset: reset
+    };
+  }, [connect, disconnect, reset]);
   /**
    * Header.
    */
-
-  const renderVncHeader = () => {
+  var renderVncHeader = function renderVncHeader() {
     return React.createElement(React.Fragment, null, React.createElement(StyledHeaderTitle, null, React.createElement(Text, {
       role: "white",
       size: "tiny"
@@ -241,15 +239,18 @@ const NoVnc = forwardRef(({
       icon: isVncScaledFromLocal ? eilViewMaximize : eilViewMinimize,
       title: isRunning ? '실행 중에는 비율을 변경할 수 없습니다' : isVncScaledFromLocal ? '확대하여 보기' : '원본 비율로 보기',
       disabled: isRunning,
-      onClick: () => setVncScaledFromLocal(prev => !prev)
+      onClick: function onClick() {
+        return setVncScaledFromLocal(function (prev) {
+          return !prev;
+        });
+      }
     }), React.isValidElement(exercisePreviewDisplayModeButton) ? React.cloneElement(exercisePreviewDisplayModeButton, {
       disabled: isRunning
     }) : null));
-  }; //
+  };
+  //
   //
   //
-
-
   return React.createElement(PreviewContainer, {
     header: renderVncHeader()
   }, React.createElement(StyledVncWrap, {

package/es/components/shared/no-vnc/NoVncLazy.js

@@ -1,7 +1,9 @@
 import React, { forwardRef } from 'react';
 
-const AsyncNoVnc = React.lazy(() => import('./NoVnc.js'));
-const NoVncLazy = forwardRef((props, ref) => {
+var AsyncNoVnc = React.lazy(function () {
+  return import('./NoVnc.js');
+});
+var NoVncLazy = forwardRef(function (props, ref) {
   return React.createElement(React.Suspense, {
     fallback: null
   }, React.createElement(AsyncNoVnc, Object.assign({}, props, {

package/es/components/shared/preview-container/PreviewContainer.js

@@ -2,20 +2,17 @@ import React, { forwardRef } from 'react';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 
-const PREVIEW_CONTAINER_HEADER_HEIGHT = 36; // 2.25rem
-
-const PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM = 4; // 0.25rem
-
-const StyledPreviewContainer = styled.div.withConfig({
+var PREVIEW_CONTAINER_HEADER_HEIGHT = 36; // 2.25rem
+var PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM = 4; // 0.25rem
+var StyledPreviewContainer = styled.div.withConfig({
   componentId: "sc-1oi07w2-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background-color:", ";overflow:hidden;"], base.color.white);
-const StyledPreviewHeader = styled.div.withConfig({
+var StyledPreviewHeader = styled.div.withConfig({
   componentId: "sc-1oi07w2-1"
 })(["flex:0 0 ", "px;display:flex;align-items:center;padding:", "px 0.5rem;border-bottom:1px solid ", ";background-color:", ";"], PREVIEW_CONTAINER_HEADER_HEIGHT, PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM, base.color.navy7, base.color.navy8);
-const PreviewContainer = forwardRef(({
-  children,
-  header
-}, ref) => {
+var PreviewContainer = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    header = _ref.header;
   return React.createElement(StyledPreviewContainer, {
     ref: ref
   }, React.createElement(StyledPreviewHeader, {

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

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
 import { Flex } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
@@ -6,40 +7,45 @@ import styled from 'styled-components';
 import ExerciseMenuButton from '../exercise-menu-button/ExerciseMenuButton.js';
 import PreviewContainer, { PREVIEW_CONTAINER_HEADER_HEIGHT, PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM } from '../preview-container/PreviewContainer.js';
 
-const WEB_BROWSER_URL_INPUT_HEIGHT = PREVIEW_CONTAINER_HEADER_HEIGHT - PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM * 2;
-const StyledHeaderUrlInput = styled.input.withConfig({
+var WEB_BROWSER_URL_INPUT_HEIGHT = PREVIEW_CONTAINER_HEADER_HEIGHT - PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM * 2;
+var StyledHeaderUrlInput = styled.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, base.color.white, base.color.navy6);
-const StyledIframe = styled.iframe.withConfig({
+var StyledIframe = styled.iframe.withConfig({
   componentId: "sc-1c55yq-1"
 })(["flex:1;width:100%;height:100%;min-height:0;border:0;"]);
 /**
  * Attach `_cachebust` search parameter to the URL to prevent caching.
  */
-
-const createCacheBustedUrl = url => {
+var createCacheBustedUrl = function createCacheBustedUrl(url) {
   try {
-    const urlObject = new URL(url);
+    var urlObject = new URL(url);
     urlObject.searchParams.set('_cachebust', Date.now().toString());
     return urlObject.href;
   } catch (_) {
     return url;
   }
 };
-
-const WebBrowser = forwardRef(({
-  httpUri,
-  menuButtons = null
-}, ref) => {
-  const [url, setUrl] = React.useState('');
-  const [inputUrl, setInputUrl] = React.useState('');
-  const iframeRef = React.useRef(null);
-  const iframeSrc = React.useMemo(() => createCacheBustedUrl(url), [url]);
+var WebBrowser = forwardRef(function (_ref, ref) {
+  var httpUri = _ref.httpUri,
+    _ref$menuButtons = _ref.menuButtons,
+    menuButtons = _ref$menuButtons === void 0 ? null : _ref$menuButtons;
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    url = _React$useState2[0],
+    setUrl = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    inputUrl = _React$useState4[0],
+    setInputUrl = _React$useState4[1];
+  var iframeRef = React.useRef(null);
+  var iframeSrc = React.useMemo(function () {
+    return createCacheBustedUrl(url);
+  }, [url]);
   /**
    * Navigate browser.
    */
-
-  const navigate = React.useCallback(newUrl => {
+  var navigate = React.useCallback(function (newUrl) {
     if (newUrl) {
       setUrl(newUrl);
     }
@@ -47,8 +53,7 @@ const WebBrowser = forwardRef(({
   /**
    * Reload browser.
    */
-
-  const reload = React.useCallback(() => {
+  var reload = React.useCallback(function () {
     if (iframeRef.current) {
       iframeRef.current.src = createCacheBustedUrl(iframeRef.current.src);
     }
@@ -56,10 +61,8 @@ const WebBrowser = forwardRef(({
   /**
    * New window open click.
    */
-
-  const handleNewWindowClick = () => {
-    const win = window.open(url, '_blank');
-
+  var handleNewWindowClick = function handleNewWindowClick() {
+    var win = window.open(url, '_blank');
     if (win) {
       win.focus();
     }
@@ -67,19 +70,15 @@ const WebBrowser = forwardRef(({
   /**
    * Handle url input change.
    */
-
-
-  const handleUrlInputChange = e => {
-    const value = e.target.value; // prevent removal of origin url (props.httpUri)
-
+  var handleUrlInputChange = function handleUrlInputChange(e) {
+    var value = e.target.value;
+    // prevent removal of origin url (props.httpUri)
     setInputUrl(value.startsWith(httpUri) ? value : httpUri);
   };
   /**
    * Handle url input Enter key down.
    */
-
-
-  const handleUrlInputKeyDown = e => {
+  var handleUrlInputKeyDown = function handleUrlInputKeyDown(e) {
     if (e.key === 'Enter') {
       e.preventDefault();
       navigate(inputUrl);
@@ -88,41 +87,38 @@ const WebBrowser = forwardRef(({
   /**
    * Handle iframe load.
    */
-
-
-  const handleIframeLoad = () => {
+  var handleIframeLoad = function handleIframeLoad() {
     var _a, _b, _c;
-
     try {
-      const iframeUrl = (_c = (_b = (_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.href;
-
+      var iframeUrl = (_c = (_b = (_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.href;
       if (iframeUrl) {
         setInputUrl(iframeUrl);
       }
-    } catch (err) {// SecurityError : can be raised on the cross-origin environment!
+    } catch (err) {
+      // SecurityError : can be raised on the cross-origin environment!
       // do nothing.
     }
-  }; //
+  };
+  //
   // Change url on new httpUri provided.
   //
-
-
-  React.useEffect(() => {
+  React.useEffect(function () {
     setUrl(httpUri);
     setInputUrl(httpUri);
-  }, [httpUri]); //
+  }, [httpUri]);
   //
   //
-
-  React.useImperativeHandle(ref, () => ({
-    navigate,
-    reload
-  }), [navigate, reload]);
+  //
+  React.useImperativeHandle(ref, function () {
+    return {
+      navigate: navigate,
+      reload: reload
+    };
+  }, [navigate, reload]);
   /**
    * Browser header.
    */
-
-  const renderBrowserHeader = () => {
+  var renderBrowserHeader = function renderBrowserHeader() {
     return React.createElement(React.Fragment, null, React.createElement(Flex, {
       marginright: "0.25rem"
     }, React.createElement(ExerciseMenuButton, {
@@ -146,20 +142,17 @@ const WebBrowser = forwardRef(({
   /**
    * Browser content.
    */
-
-
-  const renderBrowserBody = () => {
+  var renderBrowserBody = function renderBrowserBody() {
     return React.createElement(StyledIframe, {
       src: iframeSrc,
       title: url,
       onLoad: handleIframeLoad,
       ref: iframeRef
     });
-  }; //
+  };
+  //
   //
   //
-
-
   return React.createElement(PreviewContainer, {
     header: renderBrowserHeader()
   }, renderBrowserBody());