@elice/material-exercise 1.220830.0 → 1.220919.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,12 @@
+import { VSCodeEmmetConfig } from "./emmetHelper";
+/**
+ * -ref: https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L86
+ */
+export declare const LANGUAGE_MODES: {
+    [id: string]: string[];
+};
+/**
+ * https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L124
+ */
+export declare const MAPPED_MODES: Record<string, string>;
+export declare const DEFAULT_CONFIG: VSCodeEmmetConfig;

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

@@ -0,0 +1,36 @@
+/* eslint-disable */
+
+/**
+ * -ref: https://github.com/microsoft/vscode/blob/main/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']
+};
+/**
+ * https://github.com/microsoft/vscode/blob/main/extensions/emmet/src/util.ts#L124
+ */
+
+const MAPPED_MODES = {
+  handlebars: 'html',
+  php: 'html',
+  twig: 'html'
+};
+const DEFAULT_CONFIG = {
+  showExpandedAbbreviation: 'always',
+  showAbbreviationSuggestions: true,
+  showSuggestionsAsSnippets: false
+};
+
+export { DEFAULT_CONFIG, LANGUAGE_MODES, MAPPED_MODES };

package/es/components/shared/web-browser/WebBrowser.js

@@ -13,6 +13,20 @@ const StyledHeaderUrlInput = styled.input.withConfig({
 const StyledIframe = styled.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 => {
+  try {
+    const urlObject = new URL(url);
+    urlObject.searchParams.set('_cachebust', Date.now().toString());
+    return urlObject.href;
+  } catch (_) {
+    return url;
+  }
+};
+
 const WebBrowser = forwardRef(({
   httpUri,
   menuButtons = null
@@ -20,15 +34,7 @@ const WebBrowser = forwardRef(({
   const [url, setUrl] = React.useState('');
   const [inputUrl, setInputUrl] = React.useState('');
   const iframeRef = React.useRef(null);
-  const iframeSrc = React.useMemo(() => {
-    try {
-      const urlObj = new URL(url);
-      urlObj.searchParams.set('_', Date.now().toString());
-      return urlObj.href;
-    } catch (_) {
-      return '';
-    }
-  }, [url]);
+  const iframeSrc = React.useMemo(() => createCacheBustedUrl(url), [url]);
   /**
    * Navigate browser.
    */
@@ -44,8 +50,7 @@ const WebBrowser = forwardRef(({
 
   const reload = React.useCallback(() => {
     if (iframeRef.current) {
-      // eslint-disable-next-line no-self-assign
-      iframeRef.current.src = iframeRef.current.src;
+      iframeRef.current.src = createCacheBustedUrl(iframeRef.current.src);
     }
   }, []);
   /**

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.220830.0",
+  "version": "1.220919.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.220830.0",
-    "@elice/material-shared-utils": "1.220830.0",
-    "@elice/types": "^1.220803.0",
+    "@elice/material-shared-types": "1.220919.0",
+    "@elice/material-shared-utils": "1.220919.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": "551cded86307d1a01f0d1c1e6432020c16406c03"
+  "gitHead": "bddb3a6f9165572b2ba351356d5443f85d0ff519"
 }