@elice/material-exercise 1.231227.0 → 1.231228.0

package/cjs/components/shared/xterm/Xterm.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var reactUse = require('react-use');
@@ -16,58 +15,45 @@ var ko = require('./locales/ko.json.js');
 var index = require('./utils/index.js');
 require('xterm/css/xterm.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var XTERM_BACKGROUND_COLOR = designTokens.base.color.navy9;
-var StyledXtermWrapper = styled__default["default"].div.withConfig({
+const XTERM_BACKGROUND_COLOR = designTokens.base.color.navy9;
+const StyledXtermWrapper = styled.div.withConfig({
   componentId: "sc-8sudaf-0"
 })(["flex:1 1 0%;height:100%;background-color:", ";overflow:hidden;padding:1rem;padding-right:0;.xterm-viewport{overflow-y:auto;overflow-x:hidden;}"], XTERM_BACKGROUND_COLOR);
-var Xterm = React.forwardRef(function (_ref, ref) {
-  var _ref$isRunning = _ref.isRunning,
-    isRunning = _ref$isRunning === void 0 ? false : _ref$isRunning,
-    fontSize = _ref.fontSize,
-    _ref$suppressSystemMe = _ref.suppressSystemMessage,
-    suppressSystemMessage = _ref$suppressSystemMe === void 0 ? false : _ref$suppressSystemMe,
-    onInputRequest = _ref.onInputRequest,
-    onTtyResizeRequest = _ref.onTtyResizeRequest;
-  var intl = reactIntl.useIntl();
-  var xterm$1 = React__default["default"].useRef(null);
-  var xtermFitAddon = React__default["default"].useRef(null);
-  var _useMeasure = reactUse.useMeasure(),
-    _useMeasure2 = _rollupPluginBabelHelpers.slicedToArray(_useMeasure, 2),
-    xtermWrapperElRef = _useMeasure2[0],
-    _useMeasure2$ = _useMeasure2[1],
-    width = _useMeasure2$.width,
-    height = _useMeasure2$.height;
-  var xtermElRef = React__default["default"].useRef(null);
-  var ttySize = React__default["default"].useRef({});
-  var _React$useState = React__default["default"].useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    isRunBefore = _React$useState2[0],
-    setIsRunBefore = _React$useState2[1];
+const Xterm = React.forwardRef(({
+  isRunning = false,
+  fontSize,
+  suppressSystemMessage = false,
+  onInputRequest,
+  onTtyResizeRequest
+}, ref) => {
+  const intl = reactIntl.useIntl();
+  const xterm$1 = React.useRef(null);
+  const xtermFitAddon = React.useRef(null);
+  const [xtermWrapperElRef, {
+    width,
+    height
+  }] = reactUse.useMeasure();
+  const xtermElRef = React.useRef(null);
+  const ttySize = React.useRef({});
+  const [isRunBefore, setIsRunBefore] = React.useState(false);
   /**
    * Unfocus the terminal.
    */
-  var blur = React__default["default"].useCallback(function () {
-    var _a2;
+  const blur = React.useCallback((...args) => {
     var _a;
-    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : (_a2 = _a).blur.apply(_a2, arguments);
+    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : _a.blur(...args);
   }, []);
   /**
    * Focus the terminal.
    */
-  var focus = React__default["default"].useCallback(function () {
-    var _a3;
+  const focus = React.useCallback((...args) => {
     var _a;
-    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : (_a3 = _a).focus.apply(_a3, arguments);
+    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : _a.focus(...args);
   }, []);
   /**
    * Resizes the terminal to the dimensions of its containing element.
    */
-  var fit = React__default["default"].useCallback(function () {
+  const fit = React.useCallback(() => {
     var _a;
     // wrap `fit()` with try-catch.
     // - ref: https://github.com/bus-stop/x-terminal/issues/57#issuecomment-666012025
@@ -80,7 +66,7 @@ var Xterm = React.forwardRef(function (_ref, ref) {
   /**
    * Write data to the terminal.
    */
-  var write = React__default["default"].useCallback(function (data, callback) {
+  const write = React.useCallback((data, callback) => {
     var _a;
     return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : _a.write(typeof data === 'string' ? data.replace(/\n/g, '\r\n') : data, callback);
   }, []);
@@ -88,28 +74,23 @@ var Xterm = React.forwardRef(function (_ref, ref) {
    * Write emphasized color (yellow) message to the terminal.
    * (same with `write` but with specific style)
    */
-  var writeEmphasized = React__default["default"].useCallback(function (mesage) {
-    return write("\x1B[38;5;221m".concat(mesage, "\x1B[0m"));
-  }, [write]);
+  const writeEmphasized = React.useCallback(mesage => write(`\x1b[38;5;221m${mesage}\x1b[0m`), [write]);
   /**
    * Write system message to the terminal.
    * (same with `write` but with specific style)
    */
-  var writeSystem = React__default["default"].useCallback(function (mesage) {
-    return write("\x1B[1m\x1B[38;5;183m".concat(mesage, "\x1B[0m\n"));
-  }, [write]);
+  const writeSystem = React.useCallback(mesage => write(`\x1b[1m\x1b[38;5;183m${mesage}\x1b[0m\n`), [write]);
   /**
    * Perform a full reset (RIS, aka '\x1bc').
    */
-  var reset = React__default["default"].useCallback(function () {
-    var _a4;
+  const reset = React.useCallback((...args) => {
     var _a;
-    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : (_a4 = _a).reset.apply(_a4, arguments);
+    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : _a.reset(...args);
   }, []);
   //
   // Init xterm.
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (!xtermElRef.current) {
       return;
     }
@@ -119,7 +100,7 @@ var Xterm = React.forwardRef(function (_ref, ref) {
     xterm$1.current = new xterm.Terminal({
       cursorBlink: true,
       fontFamily: 'Elice Digital Coding',
-      fontSize: fontSize,
+      fontSize,
       theme: {
         background: XTERM_BACKGROUND_COLOR
       }
@@ -128,17 +109,17 @@ var Xterm = React.forwardRef(function (_ref, ref) {
     xtermFitAddon.current = new xtermAddonFit.FitAddon();
     xterm$1.current.loadAddon(xtermFitAddon.current);
     // create xterm window
-    var xtermEl = xtermElRef.current;
+    const xtermEl = xtermElRef.current;
     if (xtermEl) {
       xterm$1.current.open(xtermEl);
     }
     // register event handlers
-    var subscriptionData = xterm$1.current.onData(onInputRequest);
-    var subscriptionResize = xterm$1.current.onResize(function (size) {
+    const subscriptionData = xterm$1.current.onData(onInputRequest);
+    const subscriptionResize = xterm$1.current.onResize(size => {
       ttySize.current = size;
       onTtyResizeRequest(size);
     });
-    return function () {
+    return () => {
       var _a, _b;
       subscriptionData.dispose();
       subscriptionResize.dispose();
@@ -151,14 +132,14 @@ var Xterm = React.forwardRef(function (_ref, ref) {
   //
   // Update xterm font size.
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     var _a;
     return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : _a.setOption('fontSize', fontSize);
   }, [fontSize]);
   //
   // Reset and resize xterm when code is running.
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (isRunning) {
       reset();
       onTtyResizeRequest(ttySize.current);
@@ -169,7 +150,7 @@ var Xterm = React.forwardRef(function (_ref, ref) {
   //
   // Write system message when code is running.
   //
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (suppressSystemMessage) {
       return;
     }
@@ -202,32 +183,28 @@ var Xterm = React.forwardRef(function (_ref, ref) {
   //
   // Fit xterm with wrapper resized.
   //
-  reactUse.useDebounce(function () {
-    return fit();
-  }, 250, [width, height]);
+  reactUse.useDebounce(() => fit(), 250, [width, height]);
   //
   //
   //
-  React__default["default"].useImperativeHandle(ref, function () {
-    return {
-      blur: blur,
-      focus: focus,
-      fit: fit,
-      reset: reset,
-      write: write,
-      writeEmphasized: writeEmphasized,
-      writeSystem: writeSystem
-    };
-  });
+  React.useImperativeHandle(ref, () => ({
+    blur,
+    focus,
+    fit,
+    reset,
+    write,
+    writeEmphasized,
+    writeSystem
+  }));
   //
   //
   //
-  return React__default["default"].createElement(StyledXtermWrapper, {
+  return React.createElement(StyledXtermWrapper, {
     ref: xtermWrapperElRef
-  }, React__default["default"].createElement("div", {
+  }, React.createElement("div", {
     style: {
-      width: width,
-      height: height
+      width,
+      height
     },
     ref: xtermElRef
   }));
@@ -235,16 +212,16 @@ var Xterm = React.forwardRef(function (_ref, ref) {
 //
 //
 //
-var Xterm$1 = React.forwardRef(function (props, ref) {
-  return React__default["default"].createElement(materialSharedUtils.MaterialIntlProvider, {
+var Xterm$1 = React.forwardRef((props, ref) => {
+  return React.createElement(materialSharedUtils.MaterialIntlProvider, {
     locale: props.locale,
     phrases: {
-      en: en["default"],
-      ko: ko["default"]
+      en: en.default,
+      ko: ko.default
     }
-  }, React__default["default"].createElement(Xterm, Object.assign({}, props, {
+  }, React.createElement(Xterm, Object.assign({}, props, {
     ref: ref
   })));
 });
 
-exports["default"] = Xterm$1;
+exports.default = Xterm$1;

package/cjs/components/shared/xterm/XtermLazy.js

@@ -4,19 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var AsyncXterm = React__default["default"].lazy(function () {
-  return Promise.resolve().then(function () { return require('./Xterm.js'); });
-});
-var XtermLazy = React.forwardRef(function (props, ref) {
-  return React__default["default"].createElement(React__default["default"].Suspense, {
+const AsyncXterm = React.lazy(() => Promise.resolve().then(function () { return require('./Xterm.js'); }));
+const XtermLazy = React.forwardRef((props, ref) => {
+  return React.createElement(React.Suspense, {
     fallback: null
-  }, React__default["default"].createElement(AsyncXterm, Object.assign({}, props, {
+  }, React.createElement(AsyncXterm, Object.assign({}, props, {
     ref: ref
   })));
 });
 
-exports["default"] = XtermLazy;
+exports.default = XtermLazy;

package/cjs/components/shared/xterm/locales/en.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesEn = {"xterm.systemMessage.runAfter":"\n/* Code running is complete! */","xterm.systemMessage.runBefore":"/* Code has not run yet. */","xterm.systemMessage.running":"/* Code is running... */"};
 
-exports["default"] = phrasesEn;
+exports.default = phrasesEn;

package/cjs/components/shared/xterm/locales/ko.json.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var phrasesKo = {"xterm.systemMessage.runAfter":"\n/* 코드 실행이 완료되었습니다! */","xterm.systemMessage.runBefore":"/* 코드가 아직 실행되지 않았습니다. */","xterm.systemMessage.running":"/* 코드가 실행되는 중입니다... */"};
 
-exports["default"] = phrasesKo;
+exports.default = phrasesKo;

package/cjs/components/shared/xterm/utils/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Fix for `Object doesn't support property or method 'composedPath'`.
  * - ref: https://git.elicer.io/elice/frontend/elice-web/-/issues/1801

package/cjs/constants/arduino.js

@@ -1,22 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _ = require('lodash');
 
-var ARDUINO_AGENT_PORTS_FROM = 8990;
-var ARDUINO_AGENT_PORTS_TO = 9000;
-var ARDUINO_AGENT_PORTS = _.range(ARDUINO_AGENT_PORTS_FROM, ARDUINO_AGENT_PORTS_TO + 1);
-var AVR_SIGNATURE = {
+const ARDUINO_AGENT_PORTS_FROM = 8990;
+const ARDUINO_AGENT_PORTS_TO = 9000;
+const ARDUINO_AGENT_PORTS = _.range(ARDUINO_AGENT_PORTS_FROM, ARDUINO_AGENT_PORTS_TO + 1);
+const AVR_SIGNATURE = {
   uno: '06d861706dc3a9cad3824cd7c374568eb5d7f55c057bdb72726e0846575b6dc61d0c07e0628f0e51d7828307fefdfce702d8253dde90d67a554f8a795fa2c994469b10971fa2f198956493778fedf9fa4941dc6d9fa07648b477bb6cd27e2a82ea027171036fce1bc87745584a3377a055cedc09486e25de9e005415c4aa38f73b840dac6769ea82fbce2e39ba903b01738ec7cdf4688a255fcf80dfe5cd91cc7c6764133cdd5761be5f7bed3f59a888614aded15c347eceab5d169671bfba10fc0f7a5db07c504271917bdb3075c7b213a3facb915e48dd74077d88c59b94e0ebbff126994831c634f31d3a2d7edc754524b77aabde296a7ca3be13d86ff19a',
   mega: '0011a459acfa1ce1de0509f30691001a90c397c6d4e5d72a618fa54d343ca242d8c9fb7928e48b2e72613fa2614617838b6769f28ee1881e6f91680e4330541ad16621e1cf04013dc96f063df561253fee22315de35f227ad5757a6af38036985e66a9cacf4b5387ebed37f027080ba33d17265c2e47ea7e5b956c36647891e1eadf9d3eda76cac879a28243201947f2855e9460c41dd839bf24dbe0aeea1e16575a539aff9b4d1b053ea171b4bcdbbb6434718283103cb3ff0e059a7096eb61e5465dbb22ebcdd292e999cac8dd9c08707119a3807c210a85a22646b835b4256f633de71348be47638552539043de8c3aeefd8d04d32a72d1fa3210f594775c'
 };
-var AVR_COMMANDLINE = {
+const AVR_COMMANDLINE = {
   uno: '"{runtime.tools.avrdude.path}/bin/avrdude" "-C{runtime.tools.avrdude.path}/etc/avrdude.conf" -v  -patmega328p -carduino "-P{serial.port}" -b115200 -D "-Uflash:w:{build.path}/{build.project_name}.hex:i"',
   mega: '"{runtime.tools.avrdude.path}/bin/avrdude" "-C{runtime.tools.avrdude.path}/etc/avrdude.conf" -v  -patmega2560 -cwiring "-P{serial.port}" -b115200 -D "-Uflash:w:{build.path}/{build.project_name}.hex:i"'
 };
-var DISABLE_TIME_AFTER_UPLOAD = 5000;
-var ARDUINO_VENDOR_PRODUCT_IDS = {
+const DISABLE_TIME_AFTER_UPLOAD = 5000;
+const ARDUINO_VENDOR_PRODUCT_IDS = {
   uno: [{
     vendorId: '0x2341',
     productId: '0x0043'
@@ -53,15 +51,15 @@ var ARDUINO_VENDOR_PRODUCT_IDS = {
     productId: '0x0242'
   }]
 };
-var ARDUINO_BOARD_NAMES = {
+const ARDUINO_BOARD_NAMES = {
   uno: 'Arduino Uno',
   mega: 'Arduino Mega'
 };
-var ARDUINO_BOARD_FQBN = {
+const ARDUINO_BOARD_FQBN = {
   uno: 'arduino:avr:uno',
   mega: 'arduino:avr:mega'
 };
-var ARDUINO_BAUD_RATES = [300, 600, 1200, 2400, 4800, 9600, 14400, 19200, 28800, 38400, 57600, 115200];
+const ARDUINO_BAUD_RATES = [300, 600, 1200, 2400, 4800, 9600, 14400, 19200, 28800, 38400, 57600, 115200];
 
 exports.ARDUINO_AGENT_PORTS = ARDUINO_AGENT_PORTS;
 exports.ARDUINO_AGENT_PORTS_FROM = ARDUINO_AGENT_PORTS_FROM;

package/cjs/constants/shortcutKeyMap.js

@@ -2,9 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var key = function key(k) {
-  return k;
-};
+const key = k => k;
 var EXERCISE_SHORTCUT_KEY_MAP = {
   /**
    * Runner > submit run
@@ -73,4 +71,4 @@ var EXERCISE_SHORTCUT_KEY_MAP = {
   })]
 };
 
-exports["default"] = EXERCISE_SHORTCUT_KEY_MAP;
+exports.default = EXERCISE_SHORTCUT_KEY_MAP;

package/cjs/constants/stylesheets.js

@@ -1,14 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 
 /**
  * Common props for resizable blocks.
  */
-var MATERIAL_RESIZABLE_COMMON_PROPS = {
+const MATERIAL_RESIZABLE_COMMON_PROPS = {
   handleSize: 4,
   handleHoverColor: designTokens.base.color.primary6,
   collapsedBackgroundColor: designTokens.base.color.navy8,
@@ -18,21 +16,19 @@ var MATERIAL_RESIZABLE_COMMON_PROPS = {
 /**
  * Border CSS value for material divider.
  */
-var MATERIAL_DIVIDER_BORDER_VALUE = "1px solid ".concat(designTokens.base.color.navy7);
+const MATERIAL_DIVIDER_BORDER_VALUE = `1px solid ${designTokens.base.color.navy7}`;
 /**
  * Color for material scroll bar.
  */
-var MATERIAL_SCROLL_BAR_COLOR = designTokens.base.color.navy6;
+const MATERIAL_SCROLL_BAR_COLOR = designTokens.base.color.navy6;
 /**
  * Background color for material scroll bar.
  */
-var MATERIAL_SCROLL_BAR_BACKGROUND_COLOR = designTokens.base.color.navy8;
+const MATERIAL_SCROLL_BAR_BACKGROUND_COLOR = designTokens.base.color.navy8;
 /**
  * CSS for scroll bar.
  */
-var getMaterialScrollBarCss = function getMaterialScrollBarCss(options) {
-  return styled.css(["::-webkit-scrollbar{display:", ";width:", ";height:", ";}::-webkit-scrollbar-track-piece{background-color:", ";}::-webkit-scrollbar-thumb{border-radius:", ";background-color:", ";}&:hover{scrollbar-width:thin;::-webkit-scrollbar{display:initial;}}"], options.hideable ? 'none' : 'initial', options.width, options.height, MATERIAL_SCROLL_BAR_BACKGROUND_COLOR, options.borderRadius || '2px', MATERIAL_SCROLL_BAR_COLOR);
-};
+const getMaterialScrollBarCss = options => styled.css(["::-webkit-scrollbar{display:", ";width:", ";height:", ";}::-webkit-scrollbar-track-piece{background-color:", ";}::-webkit-scrollbar-thumb{border-radius:", ";background-color:", ";}&:hover{scrollbar-width:thin;::-webkit-scrollbar{display:initial;}}"], options.hideable ? 'none' : 'initial', options.width, options.height, MATERIAL_SCROLL_BAR_BACKGROUND_COLOR, options.borderRadius || '2px', MATERIAL_SCROLL_BAR_COLOR);
 
 exports.MATERIAL_DIVIDER_BORDER_VALUE = MATERIAL_DIVIDER_BORDER_VALUE;
 exports.MATERIAL_RESIZABLE_COMMON_PROPS = MATERIAL_RESIZABLE_COMMON_PROPS;