@elice/material-exercise 1.240718.3 → 1.240719.1

package/cjs/components/shared/monaco-editor/vendors/vscode-emmet-helper/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var emmetHelper = require('./emmetHelper.js');
+var utils = require('./utils.js');
+
+
+
+exports.doComplete = emmetHelper.doComplete;
+exports.DEFAULT_CONFIG = utils.DEFAULT_CONFIG;
+exports.LANGUAGE_MODES = utils.LANGUAGE_MODES;
+exports.MAPPED_MODES = utils.MAPPED_MODES;

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

@@ -4,7 +4,7 @@
 /**
  * Default emmet configuration.
  */
-const DEFAULT_CONFIG = {
+var DEFAULT_CONFIG = {
   showExpandedAbbreviation: 'always',
   showAbbreviationSuggestions: true,
   showSuggestionsAsSnippets: false
@@ -13,7 +13,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,7 +32,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/cjs/components/shared/no-vnc/NoVnc.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactUse = require('react-use');
 var blocks = require('@elice/blocks');
@@ -21,49 +23,67 @@ var ExerciseMenuButton = require('../exercise-menu-button/ExerciseMenuButton.js'
 var PreviewContainer = require('../preview-container/PreviewContainer.js');
 var en = require('./locales/en.json.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var RFB_decoders_copy_rect__default = /*#__PURE__*/_interopDefaultCompat(RFB_decoders_copy_rect);
+var RFB_decoders_hextile__default = /*#__PURE__*/_interopDefaultCompat(RFB_decoders_hextile);
+var RFB_decoders_raw__default = /*#__PURE__*/_interopDefaultCompat(RFB_decoders_raw);
+var RFB_decoders_rre__default = /*#__PURE__*/_interopDefaultCompat(RFB_decoders_rre);
+var RFB_decoders_tight__default = /*#__PURE__*/_interopDefaultCompat(RFB_decoders_tight);
+var RFB_decoders_tight_png__default = /*#__PURE__*/_interopDefaultCompat(RFB_decoders_tight_png);
+var RFB__default = /*#__PURE__*/_interopDefaultCompat(RFB);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
 //
 //
 //
-const VNC_BACKGROUND_COLOR = designTokens.base.color.navy7;
-const StyledHeaderTitle = styled.div.withConfig({
+var VNC_BACKGROUND_COLOR = designTokens.base.color.navy7;
+var StyledHeaderTitle = styled__default.default.div.withConfig({
   componentId: "sc-1duy62f-0"
 })(["flex:1;"]);
-const StyledHeaderButtonGroup = styled.div.withConfig({
+var StyledHeaderButtonGroup = styled__default.default.div.withConfig({
   componentId: "sc-1duy62f-1"
 })(["flex:0 0 auto;display:flex;align-items:center;"]);
-const StyledVncWrap = styled.div.withConfig({
+var StyledVncWrap = styled__default.default.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__default.default.div.withConfig({
   componentId: "sc-1duy62f-3"
 })([""]);
-const StyledNoVnc = styled.div.withConfig({
+var StyledNoVnc = styled__default.default.div.withConfig({
   componentId: "sc-1duy62f-4"
 })(["position:relative;left:50%;top:50%;transform-origin:center center;transform:translate(-50%,-50%);"]);
 //
 //
 //
-const NoVnc = React.forwardRef(({
-  isRunning = false,
-  wsUri,
-  roomToken,
-  readyExerciseImage,
-  exercisePreviewDisplayModeButton = null,
-  onConnect,
-  onDisconnect,
-  __intl
-}, ref) => {
-  const vncRfb = React.useRef(null);
-  const vncElRef = React.useRef(null);
-  const [vncWrapRef, {
-    width,
-    height
-  }] = reactUse.useMeasure();
-  const [isVncScaledFromLocal, setVncScaledFromLocal] = React.useState(true);
+var NoVnc = React.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,
+    __intl = _ref.__intl;
+  var vncRfb = React__default.default.useRef(null);
+  var vncElRef = React__default.default.useRef(null);
+  var _useMeasure = reactUse.useMeasure(),
+    _useMeasure2 = _rollupPluginBabelHelpers.slicedToArray(_useMeasure, 2),
+    vncWrapRef = _useMeasure2[0],
+    _useMeasure2$ = _useMeasure2[1],
+    width = _useMeasure2$.width,
+    height = _useMeasure2$.height;
+  var _React$useState = React__default.default.useState(true),
+    _React$useState2 = _rollupPluginBabelHelpers.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__default.default.useMemo(function () {
     var _a, _b;
     return {
       width: (_a = readyExerciseImage === null || readyExerciseImage === void 0 ? void 0 : readyExerciseImage.defaultVncWidth) !== null && _a !== void 0 ? _a : 300,
@@ -73,26 +93,30 @@ const NoVnc = React.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__default.default.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__default.default.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__default.default.useCallback(function () {
     if (!vncElRef.current || !wsUri || !roomToken) {
       return;
     }
-    const vncUrl = `${wsUri}/client/vnc/${roomToken}`;
+    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, {
+    vncRfb.current = new RFB__default.default(vncElRef.current, vncUrl, {
       wsProtocols: ['binary']
     });
     // ==============================
@@ -121,14 +145,14 @@ const NoVnc = React.forwardRef(({
     // ==============================
     // 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.
     // - 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();
       }
@@ -139,7 +163,7 @@ const NoVnc = React.forwardRef(({
   /**
    * Disconnect VNC.
    */
-  const disconnect = React.useCallback(() => {
+  var disconnect = React__default.default.useCallback(function () {
     var _a;
     if (typeof ((_a = vncRfb.current) === null || _a === void 0 ? void 0 : _a.disconnect) === 'function') {
       vncRfb.current.disconnect();
@@ -153,7 +177,7 @@ const NoVnc = React.forwardRef(({
    * Reset VNC.
    * - note: https://www.notion.so/elice/elice-runner-v3-forwarder-4907ba8546274956b2f55c586df1641a#d61df659d91644db85a52fc148a69e13
    */
-  const reset = React.useCallback(() => {
+  var reset = React__default.default.useCallback(function () {
     if (!vncRfb.current) {
       return;
     }
@@ -183,12 +207,12 @@ const NoVnc = React.forwardRef(({
       encoding: null
     };
     vncRfb.current._decoders = {};
-    vncRfb.current._decoders[encodings.encodings.encodingRaw] = new RFB_decoders_raw();
-    vncRfb.current._decoders[encodings.encodings.encodingCopyRect] = new RFB_decoders_copy_rect();
-    vncRfb.current._decoders[encodings.encodings.encodingRRE] = new RFB_decoders_rre();
-    vncRfb.current._decoders[encodings.encodings.encodingHextile] = new RFB_decoders_hextile();
-    vncRfb.current._decoders[encodings.encodings.encodingTight] = new RFB_decoders_tight();
-    vncRfb.current._decoders[encodings.encodings.encodingTightPNG] = new RFB_decoders_tight_png();
+    vncRfb.current._decoders[encodings.encodings.encodingRaw] = new RFB_decoders_raw__default.default();
+    vncRfb.current._decoders[encodings.encodings.encodingCopyRect] = new RFB_decoders_copy_rect__default.default();
+    vncRfb.current._decoders[encodings.encodings.encodingRRE] = new RFB_decoders_rre__default.default();
+    vncRfb.current._decoders[encodings.encodings.encodingHextile] = new RFB_decoders_hextile__default.default();
+    vncRfb.current._decoders[encodings.encodings.encodingTight] = new RFB_decoders_tight__default.default();
+    vncRfb.current._decoders[encodings.encodings.encodingTightPNG] = new RFB_decoders_tight_png__default.default();
     vncRfb.current._sock.flush();
     vncRfb.current._sock._allocateBuffers();
     vncRfb.current._sock._rQi = 0;
@@ -205,7 +229,7 @@ const NoVnc = React.forwardRef(({
   //
   // Update VNC scale config.
   //
-  reactUse.useUpdateEffect(() => {
+  reactUse.useUpdateEffect(function () {
     if (!vncRfb.current) {
       return;
     }
@@ -217,48 +241,64 @@ const NoVnc = React.forwardRef(({
   //
   //
   //
-  React.useImperativeHandle(ref, () => ({
-    connect,
-    disconnect,
-    reset
-  }), [connect, disconnect, reset]);
+  React__default.default.useImperativeHandle(ref, function () {
+    return {
+      connect: connect,
+      disconnect: disconnect,
+      reset: reset
+    };
+  }, [connect, disconnect, reset]);
   /**
    * Header.
    */
-  const renderVncHeader = () => {
-    return React.createElement(React.Fragment, null, React.createElement(StyledHeaderTitle, null, React.createElement(blocks.Text, {
-      role: "white",
-      size: "tiny"
-    }, __intl.formatMessage({
-      id: 'no_vnc.header.title'
-    }))), React.createElement(StyledHeaderButtonGroup, null, React.createElement(ExerciseMenuButton.default, {
-      icon: isVncScaledFromLocal ? icons.eilViewMaximize : icons.eilViewMinimize,
-      title: isRunning ? __intl.formatMessage({
-        id: 'no_vnc.header.button_group.exercise_menu.is_running'
-      }) : isVncScaledFromLocal ? __intl.formatMessage({
-        id: 'no_vnc.header.button_group.exercise_menu.zoom_in'
-      }) : __intl.formatMessage({
-        id: 'no_vnc.header.button_group.exercise_menu.keep_ratio'
-      }),
-      disabled: isRunning,
-      onClick: () => setVncScaledFromLocal(prev => !prev)
-    }), React.isValidElement(exercisePreviewDisplayModeButton) ? React.cloneElement(exercisePreviewDisplayModeButton, {
-      disabled: isRunning
-    }) : null));
+  var renderVncHeader = function renderVncHeader() {
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(StyledHeaderTitle, {
+        children: jsxRuntime.jsx(blocks.Text, {
+          role: "white",
+          size: "tiny",
+          children: __intl.formatMessage({
+            id: 'no_vnc.header.title'
+          })
+        })
+      }), jsxRuntime.jsxs(StyledHeaderButtonGroup, {
+        children: [jsxRuntime.jsx(ExerciseMenuButton.default, {
+          icon: isVncScaledFromLocal ? icons.eilViewMaximize : icons.eilViewMinimize,
+          title: isRunning ? __intl.formatMessage({
+            id: 'no_vnc.header.button_group.exercise_menu.is_running'
+          }) : isVncScaledFromLocal ? __intl.formatMessage({
+            id: 'no_vnc.header.button_group.exercise_menu.zoom_in'
+          }) : __intl.formatMessage({
+            id: 'no_vnc.header.button_group.exercise_menu.keep_ratio'
+          }),
+          disabled: isRunning,
+          onClick: function onClick() {
+            return setVncScaledFromLocal(function (prev) {
+              return !prev;
+            });
+          }
+        }), React__default.default.isValidElement(exercisePreviewDisplayModeButton) ? React__default.default.cloneElement(exercisePreviewDisplayModeButton, {
+          disabled: isRunning
+        }) : null]
+      })]
+    });
   };
   //
   //
   //
-  return React.createElement(PreviewContainer.default, {
-    header: renderVncHeader()
-  }, React.createElement(StyledVncWrap, {
-    ref: vncWrapRef
-  }, React.createElement(StyledNoVncContainer, {
-    style: vncElementStyle
-  }, React.createElement(StyledNoVnc, {
-    style: vncElementStyle,
-    ref: vncElRef
-  }))));
+  return jsxRuntime.jsx(PreviewContainer.default, {
+    header: renderVncHeader(),
+    children: jsxRuntime.jsx(StyledVncWrap, {
+      ref: vncWrapRef,
+      children: jsxRuntime.jsx(StyledNoVncContainer, {
+        style: vncElementStyle,
+        children: jsxRuntime.jsx(StyledNoVnc, {
+          style: vncElementStyle,
+          ref: vncElRef
+        })
+      })
+    })
+  });
 });
 var NoVnc$1 = new intl.IntlComponentBuilder(NoVnc).add('en', en.default).addAsync('ko', Promise.resolve().then(function () { return require('./locales/ko.json.js'); })).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).addAsync('ja', Promise.resolve().then(function () { return require('./locales/ja.json.js'); })).build();
 

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

@@ -2,15 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
-const AsyncNoVnc = React.lazy(() => Promise.resolve().then(function () { return require('./NoVnc.js'); }));
-const NoVncLazy = React.forwardRef((props, ref) => {
-  return React.createElement(React.Suspense, {
-    fallback: null
-  }, React.createElement(AsyncNoVnc, Object.assign({}, props, {
-    ref: ref
-  })));
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var AsyncNoVnc = React__default.default.lazy(function () {
+  return Promise.resolve().then(function () { return require('./NoVnc.js'); });
+});
+var NoVncLazy = React.forwardRef(function (props, ref) {
+  return jsxRuntime.jsx(React__default.default.Suspense, {
+    fallback: null,
+    children: jsxRuntime.jsx(AsyncNoVnc, Object.assign({}, props, {
+      ref: ref
+    }))
+  });
 });
 
 exports.default = NoVncLazy;

package/cjs/components/shared/no-vnc/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var NoVncLazy = require('./NoVncLazy.js');
+
+
+
+exports.NoVncLazy = NoVncLazy.default;

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

@@ -2,27 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var designTokens = require('@elice/design-tokens');
 var styled = require('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({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var PREVIEW_CONTAINER_HEADER_HEIGHT = 36; // 2.25rem
+var PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM = 4; // 0.25rem
+var StyledPreviewContainer = styled__default.default.div.withConfig({
   componentId: "sc-1oi07w2-0"
 })(["display:flex;flex-direction:column;width:100%;height:100%;background-color:", ";overflow:hidden;"], designTokens.base.color.white);
-const StyledPreviewHeader = styled.div.withConfig({
+var StyledPreviewHeader = styled__default.default.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, designTokens.base.color.navy7, designTokens.base.color.navy8);
-const PreviewContainer = React.forwardRef(({
-  children,
-  header
-}, ref) => {
-  return React.createElement(StyledPreviewContainer, {
-    ref: ref
-  }, React.createElement(StyledPreviewHeader, {
-    children: header
-  }), children);
+var PreviewContainer = React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    header = _ref.header;
+  return jsxRuntime.jsxs(StyledPreviewContainer, {
+    ref: ref,
+    children: [jsxRuntime.jsx(StyledPreviewHeader, {
+      children: header
+    }), children]
+  });
 });
 
 exports.PREVIEW_CONTAINER_HEADER_HEIGHT = PREVIEW_CONTAINER_HEADER_HEIGHT;

package/cjs/components/shared/preview-container/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var PreviewContainer = require('./PreviewContainer.js');
+
+
+
+exports.PREVIEW_CONTAINER_HEADER_HEIGHT = PreviewContainer.PREVIEW_CONTAINER_HEADER_HEIGHT;
+exports.PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM = PreviewContainer.PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM;
+exports.PreviewContainer = PreviewContainer.default;