@lvce-editor/editor-worker 19.23.0 → 19.24.0

package/dist/editorWorkerMain.js

@@ -1445,7 +1445,7 @@ const create$9 = rpcId => {
 };
 
 const Audio = 0;
-const Button$1 = 1;
+const Button$2 = 1;
 const Col = 2;
 const ColGroup = 3;
 const Div$1 = 4;
@@ -1498,7 +1498,7 @@ const Video = 61;
 const TextArea$1 = 62;
 const Select = 63;
 const Option = 64;
-const Code = 65;
+const Code$1 = 65;
 const Label = 66;
 const Dt = 67;
 const Iframe = 68;
@@ -1536,11 +1536,11 @@ const VirtualDomElements = {
   Audio,
   BlockQuote,
   Br,
-  Button: Button$1,
+  Button: Button$2,
   Canvas,
   Circle,
   Cite,
-  Code,
+  Code: Code$1,
   Col,
   ColGroup,
   Data,
@@ -1614,7 +1614,7 @@ const VirtualDomElements = {
 };
 
 const AltKey = 'event.altKey';
-const Button = 'event.button';
+const Button$1 = 'event.button';
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const DeltaMode = 'event.deltaMode';
@@ -10790,6 +10790,10 @@ const getLineInfosVirtualDom = lineInfos => {
   return dom;
 };
 
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
 const hoverProblemMessage = {
   childCount: 1,
   className: HoverProblemMessage,
@@ -10800,6 +10804,11 @@ const hoverProblemDetail = {
   className: HoverProblemDetail,
   type: Span
 };
+const hoverDocumentationNode = {
+  childCount: 1,
+  className: HoverDocumentation,
+  type: Div
+};
 const getChildCount = (lineInfos, documentation, diagnostics) => {
   const documentationCount = documentation ? 1 : 0;
   const diagnosticsCount = diagnostics && diagnostics.length > 0 ? 1 : 0;
@@ -10809,13 +10818,13 @@ const getHoverVirtualDom = (lineInfos, documentation, diagnostics) => {
   const dom = [];
   dom.push({
     childCount: getChildCount(lineInfos, documentation, diagnostics) + 1,
-    className: 'Viewlet EditorHover',
+    className: mergeClassNames('Viewlet', 'EditorHover'),
     type: Div
   });
   if (diagnostics && diagnostics.length > 0) {
     dom.push({
       childCount: diagnostics.length * 2,
-      className: `${HoverDisplayString} ${HoverProblem}`,
+      className: mergeClassNames(HoverDisplayString, HoverProblem),
       type: Div
     });
     for (const diagnostic of diagnostics) {
@@ -10831,15 +10840,11 @@ const getHoverVirtualDom = (lineInfos, documentation, diagnostics) => {
     }, ...lineInfosDom);
   }
   if (documentation) {
-    dom.push({
-      childCount: 1,
-      className: HoverDocumentation,
-      type: Div
-    }, text(documentation));
+    dom.push(hoverDocumentationNode, text(documentation));
   }
   dom.push({
     childCount: 0,
-    className: 'Sash SashVertical SashResize',
+    className: mergeClassNames('Sash', 'SashVertical', 'SashResize'),
     onPointerDown: HandleSashPointerDown,
     type: Div
   });
@@ -12634,33 +12639,41 @@ const diffTree = (oldNodes, newNodes) => {
   return removeTrailingNavigationPatches(patches);
 };
 
+const Button = 'button';
+const Code = 'code';
+const TextBox = 'textbox';
+
+const True = 'true';
+
+const editorInputNode = {
+  childCount: 1,
+  className: 'EditorInput',
+  type: Div
+};
+const editorTextAreaNode = {
+  ariaAutoComplete: 'list',
+  ariaMultiLine: True,
+  ariaRoleDescription: 'editor',
+  autocapitalize: 'off',
+  autocomplete: 'off',
+  autocorrect: 'off',
+  childCount: 0,
+  name: 'editor',
+  onBeforeInput: HandleBeforeInput,
+  onBlur: HandleBlur,
+  onCompositionEnd: HandleCompositionEnd,
+  onCompositionStart: HandleCompositionStart,
+  onCompositionUpdate: HandleCompositionUpdate,
+  onCut: HandleCut,
+  onFocus: HandleFocus,
+  onPaste: HandlePaste,
+  role: TextBox,
+  spellcheck: false,
+  type: TextArea,
+  wrap: 'off'
+};
 const getEditorInputVirtualDom = () => {
-  return [{
-    childCount: 1,
-    className: 'EditorInput',
-    type: Div
-  }, {
-    ariaAutoComplete: 'list',
-    ariaMultiLine: 'true',
-    ariaRoleDescription: 'editor',
-    autocapitalize: 'off',
-    autocomplete: 'off',
-    autocorrect: 'off',
-    childCount: 0,
-    name: 'editor',
-    onBeforeInput: HandleBeforeInput,
-    onBlur: HandleBlur,
-    onCompositionEnd: HandleCompositionEnd,
-    onCompositionStart: HandleCompositionStart,
-    onCompositionUpdate: HandleCompositionUpdate,
-    onCut: HandleCut,
-    onFocus: HandleFocus,
-    onPaste: HandlePaste,
-    role: 'textbox',
-    spellcheck: false,
-    type: TextArea,
-    wrap: 'off'
-  }];
+  return [editorInputNode, editorTextAreaNode];
 };
 
 const getCursorsVirtualDom = cursors => {
@@ -12697,10 +12710,6 @@ const getDiagnosticClassName = type => {
   }
 };
 
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-
 const getDiagnosticVirtualDom = diagnostic => {
   const {
     height,
@@ -12742,7 +12751,7 @@ const getEditorRowsVirtualDom$1 = (textInfos, differences, lineNumbers = true, h
     const difference = differences[i];
     let className = EditorRow;
     if (i === highlightedLine) {
-      className += ' ' + EditorRowHighlighted;
+      className = mergeClassNames(className, EditorRowHighlighted);
     }
     dom.push({
       childCount: textInfo.length / 2,
@@ -12803,12 +12812,13 @@ const getEditorSelectionsVirtualDom = selectionInfos => {
   }, ...selectionsDom];
 };
 
+const editorLayersNode = {
+  childCount: 4,
+  className: 'EditorLayers',
+  type: Div
+};
 const getEditorLayersVirtualDom = (selectionInfos, textInfos, differences, lineNumbers = true, highlightedLine = -1, cursorInfos = [], diagnostics = []) => {
-  return [{
-    childCount: 4,
-    className: 'EditorLayers',
-    type: Div
-  }, ...getEditorSelectionsVirtualDom(selectionInfos), ...getEditorRowsVirtualDom(textInfos, differences, lineNumbers, highlightedLine), ...getEditorCursorsVirtualDom(cursorInfos), ...getEditorDiagnosticsVirtualDom(diagnostics)];
+  return [editorLayersNode, ...getEditorSelectionsVirtualDom(selectionInfos), ...getEditorRowsVirtualDom(textInfos, differences, lineNumbers, highlightedLine), ...getEditorCursorsVirtualDom(cursorInfos), ...getEditorDiagnosticsVirtualDom(diagnostics)];
 };
 
 const getEditorScrollBarDiagnosticsVirtualDom = scrollBarDiagnostics => {
@@ -12822,26 +12832,34 @@ const getEditorScrollBarDiagnosticsVirtualDom = scrollBarDiagnostics => {
 const getScrollBarVirtualDom = () => {
   return [{
     childCount: 1,
-    className: 'ScrollBar ScrollBarVertical',
+    className: mergeClassNames('ScrollBar', 'ScrollBarVertical'),
     onContextMenu: HandleContextMenu,
     onPointerDown: HandleScrollBarVerticalPointerDown,
     type: Div
   }, {
     childCount: 0,
-    className: 'ScrollBarThumb ScrollBarThumbVertical',
+    className: mergeClassNames('ScrollBarThumb', 'ScrollBarThumbVertical'),
     type: Div
   }, {
     childCount: 1,
-    className: 'ScrollBar ScrollBarHorizontal',
+    className: mergeClassNames('ScrollBar', 'ScrollBarHorizontal'),
     onPointerDown: HandleScrollBarHorizontalPointerDown,
     type: Div
   }, {
     childCount: 0,
-    className: 'ScrollBarThumb ScrollBarThumbHorizontal',
+    className: mergeClassNames('ScrollBarThumb', 'ScrollBarThumbHorizontal'),
     type: Div
   }];
 };
 
+const editorContentNode = {
+  childCount: 5,
+  className: 'EditorContent',
+  onKeyUp: HandleKeyUp,
+  onMouseMove: HandleMouseMove,
+  onWheel: HandleWheel,
+  type: Div
+};
 const getEditorContentVirtualDom = ({
   cursorInfos = [],
   diagnostics = [],
@@ -12852,14 +12870,7 @@ const getEditorContentVirtualDom = ({
   selectionInfos = [],
   textInfos
 }) => {
-  return [{
-    childCount: 5,
-    className: 'EditorContent',
-    onKeyUp: HandleKeyUp,
-    onMouseMove: HandleMouseMove,
-    onWheel: HandleWheel,
-    type: Div
-  }, ...getEditorInputVirtualDom(), ...getEditorLayersVirtualDom(selectionInfos, textInfos, differences, lineNumbers, highlightedLine, cursorInfos, diagnostics), ...getEditorScrollBarDiagnosticsVirtualDom(scrollBarDiagnostics), ...getScrollBarVirtualDom()];
+  return [editorContentNode, ...getEditorInputVirtualDom(), ...getEditorLayersVirtualDom(selectionInfos, textInfos, differences, lineNumbers, highlightedLine, cursorInfos, diagnostics), ...getEditorScrollBarDiagnosticsVirtualDom(scrollBarDiagnostics), ...getScrollBarVirtualDom()];
 };
 
 const getGutterInfoVirtualDom = gutterInfo => {
@@ -12906,6 +12917,11 @@ const getGutterInfos = (minLineY, maxLineY, breakPoints, showLineNumbers = true,
   return gutterInfos;
 };
 
+const textEditorErrorMessageNode = {
+  childCount: 1,
+  className: 'TextEditorErrorMessage',
+  type: Div
+};
 const getEditorVirtualDom = ({
   breakPoints = [],
   cursorInfos = [],
@@ -12926,29 +12942,25 @@ const getEditorVirtualDom = ({
   if (loadError) {
     return [{
       childCount: 2,
-      className: 'Viewlet TextEditorError',
+      className: mergeClassNames('Viewlet', 'TextEditorError'),
       'data-uid': uid,
-      role: 'code',
+      role: Code,
       type: Div
     }, {
       childCount: 0,
-      className: 'EditorTextIcon EditorTextIconError MaskIcon MaskIconError',
+      className: mergeClassNames('EditorTextIcon', 'EditorTextIconError', 'MaskIcon', 'MaskIconError'),
       type: Div
-    }, {
-      childCount: 1,
-      className: 'TextEditorErrorMessage',
-      type: Div
-    }, text(loadError)];
+    }, textEditorErrorMessageNode, text(loadError)];
   }
   const visibleGutterInfos = breakPoints.length > 0 || visibleLineIndices ? getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices) : gutterInfos;
   const showGutter = lineNumbers || breakPoints.length > 0;
   const gutterDom = showGutter ? getEditorGutterVirtualDom(visibleGutterInfos) : [];
   return [{
     childCount: showGutter ? 2 : 1,
-    className: 'Viewlet Editor',
+    className: mergeClassNames('Viewlet', 'Editor'),
     'data-uid': uid,
     onContextMenu: HandleContextMenu,
-    role: 'code',
+    role: Code,
     type: Div
   }, ...gutterDom, ...getEditorContentVirtualDom({
     cursorInfos,
@@ -13201,7 +13213,7 @@ const renderEventListeners = () => {
     passive: true
   }, {
     name: HandleContextMenu,
-    params: ['handleContextMenu', Button, ClientX, ClientY],
+    params: ['handleContextMenu', Button$1, ClientX, ClientY],
     preventDefault: true
   }, {
     name: HandleScrollBarVerticalPointerDown,
@@ -13686,6 +13698,11 @@ const listen = async () => {
 
 const CodeGeneratorInput = 'CodeGeneratorInput';
 
+const codeGeneratorMessageNode = {
+  childCount: 1,
+  className: CodeGeneratorMessage,
+  type: Div
+};
 const getCodeGeneratorVirtualDom = state => {
   const escapeToClose$1 = escapeToClose();
   const enterCode$1 = enterCode();
@@ -13699,11 +13716,7 @@ const getCodeGeneratorVirtualDom = state => {
     name: CodeGeneratorInput,
     placeholder: enterCode$1,
     type: Input
-  }, {
-    childCount: 1,
-    className: CodeGeneratorMessage,
-    type: Div
-  }, text(escapeToClose$1)];
+  }, codeGeneratorMessageNode, text(escapeToClose$1)];
 };
 
 const renderContent$1 = {
@@ -13805,23 +13818,29 @@ const EditorColorPickerWidget = {
   render: render$4
 };
 
+const Focusable = 0;
+
+const completionDetailContentNode = {
+  childCount: 1,
+  className: CompletionDetailContent,
+  type: Div
+};
+const completionDetailCloseButtonNode = {
+  childCount: 1,
+  className: CompletionDetailCloseButton,
+  onClick: HandleClose,
+  role: Button,
+  tabIndex: Focusable,
+  type: Div
+};
 const getCompletionDetailVirtualDom = content => {
   const dom = [{
     childCount: 2,
-    className: 'Viewlet EditorCompletionDetails',
+    className: mergeClassNames('Viewlet', 'EditorCompletionDetails'),
     type: Div
-  }, {
-    childCount: 1,
-    className: CompletionDetailContent,
-    type: Div
-  }, text(content), {
-    childCount: 1,
-    className: CompletionDetailCloseButton,
-    onClick: HandleClose,
-    type: Div
-  }, {
+  }, completionDetailContentNode, text(content), completionDetailCloseButtonNode, {
     childCount: 0,
-    className: `${MaskIcon} ${IconClose}`,
+    className: mergeClassNames(MaskIcon, IconClose),
     type: Div
   }];
   return dom;
@@ -13969,7 +13988,7 @@ const render = widget => {
   } = widget.newState;
   const dom = [{
     childCount: 1,
-    className: 'Viewlet EditorMessage EditorMessageText EditorOverlayMessage',
+    className: mergeClassNames('Viewlet', 'EditorMessage', 'EditorMessageText', 'EditorOverlayMessage'),
     style: `left:${x}px;top:${y}px;`,
     type: Div
   }, text(message)];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "19.23.0",
+  "version": "19.24.0",
   "repository": {
     "type": "git",
     "url": "git@github.com:lvce-editor/editor-worker.git"