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

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

@@ -1,3 +1,5 @@
+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';
@@ -10,45 +12,53 @@ import messageKo from './locales/ko.json.js';
 import { patchXtermComposedPath } from './utils/index.js';
 import 'xterm/css/xterm.css';
 
-const XTERM_BACKGROUND_COLOR = base.color.navy9;
-const StyledXtermWrapper = styled.div.withConfig({
+var XTERM_BACKGROUND_COLOR = base.color.navy9;
+var 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);
-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);
+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];
   /**
    * Unfocus the terminal.
    */
-  const blur = React.useCallback((...args) => {
+  var blur = React.useCallback(function () {
+    var _a2;
     var _a;
-    return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.blur(...args);
+    return (_a = xterm.current) === null || _a === void 0 ? void 0 : (_a2 = _a).blur.apply(_a2, arguments);
   }, []);
   /**
    * Focus the terminal.
    */
-  const focus = React.useCallback((...args) => {
+  var focus = React.useCallback(function () {
+    var _a3;
     var _a;
-    return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.focus(...args);
+    return (_a = xterm.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.useCallback(() => {
+  var fit = React.useCallback(function () {
     var _a;
     // wrap `fit()` with try-catch.
     // - ref: https://github.com/bus-stop/x-terminal/issues/57#issuecomment-666012025
@@ -61,7 +71,7 @@ const Xterm = forwardRef(({
   /**
    * Write data to the terminal.
    */
-  const write = React.useCallback((data, callback) => {
+  var write = React.useCallback(function (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);
   }, []);
@@ -69,23 +79,28 @@ const Xterm = forwardRef(({
    * Write emphasized color (yellow) message to the terminal.
    * (same with `write` but with specific style)
    */
-  const writeEmphasized = React.useCallback(mesage => write(`\x1b[38;5;221m${mesage}\x1b[0m`), [write]);
+  var writeEmphasized = React.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.useCallback(mesage => write(`\x1b[1m\x1b[38;5;183m${mesage}\x1b[0m\n`), [write]);
+  var writeSystem = React.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.useCallback((...args) => {
+  var reset = React.useCallback(function () {
+    var _a4;
     var _a;
-    return (_a = xterm.current) === null || _a === void 0 ? void 0 : _a.reset(...args);
+    return (_a = xterm.current) === null || _a === void 0 ? void 0 : (_a4 = _a).reset.apply(_a4, arguments);
   }, []);
   //
   // Init xterm.
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (!xtermElRef.current) {
       return;
     }
@@ -95,7 +110,7 @@ const Xterm = forwardRef(({
     xterm.current = new Terminal({
       cursorBlink: true,
       fontFamily: 'Elice Digital Coding',
-      fontSize,
+      fontSize: fontSize,
       theme: {
         background: XTERM_BACKGROUND_COLOR
       }
@@ -104,17 +119,17 @@ const Xterm = forwardRef(({
     xtermFitAddon.current = new FitAddon();
     xterm.current.loadAddon(xtermFitAddon.current);
     // create xterm window
-    const xtermEl = xtermElRef.current;
+    var xtermEl = xtermElRef.current;
     if (xtermEl) {
       xterm.current.open(xtermEl);
     }
     // register event handlers
-    const subscriptionData = xterm.current.onData(onInputRequest);
-    const subscriptionResize = xterm.current.onResize(size => {
+    var subscriptionData = xterm.current.onData(onInputRequest);
+    var subscriptionResize = xterm.current.onResize(function (size) {
       ttySize.current = size;
       onTtyResizeRequest(size);
     });
-    return () => {
+    return function () {
       var _a, _b;
       subscriptionData.dispose();
       subscriptionResize.dispose();
@@ -127,14 +142,14 @@ const Xterm = forwardRef(({
   //
   // Update xterm font size.
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     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(() => {
+  React.useEffect(function () {
     if (isRunning) {
       reset();
       onTtyResizeRequest(ttySize.current);
@@ -145,7 +160,7 @@ const Xterm = forwardRef(({
   //
   // Write system message when code is running.
   //
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (suppressSystemMessage) {
       return;
     }
@@ -178,31 +193,36 @@ const Xterm = forwardRef(({
   //
   // Fit xterm with wrapper resized.
   //
-  useDebounce(() => fit(), 250, [width, height]);
+  useDebounce(function () {
+    return fit();
+  }, 250, [width, height]);
   //
   //
   //
-  React.useImperativeHandle(ref, () => ({
-    blur,
-    focus,
-    fit,
-    reset,
-    write,
-    writeEmphasized,
-    writeSystem
-  }));
+  React.useImperativeHandle(ref, function () {
+    return {
+      blur: blur,
+      focus: focus,
+      fit: fit,
+      reset: reset,
+      write: write,
+      writeEmphasized: writeEmphasized,
+      writeSystem: writeSystem
+    };
+  });
   //
   //
   //
-  return React.createElement(StyledXtermWrapper, {
-    ref: xtermWrapperElRef
-  }, React.createElement("div", {
-    style: {
-      width,
-      height
-    },
-    ref: xtermElRef
-  }));
+  return jsx(StyledXtermWrapper, {
+    ref: xtermWrapperElRef,
+    children: jsx("div", {
+      style: {
+        width: width,
+        height: height
+      },
+      ref: xtermElRef
+    })
+  });
 });
 //
 //

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

@@ -1,12 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
 import React, { forwardRef } from 'react';
 
-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
-  })));
+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
+    }))
+  });
 });
 
 export { XtermLazy as default };

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

@@ -0,0 +1 @@
+export { default as XtermLazy } from './XtermLazy.js';

package/es/components/shared/xterm/locales/index.js

@@ -0,0 +1,4 @@
+export { default as messageEn } from './en.json.js';
+export { default as messageKo } from './ko.json.js';
+export { default as messageTh } from './th.json.js';
+export { default as messageJa } from './ja.json.js';

package/es/constants/arduino.js

@@ -1,18 +1,18 @@
 import { range } from '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'
@@ -49,14 +49,14 @@ 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];
 
 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 @@
-const DARK_TEXT_SECONDARY_COLOR = 'rgba(255, 255, 255, 0.85)';
+var DARK_TEXT_SECONDARY_COLOR = 'rgba(255, 255, 255, 0.85)';
 
 export { DARK_TEXT_SECONDARY_COLOR };

package/es/constants/index.js

@@ -0,0 +1 @@
+export { default as EXERCISE_SHORTCUT_KEY_MAP } from './shortcutKeyMap.js';

package/es/constants/shortcutKeyMap.js

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

package/es/hooks/index.js

@@ -0,0 +1,7 @@
+export { useArduino } from './useArduino.js';
+export { useExerciseFileEditable, useExerciseFileResettable } from './useExerciseFile.js';
+export { useExericseShortcut } from './useExericseShortcut.js';
+export { useRunnerRoomWebSocket } from './useRunnerRoomWebSocket.js';
+export { useStdioWebSocket } from './useStdioWebSocket.js';
+export { useUsercodeHistory } from './useUsercodeHistory.js';
+export { useUsercodeEditWebSocket } from './useUsercodeEditWebSocket.js';