@elice/material-exercise 1.230726.0 → 1.230817.1

package/es/components/shared/monaco-editor/MonacoEditor.d.ts

@@ -3,27 +3,27 @@ import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import type { MonacoEditorPreference } from './constants';
 import type { MonacoEditorMarker } from './editor-hooks';
 /** Has editor undo/redo history? */
-declare type MonacoEditorApiHasHistory = () => boolean;
+type MonacoEditorApiHasHistory = () => boolean;
 /** Get current monaco editor model. */
-declare type MonacoEditorApiGetMonacoModel = () => monaco.editor.ITextModel | null;
+type MonacoEditorApiGetMonacoModel = () => monaco.editor.ITextModel | null;
 /** Clear editor undo/redo history. */
-declare type MonacoEditorApiClearHistory = () => void;
+type MonacoEditorApiClearHistory = () => void;
 /** Get current value of editor. */
-declare type MonacoEditorApiGetValue = () => string;
+type MonacoEditorApiGetValue = () => string;
 /** Get value in range of editor. */
-declare type MonacoEditorApiGetValueInRange = (from: number, to: number) => string;
+type MonacoEditorApiGetValueInRange = (from: number, to: number) => string;
 /** Set (overwrite) value to editor. */
-declare type MonacoEditorApiSetValue = (value: string) => void;
+type MonacoEditorApiSetValue = (value: string) => void;
 /** Insert value at specific position. */
-declare type MonacoEditorApiInsertValue = (offset: number, value: string) => void;
+type MonacoEditorApiInsertValue = (offset: number, value: string) => void;
 /** Remove value at specific range. */
-declare type MonacoEditorApiRemoveValue = (from: number, to: number) => void;
+type MonacoEditorApiRemoveValue = (from: number, to: number) => void;
 /** Get offset of current cursor position. */
-declare type MonacoEditorApiGetPositionOffset = () => number;
+type MonacoEditorApiGetPositionOffset = () => number;
 /** Set selection of editor with specific range. */
-declare type MonacoEditorApiSetSelection = (from: number, to: number) => void;
+type MonacoEditorApiSetSelection = (from: number, to: number) => void;
 /** Scroll editor to specific `scrollTop`. */
-declare type MonacoEditorApiScrollTo = (scrollTop: number) => void;
+type MonacoEditorApiScrollTo = (scrollTop: number) => void;
 /** API of CodeEditorNext. */
 export interface MonacoEditorApis {
     editor: monaco.editor.IStandaloneCodeEditor | null;

package/es/components/shared/monaco-editor/MonacoEditor.js

@@ -276,7 +276,7 @@ var MonacoEditor = forwardRef(function (_ref, ref) {
       // add keyboard shortcut.
       editor.current.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, function () {
         var _a, _b, _c;
-        (_b = (_a = editor.current) === null || _a === void 0 ? void 0 : _a.getAction('editor.action.formatDocument')) === null || _b === void 0 ? void 0 : _b.run();
+        void ((_b = (_a = editor.current) === null || _a === void 0 ? void 0 : _a.getAction('editor.action.formatDocument')) === null || _b === void 0 ? void 0 : _b.run());
         if (typeof onSave === 'function') {
           var content = ((_c = getMonacoModel()) === null || _c === void 0 ? void 0 : _c.getValue()) || '';
           onSave(content);

package/es/components/shared/monaco-editor/MonacoEditorPerferenceForm.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import type { MonacoEditorPreference } from './constants';
 export interface PerferenceFormProps {
     value: Partial<MonacoEditorPreference>;
     locale?: string;
     onChange?: (value: Required<MonacoEditorPreference>) => void;
 }
-declare const _default: (props: PerferenceFormProps) => JSX.Element;
+declare const _default: (props: PerferenceFormProps) => React.JSX.Element;
 export default _default;

package/es/components/shared/monaco-editor/constants/monaco/preferences.d.ts

@@ -1,5 +1,5 @@
 import type { editor } from 'monaco-editor/esm/vs/editor/editor.api';
-declare type PickedMonacoStandaloneEditorOptions = Pick<editor.IStandaloneEditorConstructionOptions, 'autoClosingBrackets' | 'cursorSmoothCaretAnimation' | 'detectIndentation' | 'fontSize' | 'minimap' | 'readOnly' | 'renderWhitespace' | 'scrollBeyondLastLine' | 'tabSize' | 'theme' | 'wordWrap'>;
+type PickedMonacoStandaloneEditorOptions = Pick<editor.IStandaloneEditorConstructionOptions, 'autoClosingBrackets' | 'cursorSmoothCaretAnimation' | 'detectIndentation' | 'fontSize' | 'minimap' | 'readOnly' | 'renderWhitespace' | 'scrollBeyondLastLine' | 'tabSize' | 'theme' | 'wordWrap'>;
 /**
  * Monaco editor preferences for elice exercise.
  */
@@ -21,7 +21,7 @@ export declare const MONACO_EDITOR_PREFERENCE_OPTIONS_TAB_SIZES: readonly number
 /**
  * White space preference.
  */
-export declare const MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS: readonly ("none" | "all" | "selection" | "boundary" | "trailing")[];
+export declare const MONACO_EDITOR_RENDER_WHITESPACE_OPTIONS: readonly ("none" | "selection" | "boundary" | "trailing" | "all")[];
 /**
  * Font family.
  */

package/es/components/shared/monaco-editor/editor-hooks/useMonacoEventChange.d.ts

@@ -1,10 +1,10 @@
 import type { editor } from 'monaco-editor/esm/vs/editor/editor.api';
 import type React from 'react';
-declare type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
-declare type SuppressFlag = boolean | React.MutableRefObject<boolean>;
-declare type ChangeEventCallback = (value: string) => void;
+type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
+type SuppressFlag = boolean | React.MutableRefObject<boolean>;
+type ChangeEventCallback = (value: string) => void;
 /**
  * Hook for change event of monaco editor.
  */
-export declare const useMonacoEventChange: (monaco: Monaco, cb?: ChangeEventCallback | undefined, _suppress?: SuppressFlag | undefined, deps?: unknown[]) => void;
+export declare const useMonacoEventChange: (monaco: Monaco, cb?: ChangeEventCallback, _suppress?: SuppressFlag, deps?: unknown[]) => void;
 export {};

package/es/components/shared/monaco-editor/editor-hooks/useMonacoEventCursor.d.ts

@@ -1,12 +1,12 @@
 import type { editor } from 'monaco-editor/esm/vs/editor/editor.api';
 import type React from 'react';
-declare type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
-declare type CursorEventCallback = (range: {
+type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
+type CursorEventCallback = (range: {
     from: number;
     to: number;
 }) => void;
 /**
  * Hook for cursor activity event of monaco editor.
  */
-export declare const useMonacoEventCursor: (monaco: Monaco, cb?: CursorEventCallback | undefined, deps?: unknown[]) => void;
+export declare const useMonacoEventCursor: (monaco: Monaco, cb?: CursorEventCallback, deps?: unknown[]) => void;
 export {};

package/es/components/shared/monaco-editor/editor-hooks/useMonacoEventScroll.d.ts

@@ -1,12 +1,12 @@
 import type { editor } from 'monaco-editor/esm/vs/editor/editor.api';
 import type React from 'react';
-declare type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
-declare type ScrollEventCallback = (position: {
+type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
+type ScrollEventCallback = (position: {
     x: number;
     y: number;
 }) => void;
 /**
  * Hook for scroll event of monaco editor.
  */
-export declare const useMonacoEventScroll: (monaco: Monaco, cb?: ScrollEventCallback | undefined, deps?: unknown[]) => void;
+export declare const useMonacoEventScroll: (monaco: Monaco, cb?: ScrollEventCallback, deps?: unknown[]) => void;
 export {};

package/es/components/shared/monaco-editor/editor-hooks/useMonacoMarkers.d.ts

@@ -1,6 +1,6 @@
 import type { editor } from 'monaco-editor/esm/vs/editor/editor.api';
 import type React from 'react';
-declare type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
+type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
 interface UseMonacoMarkersReturns {
     init: () => void;
     dispose: () => void;

package/es/components/shared/monaco-editor/editor-hooks/useMonacoOptions.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { editor } from 'monaco-editor/esm/vs/editor/editor.api';
 import type { EditorOptions } from '../hooks';
-declare type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
+type Monaco = React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
 /**
  * Hook for update options of monaco editor.
  */

package/es/components/shared/monaco-editor/editor-hooks/useMonacoOptions.js

@@ -26,11 +26,11 @@ var useMonacoOptions = function useMonacoOptions(monaco, options) {
   // Load font and remeasure font of editor.
   //
   useEffect(function () {
-    var _a, _b, _c;
-    if (typeof ((_b = (_a = document) === null || _a === void 0 ? void 0 : _a.fonts) === null || _b === void 0 ? void 0 : _b.load) !== 'function') {
+    var _a, _b;
+    if (typeof ((_a = document === null || document === void 0 ? void 0 : document.fonts) === null || _a === void 0 ? void 0 : _a.load) !== 'function') {
       return;
     }
-    var size = (_c = options.fontSize) !== null && _c !== void 0 ? _c : DEFAULT_MONACO_EDITOR_PREFERENCE.fontSize;
+    var size = (_b = options.fontSize) !== null && _b !== void 0 ? _b : DEFAULT_MONACO_EDITOR_PREFERENCE.fontSize;
     document.fonts.load("".concat(size, "px Elice Digital Coding"), FONT_LOAD_TEXT).then(function () {
       return editor.remeasureFonts();
     }).catch(function () {

package/es/components/shared/monaco-editor/editor-hooks/useMonacoTheme.d.ts

@@ -1,4 +1,4 @@
-declare type SupportedTheme = string | null | undefined;
+type SupportedTheme = string | null | undefined;
 /**
  * Import and set theme for monaco editor.
  */

package/es/components/shared/monaco-editor/editor-languages/css/formatter.js

@@ -11,7 +11,7 @@ var CssDocumentFormattingEditProvider = {
             _context.t0 = prettier;
             _context.t1 = model.getValue();
             _context.next = 4;
-            return import('prettier/parser-postcss');
+            return import('prettier/plugins/postcss');
           case 4:
             _context.t2 = _context.sent;
             _context.t3 = [_context.t2];

package/es/components/shared/monaco-editor/editor-languages/html/formatter.js

@@ -11,7 +11,7 @@ var HtmlDocumentFormattingEditProvider = {
             _context.t0 = prettier;
             _context.t1 = model.getValue();
             _context.next = 4;
-            return import('prettier/parser-html');
+            return import('prettier/plugins/html');
           case 4:
             _context.t2 = _context.sent;
             _context.t3 = [_context.t2];

package/es/components/shared/monaco-editor/editor-languages/typescript/dts/_helper.d.ts

@@ -1,5 +1,5 @@
 import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
-export declare type DtsParams = Parameters<typeof monaco.languages.typescript.typescriptDefaults['addExtraLib']>;
+export type DtsParams = Parameters<(typeof monaco.languages.typescript.typescriptDefaults)['addExtraLib']>;
 export interface DtsOptions {
     path: DtsParams[1];
     content: DtsParams[0];

package/es/components/shared/monaco-editor/editor-languages/typescript/dts/express.d.ts

@@ -1,5 +1,5 @@
-declare const _default: import("./_helper").DtsOptions;
 /**
  * @types/express@4.17.13
  */
+declare const _default: import("./_helper").DtsOptions;
 export default _default;

package/es/components/shared/monaco-editor/editor-languages/typescript/dts/propTypes.d.ts

@@ -1,5 +1,5 @@
-declare const _default: import("./_helper").DtsOptions;
 /**
  * @types/prop-types@15.7.5
  */
+declare const _default: import("./_helper").DtsOptions;
 export default _default;

package/es/components/shared/monaco-editor/editor-languages/typescript/dts/react.d.ts

@@ -1,5 +1,5 @@
-declare const _default: import("./_helper").DtsOptions;
 /**
  * @types/react@17.0.3
  */
+declare const _default: import("./_helper").DtsOptions;
 export default _default;

package/es/components/shared/monaco-editor/editor-languages/typescript/formatter.js

@@ -11,23 +11,27 @@ var TypescriptDocumentFormattingEditProvider = {
             _context.t0 = prettier;
             _context.t1 = model.getValue();
             _context.next = 4;
-            return import('prettier/parser-babel');
+            return import('prettier/plugins/babel');
           case 4:
             _context.t2 = _context.sent;
-            _context.t3 = [_context.t2];
-            _context.t4 = {
+            _context.next = 7;
+            return import('prettier/plugins/estree');
+          case 7:
+            _context.t3 = _context.sent;
+            _context.t4 = [_context.t2, _context.t3];
+            _context.t5 = {
               parser: 'babel-ts',
-              plugins: _context.t3
+              plugins: _context.t4
             };
-            _context.next = 9;
-            return (0, _context.t0)(_context.t1, _context.t4);
-          case 9:
+            _context.next = 12;
+            return (0, _context.t0)(_context.t1, _context.t5);
+          case 12:
             text = _context.sent;
             return _context.abrupt("return", [{
               range: model.getFullModelRange(),
               text: text
             }]);
-          case 11:
+          case 14:
           case "end":
             return _context.stop();
         }

package/es/components/shared/monaco-editor/hooks/useEditorOptions.d.ts

@@ -1,7 +1,7 @@
 import type monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import type { MonacoEditorProps } from '../MonacoEditor';
-export declare type EditorOptions = Parameters<monaco.editor.IStandaloneCodeEditor['updateOptions']>[0];
-export declare type UseEditorOptionsProps = Required<Pick<MonacoEditorProps, 'width' | 'height' | 'preference' | 'noLanguageIntellisense'>>;
+export type EditorOptions = Parameters<monaco.editor.IStandaloneCodeEditor['updateOptions']>[0];
+export type UseEditorOptionsProps = Required<Pick<MonacoEditorProps, 'width' | 'height' | 'preference' | 'noLanguageIntellisense'>>;
 /**
  * Hook to get editor options from props.
  */

package/es/components/shared/monaco-editor/utils/prettier/index.d.ts

@@ -1,5 +1,5 @@
 import type { Options } from 'prettier';
-declare type PrettierOptions = Pick<Options, 
+type PrettierOptions = Pick<Options, 
 /**
  * Specify which parser to use.
  * - ref: https://prettier.io/docs/en/options.html#parser

package/es/components/shared/monaco-editor/vendors/monaco-collab-ext/OnDisposed.d.ts

@@ -1,4 +1,4 @@
 /**
  * A simple callback type that signifies a resource has been disposed.
  */
-export declare type OnDisposed = () => void;
+export type OnDisposed = () => void;

package/es/components/shared/monaco-editor/vendors/monaco-collab-ext/RemoteSelection.js

@@ -31,18 +31,11 @@ var RemoteSelection = /*#__PURE__*/function () {
     this._onDisposed = onDisposed;
   }
   /**
-   * A helper method to add a style tag to the head of the document that will
-   * style the color of the selection. The Monaco Editor only allows setting
-   * the class name of decorations, so we can not set a style property directly.
-   * This method will create, add, and return the style tag for this element.
+   * Gets the userland id of this selection.
    */
   _createClass(RemoteSelection, [{
     key: "getId",
-    value:
-    /**
-     * Gets the userland id of this selection.
-     */
-    function getId() {
+    value: function getId() {
       return this._id;
     }
     /**
@@ -154,7 +147,14 @@ var RemoteSelection = /*#__PURE__*/function () {
     }
   }], [{
     key: "_addDynamicStyleElement",
-    value: function _addDynamicStyleElement(className, color) {
+    value:
+    /**
+     * A helper method to add a style tag to the head of the document that will
+     * style the color of the selection. The Monaco Editor only allows setting
+     * the class name of decorations, so we can not set a style property directly.
+     * This method will create, add, and return the style tag for this element.
+     */
+    function _addDynamicStyleElement(className, color) {
       var css = ".".concat(className, " { background-color: ").concat(color, "; }").trim();
       var styleElement = document.createElement('style');
       styleElement.innerText = css;

package/es/components/shared/monaco-editor/vendors/vscode-emmet-helper/emmetHelper.d.ts

@@ -1,10 +1,10 @@
 import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import type { ExtractOptions, MarkupAbbreviation, Options, StylesheetAbbreviation, SyntaxType, UserConfig } from 'emmet';
 import type { SnippetsMap } from './configCompat';
-declare type TextModel = monaco.editor.ITextModel;
-declare type CompletionList = monaco.languages.CompletionList;
-declare type Position = monaco.IPosition;
-declare type Range = monaco.IRange;
+type TextModel = monaco.editor.ITextModel;
+type CompletionList = monaco.languages.CompletionList;
+type Position = monaco.IPosition;
+type Range = monaco.IRange;
 /**
  * Emmet configuration as derived from the Emmet related VS Code settings
  */
@@ -54,7 +54,7 @@ export declare function extractAbbreviationFromText(text: string, syntax: string
  * @param abbreviation string
  */
 export declare function isAbbreviationValid(syntax: string, abbreviation: string): boolean;
-declare type ExpandOptionsConfig = {
+type ExpandOptionsConfig = {
     type: SyntaxType;
     options: Partial<Options>;
     variables: SnippetsMap;

package/es/components/shared/no-vnc/NoVnc.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { GetOrgMaterialExerciseGetResponses } from '@elice/types';
-declare type MaterialExerciseReadyExerciseImage = GetOrgMaterialExerciseGetResponses['materialExercise']['readyExerciseImage'];
+type MaterialExerciseReadyExerciseImage = GetOrgMaterialExerciseGetResponses['materialExercise']['readyExerciseImage'];
 export interface NoVncApis {
     connect: () => void;
     disconnect: () => void;

package/es/constants/shortcutKeyMap.d.ts

@@ -1,4 +1,4 @@
-export declare type ShortcutKey = Pick<KeyboardEvent, 'key' | 'metaKey' | 'ctrlKey' | 'shiftKey' | 'altKey'>;
+export type ShortcutKey = Pick<KeyboardEvent, 'key' | 'metaKey' | 'ctrlKey' | 'shiftKey' | 'altKey'>;
 declare const _default: {
     /**
      * Runner > submit run

package/es/hooks/useArduino.d.ts

@@ -9,6 +9,6 @@ interface UseArduinoReturns {
     sendText: (char: string) => void;
     uploadHexFile: (hexFile: MaterialExerciseStdioFileFile) => void;
 }
-declare type UseArduino = (props: UseArduinoProps) => UseArduinoReturns;
+type UseArduino = (props: UseArduinoProps) => UseArduinoReturns;
 export declare const useArduino: UseArduino;
 export {};

package/es/hooks/useExerciseFile.js

@@ -1,4 +1,4 @@
-import { useMemo, useContext } from 'react';
+import { useContext, useMemo } from 'react';
 import { useRecoilValue } from 'recoil';
 import { exerciseState, exerciseRoomState } from '../components/material-exercise/context/recoil.js';
 import { ExerciseContext } from '../components/material-exercise/context/context.js';

package/es/hooks/useExericseShortcut.d.ts

@@ -1,5 +1,5 @@
 import { EXERCISE_SHORTCUT_KEY_MAP } from "../constants";
-declare type Name = keyof typeof EXERCISE_SHORTCUT_KEY_MAP;
-declare type Callback = (e: KeyboardEvent) => any;
+type Name = keyof typeof EXERCISE_SHORTCUT_KEY_MAP;
+type Callback = (e: KeyboardEvent) => any;
 export declare const useExericseShortcut: (name: Name, fn: Callback) => void;
 export {};

package/es/hooks/useMaterialExerciseFileUrl.d.ts

@@ -1,5 +1,5 @@
 import type { GetOrgMaterialExerciseGetResponses } from '@elice/types';
-declare type UseMaterialExerciseFileUrl = (props: UseMaterialExerciseFileUrlProps) => string | null;
+type UseMaterialExerciseFileUrl = (props: UseMaterialExerciseFileUrlProps) => string | null;
 interface UseMaterialExerciseFileUrlProps {
     filename: string | null;
     exercise: GetOrgMaterialExerciseGetResponses['materialExercise'] | null;

package/es/hooks/useRunnerRoomWebSocket.d.ts

@@ -12,7 +12,7 @@ export interface UseRunnerRoomWebSocketReturns {
     isRunning: boolean;
     reconnect: () => void;
 }
-export declare type UseRunnerRoomWebSocket = (props: UseRunnerRoomWebSocketProps) => UseRunnerRoomWebSocketReturns;
+export type UseRunnerRoomWebSocket = (props: UseRunnerRoomWebSocketProps) => UseRunnerRoomWebSocketReturns;
 /**
  *
  */

package/es/hooks/useStdioWebSocket.d.ts

@@ -1,6 +1,6 @@
 import type { WebsocketStdioReceivingMessage, WebsocketStdioSendingMessageSignal, WebsocketStdioSendingMessageText, WebsocketStdioSendingMessageTtyResize } from '@elice/types';
-export declare type MaterialExerciseStdioTextType = Exclude<WebsocketStdioReceivingMessage['type'], 'image' | 'file'>;
-export declare type MaterialExerciseStdioFile = MaterialExerciseStdioImageFile | MaterialExerciseStdioFileFile;
+export type MaterialExerciseStdioTextType = Exclude<WebsocketStdioReceivingMessage['type'], 'image' | 'file'>;
+export type MaterialExerciseStdioFile = MaterialExerciseStdioImageFile | MaterialExerciseStdioFileFile;
 export interface MaterialExerciseStdioImageFile {
     type: 'image';
     mime: string;
@@ -27,7 +27,7 @@ interface UseStdioWebSocketReturns {
     sendSync: () => void;
     reconnect: () => void;
 }
-declare type UseStdioWebSocket = (props: UseStdioWebSocketProps) => UseStdioWebSocketReturns;
+type UseStdioWebSocket = (props: UseStdioWebSocketProps) => UseStdioWebSocketReturns;
 /**
  *
  */

package/es/hooks/useUsercodeEditWebSocket.d.ts

@@ -12,11 +12,11 @@ export interface UsercodeMarker extends CursorRange {
 /**
  * Event handler for init.
  */
-export declare type UseUsercodeEditWebSocketPropOnInit = (doc: string) => void;
+export type UseUsercodeEditWebSocketPropOnInit = (doc: string) => void;
 /**
  * Event handler for `WRITE_NOTI` event.
  */
-export declare type UseUsercodeEditWebSocketPropOnWriteNoti = (ots: TextOp, isFromServer: boolean) => void;
+export type UseUsercodeEditWebSocketPropOnWriteNoti = (ots: TextOp, isFromServer: boolean) => void;
 /**
  * Props of `useUsercodeEditWebSocket`.
  */
@@ -29,11 +29,11 @@ interface UseUsercodeEditWebSocketProps {
 /**
  *
  */
-export declare type UseUsercodeEditWebSocketReturnSendCursor = (range: CursorRange) => void;
+export type UseUsercodeEditWebSocketReturnSendCursor = (range: CursorRange) => void;
 /**
  * Event handler for websocket message.
  */
-export declare type UseUsercodeEditWebSocketReturnSendOTs = (ots: TextOp) => void;
+export type UseUsercodeEditWebSocketReturnSendOTs = (ots: TextOp) => void;
 /**
  * Return type of `useUsercodeEditWebSocket`.
  */
@@ -49,7 +49,7 @@ interface UseUsercodeEditWebSocketReturns {
     _startMonkey: () => void;
     _stopMonkey: () => void;
 }
-declare type UseUsercodeEditWebSocket = (props: UseUsercodeEditWebSocketProps) => UseUsercodeEditWebSocketReturns;
+type UseUsercodeEditWebSocket = (props: UseUsercodeEditWebSocketProps) => UseUsercodeEditWebSocketReturns;
 /**
  *
  */

package/es/hooks/useUsercodeEditWebSocket.js

@@ -202,45 +202,51 @@ var useUsercodeEditWebSocket = function useUsercodeEditWebSocket(_ref) {
   /**
    * Send `FETCH`.
    */
-  var sendFetch = useCallback(debounce(function () {
-    var _a;
-    (_a = websocket.current) === null || _a === void 0 ? void 0 : _a.sendJson({
-      type: 'FETCH',
-      from: version.current
-    });
-  }, 1000), []);
+  var sendFetch = useMemo(function () {
+    return debounce(function () {
+      var _a;
+      (_a = websocket.current) === null || _a === void 0 ? void 0 : _a.sendJson({
+        type: 'FETCH',
+        from: version.current
+      });
+    }, 1000);
+  }, []);
   /**
    * Send `WRITE`.
    */
-  var sendWrite = useCallback(debounce(function () {
-    var _a;
-    if (otsBuffer.current.length === 0 || writeIndex.current !== 0) {
-      return;
-    }
-    writeIndex.current = otsBuffer.current.length;
-    var ots = otsBuffer.current[0];
-    for (var i = 1; i < writeIndex.current; i++) {
-      ots = type.compose(ots, otsBuffer.current[i]);
-    }
-    (_a = websocket.current) === null || _a === void 0 ? void 0 : _a.sendJson({
-      type: 'WRITE',
-      to: version.current + 1,
-      ots: ots
-    });
-  }, 100), []);
+  var sendWrite = useMemo(function () {
+    return debounce(function () {
+      var _a;
+      if (otsBuffer.current.length === 0 || writeIndex.current !== 0) {
+        return;
+      }
+      writeIndex.current = otsBuffer.current.length;
+      var ots = otsBuffer.current[0];
+      for (var i = 1; i < writeIndex.current; i++) {
+        ots = type.compose(ots, otsBuffer.current[i]);
+      }
+      (_a = websocket.current) === null || _a === void 0 ? void 0 : _a.sendJson({
+        type: 'WRITE',
+        to: version.current + 1,
+        ots: ots
+      });
+    }, 100);
+  }, []);
   /**
    * Send `CURSOR`.
    */
-  var sendCursor = useCallback(debounce(function (_ref15) {
-    var from = _ref15.from,
-      to = _ref15.to;
-    var _a;
-    (_a = websocket.current) === null || _a === void 0 ? void 0 : _a.sendJson({
-      type: 'CURSOR',
-      cursor_start: from,
-      cursor_end: to
-    });
-  }, 500), []);
+  var sendCursor = useMemo(function () {
+    return debounce(function (_ref15) {
+      var from = _ref15.from,
+        to = _ref15.to;
+      var _a;
+      (_a = websocket.current) === null || _a === void 0 ? void 0 : _a.sendJson({
+        type: 'CURSOR',
+        cursor_start: from,
+        cursor_end: to
+      });
+    }, 500);
+  }, []);
   /**
    * Send OTs.
    */

package/es/typings/arduino.d.ts

@@ -11,8 +11,8 @@
  * - `program [portName] [board:name] [$path/to/filename/without/extension]`
  * - `programfromurl [portName] [board:name] [urlToHexFile]`
  */
-export declare type ArduinoAgentCommand = 'list' | 'open' | 'send' | 'sendnobuf' | 'close' | 'bufferalgorithms' | 'baudrates' | 'restart' | 'exit' | 'program' | 'programfromurl';
-export declare type ArduinoAgentMessage = ArduinoAgentMessageVersion | ArduinoAgentMessageCommands | ArduinoAgentMessageHostname | ArduinoAgentMessageOs | ArduinoAgentMessagePorts | ArduinoAgentMessageDownloadStatus | ArduinoAgentMessageCmd | ArduinoAgentMessageProgrammerStatus | ArduinoAgentMessageD;
+export type ArduinoAgentCommand = 'list' | 'open' | 'send' | 'sendnobuf' | 'close' | 'bufferalgorithms' | 'baudrates' | 'restart' | 'exit' | 'program' | 'programfromurl';
+export type ArduinoAgentMessage = ArduinoAgentMessageVersion | ArduinoAgentMessageCommands | ArduinoAgentMessageHostname | ArduinoAgentMessageOs | ArduinoAgentMessagePorts | ArduinoAgentMessageDownloadStatus | ArduinoAgentMessageCmd | ArduinoAgentMessageProgrammerStatus | ArduinoAgentMessageD;
 export interface ArduinoAgentMessageVersion {
     Version: string;
 }
@@ -52,7 +52,7 @@ export interface ArduinoAgentMessageCmd {
     Baud: number;
     BufferType: string;
 }
-export declare type ArduinoAgentMessageProgrammerStatus = ArduinoAgentMessageProgrammerStatusStarting | ArduinoAgentMessageProgrammerStatusBusy | ArduinoAgentMessageProgrammerStatusDone | ArduinoAgentMessageProgrammerStatusError;
+export type ArduinoAgentMessageProgrammerStatus = ArduinoAgentMessageProgrammerStatusStarting | ArduinoAgentMessageProgrammerStatusBusy | ArduinoAgentMessageProgrammerStatusDone | ArduinoAgentMessageProgrammerStatusError;
 export interface ArduinoAgentMessageProgrammerStatusStarting {
     ProgrammerStatus: 'Starting';
     Cmd: string;
@@ -72,6 +72,6 @@ export interface ArduinoAgentMessageProgrammerStatusError {
 export interface ArduinoAgentMessageD {
     D: string;
 }
-export declare type ArduinoPort = ArduinoAgentMessagePorts['Ports'][number];
-export declare type ArduinoUploadProgressStatus = 'ready' | 'receivedHex' | 'starting' | 'busy' | 'error' | 'done';
-export declare type ArduinoAgentConnectionStatus = 'disconnected' | 'connecting' | 'reconnecting' | 'connected';
+export type ArduinoPort = ArduinoAgentMessagePorts['Ports'][number];
+export type ArduinoUploadProgressStatus = 'ready' | 'receivedHex' | 'starting' | 'busy' | 'error' | 'done';
+export type ArduinoAgentConnectionStatus = 'disconnected' | 'connecting' | 'reconnecting' | 'connected';

package/es/utils/exerciseFile.d.ts

@@ -1,5 +1,5 @@
 import type { GetOrgMaterialExerciseExerciseRoomGetResponses, GetOrgMaterialExerciseGetResponses } from '@elice/types';
-declare type ExerciseFileCheckFn = (filename: string | null, deps: {
+type ExerciseFileCheckFn = (filename: string | null, deps: {
     exercise: null | GetOrgMaterialExerciseGetResponses['materialExercise'];
     exerciseRoom: null | GetOrgMaterialExerciseExerciseRoomGetResponses['exerciseRoom'];
 }) => boolean;

package/es/utils/runner.d.ts

@@ -1,6 +1,6 @@
-declare type ErrorType = 'runtime' | 'compile' | 'syntax';
-declare type ErrorLangType = 'python' | 'c/cpp' | 'java' | 'javascript';
-export declare type CodeHelperError = {
+type ErrorType = 'runtime' | 'compile' | 'syntax';
+type ErrorLangType = 'python' | 'c/cpp' | 'java' | 'javascript';
+export type CodeHelperError = {
     errorCode: string;
     errorLangType: ErrorLangType;
     errorType: ErrorType;