@lvce-editor/editor-worker 19.38.0 → 19.40.0

package/dist/editorWorkerMain.js

@@ -1032,6 +1032,34 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
+const createSharedLazyRpc = factory => {
+  let rpcPromise;
+  const getOrCreate = () => {
+    if (!rpcPromise) {
+      rpcPromise = factory();
+    }
+    return rpcPromise;
+  };
+  return {
+    async dispose() {
+      const rpc = await getOrCreate();
+      await rpc.dispose();
+    },
+    async invoke(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invoke(method, ...params);
+    },
+    async invokeAndTransfer(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    async send(method, ...params) {
+      const rpc = await getOrCreate();
+      rpc.send(method, ...params);
+    }
+  };
+};
+
 const create$f = async ({
   commandMap,
   isMessagePortOpen = true,
@@ -1067,34 +1095,6 @@ const create$e = async ({
   });
 };
 
-const createSharedLazyRpc = factory => {
-  let rpcPromise;
-  const getOrCreate = () => {
-    if (!rpcPromise) {
-      rpcPromise = factory();
-    }
-    return rpcPromise;
-  };
-  return {
-    async dispose() {
-      const rpc = await getOrCreate();
-      await rpc.dispose();
-    },
-    async invoke(method, ...params) {
-      const rpc = await getOrCreate();
-      return rpc.invoke(method, ...params);
-    },
-    async invokeAndTransfer(method, ...params) {
-      const rpc = await getOrCreate();
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    async send(method, ...params) {
-      const rpc = await getOrCreate();
-      rpc.send(method, ...params);
-    }
-  };
-};
-
 const create$d = async ({
   commandMap,
   isMessagePortOpen,
@@ -1228,7 +1228,7 @@ const Article = 27;
 const Aside = 28;
 const Footer = 29;
 const Header = 30;
-const Nav = 40;
+const Nav$1 = 40;
 const Section = 41;
 const Search = 42;
 const Dd = 43;
@@ -1332,7 +1332,7 @@ const VirtualDomElements = {
   Line,
   Main,
   Meta,
-  Nav,
+  Nav: Nav$1,
   Ol,
   Option,
   P,
@@ -1406,6 +1406,7 @@ const KeyZ = 54;
 const F2 = 58;
 const F3 = 59;
 const F4 = 60;
+const F8 = 64;
 const F9 = 65;
 const F12 = 68;
 const Period = 87;
@@ -3566,8 +3567,9 @@ const resize = (state, dimensions, columnWidth = state.columnWidth) => {
   const x = dimensions.x ?? state.x;
   const y = dimensions.y ?? state.y;
   const outerWidth = dimensions.width ?? state.outerWidth ?? state.width;
+  const outerHeight = dimensions.height ?? state.outerHeight ?? state.height;
   const width$1 = Math.max(outerWidth - (state.minimapEnabled ? width : 0), 0);
-  const height = dimensions.height ?? state.height;
+  const height = Math.max(outerHeight - (state.breadcrumbsEnabled ? 22 : 0), 0);
   const numberOfVisibleLines = Math.floor(height / state.itemHeight);
   if (!('foldingRanges' in state)) {
     const total = state.lines.length;
@@ -3591,6 +3593,9 @@ const resize = (state, dimensions, columnWidth = state.columnWidth) => {
       ...('outerWidth' in state && {
         outerWidth
       }),
+      ...('outerHeight' in state && {
+        outerHeight
+      }),
       scrollBarHeight,
       width: width$1,
       x,
@@ -3605,6 +3610,9 @@ const resize = (state, dimensions, columnWidth = state.columnWidth) => {
     ...('outerWidth' in state && {
       outerWidth
     }),
+    ...('outerHeight' in state && {
+      outerHeight
+    }),
     width: width$1,
     x,
     y
@@ -4352,6 +4360,69 @@ const updateColorPickerValue$1 = async (editor, value) => {
   };
 };
 
+const diagnosticContainsPosition = (diagnostic, rowIndex, columnIndex) => {
+  const {
+    columnIndex: startColumnIndex,
+    endColumnIndex,
+    endRowIndex,
+    rowIndex: startRowIndex
+  } = diagnostic;
+  if (rowIndex < startRowIndex || rowIndex > endRowIndex) {
+    return false;
+  }
+  if (startRowIndex === endRowIndex && startColumnIndex === endColumnIndex) {
+    return rowIndex === startRowIndex && columnIndex === startColumnIndex;
+  }
+  if (rowIndex === startRowIndex && columnIndex < startColumnIndex) {
+    return false;
+  }
+  if (rowIndex === endRowIndex && columnIndex >= endColumnIndex) {
+    return false;
+  }
+  return true;
+};
+
+const getOffsetAtCursor$1 = editor => {
+  const {
+    selections
+  } = editor;
+  const rowIndex = selections[0];
+  const columnIndex = selections[1];
+  const offset = offsetAt(editor, rowIndex, columnIndex);
+  return offset;
+};
+
+const hasDiagnosticAtPosition = (diagnostics, rowIndex, columnIndex) => diagnostics.some(diagnostic => diagnosticContainsPosition(diagnostic, rowIndex, columnIndex));
+const getLightBulbRowIndex = async editor => {
+  const {
+    diagnostics = [],
+    languageId,
+    selections,
+    uri
+  } = editor;
+  if (!selections || selections.length !== 4 || selections[0] !== selections[2] || selections[1] !== selections[3]) {
+    return -1;
+  }
+  const rowIndex = selections[0];
+  const columnIndex = selections[1];
+  if (!hasDiagnosticAtPosition(diagnostics, rowIndex, columnIndex)) {
+    return -1;
+  }
+  const textDocument = {
+    documentId: editor.uid,
+    languageId,
+    text: getText$1(editor),
+    uri
+  };
+  const offset = getOffsetAtCursor$1(editor);
+  try {
+    const actions = await invoke$d('Extensions.executeCodeActionProviders', textDocument, offset);
+    return Array.isArray(actions) && actions.length > 0 ? rowIndex : -1;
+  } catch {
+    return -1;
+  }
+};
+
 const maxTokenizerLoadPasses = 10;
 const getLine = (lineState, embeddedResults, tokenMap, lineLength) => {
   const embeddedResult = embeddedResults[lineState?.embeddedResultIndex];
@@ -4435,6 +4506,7 @@ const shouldUpdateDiagnosticData = (oldState, newState) => {
 const shouldUpdateSelectionData = (oldState, newState) => {
   return oldState.selections !== newState.selections || oldState.focused !== newState.focused || oldState.minLineY !== newState.minLineY || oldState.maxLineY !== newState.maxLineY || oldState.foldingRanges !== newState.foldingRanges || oldState.differences !== newState.differences || oldState.charWidth !== newState.charWidth || oldState.cursorWidth !== newState.cursorWidth || oldState.fontFamily !== newState.fontFamily || oldState.fontSize !== newState.fontSize || oldState.fontWeight !== newState.fontWeight || oldState.isMonospaceFont !== newState.isMonospaceFont || oldState.letterSpacing !== newState.letterSpacing || oldState.lines !== newState.lines || oldState.rowHeight !== newState.rowHeight || oldState.tabSize !== newState.tabSize || oldState.width !== newState.width;
 };
+const shouldUpdateLightBulb = (oldState, newState) => oldState.diagnostics !== newState.diagnostics || oldState.languageId !== newState.languageId || oldState.selections !== newState.selections || oldState.uri !== newState.uri;
 const shouldUpdateVisibleTextData = (oldState, newState) => {
   if (oldState.textInfos !== newState.textInfos || oldState.differences !== newState.differences) {
     return false;
@@ -4481,6 +4553,17 @@ const updateDerivedState = async (oldState, newState) => {
       visualDecorations
     };
   }
+  if (oldState.lines !== nextState.lines) {
+    finalState = {
+      ...finalState,
+      lightBulbRowIndex: -1
+    };
+  } else if (shouldUpdateLightBulb(oldState, nextState)) {
+    finalState = {
+      ...finalState,
+      lightBulbRowIndex: await getLightBulbRowIndex(finalState)
+    };
+  }
   if (!shouldUpdateSelectionData(oldState, nextState)) {
     return finalState;
   }
@@ -4590,6 +4673,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
   const editor = {
     additionalFocus: 0,
     assetDir,
+    breadcrumbsEnabled: false,
     breakPoints: [],
     charWidth: 0,
     columnWidth: 0,
@@ -4605,6 +4689,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     diagnostics: [],
     diagnosticsEnabled: false,
     differences: [],
+    documentSymbols: [],
     embeds: [],
     endOfLineDecorations: [],
     finalDeltaY: 0,
@@ -4635,6 +4720,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     itemHeight: 20,
     languageId: '',
     letterSpacing: 0,
+    lightBulbRowIndex: -1,
     lineCache: [],
     lineNumbers: false,
     lines: [],
@@ -4648,6 +4734,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     modified: false,
     numberOfLines: 0,
     numberOfVisibleLines: 0,
+    outerHeight: height,
     outerWidth: width,
     platform,
     primarySelectionIndex: 0,
@@ -4678,6 +4765,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     widgetRevision: 0,
     widgets: [],
     width,
+    workspaceUri: '',
     x,
     y
   };
@@ -4685,6 +4773,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
 };
 
 const emptyEditor = {
+  breadcrumbsEnabled: false,
   breakPoints: [],
   cursorInfos: [],
   debugEnabled: false,
@@ -4693,6 +4782,7 @@ const emptyEditor = {
   deltaY: 0,
   diagnostics: [],
   differences: [],
+  documentSymbols: [],
   embeds: [],
   endOfLineDecorations: [],
   focused: false,
@@ -4712,6 +4802,7 @@ const emptyEditor = {
   minimapLines: [],
   minimapRevision: 0,
   minLineY: 0,
+  outerHeight: 0,
   outerWidth: 0,
   redoStack: [],
   scrollBarHeight: 0,
@@ -4731,6 +4822,7 @@ const emptyEditor = {
   uri: '',
   visibleLineIndices: [],
   width: 0,
+  workspaceUri: '',
   x: 0,
   y: 0
 };
@@ -5062,7 +5154,7 @@ const isEqual$3 = (oldState, newState) => {
 };
 
 const isEqual$2 = (oldState, newState) => {
-  return oldState.breakPoints === newState.breakPoints && oldState.cursorInfos === newState.cursorInfos && oldState.diagnostics === newState.diagnostics && 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;
+  return oldState.breadcrumbsEnabled === newState.breadcrumbsEnabled && oldState.breakPoints === newState.breakPoints && 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;
 };
 
 const isEqual$1 = (oldState, newState) => {
@@ -8320,6 +8412,52 @@ const handleMouseMoveWithAltKey = async (editor, x, y) => {
   }
 };
 
+const getDiagnosticHoverDetail = ({
+  code,
+  source
+}) => {
+  if (code === undefined) {
+    return source || '';
+  }
+  if (!source) {
+    return String(code);
+  }
+  return `${source} (${code})`;
+};
+
+const measureTextBlockHeight = async (text, fontFamily, fontSize, lineHeight, width) => {
+  // @ts-ignore
+  return invoke$a('MeasureTextHeight.measureTextBlockHeight', text, fontFamily, fontSize, lineHeight, width);
+};
+
+const maximumWidth = 600;
+const horizontalPadding = 18;
+const getDiagnosticHoverInfo = async (editor, diagnostic) => {
+  const {
+    columnIndex,
+    message,
+    rowIndex
+  } = diagnostic;
+  const width = Math.min(maximumWidth, editor.width);
+  const detail = getDiagnosticHoverDetail(diagnostic);
+  const diagnosticText = detail ? `${message} ${detail}` : message;
+  const measuredHeight = await measureTextBlockHeight(diagnosticText, editor.fontFamily, editor.fontSize, `${editor.rowHeight}px`, width - horizontalPadding);
+  const height = Math.min(measuredHeight + 10, editor.height);
+  const positionX = editor.x + columnIndex * editor.columnWidth - (editor.deltaX || 0);
+  const x = Math.max(editor.x, Math.min(positionX, editor.x + editor.width - width));
+  const rowBottom = editor.y + (rowIndex + 1) * editor.rowHeight - (editor.deltaY || 0);
+  const y = rowBottom + height <= editor.y + editor.height ? rowBottom : Math.max(editor.y, rowBottom - editor.rowHeight - height);
+  return {
+    diagnostics: [diagnostic],
+    documentation: '',
+    height,
+    lineInfos: [],
+    width,
+    x,
+    y
+  };
+};
+
 const create$5 = () => {
   const uid = create$8();
   const widget = {
@@ -8380,11 +8518,6 @@ const getHover = async (editor, offset) => {
   return hover;
 };
 
-const measureTextBlockHeight = async (text, fontFamily, fontSize, lineHeight, width) => {
-  // @ts-ignore
-  return invoke$a('MeasureTextHeight.measureTextBlockHeight', text, fontFamily, fontSize, lineHeight, width);
-};
-
 const getLineInfo = (line, tokens, TokenMap) => {
   const tokensLength = tokens.length;
   let end = 0;
@@ -8435,28 +8568,10 @@ const tokenizeCodeBlock = async (codeBlock, languageId, tokenizerPath) => {
   return lineInfos;
 };
 
-const containsPosition = (diagnostic, rowIndex, columnIndex) => {
-  const {
-    columnIndex: startColumnIndex,
-    endColumnIndex,
-    endRowIndex,
-    rowIndex: startRowIndex
-  } = diagnostic;
-  if (rowIndex < startRowIndex || rowIndex > endRowIndex) {
-    return false;
-  }
-  if (rowIndex === startRowIndex && columnIndex < startColumnIndex) {
-    return false;
-  }
-  if (rowIndex === endRowIndex && columnIndex >= endColumnIndex) {
-    return false;
-  }
-  return true;
-};
 const getMatchingDiagnostics = (diagnostics, rowIndex, columnIndex) => {
   const matching = [];
   for (const diagnostic of diagnostics) {
-    if (containsPosition(diagnostic, rowIndex, columnIndex)) {
+    if (diagnosticContainsPosition(diagnostic, rowIndex, columnIndex)) {
       matching.push(diagnostic);
     }
   }
@@ -8573,10 +8688,17 @@ const updateWidget = (editor, widgetId, newState) => {
 const getHoverWidgetIndex = widgets => {
   return widgets.findIndex(widget => widget.id === Hover);
 };
-const updateHover = async (editor, widgetIndex, position) => {
+const applyHoverContent = async (editor, getNewState) => {
+  const {
+    widgets = []
+  } = editor;
+  const widgetIndex = getHoverWidgetIndex(widgets);
+  if (widgetIndex === -1) {
+    return addWidgetToEditor(Hover, FocusEditorHover, editor, create$5, getNewState);
+  }
   const widgetRevision = next(editor.uid);
-  const widget = editor.widgets[widgetIndex];
-  const newState = await loadHoverContent(widget.newState, position);
+  const widget = widgets[widgetIndex];
+  const newState = await getNewState(widget.newState);
   if (get$2(editor.uid) !== widgetRevision) {
     return editor;
   }
@@ -8595,17 +8717,20 @@ const updateHover = async (editor, widgetIndex, position) => {
   };
 };
 const showHover$1 = async (editor, position) => {
-  const {
-    widgets = []
-  } = editor;
-  const widgetIndex = getHoverWidgetIndex(widgets);
-  if (widgetIndex !== -1) {
-    return updateHover(editor, widgetIndex, position);
-  }
   const newStateGenerator = async state => {
     return loadHoverContent(state, position);
   };
-  return addWidgetToEditor(Hover, FocusEditorHover, editor, create$5, newStateGenerator);
+  return applyHoverContent(editor, newStateGenerator);
+};
+const showDiagnostic = async (editor, diagnostic) => {
+  const newStateGenerator = async state => {
+    const hoverInfo = await getDiagnosticHoverInfo(editor, diagnostic);
+    return {
+      ...state,
+      ...hoverInfo
+    };
+  };
+  return applyHoverContent(editor, newStateGenerator);
 };
 
 const showHover = async (editor, position, token) => {
@@ -9333,6 +9458,74 @@ const insertLineBreak = async editor => {
   return scheduleDocumentAndCursorsSelections(editor, changes, selectionChanges);
 };
 
+const compareDiagnostics = (left, right) => {
+  return left.rowIndex - right.rowIndex || left.columnIndex - right.columnIndex || left.endRowIndex - right.endRowIndex || left.endColumnIndex - right.endColumnIndex || left.message.localeCompare(right.message) || left.source.localeCompare(right.source) || String(left.code).localeCompare(String(right.code));
+};
+const isSelectionAtDiagnostic = (selections, diagnostic) => {
+  return selections.length >= 4 && selections[0] === diagnostic.rowIndex && selections[1] === diagnostic.columnIndex && selections[2] === diagnostic.endRowIndex && selections[3] === diagnostic.endColumnIndex;
+};
+const comparePosition = (diagnostic, rowIndex, columnIndex) => {
+  return diagnostic.rowIndex - rowIndex || diagnostic.columnIndex - columnIndex;
+};
+const getDiagnosticNavigationIndex = (diagnostics, selections, currentDiagnostic, direction) => {
+  if (diagnostics.length === 0) {
+    return undefined;
+  }
+  const orderedDiagnostics = diagnostics.toSorted(compareDiagnostics);
+  const currentIndex = currentDiagnostic ? orderedDiagnostics.indexOf(currentDiagnostic) : -1;
+  if (currentDiagnostic && currentIndex !== -1 && isSelectionAtDiagnostic(selections, currentDiagnostic)) {
+    const index = (currentIndex + direction + orderedDiagnostics.length) % orderedDiagnostics.length;
+    return {
+      diagnostic: orderedDiagnostics[index],
+      index
+    };
+  }
+  const rowIndex = selections[2] ?? selections[0] ?? 0;
+  const columnIndex = selections[3] ?? selections[1] ?? 0;
+  if (direction === 1) {
+    const index = orderedDiagnostics.findIndex(diagnostic => comparePosition(diagnostic, rowIndex, columnIndex) > 0);
+    const wrappedIndex = index === -1 ? 0 : index;
+    return {
+      diagnostic: orderedDiagnostics[wrappedIndex],
+      index: wrappedIndex
+    };
+  }
+  const index = orderedDiagnostics.findLastIndex(diagnostic => comparePosition(diagnostic, rowIndex, columnIndex) < 0);
+  const wrappedIndex = index === -1 ? orderedDiagnostics.length - 1 : index;
+  return {
+    diagnostic: orderedDiagnostics[wrappedIndex],
+    index: wrappedIndex
+  };
+};
+
+const navigateDiagnostic = async (editor, direction) => {
+  const {
+    diagnostics = [],
+    problemNavigationDiagnostic,
+    selections
+  } = editor;
+  const result = getDiagnosticNavigationIndex(diagnostics, selections, problemNavigationDiagnostic, direction);
+  if (!result) {
+    return editor;
+  }
+  const {
+    diagnostic
+  } = result;
+  const newSelections = new Uint32Array([diagnostic.rowIndex, diagnostic.columnIndex, diagnostic.endRowIndex, diagnostic.endColumnIndex]);
+  const editorWithSelection = scheduleSelections(editor, newSelections);
+  const editorWithNavigationState = {
+    ...editorWithSelection,
+    problemNavigationDiagnostic: diagnostic
+  };
+  return showDiagnostic(editorWithNavigationState, diagnostic);
+};
+const nextDiagnostic = editor => {
+  return navigateDiagnostic(editor, 1);
+};
+const previousDiagnostic = editor => {
+  return navigateDiagnostic(editor, -1);
+};
+
 const Script = 2;
 const Unknown$1 = 0;
 
@@ -9904,16 +10097,6 @@ const openFind = async state => {
   return openFind2(state);
 };
 
-const getOffsetAtCursor$1 = editor => {
-  const {
-    selections
-  } = editor;
-  const rowIndex = selections[0];
-  const columnIndex = selections[1];
-  const offset = offsetAt(editor, rowIndex, columnIndex);
-  return offset;
-};
-
 const getPositionAtCursor$1 = editor => {
   const {
     selections
@@ -11777,24 +11960,13 @@ const HandleScrollBarVerticalPointerMove = 31;
 const HandleScrollBarVerticalPointerUp = 32;
 const HandleWheel = 33;
 const HandleKeyUp = 34;
-
-const getDiagnosticHoverDetail = ({
-  code,
-  source
-}) => {
-  if (code === undefined) {
-    return source || '';
-  }
-  if (!source) {
-    return String(code);
-  }
-  return `${source} (${code})`;
-};
+const HandleLightBulbClick = 35;
 
 const Div = 4;
 const Input = 6;
 const Span = 8;
 const Text = 12;
+const Nav = 40;
 const TextArea = 62;
 
 const text = data => {
@@ -12240,6 +12412,14 @@ const getFindWidgetFocusKeyBindings = () => {
 };
 const getKeyBindings = () => {
   return [{
+    command: 'Editor.nextDiagnostic',
+    key: F8,
+    when: FocusEditorText
+  }, {
+    command: 'Editor.previousDiagnostic',
+    key: Shift | F8,
+    when: FocusEditorText
+  }, {
     command: 'Editor.closeColorPicker',
     key: Escape,
     when: FocusColorPicker
@@ -12851,6 +13031,21 @@ const handleMessagePort = async (port, rpcId) => {
   }
 };
 
+const getDocumentSymbols = async editor => {
+  try {
+    const result = await execute({
+      args: [],
+      editor,
+      kind: 'document symbol',
+      method: 'provideDocumentSymbols',
+      noProviderFoundResult: []
+    });
+    return Array.isArray(result) ? result : [];
+  } catch {
+    return [];
+  }
+};
+
 const kLineHeight = 'editor.lineHeight';
 const kFontSize = 'editor.fontSize';
 const kFontFamily = 'editor.fontFamily';
@@ -12864,6 +13059,7 @@ const kAutoClosingBrackets = 'editor.autoclosingBrackets';
 const kFontWeight = 'editor.fontWeight';
 const kHover = 'editor.hover';
 const kMinimapEnabled = 'editor.minimap.enabled';
+const kBreadcrumbsEnabled = 'breadcrumbs.enabled';
 const isAutoClosingBracketsEnabled = async () => {
   return Boolean(await get$3(kAutoClosingBrackets));
 };
@@ -12912,10 +13108,14 @@ const getFontWeight = async () => {
 const getMinimapEnabled = async () => {
   return (await get$3(kMinimapEnabled)) ?? false;
 };
+const getBreadcrumbsEnabled = async () => {
+  return (await get$3(kBreadcrumbsEnabled)) ?? false;
+};
 
 const getEditorPreferences = async () => {
-  const [diagnosticsEnabled$1, fontFamily, fontSize, fontWeight, hoverEnabled, isAutoClosingBracketsEnabled$1, isAutoClosingQuotesEnabled$1, isAutoClosingTagsEnabled$1, isQuickSuggestionsEnabled$1, lineNumbers, rowHeight, tabSize, letterSpacing, completionTriggerCharacters, minimapEnabled] = await Promise.all([diagnosticsEnabled(), getFontFamily(), getFontSize(), getFontWeight(), getHoverEnabled(), isAutoClosingBracketsEnabled(), isAutoClosingQuotesEnabled(), isAutoClosingTagsEnabled(), isQuickSuggestionsEnabled(), getLineNumbers(), getRowHeight(), getTabSize(), getLetterSpacing(), getCompletionTriggerCharacters(), getMinimapEnabled()]);
+  const [diagnosticsEnabled$1, fontFamily, fontSize, fontWeight, hoverEnabled, isAutoClosingBracketsEnabled$1, isAutoClosingQuotesEnabled$1, isAutoClosingTagsEnabled$1, isQuickSuggestionsEnabled$1, lineNumbers, rowHeight, tabSize, letterSpacing, completionTriggerCharacters, minimapEnabled, breadcrumbsEnabled] = await Promise.all([diagnosticsEnabled(), getFontFamily(), getFontSize(), getFontWeight(), getHoverEnabled(), isAutoClosingBracketsEnabled(), isAutoClosingQuotesEnabled(), isAutoClosingTagsEnabled(), isQuickSuggestionsEnabled(), getLineNumbers(), getRowHeight(), getTabSize(), getLetterSpacing(), getCompletionTriggerCharacters(), getMinimapEnabled(), getBreadcrumbsEnabled()]);
   return {
+    breadcrumbsEnabled,
     completionTriggerCharacters,
     diagnosticsEnabled: diagnosticsEnabled$1,
     fontFamily,
@@ -12934,9 +13134,17 @@ const getEditorPreferences = async () => {
   };
 };
 
+const getWorkspaceUri$1 = async () => {
+  try {
+    return await invoke$a('Workspace.getPath');
+  } catch {
+    return '';
+  }
+};
 const handleSettingsChanged = async state => {
   const editorPreferences = await getEditorPreferences();
   const {
+    breadcrumbsEnabled,
     diagnosticsEnabled,
     fontFamily,
     fontSize,
@@ -12958,7 +13166,19 @@ const handleSettingsChanged = async state => {
     minimapRevision: (state.minimapRevision || 0) + (minimapEnabled ? 1 : 0),
     visualDecorations: diagnosticsEnabled ? state.visualDecorations : []
   };
-  return resize(editorWithUpdatedSettings, {}, charWidth);
+  let documentSymbols = state.documentSymbols || [];
+  let workspaceUri = state.workspaceUri || '';
+  if (!breadcrumbsEnabled) {
+    documentSymbols = [];
+    workspaceUri = '';
+  } else if (!state.breadcrumbsEnabled) {
+    [documentSymbols, workspaceUri] = await Promise.all([getDocumentSymbols(editorWithUpdatedSettings), getWorkspaceUri$1()]);
+  }
+  return resize({
+    ...editorWithUpdatedSettings,
+    documentSymbols,
+    workspaceUri
+  }, {}, charWidth);
 };
 
 const applyTabCompletion = (editor, result) => {
@@ -13177,6 +13397,13 @@ const intialize = async (syntaxHighlightingEnabled, syncIncremental) => {
   await initializeSyntaxHighlighting(syntaxHighlightingEnabled, syncIncremental);
 };
 
+const getWorkspaceUri = async () => {
+  try {
+    return await invoke$a('Workspace.getPath');
+  } catch {
+    return '';
+  }
+};
 const getTokenizePath = (languages, languageId) => {
   for (const language of languages) {
     if (language?.id === languageId && language.tokenize) {
@@ -13223,6 +13450,7 @@ const loadContent = async (state, savedState) => {
     y
   } = state;
   const {
+    breadcrumbsEnabled,
     completionTriggerCharacters,
     diagnosticsEnabled,
     fontFamily,
@@ -13251,6 +13479,7 @@ const loadContent = async (state, savedState) => {
   set$3(newTokenizerId, tokenizer);
   const newEditor0 = {
     ...state,
+    breadcrumbsEnabled,
     charWidth,
     completionTriggerCharacters,
     diagnosticsEnabled,
@@ -13309,13 +13538,23 @@ const loadContent = async (state, savedState) => {
     ...newEditor3,
     decorations: linkDecorations
   };
+  let documentSymbols = state.documentSymbols || [];
+  let workspaceUri = state.workspaceUri || '';
+  if (breadcrumbsEnabled) {
+    [documentSymbols, workspaceUri] = await Promise.all([getDocumentSymbols(newEditor3WithLinks), getWorkspaceUri()]);
+  }
+  const newEditor3WithBreadcrumbs = {
+    ...newEditor3WithLinks,
+    documentSymbols,
+    workspaceUri
+  };
   const syncIncremental = getEnabled();
   const {
     differences,
     textInfos
-  } = await getVisible$1(newEditor3WithLinks, syncIncremental);
+  } = await getVisible$1(newEditor3WithBreadcrumbs, syncIncremental);
   const newEditor4 = {
-    ...newEditor3WithLinks,
+    ...newEditor3WithBreadcrumbs,
     differences,
     focus: FocusEditorText$1,
     focused: true,
@@ -13761,6 +14000,92 @@ const Button = 'button';
 const Code = 'code';
 const TextBox = 'textbox';
 
+const getPathname = uri => {
+  try {
+    return decodeURIComponent(new URL(uri).pathname);
+  } catch {
+    return decodeURIComponent(uri);
+  }
+};
+const getFileBreadcrumbs = (uri, workspaceUri) => {
+  const path = getPathname(uri);
+  const workspacePath = workspaceUri ? getPathname(workspaceUri).replace(/\/$/, '') : '';
+  const relativePath = workspacePath && (path === workspacePath || path.startsWith(`${workspacePath}/`)) ? path.slice(workspacePath.length + 1) : path.split('/').at(-1) || path;
+  return relativePath.split('/').filter(Boolean).map(label => ({
+    kind: 'file',
+    label
+  }));
+};
+const containsOffset = (symbol, offset) => {
+  return Number.isFinite(symbol.startOffset) && Number.isFinite(symbol.endOffset) && symbol.startOffset <= offset && offset <= symbol.endOffset;
+};
+const getSymbolBreadcrumbs = (symbols, offset) => {
+  for (const symbol of symbols) {
+    if (!symbol || typeof symbol.name !== 'string' || !containsOffset(symbol, offset)) {
+      continue;
+    }
+    return [{
+      kind: 'symbol',
+      label: symbol.name,
+      symbolKind: symbol.kind
+    }, ...getSymbolBreadcrumbs(Array.isArray(symbol.children) ? symbol.children : [], offset)];
+  }
+  return [];
+};
+const getEditorBreadcrumbs = state => {
+  const {
+    breadcrumbsEnabled,
+    documentSymbols,
+    lines,
+    primarySelectionIndex,
+    selections,
+    uri,
+    workspaceUri
+  } = state;
+  if (!breadcrumbsEnabled) {
+    return [];
+  }
+  const selectionIndex = primarySelectionIndex || 0;
+  const rowIndex = selections[selectionIndex + 2] ?? selections[selectionIndex] ?? 0;
+  const columnIndex = selections[selectionIndex + 3] ?? selections[selectionIndex + 1] ?? 0;
+  const offset = offsetAt({
+    lines
+  }, rowIndex, columnIndex);
+  return [...getFileBreadcrumbs(uri, workspaceUri || ''), ...getSymbolBreadcrumbs(documentSymbols || [], offset)];
+};
+
+const separator = {
+  ariaHidden: True,
+  childCount: 0,
+  className: mergeClassNames('EditorBreadcrumbSeparator', 'MaskIcon', 'MaskIconChevronRight'),
+  type: Span
+};
+const getEditorBreadcrumbsVirtualDom = state => {
+  const breadcrumbs = getEditorBreadcrumbs(state);
+  const children = [];
+  for (let index = 0; index < breadcrumbs.length; index++) {
+    const breadcrumb = breadcrumbs[index];
+    if (index > 0) {
+      children.push(separator);
+    }
+    children.push({
+      childCount: 1,
+      className: mergeClassNames('EditorBreadcrumb', breadcrumb.kind === 'symbol' ? 'EditorBreadcrumbSymbol' : 'EditorBreadcrumbFile'),
+      'data-kind': breadcrumb.kind,
+      ...(breadcrumb.symbolKind !== undefined && {
+        'data-symbol-kind': breadcrumb.symbolKind
+      }),
+      type: Span
+    }, text(breadcrumb.label));
+  }
+  return [{
+    ariaLabel: 'Breadcrumbs',
+    childCount: children.length,
+    className: 'EditorBreadcrumbs',
+    type: Nav
+  }, ...children];
+};
+
 const editorInputNode = {
   childCount: 1,
   className: 'EditorInput',
@@ -14007,18 +14332,25 @@ const getEditorContentVirtualDom = ({
 
 const getGutterInfoVirtualDom = gutterInfo => {
   const isBreakpoint = typeof gutterInfo === 'object' && gutterInfo.isBreakpoint;
+  const isLightBulb = typeof gutterInfo === 'object' && gutterInfo.isLightBulb;
   const lineNumber = typeof gutterInfo === 'object' ? gutterInfo.lineNumber : gutterInfo;
-  const label = `Breakpoint on line ${lineNumber}`;
+  const label = isLightBulb ? `Show Code Actions on line ${lineNumber}` : `Breakpoint on line ${lineNumber}`;
   return [{
-    ...(isBreakpoint && {
+    ...((isBreakpoint || isLightBulb) && {
       ariaLabel: label,
-      style: 'color:var(--DebugIconBreakpointForeground,#e51400)',
       title: label
     }),
+    ...(isBreakpoint && !isLightBulb && {
+      style: 'color:var(--DebugIconBreakpointForeground,#e51400)'
+    }),
     childCount: 1,
-    className: isBreakpoint ? 'LineNumber LineNumberBreakpoint' : 'LineNumber',
+    className: isLightBulb ? 'LineNumber LineNumberLightBulb MaskIconLightBulb' : isBreakpoint ? 'LineNumber LineNumberBreakpoint' : 'LineNumber',
+    ...(isLightBulb && {
+      onClick: HandleLightBulbClick,
+      role: Button
+    }),
     type: Span
-  }, text(isBreakpoint ? '●' : lineNumber)];
+  }, text(isLightBulb ? '' : isBreakpoint ? '●' : lineNumber)];
 };
 const getEditorGutterVirtualDom$1 = gutterInfos => {
   const dom = gutterInfos.flatMap(getGutterInfoVirtualDom);
@@ -14034,17 +14366,29 @@ const getEditorGutterVirtualDom = gutterInfos => {
   }, ...gutterDom];
 };
 
-const getGutterInfos = (minLineY, maxLineY, breakPoints, showLineNumbers = true, lineIndices) => {
+const getGutterInfos = (minLineY, maxLineY, breakPoints, showLineNumbers = true, lineIndices, lightBulbRowIndex = -1) => {
   const gutterInfos = [];
   const rows = lineIndices || Array.from({
     length: maxLineY - minLineY
   }, (_, index) => minLineY + index);
   for (const rowIndex of rows) {
     const lineNumber = rowIndex + 1;
-    gutterInfos.push(breakPoints.includes(rowIndex) ? {
-      isBreakpoint: true,
-      lineNumber
-    } : showLineNumbers ? lineNumber : '');
+    const isBreakpoint = breakPoints.includes(rowIndex);
+    const isLightBulb = rowIndex === lightBulbRowIndex;
+    if (isLightBulb) {
+      gutterInfos.push({
+        isBreakpoint,
+        isLightBulb: true,
+        lineNumber
+      });
+    } else if (isBreakpoint) {
+      gutterInfos.push({
+        isBreakpoint: true,
+        lineNumber
+      });
+    } else {
+      gutterInfos.push(showLineNumbers ? lineNumber : '');
+    }
   }
   return gutterInfos;
 };
@@ -14073,24 +14417,32 @@ const getMinimapVirtualDom = (minimapEnabled, minimapLines, minLineY) => {
   }];
 };
 const getEditorVirtualDom = ({
+  breadcrumbsEnabled = false,
   breakPoints = [],
   cursorInfos = [],
   diagnostics = [],
   differences,
+  documentSymbols = [],
   endOfLineDecorations = [],
   gutterInfos = [],
   highlightedLine = -1,
+  lightBulbRowIndex = -1,
   lineNumbers = true,
+  lines = [],
   loadError = '',
   maxLineY = 0,
   minimapEnabled = false,
   minimapLines = [],
   minLineY = 0,
+  primarySelectionIndex = 0,
   scrollBarDiagnostics = [],
   selectionInfos = [],
+  selections = new Uint32Array(),
   textInfos,
   uid,
-  visibleLineIndices
+  uri = '',
+  visibleLineIndices,
+  workspaceUri = ''
 }) => {
   if (loadError) {
     return [{
@@ -14101,18 +14453,27 @@ const getEditorVirtualDom = ({
       type: Div
     }, textEditorErrorIconNode, textEditorErrorMessageNode, text(loadError)];
   }
-  const visibleGutterInfos = breakPoints.length > 0 || visibleLineIndices ? getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices) : gutterInfos;
-  const showGutter = lineNumbers || breakPoints.length > 0;
+  const visibleGutterInfos = breakPoints.length > 0 || visibleLineIndices ? getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices, lightBulbRowIndex) : gutterInfos;
+  const showGutter = lineNumbers || breakPoints.length > 0 || lightBulbRowIndex >= 0;
   const gutterDom = showGutter ? getEditorGutterVirtualDom(visibleGutterInfos) : [];
   const minimapDom = getMinimapVirtualDom(minimapEnabled, minimapLines, minLineY);
+  const breadcrumbsDom = breadcrumbsEnabled ? getEditorBreadcrumbsVirtualDom({
+    breadcrumbsEnabled,
+    documentSymbols,
+    lines,
+    primarySelectionIndex,
+    selections,
+    uri,
+    workspaceUri
+  }) : [];
   return [{
-    childCount: (showGutter ? 2 : 1) + (minimapEnabled ? 1 : 0),
+    childCount: (showGutter ? 2 : 1) + (minimapEnabled ? 1 : 0) + (breadcrumbsEnabled ? 1 : 0),
     className: mergeClassNames('Viewlet', 'Editor'),
     'data-uid': uid,
     onContextMenu: HandleContextMenu,
     role: Code,
     type: Div
-  }, ...gutterDom, ...getEditorContentVirtualDom({
+  }, ...breadcrumbsDom, ...gutterDom, ...getEditorContentVirtualDom({
     cursorInfos,
     diagnostics,
     differences,
@@ -14341,19 +14702,20 @@ const renderGutterInfo = {
   apply(oldState, newState) {
     const {
       breakPoints,
+      lightBulbRowIndex,
       lineNumbers,
       maxLineY,
       minLineY,
       visibleLineIndices
     } = newState;
-    if (!lineNumbers && breakPoints.length === 0) {
+    if (!lineNumbers && breakPoints.length === 0 && lightBulbRowIndex === -1) {
       return ['renderGutter', []];
     }
-    const gutterInfos = getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices);
+    const gutterInfos = getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices, lightBulbRowIndex);
     const dom = getEditorGutterVirtualDom$1(gutterInfos);
     return ['renderGutter', dom];
   },
-  isEqual: (oldState, newState) => oldState.breakPoints === newState.breakPoints && oldState.foldingRanges === newState.foldingRanges && oldState.lineNumbers === newState.lineNumbers && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY
+  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
 };
 const renderWidgets = {
   apply: renderWidgets$1,
@@ -14389,6 +14751,10 @@ const renderEditor = async id => {
 
 const renderEventListeners = () => {
   return [{
+    name: HandleLightBulbClick,
+    params: ['showSourceActions3'],
+    preventDefault: true
+  }, {
     name: HandleFocus,
     params: ['handleFocus']
   }, {
@@ -14593,6 +14959,7 @@ const addDiagnostics = async (editor, diagnostics) => {
     ...editor,
     decorations,
     diagnostics,
+    lightBulbRowIndex: -1,
     visualDecorations
   };
 };
@@ -14927,6 +15294,7 @@ const commandMap = {
   'Editor.moveRectangleSelectionPx': wrapCommand(moveRectangleSelectionPx),
   'Editor.moveSelection': wrapCommand(editorMoveSelection),
   'Editor.moveSelectionPx': wrapCommand(moveSelectionPx),
+  'Editor.nextDiagnostic': wrapCommand(nextDiagnostic),
   'Editor.offsetAt': offsetAt,
   'Editor.openCodeGenerator': wrapCommand(openCodeGenerator),
   'Editor.openColorPicker': wrapCommand(openColorPicker),
@@ -14937,6 +15305,7 @@ const commandMap = {
   'Editor.organizeImports': wrapCommand(organizeImports),
   'Editor.paste': wrapCommand(paste),
   'Editor.pasteText': wrapCommand(pasteText),
+  'Editor.previousDiagnostic': wrapCommand(previousDiagnostic),
   'Editor.redo': wrapCommand(redo),
   'Editor.render': renderEditor,
   'Editor.render2': render2,

package/package.json

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