@elice/material-exercise 1.220830.0 → 1.220919.0

package/cjs/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/cjs/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/cjs/components/shared/monaco-editor/vendors/vscode-emmet-helper/utils.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/* 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
+};
+
+exports.DEFAULT_CONFIG = DEFAULT_CONFIG;
+exports.LANGUAGE_MODES = LANGUAGE_MODES;
+exports.MAPPED_MODES = MAPPED_MODES;

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

@@ -20,6 +20,20 @@ const StyledHeaderUrlInput = styled__default["default"].input.withConfig({
 const 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 => {
+  try {
+    const urlObject = new URL(url);
+    urlObject.searchParams.set('_cachebust', Date.now().toString());
+    return urlObject.href;
+  } catch (_) {
+    return url;
+  }
+};
+
 const WebBrowser = React.forwardRef(({
   httpUri,
   menuButtons = null
@@ -27,15 +41,7 @@ const WebBrowser = React.forwardRef(({
   const [url, setUrl] = React__default["default"].useState('');
   const [inputUrl, setInputUrl] = React__default["default"].useState('');
   const iframeRef = React__default["default"].useRef(null);
-  const iframeSrc = React__default["default"].useMemo(() => {
-    try {
-      const urlObj = new URL(url);
-      urlObj.searchParams.set('_', Date.now().toString());
-      return urlObj.href;
-    } catch (_) {
-      return '';
-    }
-  }, [url]);
+  const iframeSrc = React__default["default"].useMemo(() => createCacheBustedUrl(url), [url]);
   /**
    * Navigate browser.
    */
@@ -51,8 +57,7 @@ const WebBrowser = React.forwardRef(({
 
   const reload = React__default["default"].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/cjs/components/shared/xterm/Xterm.js

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

package/es/components/material-exercise/MaterialExercise.styled.js

@@ -20,7 +20,7 @@ const EXERCISE_HORIZONTAL_RATIO = {
 
 const StyledExerciseContainer = styled.div.withConfig({
   componentId: "sc-9joi7g-0"
-})(["flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;overflow:hidden;"]);
+})(["flex:1;display:flex;flex-direction:column;height:100%;min-width:0;min-height:0;"]);
 /**
  * Wrapper contains:
  * - FileTree

package/es/components/material-exercise/exercise-menu/ExerciseMenuDropdown.js

@@ -2,10 +2,11 @@ import React from 'react';
 import { useIntl } from 'react-intl';
 import { ButtonMenu } from '@elice/blocks';
 import { eilMoreVertical } from '@elice/icons';
+import { enums } from '@elice/types';
 import { useRecoilValue, useSetRecoilState } from 'recoil';
 import ExerciseMenuButton from '../../shared/exercise-menu-button/ExerciseMenuButton.js';
-import { exerciseUserState, exerciseActiveFilenameState, exerciseRightpaneActiveState } from '../context/recoil.js';
-import '../context/context.js';
+import { exerciseUserState, exerciseState, exerciseLectureState, exerciseActiveFilenameState, exerciseRightpaneActiveState } from '../context/recoil.js';
+import { ExerciseContext } from '../context/context.js';
 import '../context/recoilTypes.js';
 import { exerciseFileEditorContentChange$ } from '../context/subjects.js';
 import '../context/ExerciseProvider.js';
@@ -15,12 +16,18 @@ import ExerciseSubmitHistory from '../exercise-submit-history/ExerciseSubmitHist
 
 const ExerciseMenuDropdown = () => {
   const intl = useIntl();
+  const {
+    materialExerciseId
+  } = React.useContext(ExerciseContext);
   const user = useRecoilValue(exerciseUserState);
+  const exercise = useRecoilValue(exerciseState(materialExerciseId));
+  const lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId));
   const activeFilename = useRecoilValue(exerciseActiveFilenameState);
   const setRightpaneActiveState = useSetRecoilState(exerciseRightpaneActiveState);
   const [isSubmitHistoryModalOpen, setIsSubmitHistoryModalOpen] = React.useState(false);
   const [isCodeHistoryModalOpen, setIsCodeHistoryModalOpen] = React.useState(false);
   const [isExerciseRoomModalOpen, setIsExerciseRoomModalOpen] = React.useState(false);
+  const isLectureTestInProgress = typeof (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) !== 'undefined' && lecture.testAdmissionStatus === enums.TestAdmissionStatus.InProgress;
   /**
    *
    */
@@ -97,6 +104,7 @@ const ExerciseMenuDropdown = () => {
       label: intl.formatMessage({
         id: 'exerciseMenu.dropdown.item.room'
       }),
+      disabled: isLectureTestInProgress,
       onClick: () => setIsExerciseRoomModalOpen(true)
     }],
     size: "xsmall",

package/es/components/material-exercise/exercise-runner/ExerciseRunner.js

@@ -477,10 +477,14 @@ const ExerciseRunner = ({
 
 
   const renderXterm = () => {
+    // show system message when...
+    const showSystemMessage = // - run type is grade
+    runnerRunTypeState === enums.ExerciseRunType.Grade || // - not an arduino exercise
+    !isArduinoExercise;
     return React.createElement(XtermLazy, {
       isRunning: wsRunnerRoom.isRunning,
       fontSize: editorPreferenceFontSize,
-      suppressSystemMessage: isArduinoExercise,
+      suppressSystemMessage: !showSystemMessage,
       onInputRequest: handleXtermInputRequest,
       onTtyResizeRequest: wsStdio.sendTtyResize,
       locale: locale,

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

@@ -2,8 +2,8 @@ import React, { forwardRef } from 'react';
 import { base } from '@elice/design-tokens';
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import styled from 'styled-components';
-import initGrammars from './utils/grammar/index.js';
-import { cssRemoteMarker } from './utils/remoteMarker/styles.js';
+import initMonacoGrammars from './utils/grammar/index.js';
+import { cssRemoteMarker } from './vendors/monaco-collab-ext/styles.js';
 import { DEFAULT_MONACO_EDITOR_PREFERENCE } from './constants/monaco/preferences.js';
 import { useMonacoEventChange } from './editor-hooks/useMonacoEventChange.js';
 import { useMonacoEventCursor } from './editor-hooks/useMonacoEventCursor.js';
@@ -11,10 +11,16 @@ import { useMonacoEventScroll } from './editor-hooks/useMonacoEventScroll.js';
 import { useMonacoMarkers } from './editor-hooks/useMonacoMarkers.js';
 import { useMonacoOptions } from './editor-hooks/useMonacoOptions.js';
 import { useMonacoTheme } from './editor-hooks/useMonacoTheme.js';
-import configEditorLanguages from './editor-languages/index.js';
+import initMonacoLanguages from './editor-languages/index.js';
 import { useEditorOptions } from './hooks/useEditorOptions.js';
 import { getLanguageFromFilename } from './utils/monacoLanguage.js';
 
+//
+//
+// pre-init monaco editor
+
+initMonacoLanguages();
+initMonacoGrammars().catch(console.warn); //
 //
 //
 
@@ -23,10 +29,7 @@ const StyledMonacoEditorWrapper = styled.div.withConfig({
 })(["width:100%;height:100%;"]);
 const StyledMonacoEditor = styled.div.withConfig({
   componentId: "sc-1j3uyex-1"
-})(["width:100%;height:100%;background-color:", ";", ""], base.color.navy9, cssRemoteMarker); //
-//
-//
-
+})(["width:100%;height:100%;background-color:", ";", ""], base.color.navy9, cssRemoteMarker);
 /**
  *
  */
@@ -275,11 +278,8 @@ const MonacoEditor = forwardRef(({
     try {
       if (!editorElRef.current) {
         return;
-      } // pre-config monaco editor
-
+      } // create monaco editor instance and render it.
 
-      configEditorLanguages();
-      initGrammars().catch(console.warn); // create monaco editor instance and render it.
 
       editor.current = monaco.editor.create(editorElRef.current, Object.assign(Object.assign({}, editorOptions), {
         value: defaultValue,

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

@@ -1,8 +1,8 @@
 import { useRef } from 'react';
 import { useDeepCompareEffect } from 'react-use';
-import { RemoteCursorManager } from '../utils/remoteMarker/RemoteCursorManager.js';
-import { RemoteSelectionManager } from '../utils/remoteMarker/RemoteSelectionManager.js';
-import '../utils/remoteMarker/styles.js';
+import { RemoteCursorManager } from '../vendors/monaco-collab-ext/RemoteCursorManager.js';
+import { RemoteSelectionManager } from '../vendors/monaco-collab-ext/RemoteSelectionManager.js';
+import '../vendors/monaco-collab-ext/styles.js';
 
 /** Available colors for marker. */
 

package/es/components/shared/monaco-editor/editor-languages/css/index.d.ts

@@ -6,4 +6,8 @@ export declare function setDocumentFormattingEditProvider(): void;
  * Set CSS options.
  */
 export declare function setOptions(): void;
+/**
+ * Enable emmet feature.
+ */
+export declare function setEnableFeatrueEmmet(): void;
 export default function (): void;

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

@@ -1,4 +1,5 @@
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+import { emmetCSS } from '../../utils/emmet/emmet.js';
 import CssDocumentFormattingEditProvider from './formatter.js';
 
 /**
@@ -7,6 +8,8 @@ import CssDocumentFormattingEditProvider from './formatter.js';
 
 function setDocumentFormattingEditProvider() {
   monaco.languages.registerDocumentFormattingEditProvider('css', CssDocumentFormattingEditProvider);
+  monaco.languages.registerDocumentFormattingEditProvider('scss', CssDocumentFormattingEditProvider);
+  monaco.languages.registerDocumentFormattingEditProvider('less', CssDocumentFormattingEditProvider);
 }
 /**
  * Set CSS options.
@@ -16,6 +19,13 @@ function setOptions() {
   monaco.languages.css.cssDefaults.setOptions({
     validate: false
   });
+}
+/**
+ * Enable emmet feature.
+ */
+
+function setEnableFeatrueEmmet() {
+  emmetCSS(monaco, ['css', 'scss', 'less']);
 } //
 //
 //
@@ -23,6 +33,7 @@ function setOptions() {
 function css () {
   setDocumentFormattingEditProvider();
   setOptions();
+  setEnableFeatrueEmmet();
 }
 
-export { css as default, setDocumentFormattingEditProvider, setOptions };
+export { css as default, setDocumentFormattingEditProvider, setEnableFeatrueEmmet, setOptions };

package/es/components/shared/monaco-editor/editor-languages/html/index.d.ts

@@ -6,4 +6,8 @@ export declare function setDocumentFormattingEditProvider(): void;
  * Set HTML options.
  */
 export declare function setOptions(): void;
+/**
+ * Enable emmet feature.
+ */
+export declare function setEnableFeatrueEmmet(): void;
 export default function (): void;

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

@@ -1,4 +1,5 @@
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+import { emmetHTML } from '../../utils/emmet/emmet.js';
 import HtmlDocumentFormattingEditProvider from './formatter.js';
 
 /**
@@ -14,6 +15,13 @@ function setDocumentFormattingEditProvider() {
 
 function setOptions() {
   monaco.languages.html.htmlDefaults.setOptions({});
+}
+/**
+ * Enable emmet feature.
+ */
+
+function setEnableFeatrueEmmet() {
+  emmetHTML(monaco, ['html', 'handlebars', 'php']);
 } //
 //
 //
@@ -21,6 +29,7 @@ function setOptions() {
 function html () {
   setDocumentFormattingEditProvider();
   setOptions();
+  setEnableFeatrueEmmet();
 }
 
-export { html as default, setDocumentFormattingEditProvider, setOptions };
+export { html as default, setDocumentFormattingEditProvider, setEnableFeatrueEmmet, setOptions };

package/es/components/shared/monaco-editor/editor-languages/index.js

@@ -2,10 +2,10 @@ import css from './css/index.js';
 import html from './html/index.js';
 import typescript from './typescript/index.js';
 
-function configEditorLanguages () {
+function initMonacoLanguages () {
   css();
   html();
   typescript();
 }
 
-export { configEditorLanguages as default };
+export { initMonacoLanguages as default };

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

@@ -22,4 +22,8 @@ export declare function setExernalLibs(): void;
  * Enables intelliSense for all files without needing an `addExtraLib` call.
  */
 export declare function setEagerModelSync(): void;
+/**
+ * Enable emmet for JavaScript and TypeScript.
+ */
+export declare function setEnableFeatrueEmmet(): void;
 export default function (): void;

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

@@ -1,4 +1,5 @@
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+import { emmetJSX } from '../../utils/emmet/emmet.js';
 import express from './dts/express.js';
 import propTypes from './dts/propTypes.js';
 import react from './dts/react.js';
@@ -79,6 +80,13 @@ function setExernalLibs() {
 function setEagerModelSync() {
   monaco.languages.typescript.javascriptDefaults.setEagerModelSync(true);
   monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);
+}
+/**
+ * Enable emmet for JavaScript and TypeScript.
+ */
+
+function setEnableFeatrueEmmet() {
+  emmetJSX(monaco, ['javascript', 'javascriptreact', 'typescript', 'typescriptreact']);
 } //
 //
 //
@@ -89,6 +97,7 @@ function typescript () {
   setDiagnosticsOptions();
   setExernalLibs();
   setEagerModelSync();
+  setEnableFeatrueEmmet();
 }
 
-export { typescript as default, setCompilerOptions, setDiagnosticsOptions, setDocumentFormattingEditProvider, setEagerModelSync, setExernalLibs };
+export { typescript as default, setCompilerOptions, setDiagnosticsOptions, setDocumentFormattingEditProvider, setEagerModelSync, setEnableFeatrueEmmet, setExernalLibs };

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

@@ -0,0 +1,13 @@
+import type * as Monaco from 'monaco-editor';
+/**
+ * Enable emmet feature for HTML.
+ */
+export declare function emmetHTML(monaco: typeof Monaco, languages: string[]): (() => void) | undefined;
+/**
+ * Enable emmet feature for CSS.
+ */
+export declare function emmetCSS(monaco: typeof Monaco, languages: string[]): (() => void) | undefined;
+/**
+ * Enable emmet feature for JSX.
+ */
+export declare function emmetJSX(monaco: typeof Monaco, languages: string[]): (() => void) | undefined;

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

@@ -0,0 +1,25 @@
+import { registerProvider } from './registerProvider.js';
+
+/**
+ * Enable emmet feature for HTML.
+ */
+
+function emmetHTML(monaco, languages) {
+  return registerProvider(monaco, languages, 'html');
+}
+/**
+ * Enable emmet feature for CSS.
+ */
+
+function emmetCSS(monaco, languages) {
+  return registerProvider(monaco, languages, 'css');
+}
+/**
+ * Enable emmet feature for JSX.
+ */
+
+function emmetJSX(monaco, languages) {
+  return registerProvider(monaco, languages, 'jsx');
+}
+
+export { emmetCSS, emmetHTML, emmetJSX };

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

@@ -0,0 +1 @@
+export * from './emmet';

package/es/components/shared/monaco-editor/utils/emmet/registerProvider.d.ts

@@ -0,0 +1,5 @@
+import type * as Monaco from 'monaco-editor';
+/**
+ * Register completion provider of emmet.
+ */
+export declare function registerProvider(monaco: typeof Monaco, languages: string[], syntax: string): (() => void) | undefined;

package/es/components/shared/monaco-editor/utils/emmet/registerProvider.js

@@ -0,0 +1,22 @@
+import { doComplete } from '../../vendors/vscode-emmet-helper/emmetHelper.js';
+import { LANGUAGE_MODES, MAPPED_MODES, DEFAULT_CONFIG } from '../../vendors/vscode-emmet-helper/utils.js';
+
+/**
+ * Register completion provider of emmet.
+ */
+
+function registerProvider(monaco, languages, syntax) {
+  if (!monaco) {
+    return;
+  }
+
+  const providers = languages.map(language => monaco.languages.registerCompletionItemProvider(language, {
+    triggerCharacters: LANGUAGE_MODES[MAPPED_MODES[language] || language],
+    provideCompletionItems: (model, position) => doComplete(monaco, model, position, syntax, DEFAULT_CONFIG)
+  }));
+  return () => {
+    providers.forEach(provider => provider.dispose());
+  };
+}
+
+export { registerProvider };

package/es/components/shared/monaco-editor/utils/grammar/index.js

@@ -50,11 +50,11 @@ function createGrammarRegistry() {
  */
 
 
-async function initGrammars () {
+async function initMonacoGrammars () {
   await initOnigasm();
   const grammars = createGrammarMap();
   const registry = createGrammarRegistry();
   await wireTmGrammars(registry, grammars);
 }
 
-export { initGrammars as default };
+export { initMonacoGrammars as default };

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

@@ -5,8 +5,12 @@ import { prettierConfigSource } from './config.js';
  */
 
 async function prettier (value, options) {
-  const prettier = await import('prettier/standalone');
-  return prettier.format(value, Object.assign(Object.assign({}, options), prettierConfigSource.config));
+  try {
+    const prettier = await import('prettier/standalone');
+    return prettier.format(value, Object.assign(Object.assign({}, options), prettierConfigSource.config));
+  } catch (_) {
+    return value;
+  }
 }
 
 export { prettier as default };

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

@@ -0,0 +1,15 @@
+export interface SnippetsMap {
+    [name: string]: string;
+}
+/**
+ * Parses raw snippets definitions with possibly multiple keys into a plan
+ * snippet map
+ */
+export declare function parseSnippets(snippets: SnippetsMap): SnippetsMap;
+/**
+ * List of all known syntaxes
+ */
+export declare const syntaxes: {
+    markup: string[];
+    stylesheet: string[];
+};

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

@@ -0,0 +1,11 @@
+/* eslint-disable */
+/**
+ * List of all known syntaxes
+ */
+
+const syntaxes = {
+  markup: ['html', 'xml', 'xsl', 'jsx', 'js', 'pug', 'slim', 'haml'],
+  stylesheet: ['css', 'sass', 'scss', 'less', 'sss', 'stylus']
+};
+
+export { syntaxes };

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

@@ -0,0 +1,6 @@
+export declare const cssData: {
+    properties: string[];
+};
+export declare const htmlData: {
+    tags: string[];
+};

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

@@ -0,0 +1,17 @@
+/* eslint-disable */
+
+/* ====================================================================================================
+ * These codes forked and modified from `microsoft/vscode-emmet-helper`
+ * under the terms of the MIT license.
+ * Make sure to check the original project if any issue exists.
+ * - project: https://github.com/microsoft/vscode-emmet-helper
+ * - codes: https://github.com/microsoft/vscode-emmet-helper/blob/e64481648451f0189216794979ce2ace82ee8148/src/data.ts
+ * ==================================================================================================== */
+const cssData = {
+  "properties": ["additive-symbols", "align-content", "align-items", "justify-items", "justify-self", "justify-items", "align-self", "all", "alt", "animation", "animation-delay", "animation-direction", "animation-duration", "animation-fill-mode", "animation-iteration-count", "animation-name", "animation-play-state", "animation-timing-function", "backface-visibility", "background", "background-attachment", "background-blend-mode", "background-clip", "background-color", "background-image", "background-origin", "background-position", "background-position-x", "background-position-y", "background-repeat", "background-size", "behavior", "block-size", "border", "border-block-end", "border-block-start", "border-block-end-color", "border-block-start-color", "border-block-end-style", "border-block-start-style", "border-block-end-width", "border-block-start-width", "border-bottom", "border-bottom-color", "border-bottom-left-radius", "border-bottom-right-radius", "border-bottom-style", "border-bottom-width", "border-collapse", "border-color", "border-image", "border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width", "border-inline-end", "border-inline-start", "border-inline-end-color", "border-inline-start-color", "border-inline-end-style", "border-inline-start-style", "border-inline-end-width", "border-inline-start-width", "border-left", "border-left-color", "border-left-style", "border-left-width", "border-radius", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-spacing", "border-style", "border-top", "border-top-color", "border-top-left-radius", "border-top-right-radius", "border-top-style", "border-top-width", "border-width", "bottom", "box-decoration-break", "box-shadow", "box-sizing", "break-after", "break-before", "break-inside", "caption-side", "caret-color", "clear", "clip", "clip-path", "clip-rule", "color", "color-interpolation-filters", "column-count", "column-fill", "column-gap", "column-rule", "column-rule-color", "column-rule-style", "column-rule-width", "columns", "column-span", "column-width", "contain", "content", "counter-increment", "counter-reset", "cursor", "direction", "display", "empty-cells", "enable-background", "fallback", "fill", "fill-opacity", "fill-rule", "filter", "flex", "flex-basis", "flex-direction", "flex-flow", "flex-grow", "flex-shrink", "flex-wrap", "float", "flood-color", "flood-opacity", "font", "font-family", "font-feature-settings", "font-kerning", "font-language-override", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-synthesis", "font-variant", "font-variant-alternates", "font-variant-caps", "font-variant-east-asian", "font-variant-ligatures", "font-variant-numeric", "font-variant-position", "font-weight", "glyph-orientation-horizontal", "glyph-orientation-vertical", "grid-area", "grid-auto-columns", "grid-auto-flow", "grid-auto-rows", "grid-column", "grid-column-end", "grid-column-gap", "grid-column-start", "grid-gap", "grid-row", "grid-row-end", "grid-row-gap", "grid-row-start", "grid-template", "grid-template-areas", "grid-template-columns", "grid-template-rows", "height", "hyphens", "image-orientation", "image-rendering", "ime-mode", "inline-size", "isolation", "justify-content", "kerning", "left", "letter-spacing", "lighting-color", "line-break", "line-height", "list-style", "list-style-image", "list-style-position", "list-style-type", "margin", "margin-block-end", "margin-block-start", "margin-bottom", "margin-inline-end", "margin-inline-start", "margin-left", "margin-right", "margin-top", "marker", "marker-end", "marker-mid", "marker-start", "mask-type", "max-block-size", "max-height", "max-inline-size", "max-width", "min-block-size", "min-height", "min-inline-size", "min-width", "mix-blend-mode", "motion", "motion-offset", "motion-path", "motion-rotation", "-moz-animation", "-moz-animation-delay", "-moz-animation-direction", "-moz-animation-duration", "-moz-animation-iteration-count", "-moz-animation-name", "-moz-animation-play-state", "-moz-animation-timing-function", "-moz-appearance", "-moz-backface-visibility", "-moz-background-clip", "-moz-background-inline-policy", "-moz-background-origin", "-moz-border-bottom-colors", "-moz-border-image", "-moz-border-left-colors", "-moz-border-right-colors", "-moz-border-top-colors", "-moz-box-align", "-moz-box-direction", "-moz-box-flex", "-moz-box-flexgroup", "-moz-box-ordinal-group", "-moz-box-orient", "-moz-box-pack", "-moz-box-sizing", "-moz-column-count", "-moz-column-gap", "-moz-column-rule", "-moz-column-rule-color", "-moz-column-rule-style", "-moz-column-rule-width", "-moz-columns", "-moz-column-width", "-moz-font-feature-settings", "-moz-hyphens", "-moz-perspective", "-moz-perspective-origin", "-moz-text-align-last", "-moz-text-decoration-color", "-moz-text-decoration-line", "-moz-text-decoration-style", "-moz-text-size-adjust", "-moz-transform", "-moz-transform-origin", "-moz-transition", "-moz-transition-delay", "-moz-transition-duration", "-moz-transition-property", "-moz-transition-timing-function", "-moz-user-focus", "-moz-user-select", "-ms-accelerator", "-ms-behavior", "-ms-block-progression", "-ms-content-zoom-chaining", "-ms-content-zooming", "-ms-content-zoom-limit", "-ms-content-zoom-limit-max", "-ms-content-zoom-limit-min", "-ms-content-zoom-snap", "-ms-content-zoom-snap-points", "-ms-content-zoom-snap-type", "-ms-filter", "-ms-flex", "-ms-flex-align", "-ms-flex-direction", "-ms-flex-flow", "-ms-flex-item-align", "-ms-flex-line-pack", "-ms-flex-order", "-ms-flex-pack", "-ms-flex-wrap", "-ms-flow-from", "-ms-flow-into", "-ms-grid-column", "-ms-grid-column-align", "-ms-grid-columns", "-ms-grid-column-span", "-ms-grid-layer", "-ms-grid-row", "-ms-grid-row-align", "-ms-grid-rows", "-ms-grid-row-span", "-ms-high-contrast-adjust", "-ms-hyphenate-limit-chars", "-ms-hyphenate-limit-lines", "-ms-hyphenate-limit-zone", "-ms-hyphens", "-ms-ime-mode", "-ms-interpolation-mode", "-ms-layout-grid", "-ms-layout-grid-char", "-ms-layout-grid-line", "-ms-layout-grid-mode", "-ms-layout-grid-type", "-ms-line-break", "-ms-overflow-style", "-ms-perspective", "-ms-perspective-origin", "-ms-perspective-origin-x", "-ms-perspective-origin-y", "-ms-progress-appearance", "-ms-scrollbar-3dlight-color", "-ms-scrollbar-arrow-color", "-ms-scrollbar-base-color", "-ms-scrollbar-darkshadow-color", "-ms-scrollbar-face-color", "-ms-scrollbar-highlight-color", "-ms-scrollbar-shadow-color", "-ms-scrollbar-track-color", "-ms-scroll-chaining", "-ms-scroll-limit", "-ms-scroll-limit-x-max", "-ms-scroll-limit-x-min", "-ms-scroll-limit-y-max", "-ms-scroll-limit-y-min", "-ms-scroll-rails", "-ms-scroll-snap-points-x", "-ms-scroll-snap-points-y", "-ms-scroll-snap-type", "-ms-scroll-snap-x", "-ms-scroll-snap-y", "-ms-scroll-translation", "-ms-text-align-last", "-ms-text-autospace", "-ms-text-combine-horizontal", "-ms-text-justify", "-ms-text-kashida-space", "-ms-text-overflow", "-ms-text-size-adjust", "-ms-text-underline-position", "-ms-touch-action", "-ms-touch-select", "-ms-transform", "-ms-transform-origin", "-ms-transform-origin-x", "-ms-transform-origin-y", "-ms-transform-origin-z", "-ms-user-select", "-ms-word-break", "-ms-word-wrap", "-ms-wrap-flow", "-ms-wrap-margin", "-ms-wrap-through", "-ms-writing-mode", "-ms-zoom", "-ms-zoom-animation", "nav-down", "nav-index", "nav-left", "nav-right", "nav-up", "negative", "-o-animation", "-o-animation-delay", "-o-animation-direction", "-o-animation-duration", "-o-animation-fill-mode", "-o-animation-iteration-count", "-o-animation-name", "-o-animation-play-state", "-o-animation-timing-function", "object-fit", "object-position", "-o-border-image", "-o-object-fit", "-o-object-position", "opacity", "order", "orphans", "-o-table-baseline", "-o-tab-size", "-o-text-overflow", "-o-transform", "-o-transform-origin", "-o-transition", "-o-transition-delay", "-o-transition-duration", "-o-transition-property", "-o-transition-timing-function", "offset-block-end", "offset-block-start", "offset-inline-end", "offset-inline-start", "outline", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow", "overflow-wrap", "overflow-x", "overflow-y", "pad", "padding", "padding-bottom", "padding-block-end", "padding-block-start", "padding-inline-end", "padding-inline-start", "padding-left", "padding-right", "padding-top", "page-break-after", "page-break-before", "page-break-inside", "paint-order", "perspective", "perspective-origin", "pointer-events", "position", "prefix", "quotes", "range", "resize", "right", "ruby-align", "ruby-overhang", "ruby-position", "ruby-span", "scrollbar-3dlight-color", "scrollbar-arrow-color", "scrollbar-base-color", "scrollbar-darkshadow-color", "scrollbar-face-color", "scrollbar-highlight-color", "scrollbar-shadow-color", "scrollbar-track-color", "scroll-behavior", "scroll-snap-coordinate", "scroll-snap-destination", "scroll-snap-points-x", "scroll-snap-points-y", "scroll-snap-type", "shape-image-threshold", "shape-margin", "shape-outside", "shape-rendering", "size", "src", "stop-color", "stop-opacity", "stroke", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-width", "suffix", "system", "symbols", "table-layout", "tab-size", "text-align", "text-align-last", "text-anchor", "text-decoration", "text-decoration-color", "text-decoration-line", "text-decoration-style", "text-indent", "text-justify", "text-orientation", "text-overflow", "text-rendering", "text-shadow", "text-transform", "text-underline-position", "top", "touch-action", "transform", "transform-origin", "transform-style", "transition", "transition-delay", "transition-duration", "transition-property", "transition-timing-function", "unicode-bidi", "unicode-range", "user-select", "vertical-align", "visibility", "-webkit-animation", "-webkit-animation-delay", "-webkit-animation-direction", "-webkit-animation-duration", "-webkit-animation-fill-mode", "-webkit-animation-iteration-count", "-webkit-animation-name", "-webkit-animation-play-state", "-webkit-animation-timing-function", "-webkit-appearance", "-webkit-backdrop-filter", "-webkit-backface-visibility", "-webkit-background-clip", "-webkit-background-composite", "-webkit-background-origin", "-webkit-border-image", "-webkit-box-align", "-webkit-box-direction", "-webkit-box-flex", "-webkit-box-flex-group", "-webkit-box-ordinal-group", "-webkit-box-orient", "-webkit-box-pack", "-webkit-box-reflect", "-webkit-box-sizing", "-webkit-break-after", "-webkit-break-before", "-webkit-break-inside", "-webkit-column-break-after", "-webkit-column-break-before", "-webkit-column-break-inside", "-webkit-column-count", "-webkit-column-gap", "-webkit-column-rule", "-webkit-column-rule-color", "-webkit-column-rule-style", "-webkit-column-rule-width", "-webkit-columns", "-webkit-column-span", "-webkit-column-width", "-webkit-filter", "-webkit-flow-from", "-webkit-flow-into", "-webkit-font-feature-settings", "-webkit-hyphens", "-webkit-line-break", "-webkit-margin-bottom-collapse", "-webkit-margin-collapse", "-webkit-margin-start", "-webkit-margin-top-collapse", "-webkit-mask-clip", "-webkit-mask-image", "-webkit-mask-origin", "-webkit-mask-repeat", "-webkit-mask-size", "-webkit-nbsp-mode", "-webkit-overflow-scrolling", "-webkit-padding-start", "-webkit-perspective", "-webkit-perspective-origin", "-webkit-region-fragment", "-webkit-tap-highlight-color", "-webkit-text-fill-color", "-webkit-text-size-adjust", "-webkit-text-stroke", "-webkit-text-stroke-color", "-webkit-text-stroke-width", "-webkit-touch-callout", "-webkit-transform", "-webkit-transform-origin", "-webkit-transform-origin-x", "-webkit-transform-origin-y", "-webkit-transform-origin-z", "-webkit-transform-style", "-webkit-transition", "-webkit-transition-delay", "-webkit-transition-duration", "-webkit-transition-property", "-webkit-transition-timing-function", "-webkit-user-drag", "-webkit-user-modify", "-webkit-user-select", "white-space", "widows", "width", "will-change", "word-break", "word-spacing", "word-wrap", "writing-mode", "z-index", "zoom"]
+};
+const htmlData = {
+  "tags": ["body", "head", "html", "address", "blockquote", "dd", "div", "section", "article", "aside", "header", "footer", "nav", "menu", "dl", "dt", "fieldset", "form", "frame", "frameset", "h1", "h2", "h3", "h4", "h5", "h6", "iframe", "noframes", "object", "ol", "p", "ul", "applet", "center", "dir", "hr", "pre", "a", "abbr", "acronym", "area", "b", "base", "basefont", "bdo", "big", "br", "button", "caption", "cite", "code", "col", "colgroup", "del", "dfn", "em", "font", "i", "img", "input", "ins", "isindex", "kbd", "label", "legend", "li", "link", "map", "meta", "noscript", "optgroup", "option", "param", "q", "s", "samp", "script", "select", "small", "span", "strike", "strong", "style", "sub", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "title", "tr", "tt", "u", "var", "canvas", "main", "figure", "plaintext", "figcaption", "hgroup", "details", "summary"]
+};
+
+export { cssData, htmlData };