@lvce-editor/editor-worker 19.45.0 → 19.47.0

package/dist/editorWorkerMain.js

@@ -1151,7 +1151,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$g = (id, rpc) => {
+const set$h = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$9 = id => {
@@ -1184,7 +1184,7 @@ const create$a = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$g(rpcId, mockRpc);
+      set$h(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove$8(rpcId);
@@ -1193,7 +1193,7 @@ const create$a = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$g(rpcId, rpc);
+      set$h(rpcId, rpc);
     }
   };
 };
@@ -1439,6 +1439,7 @@ const Electron = 2;
 const CompletionWorker = 301;
 const DebugWorker = 55;
 const DialogWorker = 7014;
+const DragAndDropWorker = 3404;
 const EditorWorker = 99;
 const ErrorWorker = 3308;
 const ExtensionManagementWorker = 9006;
@@ -1454,10 +1455,15 @@ const SetPatches = 'Viewlet.setPatches';
 
 const FocusEditorText$1 = 12;
 
+const {
+  invoke: invoke$g,
+  set: set$g
+} = create$a(DialogWorker);
+
 const {
   invoke: invoke$f,
   set: set$f
-} = create$a(DialogWorker);
+} = create$a(DragAndDropWorker);
 
 const {
   invoke: invoke$e,
@@ -1485,7 +1491,7 @@ const createLazyRpc = rpcId => {
       throw new Error('Lazy RPC launch was superseded');
     }
     activeRpc = rpc;
-    set$g(rpcId, rpc);
+    set$h(rpcId, rpc);
     return rpc;
   };
   const ensureRpc = async () => {
@@ -1570,6 +1576,10 @@ const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(y);
   await invoke$a('ContextMenu.show2', uid, menuId, x, y, args);
 };
+const sendMessagePortToDragAndDropWorker = async port => {
+  const command = 'DragAndDrop.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToDragAndDropWorker', port, command);
+};
 const sendMessagePortToOpenerWorker = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToOpenerWorker', port, command, rpcId);
@@ -1940,6 +1950,7 @@ const EditorPasteText = 'editorPasteText';
 const EditorSnippet = 'editorSnippet';
 const EditorType = 'editorType';
 const EditorTypeWithAutoClosing = 'editorTypeWithAutoClosing';
+const EditorTextDrag = 'editorTextDrag';
 const Format = 'format';
 const IndentLess = 'indentLess';
 const IndentMore = 'indentMore';
@@ -4361,6 +4372,44 @@ const updateColorPickerValue$1 = async (editor, value) => {
   };
 };
 
+const validTypes = new Set(['added', 'deleted', 'modified']);
+const isProviderDecoration$1 = value => {
+  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);
+};
+const getProviderDecorations$1 = results => {
+  if (!Array.isArray(results)) {
+    return [];
+  }
+  const decorations = [];
+  for (const result of results) {
+    if (!Array.isArray(result)) {
+      continue;
+    }
+    for (const decoration of result) {
+      if (isProviderDecoration$1(decoration) && Number.isSafeInteger(decoration.rowIndex) && decoration.rowIndex >= 0 && typeof decoration.type === 'string' && validTypes.has(decoration.type)) {
+        decorations.push({
+          rowIndex: decoration.rowIndex,
+          type: decoration.type
+        });
+      }
+    }
+  }
+  return decorations;
+};
+const getEditorGutterDecorations = async editor => {
+  const textDocument = {
+    languageId: editor.languageId,
+    text: getText$1(editor),
+    uri: editor.uri
+  };
+  try {
+    const results = await invoke$d('Extensions.executeProvidersByEvent', 'onEditorGutterDecoration', 'ExtensionApi.executeEditorGutterDecorationProvider', textDocument);
+    return getProviderDecorations$1(results);
+  } catch {
+    return [];
+  }
+};
+
 const diagnosticContainsPosition = (diagnostic, rowIndex, columnIndex) => {
   const {
     columnIndex: startColumnIndex,
@@ -4838,6 +4887,12 @@ const updateDerivedState = async (oldState, newState) => {
       lightBulbRowIndex: await getLightBulbRowIndex(finalState)
     };
   }
+  if (oldState.lines !== nextState.lines || oldState.uri !== nextState.uri) {
+    finalState = {
+      ...finalState,
+      gutterDecorations: await getEditorGutterDecorations(finalState)
+    };
+  }
   if (!shouldUpdateSelectionData(oldState, nextState)) {
     return finalState;
   }
@@ -4965,6 +5020,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     diagnosticsEnabled: false,
     differences: [],
     documentSymbols: [],
+    dragAndDropEnabled: true,
     embeds: [],
     endOfLine: 'lf',
     endOfLineDecorations: [],
@@ -4977,6 +5033,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     fontFamily: '',
     fontSize: 0,
     fontWeight: 0,
+    gutterDecorations: [],
     gutterWidth: 0,
     handleOffset: 0,
     handleOffsetX: 0,
@@ -5032,6 +5089,11 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     selectionInfos: [],
     selections: new Uint32Array(),
     tabSize: 0,
+    textDragDropPosition: {
+      columnIndex: 0,
+      rowIndex: 0
+    },
+    textDragId: 0,
     textInfos: [],
     tokenizerId: 0,
     uid: id,
@@ -5062,11 +5124,13 @@ const emptyEditor = {
   diagnostics: [],
   differences: [],
   documentSymbols: [],
+  dragAndDropEnabled: true,
   embeds: [],
   endOfLine: 'lf',
   endOfLineDecorations: [],
   focused: false,
   foldingRanges: [],
+  gutterDecorations: [],
   hasListener: false,
   height: 0,
   highlightedLine: -1,
@@ -5097,6 +5161,11 @@ const emptyEditor = {
   },
   selectionInfos: [],
   selections: new Uint32Array(),
+  textDragDropPosition: {
+    columnIndex: 0,
+    rowIndex: 0
+  },
+  textDragId: 0,
   textInfos: [],
   tokenizerId: 0,
   undoStack: [],
@@ -5251,6 +5320,7 @@ const createEditor = async ({
     diagnostics: [],
     diagnosticsEnabled,
     differences: [],
+    dragAndDropEnabled: true,
     endOfLine: getEndOfLine(content),
     endOfLineDecorations: [],
     finalDeltaY: 0,
@@ -5261,6 +5331,7 @@ const createEditor = async ({
     fontFamily,
     fontSize,
     fontWeight,
+    gutterDecorations: [],
     gutterWidth: 0,
     handleOffset: 0,
     handleOffsetX: 0,
@@ -5307,6 +5378,11 @@ const createEditor = async ({
     selectionInfos: [],
     selections: new Uint32Array(),
     tabSize,
+    textDragDropPosition: {
+      columnIndex: 0,
+      rowIndex: 0
+    },
+    textDragId: 0,
     textInfos: [],
     tokenizerId: 0,
     uid: id,
@@ -5455,7 +5531,7 @@ const isEqual$3 = (oldState, newState) => {
 };
 
 const isEqual$2 = (oldState, newState) => {
-  return oldState.breadcrumbsEnabled === newState.breadcrumbsEnabled && oldState.breakPoints === newState.breakPoints && oldState.bracketMatchInfos === newState.bracketMatchInfos && oldState.cursorInfos === newState.cursorInfos && oldState.diagnostics === newState.diagnostics && oldState.documentSymbols === newState.documentSymbols && oldState.endOfLineDecorations === newState.endOfLineDecorations && oldState.highlightedLine === newState.highlightedLine && oldState.lineNumbers === newState.lineNumbers && oldState.loadError === newState.loadError && oldState.textInfos === newState.textInfos && oldState.differences === newState.differences && oldState.initial === newState.initial && oldState.selectionInfos === newState.selectionInfos && oldState.selections === newState.selections && oldState.workspaceUri === newState.workspaceUri;
+  return oldState.breadcrumbsEnabled === newState.breadcrumbsEnabled && oldState.breakPoints === newState.breakPoints && oldState.bracketMatchInfos === newState.bracketMatchInfos && oldState.cursorInfos === newState.cursorInfos && oldState.diagnostics === newState.diagnostics && oldState.documentSymbols === newState.documentSymbols && oldState.endOfLineDecorations === newState.endOfLineDecorations && oldState.gutterDecorations === newState.gutterDecorations && oldState.highlightedLine === newState.highlightedLine && oldState.lineNumbers === newState.lineNumbers && oldState.loadError === newState.loadError && oldState.textInfos === newState.textInfos && oldState.differences === newState.differences && oldState.initial === newState.initial && oldState.selectionInfos === newState.selectionInfos && oldState.selections === newState.selections && oldState.workspaceUri === newState.workspaceUri;
 };
 
 const isEqual$1 = (oldState, newState) => {
@@ -6169,7 +6245,7 @@ const isPermissionDeniedError = error => {
 };
 const showSaveErrorDialog = async error => {
   if (isPermissionDeniedError(error)) {
-    await invoke$f('ElectronDialog.showMessageBox', {
+    await invoke$g('ElectronDialog.showMessageBox', {
       buttons: ['OK'],
       defaultId: 0,
       message: "You don't have permission to save changes to this file.",
@@ -6178,7 +6254,7 @@ const showSaveErrorDialog = async error => {
     });
     return;
   }
-  await invoke$f('ElectronDialog.showMessageBox', {
+  await invoke$g('ElectronDialog.showMessageBox', {
     buttons: ['OK'],
     defaultId: 0,
     detail: error.message,
@@ -8635,13 +8711,50 @@ const handleSecondaryMouseDown = async (state, x, y) => {
   }
   return handleClickAtPosition(state, 0, position.rowIndex, position.columnIndex);
 };
-const handleMouseDown = async (state, button, altKey, ctrlKey, x, y, detail) => {
+const startTextDrag = async (state, x, y) => {
+  const position = await at(state, x, y);
+  const selectionIndex = state.primarySelectionIndex || 0;
+  const [startRowIndex, startColumnIndex, endRowIndex, endColumnIndex] = getSelectionPairs(state.selections, selectionIndex);
+  const startOffset = offsetAt(state, startRowIndex, startColumnIndex);
+  const endOffset = offsetAt(state, endRowIndex, endColumnIndex);
+  const pointerOffset = offsetAt(state, position.rowIndex, position.columnIndex);
+  if (startOffset === endOffset || pointerOffset < startOffset || pointerOffset >= endOffset) {
+    return undefined;
+  }
+  try {
+    if (state.textDragId) {
+      await invoke$f('DragAndDrop.discardTextDrag', state.textDragId);
+    }
+    const text = getText$1(state).slice(startOffset, endOffset);
+    const textDragId = await invoke$f('DragAndDrop.createTextDrag', {
+      endOffset,
+      sourceUri: state.uri,
+      startOffset,
+      text
+    });
+    return {
+      ...state,
+      isSelecting: false,
+      textDragDropPosition: position,
+      textDragId
+    };
+  } catch {
+    return undefined;
+  }
+};
+const handleMouseDown = async (state, button, altKey, ctrlKey, x, y, detail, shiftKey = false) => {
   if (button === SecondaryButton) {
     return handleSecondaryMouseDown(state, x, y);
   }
   if (button !== PrimaryButton) {
     return state;
   }
+  if (shiftKey && state.dragAndDropEnabled && detail === Single) {
+    const dragState = await startTextDrag(state, x, y);
+    if (dragState) {
+      return dragState;
+    }
+  }
   const modifier = getModifier(altKey, ctrlKey);
   let newState;
   switch (detail) {
@@ -9173,7 +9286,14 @@ const editorHandleNativeSelectionChange = (editor, range) => {
 };
 
 // @ts-ignore
-const handlePointerCaptureLost = editor => {
+const handlePointerCaptureLost = async editor => {
+  if (editor.textDragId) {
+    try {
+      await invoke$f('DragAndDrop.discardTextDrag', editor.textDragId);
+    } catch {
+      // The pointer state still needs to be reset if the worker is unavailable.
+    }
+  }
   return {
     ...editor,
     hasListener: false,
@@ -9181,7 +9301,12 @@ const handlePointerCaptureLost = editor => {
     selectionAutoMovePosition: {
       columnIndex: 0,
       rowIndex: 0
-    }
+    },
+    textDragDropPosition: {
+      columnIndex: 0,
+      rowIndex: 0
+    },
+    textDragId: 0
   };
 };
 
@@ -9378,6 +9503,13 @@ const moveSelectionPx = async (editor, x, y) => {
 };
 
 const handlePointerMove = async (editor, x, y, altKey) => {
+  if (editor.textDragId) {
+    const textDragDropPosition = await at(editor, x, y);
+    return {
+      ...editor,
+      textDragDropPosition
+    };
+  }
   if (!editor.isSelecting) {
     return editor;
   }
@@ -9387,16 +9519,84 @@ const handlePointerMove = async (editor, x, y, altKey) => {
   return moveSelectionPx(editor, x, y);
 };
 
-const handlePointerUp = editor => {
+const getSelection = (lines, startOffset, endOffset) => {
+  const start = positionAt({
+    lines
+  }, startOffset);
+  const end = positionAt({
+    lines
+  }, endOffset);
+  return new Uint32Array([start.rowIndex, start.columnIndex, end.rowIndex, end.columnIndex]);
+};
+const getTextDragEdit = (editor, data, target, origin) => {
+  const documentText = getText$1(editor);
+  const targetOffset = offsetAt(editor, target.rowIndex, target.columnIndex);
+  const {
+    endOffset,
+    startOffset,
+    text
+  } = data;
+  if (startOffset < 0 || startOffset >= endOffset || endOffset > documentText.length || documentText.slice(startOffset, endOffset) !== text || targetOffset >= startOffset && targetOffset <= endOffset) {
+    return undefined;
+  }
+  const regionStartOffset = Math.min(startOffset, targetOffset);
+  const regionEndOffset = Math.max(endOffset, targetOffset);
+  const replacement = targetOffset < startOffset ? text + documentText.slice(targetOffset, startOffset) : documentText.slice(endOffset, targetOffset) + text;
+  const newSelectionStartOffset = targetOffset < startOffset ? targetOffset : targetOffset - text.length;
+  const newText = documentText.slice(0, regionStartOffset) + replacement + documentText.slice(regionEndOffset);
+  const newLines = splitLines(newText);
+  const start = positionAt(editor, regionStartOffset);
+  const end = positionAt(editor, regionEndOffset);
   return {
+    change: {
+      deleted: splitLines(documentText.slice(regionStartOffset, regionEndOffset)),
+      end,
+      inserted: splitLines(replacement),
+      origin,
+      start
+    },
+    selections: getSelection(newLines, newSelectionStartOffset, newSelectionStartOffset + text.length)
+  };
+};
+
+const moveTextDrag = async (editor, data, target) => {
+  if (data.sourceUri !== editor.uri) {
+    return editor;
+  }
+  const result = getTextDragEdit(editor, data, target, EditorTextDrag);
+  if (!result) {
+    return editor;
+  }
+  return scheduleDocumentAndCursorsSelections(editor, [result.change], result.selections);
+};
+
+const handlePointerUp = async editor => {
+  const resetEditor = {
     ...editor,
     hasListener: false,
     isSelecting: false,
     selectionAutoMovePosition: {
       columnIndex: 0,
       rowIndex: 0
-    }
+    },
+    textDragDropPosition: {
+      columnIndex: 0,
+      rowIndex: 0
+    },
+    textDragId: 0
   };
+  if (!editor.textDragId) {
+    return resetEditor;
+  }
+  try {
+    const data = await invoke$f('DragAndDrop.takeTextDrag', editor.textDragId);
+    if (!data) {
+      return resetEditor;
+    }
+    return moveTextDrag(resetEditor, data, editor.textDragDropPosition);
+  } catch {
+    return resetEditor;
+  }
 };
 
 // @ts-ignore
@@ -10098,7 +10298,7 @@ const launch = async () => {
     return;
   }
   const rpc = await launchFindWidgetWorker();
-  set$g(rpcId, rpc);
+  set$h(rpcId, rpc);
 };
 const invoke$3 = async (method, ...params) => {
   const rpc = get$9(rpcId);
@@ -13458,7 +13658,7 @@ const handleMessagePort = async (port, rpcId) => {
     messagePort: port
   });
   if (rpcId) {
-    set$g(rpcId, rpc);
+    set$h(rpcId, rpc);
   }
 };
 
@@ -13492,6 +13692,10 @@ const kFontWeight = 'editor.fontWeight';
 const kHover = 'editor.hover';
 const kMinimapEnabled = 'editor.minimap.enabled';
 const kBreadcrumbsEnabled = 'breadcrumbs.enabled';
+const kDragAndDropEnabled = 'editor.dragAndDrop';
+const getDragAndDropEnabled = async () => {
+  return (await get$3(kDragAndDropEnabled)) ?? true;
+};
 const isAutoClosingBracketsEnabled = async () => {
   return Boolean(await get$3(kAutoClosingBrackets));
 };
@@ -13548,11 +13752,12 @@ const getBreadcrumbsEnabled = async () => {
 };
 
 const getEditorPreferences = async () => {
-  const [diagnosticsEnabled$1, fontFamily, fontSize, fontWeight, hoverEnabled, isAutoClosingBracketsEnabled$1, isAutoClosingQuotesEnabled$1, isAutoClosingTagsEnabled$1, isQuickSuggestionsEnabled$1, lineNumbers, rowHeight, tabSize, letterSpacing, completionTriggerCharacters, minimapEnabled, breadcrumbsEnabled, insertSpaces] = await Promise.all([diagnosticsEnabled(), getFontFamily(), getFontSize(), getFontWeight(), getHoverEnabled(), isAutoClosingBracketsEnabled(), isAutoClosingQuotesEnabled(), isAutoClosingTagsEnabled(), isQuickSuggestionsEnabled(), getLineNumbers(), getRowHeight(), getTabSize(), getLetterSpacing(), getCompletionTriggerCharacters(), getMinimapEnabled(), getBreadcrumbsEnabled(), getInsertSpaces()]);
+  const [diagnosticsEnabled$1, fontFamily, fontSize, fontWeight, hoverEnabled, isAutoClosingBracketsEnabled$1, isAutoClosingQuotesEnabled$1, isAutoClosingTagsEnabled$1, isQuickSuggestionsEnabled$1, lineNumbers, rowHeight, tabSize, letterSpacing, completionTriggerCharacters, minimapEnabled, breadcrumbsEnabled, insertSpaces, dragAndDropEnabled] = await Promise.all([diagnosticsEnabled(), getFontFamily(), getFontSize(), getFontWeight(), getHoverEnabled(), isAutoClosingBracketsEnabled(), isAutoClosingQuotesEnabled(), isAutoClosingTagsEnabled(), isQuickSuggestionsEnabled(), getLineNumbers(), getRowHeight(), getTabSize(), getLetterSpacing(), getCompletionTriggerCharacters(), getMinimapEnabled(), getBreadcrumbsEnabled(), getInsertSpaces(), getDragAndDropEnabled()]);
   return {
     breadcrumbsEnabled,
     completionTriggerCharacters,
     diagnosticsEnabled: diagnosticsEnabled$1,
+    dragAndDropEnabled,
     fontFamily,
     fontSize,
     fontWeight,
@@ -13610,11 +13815,15 @@ const handleSettingsChanged = async state => {
   } else if (!state.breadcrumbsEnabled) {
     [documentSymbols, workspaceUri] = await Promise.all([getDocumentSymbols(editorWithUpdatedSettings), getWorkspaceUri$1()]);
   }
-  return resize({
+  const resizedEditor = resize({
     ...editorWithUpdatedSettings,
     documentSymbols,
     workspaceUri
   }, {}, charWidth);
+  return {
+    ...resizedEditor,
+    gutterDecorations: await getEditorGutterDecorations(resizedEditor)
+  };
 };
 
 const applyTabCompletion = (editor, result) => {
@@ -13888,6 +14097,7 @@ const loadContent = async (state, savedState) => {
     breadcrumbsEnabled,
     completionTriggerCharacters,
     diagnosticsEnabled,
+    dragAndDropEnabled,
     fontFamily,
     fontSize,
     fontWeight,
@@ -13919,6 +14129,7 @@ const loadContent = async (state, savedState) => {
     charWidth,
     completionTriggerCharacters,
     diagnosticsEnabled,
+    dragAndDropEnabled,
     fontFamily,
     fontSize,
     fontWeight,
@@ -14087,6 +14298,31 @@ const moveLineUp = editor => {
   return moveLines(editor, -1);
 };
 
+const refreshGutterDecorations = async editor => {
+  const gutterDecorations = await getEditorGutterDecorations(editor);
+  return {
+    ...editor,
+    gutterDecorations
+  };
+};
+const refreshGutterDecorationsAll = async () => {
+  for (const key of getKeys$2()) {
+    const editor = get$8(Number(key))?.newState;
+    if (editor) {
+      const refreshedEditor = await refreshGutterDecorations(editor);
+      const latest = get$8(editor.id);
+      if (!latest) {
+        continue;
+      }
+      set$8(editor.id, latest.oldState, {
+        ...latest.newState,
+        gutterDecorations: refreshedEditor.gutterDecorations
+      });
+      await invoke$a('Editor.renderPending', editor.id);
+    }
+  }
+};
+
 /**
  * Register a listener for editor events
  * @param listenerType - The type of event to listen for (from ListenerType enum)
@@ -14124,6 +14360,28 @@ ${editorSelector} .EditorLineDecoration {
   margin-left: 2em;
   user-select: none;
 }
+${editorSelector} .LineNumber {
+  position: relative;
+}
+${editorSelector} .EditorGutterDecoration {
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  width: 3px;
+}
+${editorSelector} .EditorGutterDecorationAdded {
+  background: var(--EditorGutterAddedBackground, #2ea043);
+}
+${editorSelector} .EditorGutterDecorationModified {
+  background: var(--EditorGutterModifiedBackground, #0078d4);
+}
+${editorSelector} .EditorGutterDecorationDeleted {
+  background: var(--EditorGutterDeletedBackground, #f85149);
+  height: 3px;
+  top: calc(50% - 1px);
+}
 ${editorSelector} .R{background-color:#add6ff40}
 ${editorSelector} .BracketMatch {
   position: absolute;
@@ -14813,6 +15071,8 @@ const getGutterInfoVirtualDom = (gutterInfo, activeLineNumber) => {
   const isBreakpoint = typeof gutterInfo === 'object' && gutterInfo.isBreakpoint;
   const isLightBulb = typeof gutterInfo === 'object' && gutterInfo.isLightBulb;
   const lineNumber = typeof gutterInfo === 'object' ? gutterInfo.lineNumber : gutterInfo;
+  const gutterDecorations = typeof gutterInfo === 'object' ? gutterInfo.gutterDecorations || [] : [];
+  const showLineNumber = typeof gutterInfo !== 'object' || gutterInfo.showLineNumber !== false;
   const label = isLightBulb ? `Show Code Actions on line ${lineNumber}` : `Breakpoint on line ${lineNumber}`;
   let className = lineNumber === activeLineNumber ? 'LineNumber LineNumberActive' : 'LineNumber';
   if (isLightBulb) {
@@ -14828,14 +15088,20 @@ const getGutterInfoVirtualDom = (gutterInfo, activeLineNumber) => {
     ...(isBreakpoint && !isLightBulb && {
       style: 'color:var(--DebugIconBreakpointForeground,#e51400)'
     }),
-    childCount: 1,
+    childCount: gutterDecorations.length + 1,
     className,
     ...(isLightBulb && {
       onClick: HandleLightBulbClick,
       role: Button
     }),
     type: Span
-  }, text(isLightBulb ? '' : isBreakpoint ? '●' : lineNumber)];
+  }, ...gutterDecorations.map(decoration => ({
+    ariaLabel: `${decoration.type[0].toUpperCase()}${decoration.type.slice(1)} line ${lineNumber}`,
+    childCount: 0,
+    className: mergeClassNames('EditorGutterDecoration', `EditorGutterDecoration${decoration.type[0].toUpperCase()}${decoration.type.slice(1)}`),
+    title: `${decoration.type[0].toUpperCase()}${decoration.type.slice(1)} line ${lineNumber}`,
+    type: Span
+  })), text(isLightBulb ? '' : isBreakpoint ? '●' : showLineNumber ? lineNumber : '')];
 };
 const getEditorGutterVirtualDom$1 = (gutterInfos, activeLineNumber = -1) => {
   const dom = gutterInfos.flatMap(gutterInfo => getGutterInfoVirtualDom(gutterInfo, activeLineNumber));
@@ -14851,7 +15117,7 @@ const getEditorGutterVirtualDom = (gutterInfos, activeLineNumber = -1) => {
   }, ...gutterDom];
 };
 
-const getGutterInfos = (minLineY, maxLineY, breakPoints, showLineNumbers = true, lineIndices, lightBulbRowIndex = -1) => {
+const getGutterInfos = (minLineY, maxLineY, breakPoints, showLineNumbers = true, lineIndices, lightBulbRowIndex = -1, gutterDecorations = []) => {
   const gutterInfos = [];
   const rows = lineIndices || Array.from({
     length: maxLineY - minLineY
@@ -14860,17 +15126,30 @@ const getGutterInfos = (minLineY, maxLineY, breakPoints, showLineNumbers = true,
     const lineNumber = rowIndex + 1;
     const isBreakpoint = breakPoints.includes(rowIndex);
     const isLightBulb = rowIndex === lightBulbRowIndex;
+    const rowDecorations = gutterDecorations.filter(decoration => decoration.rowIndex === rowIndex);
     if (isLightBulb) {
       gutterInfos.push({
+        ...(rowDecorations.length > 0 && {
+          gutterDecorations: rowDecorations
+        }),
         isBreakpoint,
         isLightBulb: true,
         lineNumber
       });
     } else if (isBreakpoint) {
       gutterInfos.push({
+        ...(rowDecorations.length > 0 && {
+          gutterDecorations: rowDecorations
+        }),
         isBreakpoint: true,
         lineNumber
       });
+    } else if (rowDecorations.length > 0) {
+      gutterInfos.push({
+        gutterDecorations: rowDecorations,
+        lineNumber,
+        showLineNumber: showLineNumbers
+      });
     } else {
       gutterInfos.push(showLineNumbers ? lineNumber : '');
     }
@@ -14914,6 +15193,7 @@ const getEditorVirtualDom = ({
   differences,
   documentSymbols = [],
   endOfLineDecorations = [],
+  gutterDecorations = [],
   gutterInfos = [],
   highlightedLine = -1,
   lightBulbRowIndex = -1,
@@ -14943,8 +15223,8 @@ const getEditorVirtualDom = ({
       type: Div
     }, textEditorErrorIconNode, textEditorErrorMessageNode, text(loadError)];
   }
-  const visibleGutterInfos = breakPoints.length > 0 || visibleLineIndices ? getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices, lightBulbRowIndex) : gutterInfos;
-  const showGutter = lineNumbers || breakPoints.length > 0 || lightBulbRowIndex >= 0;
+  const visibleGutterInfos = breakPoints.length > 0 || gutterDecorations.length > 0 || visibleLineIndices ? getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices, lightBulbRowIndex, gutterDecorations) : gutterInfos;
+  const showGutter = lineNumbers || breakPoints.length > 0 || lightBulbRowIndex >= 0 || gutterDecorations.length > 0;
   const primaryCursorRowIndex = getPrimaryCursorRowIndex(selections, primarySelectionIndex);
   const gutterDom = showGutter ? getEditorGutterVirtualDom(visibleGutterInfos, primaryCursorRowIndex + 1) : [];
   const minimapDom = getMinimapVirtualDom(minimapEnabled, minimapLines, minLineY);
@@ -15210,6 +15490,7 @@ const renderGutterInfo = {
   apply(oldState, newState) {
     const {
       breakPoints,
+      gutterDecorations,
       lightBulbRowIndex,
       lineNumbers,
       maxLineY,
@@ -15218,15 +15499,15 @@ const renderGutterInfo = {
       selections,
       visibleLineIndices
     } = newState;
-    if (!lineNumbers && breakPoints.length === 0 && lightBulbRowIndex === -1) {
+    if (!lineNumbers && breakPoints.length === 0 && lightBulbRowIndex === -1 && gutterDecorations.length === 0) {
       return ['renderGutter', []];
     }
-    const gutterInfos = getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices, lightBulbRowIndex);
+    const gutterInfos = getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices, lightBulbRowIndex, gutterDecorations);
     const primaryCursorRowIndex = getPrimaryCursorRowIndex(selections, primarySelectionIndex);
     const dom = getEditorGutterVirtualDom$1(gutterInfos, primaryCursorRowIndex + 1);
     return ['renderGutter', dom];
   },
-  isEqual: (oldState, newState) => oldState.breakPoints === newState.breakPoints && oldState.lightBulbRowIndex === newState.lightBulbRowIndex && oldState.foldingRanges === newState.foldingRanges && oldState.lineNumbers === newState.lineNumbers && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && getPrimaryCursorRowIndex(oldState.selections, oldState.primarySelectionIndex) === getPrimaryCursorRowIndex(newState.selections, newState.primarySelectionIndex)
+  isEqual: (oldState, newState) => oldState.breakPoints === newState.breakPoints && oldState.gutterDecorations === newState.gutterDecorations && oldState.lightBulbRowIndex === newState.lightBulbRowIndex && oldState.foldingRanges === newState.foldingRanges && oldState.lineNumbers === newState.lineNumbers && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && getPrimaryCursorRowIndex(oldState.selections, oldState.primarySelectionIndex) === getPrimaryCursorRowIndex(newState.selections, newState.primarySelectionIndex)
 };
 const renderWidgets = {
   apply: renderWidgets$1,
@@ -15300,7 +15581,7 @@ const renderEventListeners = () => {
     preventDefault: true
   }, {
     name: HandleMouseDown,
-    params: ['handleMouseDown', 'event.button', 'event.altKey', 'event.ctrlKey', ClientX, ClientY, 'event.detail']
+    params: ['handleMouseDown', 'event.button', 'event.altKey', 'event.ctrlKey', ClientX, ClientY, 'event.detail', 'event.shiftKey']
   }, {
     name: HandlePointerDown,
     params: ['handlePointerDown', 'event.button', 'event.altKey', 'event.ctrlKey', ClientX, ClientY, 'event.detail', 'event.currentTarget.parentElement.parentElement.offsetLeft'],
@@ -15824,6 +16105,8 @@ const commandMap = {
   'Editor.pasteText': wrapCommand(pasteText),
   'Editor.previousDiagnostic': wrapCommand(previousDiagnostic),
   'Editor.redo': wrapCommand(redo),
+  'Editor.refreshGutterDecorations': wrapCommand(refreshGutterDecorations),
+  'Editor.refreshGutterDecorationsAll': refreshGutterDecorationsAll,
   'Editor.render': renderEditor,
   'Editor.render2': render2,
   'Editor.renderEventListeners': renderEventListeners,
@@ -15966,6 +16249,14 @@ for (const [key, value] of Object.entries(commandMap)) {
   }
 }
 
+const initializeDragAndDropWorker = async () => {
+  const rpc = await create$d({
+    commandMap: {},
+    send: sendMessagePortToDragAndDropWorker
+  });
+  set$f(rpc);
+};
+
 const initializeErrorWorker = async () => {
   const rpc = await create$d({
     commandMap: {},
@@ -16027,12 +16318,12 @@ const initializeTextMeasurementWorker = async () => {
 
 const listen = async () => {
   registerCommands(commandMap);
-  await Promise.all([initializeRendererWorker(), initializeErrorWorker(), initializeExtensionManagementWorker(), initializeTextMeasurementWorker(), initializeOpenerWorker()]);
+  await Promise.all([initializeRendererWorker(), initializeDragAndDropWorker(), initializeErrorWorker(), initializeExtensionManagementWorker(), initializeTextMeasurementWorker(), initializeOpenerWorker()]);
   const dialogRpc = await create$d({
     commandMap: {},
     send: sendMessagePortToDialogWorker
   });
-  set$f(dialogRpc);
+  set$g(dialogRpc);
 };
 
 const CodeGeneratorInput = 'CodeGeneratorInput';

package/package.json

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