@lvce-editor/editor-worker 4.11.0 → 4.13.0

package/dist/editorWorkerMain.js

@@ -1085,7 +1085,7 @@ const set$5 = (id, fn) => {
 const get$5 = id => {
   return state$1$1.callbacks[id];
 };
-const remove$7 = id => {
+const remove$8 = id => {
   delete state$1$1.callbacks[id];
 };
 const state$9 = {
@@ -1118,7 +1118,7 @@ const resolve = (id, args) => {
     return;
   }
   fn(args);
-  remove$7(id);
+  remove$8(id);
 };
 const create$2$1 = (method, params) => {
   const {
@@ -1310,7 +1310,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(message, errorProperty);
 };
-const create$d = (message, result) => {
+const create$e = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -1319,7 +1319,7 @@ const create$d = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$d(message, resultProperty);
+  return create$e(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -1519,7 +1519,7 @@ const waitForFirstMessage$1 = async port => {
   return event;
 };
 
-const create$c = async () => {
+const create$d = async () => {
   const {
     port1,
     port2
@@ -1564,7 +1564,7 @@ const wrap$3 = port => {
 
 const IpcParentWithExtensionHostWorker = {
   __proto__: null,
-  create: create$c,
+  create: create$d,
   wrap: wrap$3
 };
 
@@ -1572,7 +1572,7 @@ const sendMessagePortToSyntaxHighlightingWorker = async port => {
   await invokeAndTransfer('SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort');
 };
 
-const create$b = async () => {
+const create$c = async () => {
   const {
     port1,
     port2
@@ -1617,7 +1617,7 @@ const wrap$1 = port => {
 
 const IpcParentWithSyntaxHighlightingWorker = {
   __proto__: null,
-  create: create$b,
+  create: create$c,
   wrap: wrap$1
 };
 
@@ -1625,7 +1625,7 @@ const sendMessagePortToRendererProcess = async port => {
   await invokeAndTransfer('SendMessagePortToRendererProcess.sendMessagePortToRendererProcess', port, 'HandleMessagePort.handleMessagePort');
 };
 
-const create$a = async () => {
+const create$b = async () => {
   const {
     port1,
     port2
@@ -1670,7 +1670,7 @@ const wrap = port => {
 
 const IpcParentWithRendererProcess = {
   __proto__: null,
-  create: create$a,
+  create: create$b,
   wrap
 };
 
@@ -1687,7 +1687,7 @@ const getModule$1 = method => {
   }
 };
 
-const create$9 = async ({
+const create$a = async ({
   method,
   ...options
 }) => {
@@ -1705,7 +1705,7 @@ const create$9 = async ({
 const createRpc = method => {
   let _ipc;
   const listen = async () => {
-    const ipc = await create$9({
+    const ipc = await create$a({
       method
     });
     handleIpc(ipc);
@@ -1747,6 +1747,7 @@ const FocusFindWidgetReplaceAllButton = 47;
 const FocusFindWidgetReplaceButton = 46;
 const FocusFindWidgetToggleReplace = 42;
 const SourceActions = 38;
+const FocusCodeGenerator = 52;
 
 const measureCharacterWidth = (fontWeight, fontSize, fontFamily, letterSpacing) => {
   return measureTextWidth('a', fontWeight, fontSize, fontFamily, letterSpacing, false, 0);
@@ -1999,7 +2000,7 @@ const getAccurateColumnIndexAscii = (line, guess, averageCharWidth, eventX, font
 const supported = () => {
   return 'Segmenter' in Intl;
 };
-const create$8 = () => {
+const create$9 = () => {
   // @ts-ignore
   const segmenter = new Intl.Segmenter();
   return {
@@ -2037,7 +2038,7 @@ const create$8 = () => {
 
 // @ts-ignore
 const getAccurateColumnIndexUnicode = (line, guess, averageCharWidth, eventX, fontWeight, fontSize, fontFamily, letterSpacing) => {
-  const segmenter = create$8();
+  const segmenter = create$9();
   const segments = segmenter.getSegments(line);
   const isMonospaceFont = false;
   const charWidth = 0;
@@ -2282,13 +2283,14 @@ const removeEditorWidget = (widgets, id) => {
 };
 
 // TODO use numeric widget id
-const ColorPicker$1 = 'colorPicker';
-const Completion = 'completion';
-const CompletionDetail = 'completionDetail';
-const Find = 'find';
-const Hover = 'hover';
-const Rename = 'rename';
-const SourceAction = 'sourceAction';
+const CodeGenerator = 1;
+const ColorPicker$1 = 2;
+const Completion = 3;
+const CompletionDetail = 4;
+const Find = 5;
+const Hover = 6;
+const Rename = 7;
+const SourceAction = 8;
 
 const isCompletionWidget = widget => {
   return widget.id === Completion;
@@ -2308,14 +2310,14 @@ const closeCompletion = editor => {
   };
 };
 
-const isMatchingWidget$1 = widget => {
+const isMatchingWidget$2 = widget => {
   return widget.id === Find;
 };
 const closeFind = editor => {
   const {
     widgets
   } = editor;
-  const index = widgets.findIndex(isMatchingWidget$1);
+  const index = widgets.findIndex(isMatchingWidget$2);
   if (index === -1) {
     return editor;
   }
@@ -2346,14 +2348,14 @@ const closeRename = editor => {
   };
 };
 
-const isMatchingWidget = widget => {
+const isMatchingWidget$1 = widget => {
   return widget.id === SourceAction;
 };
 const closeSourceAction = editor => {
   const {
     widgets
   } = editor;
-  const index = widgets.findIndex(isMatchingWidget);
+  const index = widgets.findIndex(isMatchingWidget$1);
   if (index === -1) {
     return editor;
   }
@@ -2418,12 +2420,12 @@ const addWidgetToEditor = async (widgetId, focusKey, editor, factory, newStateGe
   return newEditor;
 };
 
-const create$7 = () => {
+const create$8 = () => {
   return Math.random();
 };
 
-const create$6 = () => {
-  const completionUid = create$7();
+const create$7 = () => {
+  const completionUid = create$8();
   const widget = {
     id: ColorPicker$1,
     oldState: {
@@ -2452,11 +2454,11 @@ const create$6 = () => {
   return widget;
 };
 
-const newStateGenerator$1 = state => {
+const newStateGenerator$2 = state => {
   return loadContent$3(state);
 };
 const openColorPicker = async editor => {
-  return addWidgetToEditor(ColorPicker$1, ColorPicker$2, editor, create$6, newStateGenerator$1);
+  return addWidgetToEditor(ColorPicker$1, ColorPicker$2, editor, create$7, newStateGenerator$2);
 };
 
 const state$6 = {
@@ -2753,7 +2755,7 @@ const characterLeft = (line, columnIndex) => {
   if (!supported()) {
     return 1;
   }
-  const segmenter = create$8();
+  const segmenter = create$9();
   const last = segmenter.at(line, columnIndex - 1);
   return columnIndex - last.index;
 };
@@ -2764,7 +2766,7 @@ const characterRight = (line, columnIndex) => {
   if (!supported()) {
     return 1;
   }
-  const segmenter = create$8();
+  const segmenter = create$9();
   const next = segmenter.at(line, columnIndex);
   return next.segment.length;
 };
@@ -3349,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);
@@ -3376,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 ({
@@ -4515,8 +4525,8 @@ const moveSelectionPx = (editor, x, y) => {
   return editorMoveSelection(editor, position);
 };
 
-const create$5 = () => {
-  const completionUid = create$7();
+const create$6 = () => {
+  const completionUid = create$8();
   const completionWidget = {
     id: Completion,
     oldState: {
@@ -5031,7 +5041,7 @@ const openCompletion = async editor => {
   if (hasWidget(widgets, Completion)) {
     return editor;
   }
-  const completionWidget = create$5();
+  const completionWidget = create$6();
   const newWidgets = [...widgets, completionWidget];
   const newEditor = {
     ...editor,
@@ -5060,8 +5070,8 @@ const User = 1;
 const Script = 2;
 const Unknown$1 = 0;
 
-const create$4 = () => {
-  const uid = create$7();
+const create$5 = () => {
+  const uid = create$8();
   const widget = {
     id: Find,
     oldState: {
@@ -5466,7 +5476,7 @@ const openFind2 = async editor => {
     return latestState;
   };
   const fullFocus = true;
-  return addWidgetToEditor(Find, FindWidget, editor, create$4, newStateGenerator, fullFocus);
+  return addWidgetToEditor(Find, FindWidget, editor, create$5, newStateGenerator, fullFocus);
 };
 
 const openFind = async state => {
@@ -5488,8 +5498,8 @@ const getRenamePosition = editor => {
   };
 };
 
-const create$3 = () => {
-  const completionUid = create$7();
+const create$4 = () => {
+  const completionUid = create$8();
   const renameWidget = {
     id: Rename,
     oldState: {
@@ -5549,7 +5559,7 @@ const openRename = async editor => {
     return latestState;
   };
   const fullFocus = true;
-  return addWidgetToEditor(Rename, FocusEditorRename, editor, create$3, newStateGenerator, fullFocus);
+  return addWidgetToEditor(Rename, FocusEditorRename, editor, create$4, newStateGenerator, fullFocus);
 };
 
 const organizeImports = async editor => {
@@ -6437,8 +6447,8 @@ const showHover = async state => {
   return state;
 };
 
-const create$2 = () => {
-  const uid = create$7();
+const create$3 = () => {
+  const uid = create$8();
   const widget = {
     id: Hover,
     oldState: {
@@ -6491,7 +6501,7 @@ const getHover = async (editor, offset) => {
 
 let _ipc;
 const listen$5 = async () => {
-  const ipc = await create$9({
+  const ipc = await create$a({
     method: RendererProcess
   });
   handleIpc(ipc);
@@ -6703,11 +6713,11 @@ const loadHoverContent = async state => {
   };
 };
 
-const newStateGenerator = state => {
+const newStateGenerator$1 = state => {
   return loadHoverContent(state);
 };
 const showHover2 = async editor => {
-  return addWidgetToEditor(Hover, FocusEditorHover, editor, create$2, newStateGenerator);
+  return addWidgetToEditor(Hover, FocusEditorHover, editor, create$3, newStateGenerator$1);
 };
 
 // TODO ask extension host worker instead
@@ -6760,8 +6770,8 @@ const loadSourceActions = async (editor, state) => {
   };
 };
 
-const create$1 = () => {
-  const completionUid = create$7();
+const create$2 = () => {
+  const completionUid = create$8();
   const widget = {
     id: SourceAction,
     oldState: {
@@ -6792,7 +6802,7 @@ const showSourceActions = async editor => {
   const newStateGenerator = state => {
     return loadSourceActions(editor, state);
   };
-  return addWidgetToEditor(SourceAction, SourceActions, editor, create$1, newStateGenerator);
+  return addWidgetToEditor(SourceAction, SourceActions, editor, create$2, newStateGenerator);
 };
 
 const compareString = (a, b) => {
@@ -7669,8 +7679,8 @@ const handelWheel = (state, deltaMode, deltaY) => {
   return newState;
 };
 
-const create = () => {
-  const completionUid = create$7();
+const create$1 = () => {
+  const completionUid = create$8();
   const completionWidget = {
     id: CompletionDetail,
     oldState: {
@@ -7723,7 +7733,7 @@ const openDetails = editor => {
     };
     return newestState;
   };
-  return addWidgetToEditor(CompletionDetail, CompletionDetail$1, editor, create, newStateGenerator);
+  return addWidgetToEditor(CompletionDetail, CompletionDetail$1, editor, create$1, newStateGenerator);
 };
 
 const getEdits = async (editor, completionItem) => {
@@ -7852,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';
@@ -7860,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';
@@ -7881,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;
@@ -8012,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) {
@@ -8019,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;
   },
@@ -8036,10 +8053,10 @@ const renderBounds$6 = {
     return [SetBounds, x, y, renderWidth, height];
   }
 };
-const render$e = [renderHoverDom, renderBounds$6];
+const render$g = [renderHoverDom, renderBounds$7];
 const renderHover = (oldState, newState) => {
   const commands = [];
-  for (const item of render$e) {
+  for (const item of render$g) {
     if (!item.isEqual(oldState, newState)) {
       commands.push(item.apply(oldState, newState));
     }
@@ -8333,6 +8350,49 @@ const moveLineDown = editor => {
   undefined(editor, documentEdits, cursorEdits);
 };
 
+const create = () => {
+  const completionUid = create$8();
+  const widget = {
+    id: CodeGenerator,
+    oldState: {
+      uid: completionUid,
+      questions: [],
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      focused: false,
+      focusSource: Unknown$1
+    },
+    newState: {
+      uid: completionUid,
+      questions: [],
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      focused: true,
+      focusSource: Script
+    }
+  };
+  return widget;
+};
+
+const newStateGenerator = async state => {
+  const latestState = {
+    ...state,
+    x: 100,
+    y: 100,
+    width: 150,
+    height: 45
+  };
+  return latestState;
+};
+const openCodeGenerator = async editor => {
+  const fullFocus = true;
+  return addWidgetToEditor(CodeGenerator, FocusCodeGenerator, editor, create, newStateGenerator, fullFocus);
+};
+
 // TODO handle multiple cursors
 const moveLineUp = editor => {
   const rowIndex = editor.cursor.rowIndex;
@@ -9045,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;
   },
@@ -9143,7 +9203,7 @@ const renderWidgets = {
   },
   multiple: true
 };
-const render$d = [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) {
@@ -9155,7 +9215,7 @@ const renderEditor = async id => {
   } = instance;
   const commands = [];
   set$6(id, newState, newState);
-  for (const item of render$d) {
+  for (const item of render$f) {
     if (!item.isEqual(oldState, newState)) {
       const result = await item.apply(oldState, newState);
       // @ts-ignore
@@ -9169,6 +9229,24 @@ const renderEditor = async id => {
   return commands;
 };
 
+const isMatchingWidget = widget => {
+  return widget.id === CodeGenerator;
+};
+const closeCodeGenerator = editor => {
+  const {
+    widgets
+  } = editor;
+  const index = widgets.findIndex(isMatchingWidget);
+  if (index === -1) {
+    return editor;
+  }
+  const newWidgets = removeEditorWidget(widgets, CodeGenerator);
+  return {
+    ...editor,
+    widgets: newWidgets
+  };
+};
+
 const keep = [
 // 'ColorPicker.handleSliderPointerDown',
 // 'ColorPicker.handleSliderPointerMove',
@@ -9256,6 +9334,7 @@ const commandMap = {
   'Editor.applyEdit': applyEdit,
   'Editor.braceCompletion': braceCompletion,
   'Editor.cancelSelection': cancelSelection,
+  'Editor.closeCodeGenerator': closeCodeGenerator,
   'Editor.closeCompletion': closeCompletion,
   'Editor.closeFind': closeFind,
   'Editor.closeRename': closeRename,
@@ -9336,6 +9415,7 @@ const commandMap = {
   'Editor.moveSelection': editorMoveSelection,
   'Editor.moveSelectionPx': moveSelectionPx,
   'Editor.offsetAt': offsetAt,
+  'Editor.openCodeGenerator': openCodeGenerator,
   'Editor.openColorPicker': openColorPicker,
   'Editor.openCompletion': openCompletion,
   'Editor.openFind': openFind,
@@ -9945,10 +10025,103 @@ const addWidget = (widget, id, render) => {
   return allCommands;
 };
 
+const removeWidget = widget => {
+  // @ts-ignore
+  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: 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 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 = renderFull$3(widget.oldState, widget.newState);
+  const wrappedCommands = [];
+  const uid = widget.newState.uid;
+  for (const command of commands) {
+    if (command[0] === SetDom2) {
+      wrappedCommands.push(command);
+    } else {
+      // @ts-ignore
+      wrappedCommands.push(['Viewlet.send', uid, ...command]);
+    }
+  }
+  return wrappedCommands;
+};
+const add$7 = widget => {
+  return addWidget(widget, 'EditorCodeGenerator', render$d);
+};
+const remove$7 = removeWidget;
+
+const EditorCodeGeneratorWidget = {
+  __proto__: null,
+  add: add$7,
+  remove: remove$7,
+  render: render$d
+};
+
 const getColorPickerVirtualDom = () => {
   return [{
     type: Div,
@@ -10004,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 = {
@@ -10032,17 +10205,12 @@ const renderFull$2 = (oldState, newState) => {
   return commands;
 };
 
-const removeWidget = widget => {
-  // @ts-ignore
-  return [['Viewlet.send', widget.newState.uid, 'dispose']];
-};
-
 const render$b = widget => {
   const commands = renderFull$2(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 {
       wrappedCommands.push(['Viewlet.send', uid, ...command]);
@@ -10105,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 = {
@@ -10132,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]);
@@ -10848,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 = {
@@ -10871,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) => {
@@ -10908,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]);
@@ -10944,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]);
@@ -10984,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 = {
@@ -11019,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);
@@ -11041,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,
@@ -11085,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
@@ -11128,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 = {
@@ -11136,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];
@@ -11155,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]);
@@ -11183,6 +11351,7 @@ const registerWidgets = () => {
   set$7(Hover, EditorHoverWidget);
   set$7(Rename, EditorRenameWidget);
   set$7(SourceAction, EditorSourceActionWidget);
+  set$7(CodeGenerator, EditorCodeGeneratorWidget);
 };
 
 const main = async () => {

package/package.json

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