@elice/material-exercise 1.220913.0 → 1.220920.0

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

@@ -0,0 +1,2 @@
+export { doComplete } from './emmetHelper';
+export { DEFAULT_CONFIG, LANGUAGE_MODES, MAPPED_MODES } from './utils';

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

@@ -0,0 +1,17 @@
+import type { VSCodeEmmetConfig } from './emmetHelper';
+/**
+ * Default emmet configuration.
+ */
+export declare const DEFAULT_CONFIG: VSCodeEmmetConfig;
+/**
+ * Mapping between languages that support Emmet and completion trigger characters.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L86
+ */
+export declare const LANGUAGE_MODES: {
+    [id: string]: string[];
+};
+/**
+ * Language specific extensions can provide emmet completion support.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L124
+ */
+export declare const MAPPED_MODES: Record<string, string>;

package/es/components/shared/monaco-editor/vendors/vscode-emmet-helper/utils.js

@@ -0,0 +1,42 @@
+/* eslint-disable */
+
+/**
+ * Default emmet configuration.
+ */
+const DEFAULT_CONFIG = {
+  showExpandedAbbreviation: 'always',
+  showAbbreviationSuggestions: true,
+  showSuggestionsAsSnippets: false
+};
+/**
+ * Mapping between languages that support Emmet and completion trigger characters.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L86
+ */
+
+const LANGUAGE_MODES = {
+  html: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  jade: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  slim: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  haml: ['!', '.', '}', ':', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  xml: ['.', '}', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  xsl: ['!', '.', '}', '*', '$', '/', ']', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  css: [':', '!', '-', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  scss: [':', '!', '-', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  sass: [':', '!', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  less: [':', '!', '-', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  stylus: [':', '!', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  javascript: ['!', '.', '}', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
+  typescript: ['!', '.', '}', '*', '$', ']', '/', '>', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
+};
+/**
+ * Language specific extensions can provide emmet completion support.
+ * - ref: https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/util.ts#L124
+ */
+
+const MAPPED_MODES = {
+  handlebars: 'html',
+  php: 'html',
+  twig: 'html'
+};
+
+export { DEFAULT_CONFIG, LANGUAGE_MODES, MAPPED_MODES };

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

@@ -147,6 +147,16 @@ const Xterm = forwardRef(({
 
     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(() => {
+    if (isRunning) {
+      reset();
+      onTtyResizeRequest(ttySize.current);
+    }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [isRunning]); //
   // Write system message when code is running.
   //
 
@@ -156,9 +166,6 @@ const Xterm = forwardRef(({
     }
 
     if (isRunning) {
-      //
-      reset();
-      onTtyResizeRequest(ttySize.current);
       writeSystem(intl.formatMessage({
         id: 'xterm.systemMessage.running'
       }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.220913.0",
+  "version": "1.220920.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -36,7 +36,7 @@
     "@elice/markdown": "^1.220803.0",
     "@elice/material-shared-types": "22.7.2-1",
     "@elice/material-shared-utils": "22.7.2-1",
-    "@elice/types": "^1.220803.0",
+    "@elice/types": "^1.220914.0",
     "@elice/websocket": "^1.220803.0",
     "humps": "^2.0.1",
     "lodash": "^4.17.21",
@@ -71,6 +71,7 @@
     "classnames": "^2.2.0",
     "color": "^4.2.3",
     "dayjs": "^1.10.6",
+    "emmet": "^2.3.0",
     "file-saver": "^2.0.5",
     "filesize": "^8.0.7",
     "mime": "^2.5.2",
@@ -115,9 +116,9 @@
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.220803.0",
     "@elice/markdown": "^1.220803.0",
-    "@elice/material-shared-types": "1.220913.0",
-    "@elice/material-shared-utils": "1.220913.0",
-    "@elice/types": "^1.220803.0",
+    "@elice/material-shared-types": "1.220920.0",
+    "@elice/material-shared-utils": "1.220920.0",
+    "@elice/types": "^1.220914.0",
     "@elice/websocket": "^1.220803.0",
     "@types/classnames": "^2.3.1",
     "@types/color": "^3.0.3",
@@ -138,5 +139,5 @@
     "recoil": "^0.6.1",
     "styled-components": "^5.2.0"
   },
-  "gitHead": "91229fbe698b41dd68ffb742cd40c379528027b9"
+  "gitHead": "446a4074e18958b473a8cb8973ee7073a7b9e2e4"
 }