@elice/material-exercise 1.230325.0 → 1.230418.0

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

@@ -1,5 +1,8 @@
 'use strict';
 
+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');
@@ -18,173 +21,173 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const XTERM_BACKGROUND_COLOR = designTokens.base.color.navy9;
-const StyledXtermWrapper = styled__default["default"].div.withConfig({
+var XTERM_BACKGROUND_COLOR = designTokens.base.color.navy9;
+var StyledXtermWrapper = styled__default["default"].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);
-const Xterm = React.forwardRef(({
-  isRunning = false,
-  fontSize,
-  suppressSystemMessage = false,
-  onInputRequest,
-  onTtyResizeRequest
-}, ref) => {
-  const intl = reactIntl.useIntl();
-  const xterm$1 = React__default["default"].useRef(null);
-  const xtermFitAddon = React__default["default"].useRef(null);
-  const [xtermWrapperElRef, {
-    width,
-    height
-  }] = reactUse.useMeasure();
-  const xtermElRef = React__default["default"].useRef(null);
-  const ttySize = React__default["default"].useRef({});
-  const [isRunBefore, setIsRunBefore] = React__default["default"].useState(false);
+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];
   /**
    * Unfocus the terminal.
    */
-
-  const blur = React__default["default"].useCallback((...args) => {
+  var blur = React__default["default"].useCallback(function () {
+    var _a2;
     var _a;
-
-    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : _a.blur(...args);
+    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : (_a2 = _a).blur.apply(_a2, arguments);
   }, []);
   /**
    * Focus the terminal.
    */
-
-  const focus = React__default["default"].useCallback((...args) => {
+  var focus = React__default["default"].useCallback(function () {
+    var _a3;
     var _a;
-
-    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : _a.focus(...args);
+    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : (_a3 = _a).focus.apply(_a3, arguments);
   }, []);
   /**
    * Resizes the terminal to the dimensions of its containing element.
    */
-
-  const fit = React__default["default"].useCallback(() => {
-    var _a; // wrap `fit()` with try-catch.
+  var fit = React__default["default"].useCallback(function () {
+    var _a;
+    // wrap `fit()` with try-catch.
     // - ref: https://github.com/bus-stop/x-terminal/issues/57#issuecomment-666012025
-
-
     try {
       (_a = xtermFitAddon.current) === null || _a === void 0 ? void 0 : _a.fit();
-    } catch (_) {// do nothing.
+    } catch (_) {
+      // do nothing.
     }
   }, []);
   /**
    * Write data to the terminal.
    */
-
-  const write = React__default["default"].useCallback((data, callback) => {
+  var write = React__default["default"].useCallback(function (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);
   }, []);
   /**
    * Write emphasized color (yellow) message to the terminal.
    * (same with `write` but with specific style)
    */
-
-  const writeEmphasized = React__default["default"].useCallback(mesage => write(`\x1b[38;5;221m${mesage}\x1b[0m`), [write]);
+  var writeEmphasized = React__default["default"].useCallback(function (mesage) {
+    return write("\x1B[38;5;221m".concat(mesage, "\x1B[0m"));
+  }, [write]);
   /**
    * Write system message to the terminal.
    * (same with `write` but with specific style)
    */
-
-  const writeSystem = React__default["default"].useCallback(mesage => write(`\x1b[1m\x1b[38;5;183m${mesage}\x1b[0m\n`), [write]);
+  var writeSystem = React__default["default"].useCallback(function (mesage) {
+    return write("\x1B[1m\x1B[38;5;183m".concat(mesage, "\x1B[0m\n"));
+  }, [write]);
   /**
    * Perform a full reset (RIS, aka '\x1bc').
    */
-
-  const reset = React__default["default"].useCallback((...args) => {
+  var reset = React__default["default"].useCallback(function () {
+    var _a4;
     var _a;
-
-    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : _a.reset(...args);
-  }, []); //
+    return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : (_a4 = _a).reset.apply(_a4, arguments);
+  }, []);
+  //
   // Init xterm.
   //
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (!xtermElRef.current) {
       return;
-    } // patch
-
-
-    index.patchXtermComposedPath(); // init xterm terminal
-
+    }
+    // patch
+    index.patchXtermComposedPath();
+    // init xterm terminal
     xterm$1.current = new xterm.Terminal({
       cursorBlink: true,
       fontFamily: 'Elice Digital Coding',
-      fontSize,
+      fontSize: fontSize,
       theme: {
         background: XTERM_BACKGROUND_COLOR
       }
-    }); // init xterm fit addon
-
+    });
+    // init xterm fit addon
     xtermFitAddon.current = new xtermAddonFit.FitAddon();
-    xterm$1.current.loadAddon(xtermFitAddon.current); // create xterm window
-
-    const xtermEl = xtermElRef.current;
-
+    xterm$1.current.loadAddon(xtermFitAddon.current);
+    // create xterm window
+    var xtermEl = xtermElRef.current;
     if (xtermEl) {
       xterm$1.current.open(xtermEl);
-    } // register event handlers
-
-
-    const subscriptionData = xterm$1.current.onData(onInputRequest);
-    const subscriptionResize = xterm$1.current.onResize(size => {
+    }
+    // register event handlers
+    var subscriptionData = xterm$1.current.onData(onInputRequest);
+    var subscriptionResize = xterm$1.current.onResize(function (size) {
       ttySize.current = size;
       onTtyResizeRequest(size);
     });
-    return () => {
+    return function () {
       var _a, _b;
-
       subscriptionData.dispose();
       subscriptionResize.dispose();
       (_a = xtermFitAddon.current) === null || _a === void 0 ? void 0 : _a.dispose();
       (_b = xterm$1.current) === null || _b === void 0 ? void 0 : _b.dispose();
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  []); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
+  //
   // Update xterm font size.
   //
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     var _a;
-
     return (_a = xterm$1.current) === null || _a === void 0 ? void 0 : _a.setOption('fontSize', fontSize);
-  }, [fontSize]); //
+  }, [fontSize]);
+  //
   // Reset and resize xterm when code is running.
   //
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (isRunning) {
       reset();
       onTtyResizeRequest(ttySize.current);
     }
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isRunning]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isRunning]);
+  //
   // Write system message when code is running.
   //
-
-  React__default["default"].useEffect(() => {
+  React__default["default"].useEffect(function () {
     if (suppressSystemMessage) {
       return;
     }
-
     if (isRunning) {
       writeSystem(intl.formatMessage({
         id: 'xterm.systemMessage.running'
       }));
       blur();
-    } //
+    }
+    //
     else {
       if (isRunBefore) {
         writeSystem(intl.formatMessage({
           id: 'xterm.systemMessage.runAfter'
         }));
         blur();
-      } //
+      }
+      //
       else {
         writeSystem(intl.formatMessage({
           id: 'xterm.systemMessage.runBefore'
@@ -192,52 +195,56 @@ const Xterm = React.forwardRef(({
         blur();
       }
     }
-
     setIsRunBefore(true);
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isRunning]); //
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isRunning]);
+  //
   // Fit xterm with wrapper resized.
   //
-
-  reactUse.useDebounce(() => fit(), 250, [width, height]); //
+  reactUse.useDebounce(function () {
+    return fit();
+  }, 250, [width, height]);
   //
   //
-
-  React__default["default"].useImperativeHandle(ref, () => ({
-    blur,
-    focus,
-    fit,
-    reset,
-    write,
-    writeEmphasized,
-    writeSystem
-  })); //
+  //
+  React__default["default"].useImperativeHandle(ref, function () {
+    return {
+      blur: blur,
+      focus: focus,
+      fit: fit,
+      reset: reset,
+      write: write,
+      writeEmphasized: writeEmphasized,
+      writeSystem: writeSystem
+    };
+  });
+  //
   //
   //
-
   return React__default["default"].createElement(StyledXtermWrapper, {
     ref: xtermWrapperElRef
   }, React__default["default"].createElement("div", {
     style: {
-      width,
-      height
+      width: width,
+      height: height
     },
     ref: xtermElRef
   }));
-}); //
+});
 //
 //
-
-var Xterm$1 = React.forwardRef((props, ref) => {
+//
+var Xterm$1 = React.forwardRef(function (props, ref) {
   return React__default["default"].createElement(materialSharedUtils.MaterialIntlProvider, {
     locale: props.locale,
     phrases: {
-      en: en,
-      ko: ko
+      en: en["default"],
+      ko: ko["default"]
     }
   }, React__default["default"].createElement(Xterm, Object.assign({}, props, {
     ref: ref
   })));
 });
 
-module.exports = Xterm$1;
+exports["default"] = Xterm$1;

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

@@ -1,15 +1,17 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, 'default': e }); }
-
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const AsyncXterm = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./Xterm.js')); }));
-const XtermLazy = React.forwardRef((props, ref) => {
+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, {
     fallback: null
   }, React__default["default"].createElement(AsyncXterm, Object.assign({}, props, {
@@ -17,4 +19,4 @@ const XtermLazy = React.forwardRef((props, ref) => {
   })));
 });
 
-module.exports = XtermLazy;
+exports["default"] = XtermLazy;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+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... */"};
 
-module.exports = phrasesEn;
+exports["default"] = phrasesEn;

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

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

package/cjs/constants/arduino.js

@@ -4,19 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _ = require('lodash');
 
-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 = {
+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 = {
   uno: '06d861706dc3a9cad3824cd7c374568eb5d7f55c057bdb72726e0846575b6dc61d0c07e0628f0e51d7828307fefdfce702d8253dde90d67a554f8a795fa2c994469b10971fa2f198956493778fedf9fa4941dc6d9fa07648b477bb6cd27e2a82ea027171036fce1bc87745584a3377a055cedc09486e25de9e005415c4aa38f73b840dac6769ea82fbce2e39ba903b01738ec7cdf4688a255fcf80dfe5cd91cc7c6764133cdd5761be5f7bed3f59a888614aded15c347eceab5d169671bfba10fc0f7a5db07c504271917bdb3075c7b213a3facb915e48dd74077d88c59b94e0ebbff126994831c634f31d3a2d7edc754524b77aabde296a7ca3be13d86ff19a',
   mega: '0011a459acfa1ce1de0509f30691001a90c397c6d4e5d72a618fa54d343ca242d8c9fb7928e48b2e72613fa2614617838b6769f28ee1881e6f91680e4330541ad16621e1cf04013dc96f063df561253fee22315de35f227ad5757a6af38036985e66a9cacf4b5387ebed37f027080ba33d17265c2e47ea7e5b956c36647891e1eadf9d3eda76cac879a28243201947f2855e9460c41dd839bf24dbe0aeea1e16575a539aff9b4d1b053ea171b4bcdbbb6434718283103cb3ff0e059a7096eb61e5465dbb22ebcdd292e999cac8dd9c08707119a3807c210a85a22646b835b4256f633de71348be47638552539043de8c3aeefd8d04d32a72d1fa3210f594775c'
 };
-const AVR_COMMANDLINE = {
+var 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"'
 };
-const DISABLE_TIME_AFTER_UPLOAD = 5000;
-const ARDUINO_VENDOR_PRODUCT_IDS = {
+var DISABLE_TIME_AFTER_UPLOAD = 5000;
+var ARDUINO_VENDOR_PRODUCT_IDS = {
   uno: [{
     vendorId: '0x2341',
     productId: '0x0043'
@@ -53,15 +53,15 @@ const ARDUINO_VENDOR_PRODUCT_IDS = {
     productId: '0x0242'
   }]
 };
-const ARDUINO_BOARD_NAMES = {
+var ARDUINO_BOARD_NAMES = {
   uno: 'Arduino Uno',
   mega: 'Arduino Mega'
 };
-const ARDUINO_BOARD_FQBN = {
+var ARDUINO_BOARD_FQBN = {
   uno: 'arduino:avr:uno',
   mega: 'arduino:avr:mega'
 };
-const ARDUINO_BAUD_RATES = [300, 600, 1200, 2400, 4800, 9600, 14400, 19200, 28800, 38400, 57600, 115200];
+var 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

@@ -1,7 +1,10 @@
 'use strict';
 
-const key = k => k;
+Object.defineProperty(exports, '__esModule', { value: true });
 
+var key = function key(k) {
+  return k;
+};
 var EXERCISE_SHORTCUT_KEY_MAP = {
   /**
    * Runner > submit run
@@ -14,7 +17,6 @@ var EXERCISE_SHORTCUT_KEY_MAP = {
     shiftKey: false,
     altKey: false
   })],
-
   /**
    * Runner > submit grade
    * - `F6`
@@ -26,7 +28,6 @@ var EXERCISE_SHORTCUT_KEY_MAP = {
     shiftKey: false,
     altKey: false
   })],
-
   /**
    * Runner > sync request
    * - `Cmd` + `Shift` + `F5`
@@ -59,7 +60,6 @@ var EXERCISE_SHORTCUT_KEY_MAP = {
     shiftKey: false,
     altKey: false
   })],
-
   /**
    * Runner > cancel run
    * - `Shift` + `F5`
@@ -73,4 +73,4 @@ var EXERCISE_SHORTCUT_KEY_MAP = {
   })]
 };
 
-module.exports = EXERCISE_SHORTCUT_KEY_MAP;
+exports["default"] = EXERCISE_SHORTCUT_KEY_MAP;

package/cjs/constants/stylesheets.js

@@ -8,8 +8,7 @@ var styled = require('styled-components');
 /**
  * Common props for resizable blocks.
  */
-
-const MATERIAL_RESIZABLE_COMMON_PROPS = {
+var MATERIAL_RESIZABLE_COMMON_PROPS = {
   handleSize: 4,
   handleHoverColor: designTokens.base.color.primary6,
   collapsedBackgroundColor: designTokens.base.color.navy8,
@@ -19,23 +18,21 @@ const MATERIAL_RESIZABLE_COMMON_PROPS = {
 /**
  * Border CSS value for material divider.
  */
-
-const MATERIAL_DIVIDER_BORDER_VALUE = `1px solid ${designTokens.base.color.navy7}`;
+var MATERIAL_DIVIDER_BORDER_VALUE = "1px solid ".concat(designTokens.base.color.navy7);
 /**
  * Color for material scroll bar.
  */
-
-const MATERIAL_SCROLL_BAR_COLOR = designTokens.base.color.navy6;
+var MATERIAL_SCROLL_BAR_COLOR = designTokens.base.color.navy6;
 /**
  * Background color for material scroll bar.
  */
-
-const MATERIAL_SCROLL_BAR_BACKGROUND_COLOR = designTokens.base.color.navy8;
+var MATERIAL_SCROLL_BAR_BACKGROUND_COLOR = designTokens.base.color.navy8;
 /**
  * CSS for scroll bar.
  */
-
-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);
+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);
+};
 
 exports.MATERIAL_DIVIDER_BORDER_VALUE = MATERIAL_DIVIDER_BORDER_VALUE;
 exports.MATERIAL_RESIZABLE_COMMON_PROPS = MATERIAL_RESIZABLE_COMMON_PROPS;