@lvce-editor/editor-worker 19.34.0 → 19.36.0

package/dist/editorWorkerMain.js

@@ -2797,7 +2797,7 @@ const applyEdits = (textDocument, changes) => {
   }
   return newLines;
 };
-const getLine = (textDocument, index) => {
+const getLine$1 = (textDocument, index) => {
   return textDocument.lines[index];
 };
 const getText$1 = state => {
@@ -2875,7 +2875,7 @@ const positionAt = (textDocument, offset) => {
   };
 };
 
-const maxTokenizerLoadPasses = 10;
+const maxTokenizerLoadPasses$1 = 10;
 
 // const getTokensIncremental = (editor, min, max) => {
 //   const currentLength = editor.lineStateCache.length
@@ -3226,7 +3226,7 @@ const getVisible$1 = async (editor, syncIncremental) => {
     tokenizersToLoad,
     tokens
   } = await getTokensViewport2(editor, minLineY, maxLineY, syncIncremental);
-  for (let i = 0; tokenizersToLoad.length > 0 && i < maxTokenizerLoadPasses; i++) {
+  for (let i = 0; tokenizersToLoad.length > 0 && i < maxTokenizerLoadPasses$1; i++) {
     await loadTokenizers(tokenizersToLoad);
     // @ts-ignore
     const refreshed = await getTokensViewport2(editor, minLineY, maxLineY, syncIncremental);
@@ -3557,10 +3557,16 @@ const notifyListeners = async (listenerType, method, ...params) => {
   await Promise.all(notifications);
 };
 
+const width = 120;
+const characterWidth = 0.75;
+const lineHeight = 2;
+const minimumViewportHeight = 20;
+
 const resize = (state, dimensions, columnWidth = state.columnWidth) => {
   const x = dimensions.x ?? state.x;
   const y = dimensions.y ?? state.y;
-  const width = dimensions.width ?? state.width;
+  const outerWidth = dimensions.width ?? state.outerWidth ?? state.width;
+  const width$1 = Math.max(outerWidth - (state.minimapEnabled ? width : 0), 0);
   const height = dimensions.height ?? state.height;
   const numberOfVisibleLines = Math.floor(height / state.itemHeight);
   if (!('foldingRanges' in state)) {
@@ -3582,8 +3588,11 @@ const resize = (state, dimensions, columnWidth = state.columnWidth) => {
       maxLineY,
       minLineY,
       numberOfVisibleLines,
+      ...('outerWidth' in state && {
+        outerWidth
+      }),
       scrollBarHeight,
-      width,
+      width: width$1,
       x,
       y
     };
@@ -3593,7 +3602,10 @@ const resize = (state, dimensions, columnWidth = state.columnWidth) => {
     columnWidth,
     height,
     numberOfVisibleLines,
-    width,
+    ...('outerWidth' in state && {
+      outerWidth
+    }),
+    width: width$1,
     x,
     y
   };
@@ -4340,6 +4352,37 @@ const updateColorPickerValue$1 = async (editor, value) => {
   };
 };
 
+const maxTokenizerLoadPasses = 10;
+const getLine = (lineState, embeddedResults, tokenMap, lineLength) => {
+  const embeddedResult = embeddedResults[lineState?.embeddedResultIndex];
+  const useEmbeddedResult = Boolean(embeddedResult?.isFull);
+  const tokens = (useEmbeddedResult ? embeddedResult.result.tokens : lineState?.tokens) || [0, lineLength];
+  const lineTokenMap = useEmbeddedResult ? embeddedResult.TokenMap : tokenMap;
+  const line = [];
+  for (let i = 0; i < tokens.length; i += 2) {
+    const tokenType = tokens[i];
+    const tokenLength = tokens[i + 1];
+    line.push(tokenLength, `Token ${lineTokenMap[tokenType] || 'Unknown'}`);
+  }
+  return line;
+};
+const getMinimapLines = async (editor, syncIncremental) => {
+  const {
+    lines
+  } = editor;
+  if (lines.length === 0) {
+    return [];
+  }
+  let result = await getTokensViewport2(editor, 0, lines.length, syncIncremental);
+  for (let i = 0; result.tokenizersToLoad.length > 0 && i < maxTokenizerLoadPasses; i++) {
+    await loadTokenizers(result.tokenizersToLoad);
+    result = await getTokensViewport2(editor, 0, lines.length, syncIncremental);
+  }
+  const tokenizer = get$4(editor.tokenizerId);
+  const tokenMap = tokenizer.TokenMap || {};
+  return result.tokens.map((lineState, index) => getLine(lineState, result.embeddedResults, tokenMap, lines[index].length));
+};
+
 const getDiagnosticType = diagnostic => {
   return diagnostic.type;
 };
@@ -4398,6 +4441,9 @@ const shouldUpdateVisibleTextData = (oldState, newState) => {
   }
   return oldState.lines !== newState.lines || oldState.tokenizerId !== newState.tokenizerId || oldState.minLineY !== newState.minLineY || oldState.maxLineY !== newState.maxLineY || oldState.decorations !== newState.decorations || oldState.embeds !== newState.embeds || oldState.deltaX !== newState.deltaX || oldState.width !== newState.width || oldState.highlightedLine !== newState.highlightedLine || oldState.foldingRanges !== newState.foldingRanges || oldState.debugEnabled !== newState.debugEnabled;
 };
+const shouldUpdateMinimapData = (oldState, newState) => {
+  return newState.minimapEnabled && (!oldState.minimapEnabled || oldState.lines !== newState.lines || oldState.tokenizerId !== newState.tokenizerId);
+};
 const updateDerivedState = async (oldState, newState) => {
   const nextState = oldState.lines !== newState.lines && 'foldingRanges' in newState ? updateLayout(newState, []) : newState;
   let finalState = nextState;
@@ -4413,6 +4459,21 @@ const updateDerivedState = async (oldState, newState) => {
       textInfos
     };
   }
+  if (!nextState.minimapEnabled && oldState.minimapEnabled) {
+    finalState = {
+      ...finalState,
+      minimapLines: [],
+      minimapRevision: finalState.minimapRevision + 1
+    };
+  } else if (shouldUpdateMinimapData(oldState, nextState)) {
+    const syncIncremental = getEnabled();
+    const minimapLines = await getMinimapLines(finalState, syncIncremental);
+    finalState = {
+      ...finalState,
+      minimapLines,
+      minimapRevision: finalState.minimapRevision + 1
+    };
+  }
   if (shouldUpdateDiagnosticData(oldState, nextState)) {
     const visualDecorations = await getVisibleDiagnostics(finalState, finalState.diagnostics ?? []);
     finalState = {
@@ -4545,6 +4606,7 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     diagnosticsEnabled: false,
     differences: [],
     embeds: [],
+    endOfLineDecorations: [],
     finalDeltaY: 0,
     finalY: 0,
     focus: 0,
@@ -4578,11 +4640,15 @@ const createEditor2 = (id, uri, x, y, width, height, platform, assetDir) => {
     lines: [],
     longestLineWidth: 0,
     maxLineY: 0,
+    minimapEnabled: false,
+    minimapLines: [],
+    minimapRevision: 0,
     minimumSliderSize: 20,
     minLineY: 0,
     modified: false,
     numberOfLines: 0,
     numberOfVisibleLines: 0,
+    outerWidth: width,
     platform,
     primarySelectionIndex: 0,
     redoStack: [],
@@ -4628,6 +4694,7 @@ const emptyEditor = {
   diagnostics: [],
   differences: [],
   embeds: [],
+  endOfLineDecorations: [],
   focused: false,
   foldingRanges: [],
   hasListener: false,
@@ -4641,7 +4708,11 @@ const emptyEditor = {
   lines: [],
   longestLineWidth: 0,
   maxLineY: 0,
+  minimapEnabled: false,
+  minimapLines: [],
+  minimapRevision: 0,
   minLineY: 0,
+  outerWidth: 0,
   redoStack: [],
   scrollBarHeight: 0,
   selectionAnchorPosition: {
@@ -4792,6 +4863,7 @@ const createEditor = async ({
     diagnostics: [],
     diagnosticsEnabled,
     differences: [],
+    endOfLineDecorations: [],
     finalDeltaY: 0,
     finalY: 0,
     focused: false,
@@ -4968,15 +5040,15 @@ const createStandaloneEditor = async ({
   set$8(id, createdEditor, finalEditor);
 };
 
-const isEqual$4 = (oldState, newState) => {
+const isEqual$5 = (oldState, newState) => {
   return oldState.additionalFocus === newState.additionalFocus;
 };
 
-const isEqual$3 = (oldState, newState) => {
+const isEqual$4 = (oldState, newState) => {
   return oldState.rowHeight === newState.rowHeight && oldState.deltaY === newState.deltaY && oldState.finalDeltaY === newState.finalDeltaY && oldState.height === newState.height && oldState.deltaX === newState.deltaX && oldState.longestLineWidth === newState.longestLineWidth && oldState.minimumSliderSize === newState.minimumSliderSize && oldState.width === newState.width && oldState.scrollBarHeight === newState.scrollBarHeight;
 };
 
-const isEqual$2 = (oldState, newState) => {
+const isEqual$3 = (oldState, newState) => {
   if (oldState.focus !== newState.focus) {
     return false;
   }
@@ -4989,23 +5061,31 @@ const isEqual$2 = (oldState, newState) => {
   return oldState.focused === newState.focused;
 };
 
-const isEqual$1 = (oldState, newState) => {
+const isEqual$2 = (oldState, newState) => {
   return oldState.breakPoints === newState.breakPoints && oldState.cursorInfos === newState.cursorInfos && oldState.diagnostics === newState.diagnostics && 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;
 };
 
+const isEqual$1 = (oldState, newState) => {
+  if (!oldState.minimapEnabled && !newState.minimapEnabled) {
+    return true;
+  }
+  return oldState.minimapEnabled === newState.minimapEnabled && oldState.minimapLines === newState.minimapLines && oldState.minimapRevision === newState.minimapRevision && oldState.deltaY === newState.deltaY && oldState.finalDeltaY === newState.finalDeltaY && oldState.height === newState.height && oldState.numberOfVisibleLines === newState.numberOfVisibleLines;
+};
+
 const RenderFocus = 6;
 const RenderFocusContext = 7;
 const RenderCss = 11;
 const RenderIncremental = 12;
 const RenderWidgets = 13;
 const RenderAdditionalFocusContext = 14;
+const RenderMinimap = 15;
 
 const isEqual = (oldState, newState) => {
   return oldState.widgets === newState.widgets && oldState.widgetRevision === newState.widgetRevision;
 };
 
-const modules = [isEqual$1, isEqual$2, isEqual$2, isEqual$4, isEqual$3, isEqual];
-const numbers = [RenderIncremental, RenderFocus, RenderFocusContext, RenderAdditionalFocusContext, RenderCss, RenderWidgets];
+const modules = [isEqual$2, isEqual$1, isEqual$3, isEqual$3, isEqual$5, isEqual$4, isEqual];
+const numbers = [RenderIncremental, RenderMinimap, RenderFocus, RenderFocusContext, RenderAdditionalFocusContext, RenderCss, RenderWidgets];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
@@ -6616,7 +6696,7 @@ const copyLineDown = editor => {
     return {
       deleted: [''],
       end: position,
-      inserted: [getLine(editor, rowIndex), ''],
+      inserted: [getLine$1(editor, rowIndex), ''],
       start: position
     };
   });
@@ -6643,7 +6723,7 @@ const copyLineUp = editor => {
   const changes = [{
     deleted: [''],
     end: position,
-    inserted: [getLine(editor, rowIndex), ''],
+    inserted: [getLine$1(editor, rowIndex), ''],
     start: position
   }];
   return scheduleDocumentAndCursorsSelections(editor, changes);
@@ -6766,7 +6846,7 @@ const characterRight = (line, columnIndex) => {
   // @ts-ignore
   return next.segment.length;
 };
-const isWhitespace = char => {
+const isWhitespace$1 = char => {
   return char === Space || char === Tab;
 };
 const lineCharacterStart = (line, columnIndex) => {
@@ -6774,7 +6854,7 @@ const lineCharacterStart = (line, columnIndex) => {
     return 0;
   }
   for (let i = 0; i < columnIndex; i++) {
-    if (!isWhitespace(line[i])) {
+    if (!isWhitespace$1(line[i])) {
       return columnIndex - i;
     }
   }
@@ -7890,6 +7970,43 @@ const getClickHandler = modifier => {
   }
 };
 
+const isProviderDecoration = value => {
+  return Boolean(value) && typeof value === 'object' && !Array.isArray(value);
+};
+const getProviderDecorations = (results, rowIndex) => {
+  if (!Array.isArray(results)) {
+    return [];
+  }
+  const decorations = [];
+  for (const result of results) {
+    if (!Array.isArray(result)) {
+      continue;
+    }
+    for (const decoration of result) {
+      if (isProviderDecoration(decoration) && typeof decoration.text === 'string') {
+        decorations.push({
+          rowIndex,
+          text: decoration.text
+        });
+      }
+    }
+  }
+  return decorations;
+};
+const getEditorLineDecorations = async (editor, rowIndex) => {
+  const textDocument = {
+    languageId: editor.languageId,
+    text: getText$1(editor),
+    uri: editor.uri
+  };
+  try {
+    const results = await invoke$d('Extensions.executeProvidersByEvent', 'onEditorLineDecoration', 'ExtensionApi.executeEditorLineDecorationProvider', textDocument, rowIndex);
+    return getProviderDecorations(results, rowIndex);
+  } catch {
+    return [];
+  }
+};
+
 const handleClickAtPosition = async (editor, modifier, rowIndex, columnIndex) => {
   object(editor);
   number(modifier);
@@ -7900,7 +8017,11 @@ const handleClickAtPosition = async (editor, modifier, rowIndex, columnIndex) =>
     columnIndex,
     rowIndex
   });
-  return newEditor;
+  const endOfLineDecorations = await getEditorLineDecorations(newEditor, rowIndex);
+  return {
+    ...newEditor,
+    endOfLineDecorations
+  };
 };
 
 const Editor = 3;
@@ -7937,7 +8058,7 @@ const getNewSelections$7 = (line, rowIndex, columnIndex) => {
 
 // @ts-ignore
 const selectWord = (editor, rowIndex, columnIndex) => {
-  const line = getLine(editor, rowIndex);
+  const line = getLine$1(editor, rowIndex);
   const newSelections = getNewSelections$7(line, rowIndex, columnIndex);
   return scheduleSelections(editor, newSelections);
 };
@@ -8048,7 +8169,7 @@ const selectLine = editor => {
     selections
   } = editor;
   const rowIndex = selections[editor.primarySelectionIndex];
-  const line = getLine(editor, rowIndex);
+  const line = getLine$1(editor, rowIndex);
   const newSelections = getNewSelections$6(line, rowIndex);
   return scheduleSelections(editor, newSelections);
 };
@@ -10779,7 +10900,7 @@ const getSnippetChanges = (lines, selections, snippet) => {
   for (let i = 0; i < selections.length; i += 4) {
     const [selectionStartRow, selectionStartColumn, selectionEndRow, selectionEndColumn] = getSelectionPairs(selections, i);
     if (insertedLines.length > 1) {
-      const line = getLine({
+      const line = getLine$1({
         lines
       }, selectionStartRow);
       const indent = getIndent(line);
@@ -10937,14 +11058,14 @@ const getBlockCommentEdits = (editor, blockComment) => {
     selections
   } = editor;
   const [rowIndex] = selections;
-  const line = getLine(editor, rowIndex);
+  const line = getLine$1(editor, rowIndex);
   const numberOfLines = editor.lines.length;
   let endRowIndex = rowIndex;
   let endColumnIndex = -1;
   const blockCommentStart = blockComment[0];
   const blockCommentEnd = blockComment[1];
   while (endRowIndex < numberOfLines) {
-    const line = getLine(editor, endRowIndex);
+    const line = getLine$1(editor, endRowIndex);
     endColumnIndex = line.indexOf(blockCommentEnd);
     if (endColumnIndex !== -1) {
       break;
@@ -10954,7 +11075,7 @@ const getBlockCommentEdits = (editor, blockComment) => {
   let startColumnIndex = -1;
   let startRowIndex = rowIndex;
   while (startRowIndex >= 0) {
-    const line = getLine(editor, startRowIndex);
+    const line = getLine$1(editor, startRowIndex);
     startColumnIndex = line.indexOf(blockCommentStart);
     if (startColumnIndex !== -1) {
       break;
@@ -11144,7 +11265,7 @@ const editorToggleLineComment = async editor => {
   }
   const textDocument = editor;
   const cursorRowIndex = editor.selections[0];
-  const line = getLine(textDocument, cursorRowIndex);
+  const line = getLine$1(textDocument, cursorRowIndex);
   const documentEdits = [getLineCommentEdit(cursorRowIndex, line, lineComment)];
   return scheduleDocumentAndCursorsSelections(editor, documentEdits);
 };
@@ -11617,6 +11738,7 @@ const CompletionDetailContent = 'CompletionDetailContent';
 const Diagnostic = 'Diagnostic';
 const EditorCursor = 'EditorCursor';
 const EditorHoverDiagnosticOnly = 'EditorHoverDiagnosticOnly';
+const EditorLineDecoration = 'EditorLineDecoration';
 const EditorRow = 'EditorRow';
 const EditorRowHighlighted = 'EditorRowHighlighted';
 const EditorSelection = 'EditorSelection';
@@ -12741,6 +12863,7 @@ const kAutoClosingQuotes = 'editor.autoClosingQuotes';
 const kAutoClosingBrackets = 'editor.autoclosingBrackets';
 const kFontWeight = 'editor.fontWeight';
 const kHover = 'editor.hover';
+const kMinimapEnabled = 'editor.minimap.enabled';
 const isAutoClosingBracketsEnabled = async () => {
   return Boolean(await get$3(kAutoClosingBrackets));
 };
@@ -12786,9 +12909,12 @@ const diagnosticsEnabled = async () => {
 const getFontWeight = async () => {
   return (await get$3(kFontWeight)) ?? 400;
 };
+const getMinimapEnabled = async () => {
+  return (await get$3(kMinimapEnabled)) ?? false;
+};
 
 const getEditorPreferences = async () => {
-  const [diagnosticsEnabled$1, fontFamily, fontSize, fontWeight, hoverEnabled, isAutoClosingBracketsEnabled$1, isAutoClosingQuotesEnabled$1, isAutoClosingTagsEnabled$1, isQuickSuggestionsEnabled$1, lineNumbers, rowHeight, tabSize, letterSpacing, completionTriggerCharacters] = await Promise.all([diagnosticsEnabled(), getFontFamily(), getFontSize(), getFontWeight(), getHoverEnabled(), isAutoClosingBracketsEnabled(), isAutoClosingQuotesEnabled(), isAutoClosingTagsEnabled(), isQuickSuggestionsEnabled(), getLineNumbers(), getRowHeight(), getTabSize(), getLetterSpacing(), getCompletionTriggerCharacters()]);
+  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()]);
   return {
     completionTriggerCharacters,
     diagnosticsEnabled: diagnosticsEnabled$1,
@@ -12802,6 +12928,7 @@ const getEditorPreferences = async () => {
     isQuickSuggestionsEnabled: isQuickSuggestionsEnabled$1,
     letterSpacing,
     lineNumbers,
+    minimapEnabled,
     rowHeight,
     tabSize
   };
@@ -12815,6 +12942,7 @@ const handleSettingsChanged = async state => {
     fontSize,
     fontWeight,
     letterSpacing,
+    minimapEnabled,
     rowHeight
   } = editorPreferences;
   const [charWidth, completionsOnTypeRaw] = await Promise.all([measureCharacterWidth(fontWeight, fontSize, fontFamily, letterSpacing), get$3('editor.completionsOnType')]);
@@ -12827,6 +12955,7 @@ const handleSettingsChanged = async state => {
     diagnostics: diagnosticsEnabled ? state.diagnostics : [],
     isMonospaceFont,
     itemHeight: rowHeight,
+    minimapRevision: (state.minimapRevision || 0) + (minimapEnabled ? 1 : 0),
     visualDecorations: diagnosticsEnabled ? state.visualDecorations : []
   };
   return resize(editorWithUpdatedSettings, {}, charWidth);
@@ -13106,6 +13235,7 @@ const loadContent = async (state, savedState) => {
     isQuickSuggestionsEnabled,
     letterSpacing,
     lineNumbers,
+    minimapEnabled,
     rowHeight,
     tabSize
   } = await getEditorPreferences();
@@ -13136,6 +13266,7 @@ const loadContent = async (state, savedState) => {
     letterSpacing,
     lineNumbers,
     loadError: '',
+    minimapEnabled,
     rowHeight,
     tabSize,
     tokenizerId: newTokenizerId
@@ -13305,6 +13436,12 @@ ${editorSelector} .EditorRow {
   height: var(--EditorRowHeight);
   line-height: var(--EditorRowHeight);
 }
+${editorSelector} .EditorLineDecoration {
+  color: var(--EditorInlineBlameForeground, rgba(255, 255, 255, 0.5));
+  font-style: italic;
+  margin-left: 2em;
+  user-select: none;
+}
 ${editorSelector} .R{background-color:#add6ff40}
 ${editorSelector} .ScrollBarThumbVertical {
   height: var(--ScrollBarHeight);
@@ -13618,12 +13755,12 @@ const diffTree = (oldNodes, newNodes) => {
   return removeTrailingNavigationPatches(patches);
 };
 
+const True = 'true';
+
 const Button = 'button';
 const Code = 'code';
 const TextBox = 'textbox';
 
-const True = 'true';
-
 const editorInputNode = {
   childCount: 1,
   className: 'EditorInput',
@@ -13723,17 +13860,24 @@ const getEditorDiagnosticsVirtualDom = diagnostics => {
   }, ...diagnosticsDom];
 };
 
-const getEditorRowsVirtualDom$1 = (textInfos, differences, lineNumbers = true, highlightedLine = -1) => {
+const editorLineDecorationNode = {
+  childCount: 1,
+  className: EditorLineDecoration,
+  type: Span
+};
+const getEditorRowsVirtualDom$1 = (textInfos, differences, lineNumbers = true, highlightedLine = -1, visibleLineIndices = [], endOfLineDecorations = []) => {
   const dom = [];
   for (let i = 0; i < textInfos.length; i++) {
     const textInfo = textInfos[i];
     const difference = differences[i];
+    const rowIndex = visibleLineIndices[i] ?? i;
+    const rowDecorations = endOfLineDecorations.filter(decoration => decoration.rowIndex === rowIndex);
     let className = EditorRow;
     if (i === highlightedLine) {
       className = mergeClassNames(className, EditorRowHighlighted);
     }
     dom.push({
-      childCount: textInfo.length / 2,
+      childCount: textInfo.length / 2 + rowDecorations.length,
       className,
       translate: px(difference),
       type: Div
@@ -13747,12 +13891,15 @@ const getEditorRowsVirtualDom$1 = (textInfos, differences, lineNumbers = true, h
         type: Span
       }, text(tokenText));
     }
+    for (const decoration of rowDecorations) {
+      dom.push(editorLineDecorationNode, text(decoration.text));
+    }
   }
   return dom;
 };
 
-const getEditorRowsVirtualDom = (textInfos, differences, lineNumbers = true, highlightedLine = -1) => {
-  const rowsDom = getEditorRowsVirtualDom$1(textInfos, differences, lineNumbers, highlightedLine);
+const getEditorRowsVirtualDom = (textInfos, differences, lineNumbers = true, highlightedLine = -1, visibleLineIndices = [], endOfLineDecorations = []) => {
+  const rowsDom = getEditorRowsVirtualDom$1(textInfos, differences, lineNumbers, highlightedLine, visibleLineIndices, endOfLineDecorations);
   return [{
     childCount: textInfos.length,
     className: 'EditorRows',
@@ -13910,6 +14057,19 @@ const textEditorErrorMessageNode = {
   className: 'TextEditorErrorMessage',
   type: Div
 };
+const getMinimapVirtualDom = (minimapEnabled, minimapLines, minLineY) => {
+  if (!minimapEnabled) {
+    return [];
+  }
+  return [{
+    ariaHidden: True,
+    childCount: 0,
+    className: 'EditorMinimap',
+    'data-line-count': minimapLines.length,
+    'data-visible-start': minLineY,
+    type: Div
+  }];
+};
 const getEditorVirtualDom = ({
   breakPoints = [],
   cursorInfos = [],
@@ -13920,6 +14080,8 @@ const getEditorVirtualDom = ({
   lineNumbers = true,
   loadError = '',
   maxLineY = 0,
+  minimapEnabled = false,
+  minimapLines = [],
   minLineY = 0,
   scrollBarDiagnostics = [],
   selectionInfos = [],
@@ -13939,8 +14101,9 @@ const getEditorVirtualDom = ({
   const visibleGutterInfos = breakPoints.length > 0 || visibleLineIndices ? getGutterInfos(minLineY, maxLineY, breakPoints, lineNumbers, visibleLineIndices) : gutterInfos;
   const showGutter = lineNumbers || breakPoints.length > 0;
   const gutterDom = showGutter ? getEditorGutterVirtualDom(visibleGutterInfos) : [];
+  const minimapDom = getMinimapVirtualDom(minimapEnabled, minimapLines, minLineY);
   return [{
-    childCount: showGutter ? 2 : 1,
+    childCount: (showGutter ? 2 : 1) + (minimapEnabled ? 1 : 0),
     className: mergeClassNames('Viewlet', 'Editor'),
     'data-uid': uid,
     onContextMenu: HandleContextMenu,
@@ -13955,7 +14118,7 @@ const getEditorVirtualDom = ({
     scrollBarDiagnostics,
     selectionInfos,
     textInfos
-  })];
+  }), ...minimapDom];
 };
 
 const renderedDoms = new Map();
@@ -13991,6 +14154,78 @@ const renderIncremental = (oldState, newState) => {
   return [SetPatches, newState.uid, patches];
 };
 
+const isWhitespace = className => {
+  return className.includes('Whitespace');
+};
+const getLineRectangles = (line, y, height) => {
+  const rectangles = [];
+  let x = 0;
+  for (let i = 0; i < line.length; i += 2) {
+    const length = line[i];
+    const className = line[i + 1];
+    const width$1 = Math.min(length * characterWidth, width - x);
+    if (!isWhitespace(className) && width$1 > 0) {
+      rectangles.push({
+        className,
+        height,
+        width: width$1,
+        x,
+        y
+      });
+    }
+    x += length * characterWidth;
+    if (x >= width) {
+      return rectangles;
+    }
+  }
+  return rectangles;
+};
+const getViewportRectangle = (state, lineCount) => {
+  const {
+    deltaY,
+    finalDeltaY,
+    height,
+    numberOfVisibleLines
+  } = state;
+  const viewportHeight = Math.min(Math.max(numberOfVisibleLines / Math.max(lineCount, 1) * height, minimumViewportHeight), height);
+  const availableHeight = Math.max(height - viewportHeight, 0);
+  const y = finalDeltaY > 0 ? deltaY / finalDeltaY * availableHeight : 0;
+  return {
+    className: 'EditorMinimapViewport',
+    height: viewportHeight,
+    width: width,
+    x: 0,
+    y
+  };
+};
+const getMinimapRectangles = state => {
+  const {
+    height,
+    minimapLines
+  } = state;
+  const lineCount = minimapLines.length;
+  const rectangles = [];
+  if (lineCount > 0 && height > 0) {
+    const rowHeight = Math.min(lineHeight, height / lineCount);
+    for (let lineIndex = 0; lineIndex < lineCount; lineIndex++) {
+      const line = minimapLines[lineIndex];
+      const y = lineIndex * rowHeight;
+      rectangles.push(...getLineRectangles(line, y, rowHeight));
+    }
+  }
+  rectangles.push(getViewportRectangle(state, lineCount));
+  return rectangles;
+};
+
+const renderMinimap = (oldState, newState) => {
+  if (!newState.minimapEnabled) {
+    return [];
+  }
+  const rectangles = getMinimapRectangles(newState);
+  const revision = `${newState.minimapRevision}:${newState.minLineY}`;
+  return ['Viewlet.renderCanvas', newState.uid, '.EditorMinimap', 'EditorMinimapCanvas', width, newState.height, rectangles, revision];
+};
+
 const getRenderer = diffType => {
   switch (diffType) {
     case RenderAdditionalFocusContext:
@@ -14003,6 +14238,8 @@ const getRenderer = diffType => {
       return renderFocusContext$1;
     case RenderIncremental:
       return renderIncremental;
+    case RenderMinimap:
+      return renderMinimap;
     case RenderWidgets:
       return renderWidgets$1;
     default:
@@ -14046,6 +14283,7 @@ const renderLines = {
     }
     const {
       differences,
+      endOfLineDecorations,
       textInfos
     } = newState;
     newState.differences = differences;
@@ -14054,10 +14292,10 @@ const renderLines = {
       visibleLineIndices
     } = newState;
     const relativeLine = visibleLineIndices.indexOf(highlightedLine);
-    const dom = getEditorRowsVirtualDom$1(textInfos, differences, true, relativeLine);
+    const dom = getEditorRowsVirtualDom$1(textInfos, differences, true, relativeLine, visibleLineIndices, endOfLineDecorations);
     return [/* method */'setText', dom];
   },
-  isEqual: (oldState, newState) => oldState.lines === newState.lines && oldState.foldingRanges === newState.foldingRanges && oldState.tokenizerId === newState.tokenizerId && oldState.minLineY === newState.minLineY && oldState.decorations === newState.decorations && oldState.embeds === newState.embeds && oldState.deltaX === newState.deltaX && oldState.width === newState.width && oldState.highlightedLine === newState.highlightedLine && oldState.debugEnabled === newState.debugEnabled
+  isEqual: (oldState, newState) => oldState.lines === newState.lines && oldState.foldingRanges === newState.foldingRanges && oldState.tokenizerId === newState.tokenizerId && oldState.minLineY === newState.minLineY && oldState.decorations === newState.decorations && oldState.embeds === newState.embeds && oldState.endOfLineDecorations === newState.endOfLineDecorations && oldState.deltaX === newState.deltaX && oldState.width === newState.width && oldState.highlightedLine === newState.highlightedLine && oldState.debugEnabled === newState.debugEnabled
 };
 const renderSelections = {
   apply: (oldState, newState) => {
@@ -14073,11 +14311,11 @@ const renderSelections = {
 };
 const renderCss = {
   apply: renderCss$1,
-  isEqual: isEqual$3
+  isEqual: isEqual$4
 };
 const renderFocus$1 = {
   apply: (oldState, newState) => [/* method */'setFocused', newState.focused],
-  isEqual: isEqual$2
+  isEqual: isEqual$3
 };
 const renderFocusContext = {
   apply: (oldState, newState) => [SetFocusContext$1, newState.uid, newState.focus, 0, newState.uid, 'Editor'],
@@ -14085,7 +14323,7 @@ const renderFocusContext = {
 };
 const renderAdditionalFocusContext = {
   apply: renderAdditionalFocusContext$1,
-  isEqual: isEqual$4
+  isEqual: isEqual$5
 };
 const renderDecorations = {
   apply(oldState, newState) {

package/dist/settings.json

@@ -57,9 +57,9 @@
     "category": "text-editor",
     "description": "Controls whether the minimap is shown",
     "heading": "Minimap",
-    "id": "editor.minimap",
+    "id": "editor.minimap.enabled",
     "type": 3,
-    "value": "true"
+    "value": false
   },
   {
     "category": "text-editor",

package/package.json

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