@elice/material-exercise 1.240718.0-trasncript.2 → 1.240718.2

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

@@ -1,5 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 import { useMeasure, useDebounce } from 'react-use';
 import { base } from '@elice/design-tokens';
@@ -12,53 +10,45 @@ import messageKo from './locales/ko.json.js';
 import { patchXtermComposedPath } from './utils/index.js';
 import 'xterm/css/xterm.css';
 
-var XTERM_BACKGROUND_COLOR = base.color.navy9;
-var StyledXtermWrapper = styled.div.withConfig({
+const XTERM_BACKGROUND_COLOR = 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 = 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,
-    __intl = _ref.__intl;
-  var xterm = React.useRef(null);
-  var xtermFitAddon = React.useRef(null);
-  var _useMeasure = useMeasure(),
-    _useMeasure2 = _slicedToArray(_useMeasure, 2),
-    xtermWrapperElRef = _useMeasure2[0],
-    _useMeasure2$ = _useMeasure2[1],
-    width = _useMeasure2$.width,
-    height = _useMeasure2$.height;
-  var xtermElRef = React.useRef(null);
-  var ttySize = React.useRef({});
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isRunBefore = _React$useState2[0],
-    setIsRunBefore = _React$useState2[1];
+const Xterm = forwardRef(({
+  isRunning = false,
+  fontSize,
+  suppressSystemMessage = false,
+  onInputRequest,
+  onTtyResizeRequest,
+  __intl
+}, ref) => {
+  const xterm = React.useRef(null);
+  const xtermFitAddon = React.useRef(null);
+  const [xtermWrapperElRef, {
+    width,
+    height
+  }] = useMeasure();
+  const xtermElRef = React.useRef(null);
+  const ttySize = React.useRef({});
+  const [isRunBefore, setIsRunBefore] = React.useState(false);
   /**
    * Unfocus the terminal.
    */
-  var blur = React.useCallback(function () {
-    var _a2;
+  const blur = React.useCallback((...args) => {
     var _a;
-    return (_a = xterm.current) === null || _a === void 0 ? void 0 : (_a2 = _a).blur.apply(_a2, arguments);
+    return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.blur(...args);
   }, []);
   /**
    * Focus the terminal.
    */
-  var focus = React.useCallback(function () {
-    var _a3;
+  const focus = React.useCallback((...args) => {
     var _a;
-    return (_a = xterm.current) === null || _a === void 0 ? void 0 : (_a3 = _a).focus.apply(_a3, arguments);
+    return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.focus(...args);
   }, []);
   /**
    * Resizes the terminal to the dimensions of its containing element.
    */
-  var fit = React.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
@@ -71,7 +61,7 @@ var Xterm = forwardRef(function (_ref, ref) {
   /**
    * Write data to the terminal.
    */
-  var write = React.useCallback(function (data, callback) {
+  const write = React.useCallback((data, callback) => {
     var _a;
     return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.write(typeof data === 'string' ? data.replace(/\n/g, '\r\n') : data, callback);
   }, []);
@@ -79,28 +69,23 @@ var Xterm = forwardRef(function (_ref, ref) {
    * Write emphasized color (yellow) message to the terminal.
    * (same with `write` but with specific style)
    */
-  var writeEmphasized = React.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.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.useCallback(function () {
-    var _a4;
+  const reset = React.useCallback((...args) => {
     var _a;
-    return (_a = xterm.current) === null || _a === void 0 ? void 0 : (_a4 = _a).reset.apply(_a4, arguments);
+    return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.reset(...args);
   }, []);
   //
   // Init xterm.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!xtermElRef.current) {
       return;
     }
@@ -110,7 +95,7 @@ var Xterm = forwardRef(function (_ref, ref) {
     xterm.current = new Terminal({
       cursorBlink: true,
       fontFamily: 'Elice Digital Coding',
-      fontSize: fontSize,
+      fontSize,
       theme: {
         background: XTERM_BACKGROUND_COLOR
       }
@@ -119,17 +104,17 @@ var Xterm = forwardRef(function (_ref, ref) {
     xtermFitAddon.current = new FitAddon();
     xterm.current.loadAddon(xtermFitAddon.current);
     // create xterm window
-    var xtermEl = xtermElRef.current;
+    const xtermEl = xtermElRef.current;
     if (xtermEl) {
       xterm.current.open(xtermEl);
     }
     // register event handlers
-    var subscriptionData = xterm.current.onData(onInputRequest);
-    var subscriptionResize = xterm.current.onResize(function (size) {
+    const subscriptionData = xterm.current.onData(onInputRequest);
+    const subscriptionResize = xterm.current.onResize(size => {
       ttySize.current = size;
       onTtyResizeRequest(size);
     });
-    return function () {
+    return () => {
       var _a, _b;
       subscriptionData.dispose();
       subscriptionResize.dispose();
@@ -142,14 +127,14 @@ var Xterm = forwardRef(function (_ref, ref) {
   //
   // Update xterm font size.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     var _a;
     return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.setOption('fontSize', fontSize);
   }, [fontSize]);
   //
   // Reset and resize xterm when code is running.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (isRunning) {
       reset();
       onTtyResizeRequest(ttySize.current);
@@ -160,7 +145,7 @@ var Xterm = forwardRef(function (_ref, ref) {
   //
   // Write system message when code is running.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (suppressSystemMessage) {
       return;
     }
@@ -193,36 +178,31 @@ var Xterm = forwardRef(function (_ref, ref) {
   //
   // Fit xterm with wrapper resized.
   //
-  useDebounce(function () {
-    return fit();
-  }, 250, [width, height]);
+  useDebounce(() => fit(), 250, [width, height]);
   //
   //
   //
-  React.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 jsx(StyledXtermWrapper, {
-    ref: xtermWrapperElRef,
-    children: jsx("div", {
-      style: {
-        width: width,
-        height: height
-      },
-      ref: xtermElRef
-    })
-  });
+  return React.createElement(StyledXtermWrapper, {
+    ref: xtermWrapperElRef
+  }, React.createElement("div", {
+    style: {
+      width,
+      height
+    },
+    ref: xtermElRef
+  }));
 });
 //
 //

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

@@ -1,16 +1,12 @@
-import { jsx } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 
-var AsyncXterm = React.lazy(function () {
-  return import('./Xterm.js');
-});
-var XtermLazy = forwardRef(function (props, ref) {
-  return jsx(React.Suspense, {
-    fallback: null,
-    children: jsx(AsyncXterm, Object.assign({}, props, {
-      ref: ref
-    }))
-  });
+const AsyncXterm = React.lazy(() => import('./Xterm.js'));
+const XtermLazy = forwardRef((props, ref) => {
+  return React.createElement(React.Suspense, {
+    fallback: null
+  }, React.createElement(AsyncXterm, Object.assign({}, props, {
+    ref: ref
+  })));
 });
 
 export { XtermLazy as default };

package/es/constants/arduino.js

@@ -1,18 +1,18 @@
 import { range } from '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'
@@ -49,14 +49,14 @@ 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];
 
 export { ARDUINO_AGENT_PORTS, ARDUINO_AGENT_PORTS_FROM, ARDUINO_AGENT_PORTS_TO, ARDUINO_BAUD_RATES, ARDUINO_BOARD_FQBN, ARDUINO_BOARD_NAMES, ARDUINO_VENDOR_PRODUCT_IDS, AVR_COMMANDLINE, AVR_SIGNATURE, DISABLE_TIME_AFTER_UPLOAD };

package/es/constants/color.js

@@ -1,3 +1,3 @@
-var DARK_TEXT_SECONDARY_COLOR = 'rgba(255, 255, 255, 0.85)';
+const DARK_TEXT_SECONDARY_COLOR = 'rgba(255, 255, 255, 0.85)';
 
 export { DARK_TEXT_SECONDARY_COLOR };

package/es/constants/shortcutKeyMap.js

@@ -1,6 +1,4 @@
-var key = function key(k) {
-  return k;
-};
+const key = k => k;
 var EXERCISE_SHORTCUT_KEY_MAP = {
   /**
    * Runner > submit run

package/es/constants/stylesheets.js

@@ -4,7 +4,7 @@ import { css } from 'styled-components';
 /**
  * Common props for resizable blocks.
  */
-var MATERIAL_RESIZABLE_COMMON_PROPS = {
+const MATERIAL_RESIZABLE_COMMON_PROPS = {
   handleSize: 4,
   handleHoverColor: base.color.primary6,
   collapsedBackgroundColor: base.color.navy8,
@@ -14,20 +14,18 @@ var MATERIAL_RESIZABLE_COMMON_PROPS = {
 /**
  * Border CSS value for material divider.
  */
-var MATERIAL_DIVIDER_BORDER_VALUE = "1px solid ".concat(base.color.navy7);
+const MATERIAL_DIVIDER_BORDER_VALUE = `1px solid ${base.color.navy7}`;
 /**
  * Color for material scroll bar.
  */
-var MATERIAL_SCROLL_BAR_COLOR = base.color.navy6;
+const MATERIAL_SCROLL_BAR_COLOR = base.color.navy6;
 /**
  * Background color for material scroll bar.
  */
-var MATERIAL_SCROLL_BAR_BACKGROUND_COLOR = base.color.navy8;
+const MATERIAL_SCROLL_BAR_BACKGROUND_COLOR = base.color.navy8;
 /**
  * CSS for scroll bar.
  */
-var getMaterialScrollBarCss = function getMaterialScrollBarCss(options) {
-  return 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 => 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);
 
 export { MATERIAL_DIVIDER_BORDER_VALUE, MATERIAL_RESIZABLE_COMMON_PROPS, MATERIAL_SCROLL_BAR_BACKGROUND_COLOR, MATERIAL_SCROLL_BAR_COLOR, getMaterialScrollBarCss };