@elice/material-exercise 1.220803.0

package/cjs/constants/shortcutKeyMap.d.ts

@@ -0,0 +1,27 @@
+export declare type ShortcutKey = Pick<KeyboardEvent, 'key' | 'metaKey' | 'ctrlKey' | 'shiftKey' | 'altKey'>;
+declare const _default: {
+    /**
+     * Runner > submit run
+     * - `F5`
+     */
+    RUNNER_SUBMIT_RUN: ShortcutKey[];
+    /**
+     * Runner > submit grade
+     * - `F6`
+     */
+    RUNNER_SUBMIT_GRADE: ShortcutKey[];
+    /**
+     * Runner > sync request
+     * - `Cmd` + `Shift` + `F5`
+     * - `Ctrl` + `Shift` + `F5`
+     * - `Cmd` + `S`
+     * - `Ctrl` + `S`
+     */
+    RUNNER_SYNC_REQUEST: ShortcutKey[];
+    /**
+     * Runner > cancel run
+     * - `Shift` + `F5`
+     */
+    RUNNER_CANCEL: ShortcutKey[];
+};
+export default _default;

package/cjs/constants/shortcutKeyMap.js

@@ -0,0 +1,76 @@
+'use strict';
+
+const key = k => k;
+
+var EXERCISE_SHORTCUT_KEY_MAP = {
+  /**
+   * Runner > submit run
+   * - `F5`
+   */
+  RUNNER_SUBMIT_RUN: [key({
+    key: 'F5',
+    metaKey: false,
+    ctrlKey: false,
+    shiftKey: false,
+    altKey: false
+  })],
+
+  /**
+   * Runner > submit grade
+   * - `F6`
+   */
+  RUNNER_SUBMIT_GRADE: [key({
+    key: 'F6',
+    metaKey: false,
+    ctrlKey: false,
+    shiftKey: false,
+    altKey: false
+  })],
+
+  /**
+   * Runner > sync request
+   * - `Cmd` + `Shift` + `F5`
+   * - `Ctrl` + `Shift` + `F5`
+   * - `Cmd` + `S`
+   * - `Ctrl` + `S`
+   */
+  RUNNER_SYNC_REQUEST: [key({
+    key: 'F5',
+    metaKey: true,
+    ctrlKey: false,
+    shiftKey: true,
+    altKey: false
+  }), key({
+    key: 'F5',
+    metaKey: false,
+    ctrlKey: true,
+    shiftKey: true,
+    altKey: false
+  }), key({
+    key: 's',
+    metaKey: true,
+    ctrlKey: false,
+    shiftKey: false,
+    altKey: false
+  }), key({
+    key: 's',
+    metaKey: false,
+    ctrlKey: true,
+    shiftKey: false,
+    altKey: false
+  })],
+
+  /**
+   * Runner > cancel run
+   * - `Shift` + `F5`
+   */
+  RUNNER_CANCEL: [key({
+    key: 'F5',
+    metaKey: false,
+    ctrlKey: false,
+    shiftKey: true,
+    altKey: false
+  })]
+};
+
+module.exports = EXERCISE_SHORTCUT_KEY_MAP;

package/cjs/constants/stylesheets.d.ts

@@ -0,0 +1,29 @@
+import type { ResizableNextProps } from '@elice/blocks';
+import type { CSSProperties } from 'styled-components';
+interface MaterialScrollBarOptions {
+    width?: CSSProperties['width'];
+    height?: CSSProperties['height'];
+    borderRadius?: CSSProperties['borderRadius'];
+    hideable?: boolean;
+}
+/**
+ * Common props for resizable blocks.
+ */
+export declare const MATERIAL_RESIZABLE_COMMON_PROPS: Partial<ResizableNextProps>;
+/**
+ * Border CSS value for material divider.
+ */
+export declare const MATERIAL_DIVIDER_BORDER_VALUE: string;
+/**
+ * Color for material scroll bar.
+ */
+export declare const MATERIAL_SCROLL_BAR_COLOR: "#48485c";
+/**
+ * Background color for material scroll bar.
+ */
+export declare const MATERIAL_SCROLL_BAR_BACKGROUND_COLOR: "#2e2e3c";
+/**
+ * CSS for scroll bar.
+ */
+export declare const getMaterialScrollBarCss: (options: MaterialScrollBarOptions) => import("styled-components").FlattenSimpleInterpolation;
+export {};

package/cjs/constants/stylesheets.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var designTokens = require('@elice/design-tokens');
+var styled = require('styled-components');
+
+/**
+ * Common props for resizable blocks.
+ */
+
+const MATERIAL_RESIZABLE_COMMON_PROPS = {
+  handleSize: 4,
+  handleHoverColor: designTokens.base.color.primary6,
+  collapsedBackgroundColor: designTokens.base.color.navy8,
+  collapsedHoverBackgroundColor: designTokens.base.color.navy7,
+  collapsedBorderColor: designTokens.base.color.navy8
+};
+/**
+ * Border CSS value for material divider.
+ */
+
+const MATERIAL_DIVIDER_BORDER_VALUE = `1px solid ${designTokens.base.color.navy7}`;
+/**
+ * Color for material scroll bar.
+ */
+
+const MATERIAL_SCROLL_BAR_COLOR = designTokens.base.color.navy6;
+/**
+ * Background color for material scroll bar.
+ */
+
+const 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);
+
+exports.MATERIAL_DIVIDER_BORDER_VALUE = MATERIAL_DIVIDER_BORDER_VALUE;
+exports.MATERIAL_RESIZABLE_COMMON_PROPS = MATERIAL_RESIZABLE_COMMON_PROPS;
+exports.MATERIAL_SCROLL_BAR_BACKGROUND_COLOR = MATERIAL_SCROLL_BAR_BACKGROUND_COLOR;
+exports.MATERIAL_SCROLL_BAR_COLOR = MATERIAL_SCROLL_BAR_COLOR;
+exports.getMaterialScrollBarCss = getMaterialScrollBarCss;

package/cjs/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export * from './useArduino';
+export * from './useExerciseFile';
+export * from './useExericseShortcut';
+export * from './useRunnerRoomWebSocket';
+export * from './useStdioWebSocket';
+export * from './useUsercodeHistory';
+export * from './useUsercodeEditWebSocket';

package/cjs/hooks/useArduino.d.ts

@@ -0,0 +1,14 @@
+import type { MaterialExerciseStdioFileFile } from './useStdioWebSocket';
+interface UseArduinoProps {
+    writeTerminal: (event: string) => void;
+}
+interface UseArduinoReturns {
+    init: () => void;
+    destroy: () => void;
+    reload: () => void;
+    sendText: (char: string) => void;
+    uploadHexFile: (hexFile: MaterialExerciseStdioFileFile) => void;
+}
+declare type UseArduino = (props: UseArduinoProps) => UseArduinoReturns;
+export declare const useArduino: UseArduino;
+export {};