@lvce-editor/editor-worker 4.12.0 → 4.13.0

package/dist/editorWorkerMain.js

@@ -3351,7 +3351,9 @@ const UiStrings$1 = {
   SourceAction: 'Source Action',
   OrganizeImports: 'Organize Imports',
   SortImports: 'Sort Imports',
-  NoCodeActionsAvailable: 'No code actions available'
+  NoCodeActionsAvailable: 'No code actions available',
+  EscapeToClose: 'Escape to close',
+  EnterCode: 'Enter Code'
 };
 const noDefinitionFound = () => {
   return i18nString(UiStrings$1.NoDefinitionFound);
@@ -3378,6 +3380,12 @@ const sourceAction = () => {
 const noCodeActionsAvailable = () => {
   return i18nString(UiStrings$1.NoCodeActionsAvailable);
 };
+const escapeToClose = () => {
+  return i18nString(UiStrings$1.EscapeToClose);
+};
+const enterCode = () => {
+  return i18nString(UiStrings$1.EnterCode);
+};
 
 // @ts-ignore
 const goTo = async ({
@@ -7854,6 +7862,8 @@ const handleSashPointerUp = (state, eventX, eventY) => {
   return state;
 };
 
+const CodeGeneratorInput = 'CodeGeneratorInput';
+const CodeGeneratorWidget = 'CodeGeneratorWidget';
 const ColoredMaskIcon = 'ColoredMaskIcon';
 const ColorPicker = 'ColorPicker';
 const ColorPickerBackgroundColor = 'ColorPickerBackgroundColor';
@@ -7862,20 +7872,10 @@ const ColorPickerLight = 'ColorPickerLight';
 const ColorPickerRectangle = 'ColorPickerRectangle';
 const ColorPickerSlider = 'ColorPickerSlider';
 const ColorPickerSliderThumb = 'ColorPickerSliderThumb';
-const SourceActionItem = 'SourceActionItem';
-const SourceActionItemFocused = 'SourceActionItemFocused';
+const CodeGeneratorMessage = 'CodeGeneratorMessage';
 const CompletionDetailCloseButton = 'CompletionDetailCloseButton';
-const EditorSourceActionsList = 'EditorSourceActionsList';
-const IconButtonDisabled = 'IconButtonDisabled';
-const IconButton = 'IconButton';
-const SourceActionHeading = 'SourceActionHeading';
 const CompletionDetailContent = 'CompletionDetailContent';
 const Diagnostic = 'Diagnostic';
-const FindWidgetReplace = 'FindWidgetReplace';
-const FindWidgetFind = 'FindWidgetFind';
-const FindWidgetMatchCount = 'FindWidgetMatchCount';
-const FindWidgetMatchCountEmpty = 'FindWidgetMatchCountEmpty';
-const FindWidgetRight = 'FindWidgetRight';
 const EditorCompletionItem = 'EditorCompletionItem';
 const EditorCompletionItemDeprecated = 'EditorCompletionItemDeprecated';
 const EditorCompletionItemFocused = 'EditorCompletionItemFocused';
@@ -7883,19 +7883,32 @@ const EditorCompletionItemHighlight = 'EditorCompletionItemHighlight';
 const EditorCursor = 'EditorCursor';
 const EditorRow = 'EditorRow';
 const EditorSelection = 'EditorSelection';
+const EditorSourceActions = 'EditorSourceActions';
+const EditorSourceActionsList = 'EditorSourceActionsList';
 const FileIcon = 'FileIcon';
+const FindWidgetFind = 'FindWidgetFind';
+const FindWidgetMatchCount = 'FindWidgetMatchCount';
+const FindWidgetMatchCountEmpty = 'FindWidgetMatchCountEmpty';
+const FindWidgetReplace = 'FindWidgetReplace';
+const FindWidgetRight = 'FindWidgetRight';
 const HoverDisplayString = 'HoverDisplayString';
 const HoverDocumentation = 'HoverDocumentation';
-const SearchFieldButtons = 'SearchFieldButtons';
 const HoverEditorRow = 'HoverEditorRow';
-const MultilineInputBox = 'MultilineInputBox';
-const SearchField = 'SearchField';
 const HoverProblem = 'HoverProblem';
 const HoverProblemDetail = 'HoverProblemDetail';
 const HoverProblemMessage = 'HoverProblemMessage';
+const IconButton = 'IconButton';
+const IconButtonDisabled = 'IconButtonDisabled';
 const IconClose = 'IconClose';
+const InputBox = 'InputBox';
 const Label = 'Label';
 const MaskIcon = 'MaskIcon';
+const MultilineInputBox = 'MultilineInputBox';
+const SearchField = 'SearchField';
+const SearchFieldButtons = 'SearchFieldButtons';
+const SourceActionHeading = 'SourceActionHeading';
+const SourceActionItem = 'SourceActionItem';
+const SourceActionItemFocused = 'SourceActionItemFocused';
 const Viewlet = 'Viewlet';
 
 const Button = 1;
@@ -8014,6 +8027,8 @@ const SetNegativeMargin = 'setNegativeMargin';
 const SetOffsetX = 'setOffsetX';
 const SetScrollBar = 'setScrollBar';
 const SetValue = 'setValue';
+const SetDom2 = 'Viewlet.setDom2';
+const Focus = 'focus';
 
 const renderHoverDom = {
   isEqual(oldState, newState) {
@@ -8021,10 +8036,10 @@ const renderHoverDom = {
   },
   apply(oldState, newState) {
     const dom = getHoverVirtualDom(newState.lineInfos, newState.documentation, newState.diagnostics);
-    return [/* method */'Viewlet.setDom2', dom];
+    return [/* method */SetDom2, dom];
   }
 };
-const renderBounds$6 = {
+const renderBounds$7 = {
   isEqual(oldState, newState) {
     return oldState.x === newState.x && oldState.y === newState.y;
   },
@@ -8038,10 +8053,10 @@ const renderBounds$6 = {
     return [SetBounds, x, y, renderWidth, height];
   }
 };
-const render$f = [renderHoverDom, renderBounds$6];
+const render$g = [renderHoverDom, renderBounds$7];
 const renderHover = (oldState, newState) => {
   const commands = [];
-  for (const item of render$f) {
+  for (const item of render$g) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -8341,11 +8356,23 @@ const create = () => {
     id: CodeGenerator,
     oldState: {
       uid: completionUid,
-      questions: []
+      questions: [],
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      focused: false,
+      focusSource: Unknown$1
     },
     newState: {
       uid: completionUid,
-      questions: []
+      questions: [],
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      focused: true,
+      focusSource: Script
     }
   };
   return widget;
@@ -8353,7 +8380,11 @@ const create = () => {
 
 const newStateGenerator = async state => {
   const latestState = {
-    ...state
+    ...state,
+    x: 100,
+    y: 100,
+    width: 150,
+    height: 45
   };
   return latestState;
 };
@@ -9074,7 +9105,7 @@ const renderScrollBarX = {
     return [/* method */'setScrollBarHorizontal', /* scrollBarX */scrollBarX, /* scrollBarWidth */scrollBarWidth, /* deltaX */newState.deltaX];
   }
 };
-const renderFocus$2 = {
+const renderFocus$3 = {
   isEqual(oldState, newState) {
     return oldState.focused === newState.focused;
   },
@@ -9172,7 +9203,7 @@ const renderWidgets = {
   },
   multiple: true
 };
-const render$e = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$2, renderDecorations, renderGutterInfo, renderWidgets];
+const render$f = [renderLines, renderSelections, renderScrollBarX, renderScrollBarY, renderFocus$3, renderDecorations, renderGutterInfo, renderWidgets];
 const renderEditor = async id => {
   const instance = get$6(id);
   if (!instance) {
@@ -9184,7 +9215,7 @@ const renderEditor = async id => {
   } = instance;
   const commands = [];
   set$6(id, newState, newState);
-  for (const item of render$e) {
+  for (const item of render$f) {
     if (!item.isEqual(oldState, newState)) {
       const result = await item.apply(oldState, newState);
       // @ts-ignore
@@ -9999,26 +10030,81 @@ const removeWidget = widget => {
   return [['Viewlet.send', widget.newState.uid, 'dispose']];
 };
 
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
 const getCodeGeneratorVirtualDom = state => {
+  const escapeToClose$1 = escapeToClose();
+  const enterCode$1 = enterCode();
   return [{
     type: Div,
-    className: 'Viewlet CodeGeneratorWidget',
-    childCount: 0
-  }];
+    className: mergeClassNames(Viewlet, CodeGeneratorWidget),
+    childCount: 2
+  }, {
+    type: Input,
+    className: mergeClassNames(CodeGeneratorInput, InputBox),
+    childCount: 0,
+    placeholder: enterCode$1,
+    name: 'CodeGeneratorInput'
+  }, {
+    type: Div,
+    className: CodeGeneratorMessage,
+    childCount: 1
+  }, text(escapeToClose$1)];
 };
-const renderCodeGeneratorWidget = (oldState, newState) => {
-  const dom = getCodeGeneratorVirtualDom();
-  return dom;
+
+const renderContent$3 = {
+  isEqual(oldState, newState) {
+    return oldState.questions === newState.questions;
+  },
+  apply(oldState, newState) {
+    const dom = getCodeGeneratorVirtualDom();
+    return [SetDom2, newState.uid, dom];
+  }
+};
+const renderBounds$6 = {
+  isEqual(oldState, newState) {
+    return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
+  },
+  apply(oldState, newState) {
+    const {
+      x,
+      y,
+      width,
+      height
+    } = newState;
+    return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
+  }
+};
+const renderFocus$2 = {
+  isEqual(oldState, newState) {
+    return oldState.focused === newState.focused && oldState.focusSource === newState.focusSource;
+  },
+  apply(oldState, newState) {
+    return [Focus, '.CodeGeneratorInput', newState.focusSource];
+  }
+};
+const render$e = [renderContent$3, renderBounds$6, renderFocus$2];
+const renderFull$3 = (oldState, newState) => {
+  const commands = [];
+  for (const item of render$e) {
+    if (!item.isEqual(oldState, newState)) {
+      commands.push(item.apply(oldState, newState));
+    }
+  }
+  return commands;
 };
 
 const render$d = widget => {
-  const commands = renderCodeGeneratorWidget();
+  const commands = renderFull$3(widget.oldState, widget.newState);
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push(command);
     } else {
+      // @ts-ignore
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
     }
   }
@@ -10036,10 +10122,6 @@ const EditorCodeGeneratorWidget = {
   render: render$d
 };
 
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-
 const getColorPickerVirtualDom = () => {
   return [{
     type: Div,
@@ -10095,7 +10177,7 @@ const renderContent$2 = {
   },
   apply(oldState, newState) {
     const dom = getColorPickerVirtualDom();
-    return ['Viewlet.setDom2', newState.uid, dom];
+    return [SetDom2, newState.uid, dom];
   }
 };
 const renderBounds$5 = {
@@ -10128,7 +10210,7 @@ const render$b = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push(command);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
@@ -10191,7 +10273,7 @@ const renderContent$1 = {
   },
   apply(oldState, newState) {
     const dom = getCompletionDetailVirtualDom(newState.content);
-    return ['Viewlet.setDom2', newState.uid, dom];
+    return [SetDom2, newState.uid, dom];
   }
 };
 const renderBounds$4 = {
@@ -10218,7 +10300,7 @@ const render$9 = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push(command);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
@@ -10934,7 +11016,7 @@ const renderDetails = {
       replaceButtons
     } = getFindWidgetButtons(findButtonsEnabled, replaceButtonsEnabled);
     const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons, newState.matchCase, newState.matchWholeWord, newState.useRegularExpression, newState.matchCount, newState.value);
-    return ['Viewlet.setDom2', dom];
+    return [SetDom2, dom];
   }
 };
 const renderBounds$2 = {
@@ -10957,7 +11039,7 @@ const renderFocus$1 = {
   },
   apply(oldState, newState) {
     const key = getFindWidgetFocusSelector(newState.focus);
-    return ['focus', key, newState.focusSource];
+    return [Focus, key, newState.focusSource];
   }
 };
 // const getAriaLabel = (state: FindWidgetState) => {
@@ -10994,7 +11076,7 @@ const render$5 = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push([command[0], uid, ...command.slice(1)]);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
@@ -11030,7 +11112,7 @@ const render$4 = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push([command[0], uid, ...command.slice(1)]);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
@@ -11070,7 +11152,7 @@ const renderContent = {
   },
   apply(oldState, newState) {
     const dom = getRenameVirtualDom(newState);
-    return ['Viewlet.setDom2', newState.uid, dom];
+    return [SetDom2, newState.uid, dom];
   }
 };
 const renderBounds$1 = {
@@ -11105,7 +11187,7 @@ const render$2 = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push(command);
     } else if (command[0] === 'Viewlet.focusSelector') {
       wrappedCommands.push(command);
@@ -11127,28 +11209,6 @@ const EditorRenameWidget = {
   render: render$2
 };
 
-const getActionClassName = isFocused => {
-  if (isFocused) {
-    return mergeClassNames(SourceActionItem, SourceActionItemFocused);
-  }
-  return SourceActionItem;
-};
-const getSourceActionListItemVirtualDom = sourceAction => {
-  const {
-    name,
-    isFocused
-  } = sourceAction;
-  const actionClassName = getActionClassName(isFocused);
-  return [{
-    type: Div,
-    className: actionClassName,
-    childCount: 2
-  }, {
-    type: Div,
-    className: 'SourceActionIcon MaskIcon MaskIconSymbolFile'
-  }, text(name)];
-};
-
 const getEditorMessageVirtualDom = message => {
   const dom = [{
     type: Div,
@@ -11171,13 +11231,35 @@ const getEmptySourceActionsVirtualDom = () => {
   return getEditorMessageVirtualDom(noCodeActionsAvailable());
 };
 
+const getActionClassName = isFocused => {
+  if (isFocused) {
+    return mergeClassNames(SourceActionItem, SourceActionItemFocused);
+  }
+  return SourceActionItem;
+};
+const getSourceActionListItemVirtualDom = sourceAction => {
+  const {
+    name,
+    isFocused
+  } = sourceAction;
+  const actionClassName = getActionClassName(isFocused);
+  return [{
+    type: Div,
+    className: actionClassName,
+    childCount: 2
+  }, {
+    type: Div,
+    className: 'SourceActionIcon MaskIcon MaskIconSymbolFile'
+  }, text(name)];
+};
+
 const getSourceActionsVirtualDom = sourceActions => {
   if (sourceActions.length === 0) {
     return getEmptySourceActionsVirtualDom();
   }
   const dom = [{
     type: Div,
-    className: 'Viewlet EditorSourceActions',
+    className: mergeClassNames(Viewlet, EditorSourceActions),
     tabIndex: -1,
     childCount: 2,
     onFocusIn: HandleFocusIn
@@ -11214,7 +11296,7 @@ const renderSourceActions = {
   apply(oldStatem, newState) {
     const visible = getVisibleSourceActions(newState.sourceActions, newState.focusedIndex);
     const dom = getSourceActionsVirtualDom(visible);
-    return ['Viewlet.setDom2', newState.uid, dom];
+    return [SetDom2, newState.uid, dom];
   }
 };
 const renderBounds = {
@@ -11222,7 +11304,7 @@ const renderBounds = {
     return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height;
   },
   apply(oldState, newState) {
-    return ['setBounds', newState.x, newState.y, newState.width, newState.height];
+    return [SetBounds, newState.x, newState.y, newState.width, newState.height];
   }
 };
 const render$1 = [renderSourceActions, renderBounds];
@@ -11241,7 +11323,7 @@ const render = widget => {
   const wrappedCommands = [];
   const uid = widget.newState.uid;
   for (const command of commands) {
-    if (command[0] === 'Viewlet.setDom2') {
+    if (command[0] === SetDom2) {
       wrappedCommands.push(command);
     } else {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "4.12.0",
+  "version": "4.13.0",
   "description": "",
   "main": "dist/editorWorkerMain.js",
   "type": "module",