@elice/material-exercise 1.220913.0 → 1.220920.0

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

@@ -28,7 +28,7 @@ const EXERCISE_HORIZONTAL_RATIO = {
 
 const StyledExerciseContainer = styled__default["default"].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/cjs/components/material-exercise/exercise-menu/ExerciseMenuDropdown.js

@@ -4,10 +4,11 @@ var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
+var types = require('@elice/types');
 var recoil = require('recoil');
 var ExerciseMenuButton = require('../../shared/exercise-menu-button/ExerciseMenuButton.js');
 var recoil$1 = require('../context/recoil.js');
-require('../context/context.js');
+var context = require('../context/context.js');
 require('../context/recoilTypes.js');
 var subjects = require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
@@ -21,12 +22,18 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const ExerciseMenuDropdown = () => {
   const intl = reactIntl.useIntl();
+  const {
+    materialExerciseId
+  } = React__default["default"].useContext(context.ExerciseContext);
   const user = recoil.useRecoilValue(recoil$1.exerciseUserState);
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId));
   const activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
   const setRightpaneActiveState = recoil.useSetRecoilState(recoil$1.exerciseRightpaneActiveState);
   const [isSubmitHistoryModalOpen, setIsSubmitHistoryModalOpen] = React__default["default"].useState(false);
   const [isCodeHistoryModalOpen, setIsCodeHistoryModalOpen] = React__default["default"].useState(false);
   const [isExerciseRoomModalOpen, setIsExerciseRoomModalOpen] = React__default["default"].useState(false);
+  const isLectureTestInProgress = typeof (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) !== 'undefined' && lecture.testAdmissionStatus === types.enums.TestAdmissionStatus.InProgress;
   /**
    *
    */
@@ -103,6 +110,7 @@ const ExerciseMenuDropdown = () => {
       label: intl.formatMessage({
         id: 'exerciseMenu.dropdown.item.room'
       }),
+      disabled: isLectureTestInProgress,
       onClick: () => setIsExerciseRoomModalOpen(true)
     }],
     size: "xsmall",

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

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

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

@@ -5,7 +5,7 @@ var designTokens = require('@elice/design-tokens');
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
 var styled = require('styled-components');
 var index$1 = require('./utils/grammar/index.js');
-var styles = require('./utils/remoteMarker/styles.js');
+var styles = require('./vendors/monaco-collab-ext/styles.js');
 var preferences = require('./constants/monaco/preferences.js');
 var useMonacoEventChange = require('./editor-hooks/useMonacoEventChange.js');
 var useMonacoEventCursor = require('./editor-hooks/useMonacoEventCursor.js');
@@ -41,6 +41,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var monaco__namespace = /*#__PURE__*/_interopNamespace(monaco);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
+//
+//
+// pre-init monaco editor
+
+index();
+index$1().catch(console.warn); //
 //
 //
 
@@ -49,10 +55,7 @@ const StyledMonacoEditorWrapper = styled__default["default"].div.withConfig({
 })(["width:100%;height:100%;"]);
 const StyledMonacoEditor = styled__default["default"].div.withConfig({
   componentId: "sc-1j3uyex-1"
-})(["width:100%;height:100%;background-color:", ";", ""], designTokens.base.color.navy9, styles.cssRemoteMarker); //
-//
-//
-
+})(["width:100%;height:100%;background-color:", ";", ""], designTokens.base.color.navy9, styles.cssRemoteMarker);
 /**
  *
  */
@@ -301,11 +304,8 @@ const MonacoEditor = React.forwardRef(({
     try {
       if (!editorElRef.current) {
         return;
-      } // pre-config monaco editor
-
+      } // create monaco editor instance and render it.
 
-      index();
-      index$1().catch(console.warn); // create monaco editor instance and render it.
 
       editor.current = monaco__namespace.editor.create(editorElRef.current, Object.assign(Object.assign({}, editorOptions), {
         value: defaultValue,

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactUse = require('react-use');
-var RemoteCursorManager = require('../utils/remoteMarker/RemoteCursorManager.js');
-var RemoteSelectionManager = require('../utils/remoteMarker/RemoteSelectionManager.js');
-require('../utils/remoteMarker/styles.js');
+var RemoteCursorManager = require('../vendors/monaco-collab-ext/RemoteCursorManager.js');
+var RemoteSelectionManager = require('../vendors/monaco-collab-ext/RemoteSelectionManager.js');
+require('../vendors/monaco-collab-ext/styles.js');
 
 /** Available colors for marker. */
 

package/cjs/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/cjs/components/shared/monaco-editor/editor-languages/css/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
+var emmet = require('../../utils/emmet/emmet.js');
 var formatter = require('./formatter.js');
 
 function _interopNamespace(e) {
@@ -31,6 +32,8 @@ var monaco__namespace = /*#__PURE__*/_interopNamespace(monaco);
 
 function setDocumentFormattingEditProvider() {
   monaco__namespace.languages.registerDocumentFormattingEditProvider('css', formatter);
+  monaco__namespace.languages.registerDocumentFormattingEditProvider('scss', formatter);
+  monaco__namespace.languages.registerDocumentFormattingEditProvider('less', formatter);
 }
 /**
  * Set CSS options.
@@ -40,6 +43,13 @@ function setOptions() {
   monaco__namespace.languages.css.cssDefaults.setOptions({
     validate: false
   });
+}
+/**
+ * Enable emmet feature.
+ */
+
+function setEnableFeatrueEmmet() {
+  emmet.emmetCSS(monaco__namespace, ['css', 'scss', 'less']);
 } //
 //
 //
@@ -47,8 +57,10 @@ function setOptions() {
 function css () {
   setDocumentFormattingEditProvider();
   setOptions();
+  setEnableFeatrueEmmet();
 }
 
 exports["default"] = css;
 exports.setDocumentFormattingEditProvider = setDocumentFormattingEditProvider;
+exports.setEnableFeatrueEmmet = setEnableFeatrueEmmet;
 exports.setOptions = setOptions;

package/cjs/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/cjs/components/shared/monaco-editor/editor-languages/html/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
+var emmet = require('../../utils/emmet/emmet.js');
 var formatter = require('./formatter.js');
 
 function _interopNamespace(e) {
@@ -38,6 +39,13 @@ function setDocumentFormattingEditProvider() {
 
 function setOptions() {
   monaco__namespace.languages.html.htmlDefaults.setOptions({});
+}
+/**
+ * Enable emmet feature.
+ */
+
+function setEnableFeatrueEmmet() {
+  emmet.emmetHTML(monaco__namespace, ['html', 'handlebars', 'php']);
 } //
 //
 //
@@ -45,8 +53,10 @@ function setOptions() {
 function html () {
   setDocumentFormattingEditProvider();
   setOptions();
+  setEnableFeatrueEmmet();
 }
 
 exports["default"] = html;
 exports.setDocumentFormattingEditProvider = setDocumentFormattingEditProvider;
+exports.setEnableFeatrueEmmet = setEnableFeatrueEmmet;
 exports.setOptions = setOptions;

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

@@ -4,10 +4,10 @@ var index = require('./css/index.js');
 var index$1 = require('./html/index.js');
 var index$2 = require('./typescript/index.js');
 
-function configEditorLanguages () {
+function initMonacoLanguages () {
   index["default"]();
   index$1["default"]();
   index$2["default"]();
 }
 
-module.exports = configEditorLanguages;
+module.exports = initMonacoLanguages;

package/cjs/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/cjs/components/shared/monaco-editor/editor-languages/typescript/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
+var emmet = require('../../utils/emmet/emmet.js');
 var express = require('./dts/express.js');
 var propTypes = require('./dts/propTypes.js');
 var react = require('./dts/react.js');
@@ -103,6 +104,13 @@ function setExernalLibs() {
 function setEagerModelSync() {
   monaco__namespace.languages.typescript.javascriptDefaults.setEagerModelSync(true);
   monaco__namespace.languages.typescript.typescriptDefaults.setEagerModelSync(true);
+}
+/**
+ * Enable emmet for JavaScript and TypeScript.
+ */
+
+function setEnableFeatrueEmmet() {
+  emmet.emmetJSX(monaco__namespace, ['javascript', 'javascriptreact', 'typescript', 'typescriptreact']);
 } //
 //
 //
@@ -113,6 +121,7 @@ function typescript () {
   setDiagnosticsOptions();
   setExernalLibs();
   setEagerModelSync();
+  setEnableFeatrueEmmet();
 }
 
 exports["default"] = typescript;
@@ -120,4 +129,5 @@ exports.setCompilerOptions = setCompilerOptions;
 exports.setDiagnosticsOptions = setDiagnosticsOptions;
 exports.setDocumentFormattingEditProvider = setDocumentFormattingEditProvider;
 exports.setEagerModelSync = setEagerModelSync;
+exports.setEnableFeatrueEmmet = setEnableFeatrueEmmet;
 exports.setExernalLibs = setExernalLibs;

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

@@ -0,0 +1,6 @@
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+/**
+ * VSCode did a complex node analysis, just use monaco's built-in tokenizer here.
+ * @see https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/abbreviationActions.ts#L438
+ */
+export declare function isValidLocationForEmmetAbbreviation(model: monaco.editor.ITextModel, position: monaco.Position, syntax: string, language: string): boolean;

package/cjs/components/shared/monaco-editor/utils/emmet/abbreviationActions.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Validate if the given position is valid for emmet abbreviation.
+ */
+function isValidEmmetToken(tokens, index, syntax, language) {
+  const currentTokenType = tokens[index].type;
+
+  switch (syntax) {
+    case 'html':
+      return currentTokenType === 'text.html.basic';
+
+    case 'css':
+      return true;
+
+    case 'jsx':
+      return !currentTokenType.endsWith('.type.tsx');
+
+    default:
+      return false;
+  }
+}
+/**
+ * VSCode did a complex node analysis, just use monaco's built-in tokenizer here.
+ * @see https://github.com/microsoft/vscode/blob/50140a53cc2088f478a5560683ccd354f2d5f431/extensions/emmet/src/abbreviationActions.ts#L438
+ */
+
+
+function isValidLocationForEmmetAbbreviation(model, position, syntax, language) {
+  const {
+    column,
+    lineNumber
+  } = position; // get current line's tokens
+
+  const _tokenization = // monaco-editor < 0.34.0
+  model._tokenization || // monaco-editor >= 0.34.0
+  model.tokenization._tokenization;
+
+  const _tokenizationStateStore = _tokenization._tokenizationStateStore;
+
+  const _tokenizationSupport = // monaco-editor >= 0.32.0
+  _tokenizationStateStore.tokenizationSupport || // monaco-editor < 0.32.0
+  _tokenization._tokenizationSupport;
+
+  const state = _tokenizationStateStore.getBeginState(lineNumber - 1).clone();
+
+  const tokenizationResult = _tokenizationSupport.tokenize(model.getLineContent(lineNumber), true, state, 0);
+
+  const tokens = tokenizationResult.tokens; // get token type at current column
+
+  for (let i = tokens.length - 1; i >= 0; i--) {
+    if (column - 1 > tokens[i].offset) {
+      // return true if current token is valid for emmet
+      if (isValidEmmetToken(tokens, i, syntax)) {
+        return true;
+      }
+    }
+  }
+
+  return false;
+}
+
+exports.isValidLocationForEmmetAbbreviation = isValidLocationForEmmetAbbreviation;

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

@@ -0,0 +1,13 @@
+import type * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+/**
+ * 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/cjs/components/shared/monaco-editor/utils/emmet/emmet.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var registerProvider = require('./registerProvider.js');
+
+/**
+ * Enable emmet feature for HTML.
+ */
+
+function emmetHTML(_monaco, languages) {
+  return registerProvider.registerProvider(_monaco, languages, 'html');
+}
+/**
+ * Enable emmet feature for CSS.
+ */
+
+function emmetCSS(_monaco, languages) {
+  return registerProvider.registerProvider(_monaco, languages, 'css');
+}
+/**
+ * Enable emmet feature for JSX.
+ */
+
+function emmetJSX(_monaco, languages) {
+  return registerProvider.registerProvider(_monaco, languages, 'jsx');
+}
+
+exports.emmetCSS = emmetCSS;
+exports.emmetHTML = emmetHTML;
+exports.emmetJSX = emmetJSX;

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

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

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

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

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var emmetHelper = require('../../vendors/vscode-emmet-helper/emmetHelper.js');
+var utils = require('../../vendors/vscode-emmet-helper/utils.js');
+var abbreviationActions = require('./abbreviationActions.js');
+
+/**
+ * Register completion provider of emmet.
+ */
+
+function registerProvider(_monaco, languages, syntax) {
+  if (!_monaco) {
+    return;
+  }
+
+  const providers = languages.map(language => _monaco.languages.registerCompletionItemProvider(language, {
+    triggerCharacters: utils.LANGUAGE_MODES[utils.MAPPED_MODES[language] || language],
+    provideCompletionItems: (model, position) => abbreviationActions.isValidLocationForEmmetAbbreviation(model, position, syntax) ? emmetHelper.doComplete(_monaco, model, position, syntax, utils.DEFAULT_CONFIG) : undefined
+  }));
+  return () => {
+    providers.forEach(provider => provider.dispose());
+  };
+}
+
+exports.registerProvider = registerProvider;

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

@@ -52,11 +52,11 @@ function createGrammarRegistry() {
  */
 
 
-async function initGrammars () {
+async function initMonacoGrammars () {
   await onigasm.initOnigasm();
   const grammars = createGrammarMap();
   const registry = createGrammarRegistry();
   await textmate.wireTmGrammars(registry, grammars);
 }
 
-module.exports = initGrammars;
+module.exports = initMonacoGrammars;

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

@@ -25,8 +25,12 @@ function _interopNamespace(e) {
  */
 
 async function prettier (value, options) {
-  const prettier = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('prettier/standalone')); });
-  return prettier.format(value, Object.assign(Object.assign({}, options), config.prettierConfigSource.config));
+  try {
+    const prettier = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('prettier/standalone')); });
+    return prettier.format(value, Object.assign(Object.assign({}, options), config.prettierConfigSource.config));
+  } catch (_) {
+    return value;
+  }
 }
 
 module.exports = prettier;

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

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/* 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"]
+};
+
+exports.cssData = cssData;
+exports.htmlData = htmlData;