@elice/material-exercise 1.240718.2 → 1.240719.0

package/cjs/components/shared/web-browser/WebBrowser.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 blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
@@ -10,37 +12,50 @@ var styled = require('styled-components');
 var ExerciseMenuButton = require('../exercise-menu-button/ExerciseMenuButton.js');
 var PreviewContainer = require('../preview-container/PreviewContainer.js');
 
-const WEB_BROWSER_URL_INPUT_HEIGHT = PreviewContainer.PREVIEW_CONTAINER_HEADER_HEIGHT - PreviewContainer.PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM * 2;
-const StyledHeaderUrlInput = styled.input.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var WEB_BROWSER_URL_INPUT_HEIGHT = PreviewContainer.PREVIEW_CONTAINER_HEADER_HEIGHT - PreviewContainer.PREVIEW_CONTAINER_HEADER_PADDING_TOP_BOTTOM * 2;
+var StyledHeaderUrlInput = styled__default.default.input.withConfig({
   componentId: "sc-1c55yq-0"
 })(["flex:1;min-width:0;height:", "px;padding:0.25rem 0.5rem;color:", ";background:", ";border:0;border-radius:0.25rem;&:active,&:focus{outline:none;}"], WEB_BROWSER_URL_INPUT_HEIGHT, designTokens.base.color.white, designTokens.base.color.navy6);
-const StyledIframe = styled.iframe.withConfig({
+var StyledIframe = styled__default.default.iframe.withConfig({
   componentId: "sc-1c55yq-1"
 })(["flex:1;width:100%;height:100%;min-height:0;border:0;"]);
 /**
  * Attach `_cachebust` search parameter to the URL to prevent caching.
  */
-const createCacheBustedUrl = url => {
+var createCacheBustedUrl = function createCacheBustedUrl(url) {
   try {
-    const urlObject = new URL(url);
+    var urlObject = new URL(url);
     urlObject.searchParams.set('_cachebust', Date.now().toString());
     return urlObject.href;
   } catch (_) {
     return url;
   }
 };
-const WebBrowser = React.forwardRef(({
-  httpUri,
-  menuButtons = null
-}, ref) => {
-  const [url, setUrl] = React.useState('');
-  const [inputUrl, setInputUrl] = React.useState('');
-  const iframeRef = React.useRef(null);
-  const iframeSrc = React.useMemo(() => createCacheBustedUrl(url), [url]);
+var WebBrowser = React.forwardRef(function (_ref, ref) {
+  var httpUri = _ref.httpUri,
+    _ref$menuButtons = _ref.menuButtons,
+    menuButtons = _ref$menuButtons === void 0 ? null : _ref$menuButtons;
+  var _React$useState = React__default.default.useState(''),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    url = _React$useState2[0],
+    setUrl = _React$useState2[1];
+  var _React$useState3 = React__default.default.useState(''),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    inputUrl = _React$useState4[0],
+    setInputUrl = _React$useState4[1];
+  var iframeRef = React__default.default.useRef(null);
+  var iframeSrc = React__default.default.useMemo(function () {
+    return createCacheBustedUrl(url);
+  }, [url]);
   /**
    * Navigate browser.
    */
-  const navigate = React.useCallback(newUrl => {
+  var navigate = React__default.default.useCallback(function (newUrl) {
     if (newUrl) {
       setUrl(newUrl);
     }
@@ -48,7 +63,7 @@ const WebBrowser = React.forwardRef(({
   /**
    * Reload browser.
    */
-  const reload = React.useCallback(() => {
+  var reload = React__default.default.useCallback(function () {
     if (iframeRef.current) {
       iframeRef.current.src = createCacheBustedUrl(iframeRef.current.src);
     }
@@ -56,8 +71,8 @@ const WebBrowser = React.forwardRef(({
   /**
    * New window open click.
    */
-  const handleNewWindowClick = () => {
-    const win = window.open(url, '_blank');
+  var handleNewWindowClick = function handleNewWindowClick() {
+    var win = window.open(url, '_blank');
     if (win) {
       win.focus();
     }
@@ -65,15 +80,15 @@ const WebBrowser = React.forwardRef(({
   /**
    * Handle url input change.
    */
-  const handleUrlInputChange = e => {
-    const value = e.target.value;
+  var handleUrlInputChange = function handleUrlInputChange(e) {
+    var value = e.target.value;
     // prevent removal of origin url (props.httpUri)
     setInputUrl(value.startsWith(httpUri) ? value : httpUri);
   };
   /**
    * Handle url input Enter key down.
    */
-  const handleUrlInputKeyDown = e => {
+  var handleUrlInputKeyDown = function handleUrlInputKeyDown(e) {
     if (e.key === 'Enter') {
       e.preventDefault();
       navigate(inputUrl);
@@ -82,10 +97,10 @@ const WebBrowser = React.forwardRef(({
   /**
    * Handle iframe load.
    */
-  const handleIframeLoad = () => {
+  var handleIframeLoad = function handleIframeLoad() {
     var _a, _b, _c;
     try {
-      const iframeUrl = (_c = (_b = (_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.href;
+      var iframeUrl = (_c = (_b = (_a = iframeRef.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.location) === null || _c === void 0 ? void 0 : _c.href;
       if (iframeUrl) {
         setInputUrl(iframeUrl);
       }
@@ -97,46 +112,52 @@ const WebBrowser = React.forwardRef(({
   //
   // Change url on new httpUri provided.
   //
-  React.useEffect(() => {
+  React__default.default.useEffect(function () {
     setUrl(httpUri);
     setInputUrl(httpUri);
   }, [httpUri]);
   //
   //
   //
-  React.useImperativeHandle(ref, () => ({
-    navigate,
-    reload
-  }), [navigate, reload]);
+  React__default.default.useImperativeHandle(ref, function () {
+    return {
+      navigate: navigate,
+      reload: reload
+    };
+  }, [navigate, reload]);
   /**
    * Browser header.
    */
-  const renderBrowserHeader = () => {
-    return React.createElement(React.Fragment, null, React.createElement(blocks.Flex, {
-      marginright: "0.25rem"
-    }, React.createElement(ExerciseMenuButton.default, {
-      icon: icons.eilRetry,
-      title: "\uC0C8\uB85C\uACE0\uCE68",
-      placement: "bottom-start",
-      onClick: reload
-    })), React.createElement(StyledHeaderUrlInput, {
-      value: inputUrl,
-      onChange: handleUrlInputChange,
-      onKeyDown: handleUrlInputKeyDown
-    }), React.createElement(blocks.Flex, {
-      marginleft: "0.25rem"
-    }, React.createElement(ExerciseMenuButton.default, {
-      icon: icons.eilNewWindow,
-      title: "\uC0C8\uCC3D\uC73C\uB85C \uC5F4\uAE30",
-      placement: "bottom-end",
-      onClick: handleNewWindowClick
-    }), menuButtons));
+  var renderBrowserHeader = function renderBrowserHeader() {
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(blocks.Flex, {
+        marginright: "0.25rem",
+        children: jsxRuntime.jsx(ExerciseMenuButton.default, {
+          icon: icons.eilRetry,
+          title: "\uC0C8\uB85C\uACE0\uCE68",
+          placement: "bottom-start",
+          onClick: reload
+        })
+      }), jsxRuntime.jsx(StyledHeaderUrlInput, {
+        value: inputUrl,
+        onChange: handleUrlInputChange,
+        onKeyDown: handleUrlInputKeyDown
+      }), jsxRuntime.jsxs(blocks.Flex, {
+        marginleft: "0.25rem",
+        children: [jsxRuntime.jsx(ExerciseMenuButton.default, {
+          icon: icons.eilNewWindow,
+          title: "\uC0C8\uCC3D\uC73C\uB85C \uC5F4\uAE30",
+          placement: "bottom-end",
+          onClick: handleNewWindowClick
+        }), menuButtons]
+      })]
+    });
   };
   /**
    * Browser content.
    */
-  const renderBrowserBody = () => {
-    return React.createElement(StyledIframe, {
+  var renderBrowserBody = function renderBrowserBody() {
+    return jsxRuntime.jsx(StyledIframe, {
       src: iframeSrc,
       title: url,
       onLoad: handleIframeLoad,
@@ -146,9 +167,10 @@ const WebBrowser = React.forwardRef(({
   //
   //
   //
-  return React.createElement(PreviewContainer.default, {
-    header: renderBrowserHeader()
-  }, renderBrowserBody());
+  return jsxRuntime.jsx(PreviewContainer.default, {
+    header: renderBrowserHeader(),
+    children: renderBrowserBody()
+  });
 });
 
 exports.default = WebBrowser;

package/cjs/components/shared/web-browser/index.js

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

package/cjs/components/shared/xterm/Xterm.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 designTokens = require('@elice/design-tokens');
@@ -14,45 +16,58 @@ var ko = require('./locales/ko.json.js');
 var index = require('./utils/index.js');
 require('xterm/css/xterm.css');
 
-const XTERM_BACKGROUND_COLOR = designTokens.base.color.navy9;
-const StyledXtermWrapper = styled.div.withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+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,
-  __intl
-}, ref) => {
-  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);
+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,
+    __intl = _ref.__intl;
+  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.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.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.useCallback(() => {
+  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
@@ -65,7 +80,7 @@ const Xterm = React.forwardRef(({
   /**
    * Write data to the terminal.
    */
-  const write = React.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);
   }, []);
@@ -73,23 +88,28 @@ const Xterm = React.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__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.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.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.useEffect(() => {
+  React__default.default.useEffect(function () {
     if (!xtermElRef.current) {
       return;
     }
@@ -99,7 +119,7 @@ const Xterm = React.forwardRef(({
     xterm$1.current = new xterm.Terminal({
       cursorBlink: true,
       fontFamily: 'Elice Digital Coding',
-      fontSize,
+      fontSize: fontSize,
       theme: {
         background: XTERM_BACKGROUND_COLOR
       }
@@ -108,17 +128,17 @@ const Xterm = React.forwardRef(({
     xtermFitAddon.current = new xtermAddonFit.FitAddon();
     xterm$1.current.loadAddon(xtermFitAddon.current);
     // create xterm window
-    const xtermEl = xtermElRef.current;
+    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 => {
+    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();
@@ -131,14 +151,14 @@ const Xterm = React.forwardRef(({
   //
   // Update xterm font size.
   //
-  React.useEffect(() => {
+  React__default.default.useEffect(function () {
     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.useEffect(() => {
+  React__default.default.useEffect(function () {
     if (isRunning) {
       reset();
       onTtyResizeRequest(ttySize.current);
@@ -149,7 +169,7 @@ const Xterm = React.forwardRef(({
   //
   // Write system message when code is running.
   //
-  React.useEffect(() => {
+  React__default.default.useEffect(function () {
     if (suppressSystemMessage) {
       return;
     }
@@ -182,31 +202,36 @@ const Xterm = React.forwardRef(({
   //
   // Fit xterm with wrapper resized.
   //
-  reactUse.useDebounce(() => fit(), 250, [width, height]);
+  reactUse.useDebounce(function () {
+    return fit();
+  }, 250, [width, height]);
   //
   //
   //
-  React.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.createElement(StyledXtermWrapper, {
-    ref: xtermWrapperElRef
-  }, React.createElement("div", {
-    style: {
-      width,
-      height
-    },
-    ref: xtermElRef
-  }));
+  return jsxRuntime.jsx(StyledXtermWrapper, {
+    ref: xtermWrapperElRef,
+    children: jsxRuntime.jsx("div", {
+      style: {
+        width: width,
+        height: height
+      },
+      ref: xtermElRef
+    })
+  });
 });
 //
 //

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

@@ -2,15 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
-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.createElement(AsyncXterm, 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 AsyncXterm = React__default.default.lazy(function () {
+  return Promise.resolve().then(function () { return require('./Xterm.js'); });
+});
+var XtermLazy = React.forwardRef(function (props, ref) {
+  return jsxRuntime.jsx(React__default.default.Suspense, {
+    fallback: null,
+    children: jsxRuntime.jsx(AsyncXterm, Object.assign({}, props, {
+      ref: ref
+    }))
+  });
 });
 
 exports.default = XtermLazy;

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

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

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

@@ -0,0 +1,13 @@
+'use strict';
+
+var en = require('./en.json.js');
+var ko = require('./ko.json.js');
+var th = require('./th.json.js');
+var ja = require('./ja.json.js');
+
+
+
+exports.messageEn = en.default;
+exports.messageKo = ko.default;
+exports.messageTh = th.default;
+exports.messageJa = ja.default;

package/cjs/constants/arduino.js

@@ -2,19 +2,19 @@
 
 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'
@@ -51,15 +51,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/color.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const DARK_TEXT_SECONDARY_COLOR = 'rgba(255, 255, 255, 0.85)';
+var DARK_TEXT_SECONDARY_COLOR = 'rgba(255, 255, 255, 0.85)';
 
 exports.DARK_TEXT_SECONDARY_COLOR = DARK_TEXT_SECONDARY_COLOR;

package/cjs/constants/index.js

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

package/cjs/constants/shortcutKeyMap.js

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

package/cjs/constants/stylesheets.js

@@ -6,7 +6,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,
@@ -16,19 +16,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;