@codingame/monaco-vscode-api 23.2.2 → 24.1.0

package/vscode/src/vs/editor/browser/viewParts/viewLines/viewLines.js

@@ -1,5 +1,5 @@
 
-import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { registerCss } from '../../../../../../../css.js';
 import { MOUSE_CURSOR_TEXT_CSS_CLASS_NAME } from '../../../../base/browser/ui/mouseCursor/mouseCursor.js';
 import { RunOnceScheduler } from '../../../../base/common/async.js';
 import { isLinux } from '../../../../base/common/platform.js';
@@ -159,12 +159,10 @@ class ViewLines extends ViewPart {
         return r;
     }
     onDecorationsChanged(e) {
-        {
-            const rendStartLineNumber = this._visibleLines.getStartLineNumber();
-            const rendEndLineNumber = this._visibleLines.getEndLineNumber();
-            for (let lineNumber = rendStartLineNumber; lineNumber <= rendEndLineNumber; lineNumber++) {
-                this._visibleLines.getVisibleLine(lineNumber).onDecorationsChanged();
-            }
+        const rendStartLineNumber = this._visibleLines.getStartLineNumber();
+        const rendEndLineNumber = this._visibleLines.getEndLineNumber();
+        for (let lineNumber = rendStartLineNumber; lineNumber <= rendEndLineNumber; lineNumber++) {
+            this._visibleLines.getVisibleLine(lineNumber).onDecorationsChanged();
         }
         return true;
     }
@@ -236,7 +234,7 @@ class ViewLines extends ViewPart {
             }
         }
         this.domNode.setWidth(e.scrollWidth);
-        return this._visibleLines.onScrollChanged(e) || true;
+        return this._visibleLines.onScrollChanged(e) || e.scrollTopChanged || e.scrollLeftChanged;
     }
     onTokensChanged(e) {
         return this._visibleLines.onTokensChanged(e);
@@ -307,9 +305,6 @@ class ViewLines extends ViewPart {
         return result;
     }
     linesVisibleRangesForRange(_range, includeNewLines) {
-        if (this.shouldRender()) {
-            return null;
-        }
         const originalEndLineNumber = _range.endLineNumber;
         const range = Range.intersectRanges(_range, this._lastRenderedData.getCurrentVisibleRange());
         if (!range) {
@@ -361,9 +356,6 @@ class ViewLines extends ViewPart {
         return visibleRanges;
     }
     _visibleRangesForLineRange(lineNumber, startColumn, endColumn) {
-        if (this.shouldRender()) {
-            return null;
-        }
         if (lineNumber < this._visibleLines.getStartLineNumber() || lineNumber > this._visibleLines.getEndLineNumber()) {
             return null;
         }
@@ -399,7 +391,7 @@ class ViewLines extends ViewPart {
         if (!domReadingContext.didDomLayout) {
             return;
         }
-        if (this._asyncUpdateLineWidths.isScheduled()) {
+        if (!this._asyncUpdateLineWidths.isScheduled()) {
             return;
         }
         this._asyncUpdateLineWidths.cancel();

package/vscode/src/vs/editor/browser/viewParts/viewLinesGpu/viewLinesGpu.js

@@ -23,6 +23,7 @@ import { ViewportRenderStrategy } from '../../gpu/renderStrategy/viewportRenderS
 import { FullFileRenderStrategy } from '../../gpu/renderStrategy/fullFileRenderStrategy.js';
 import { MutableDisposable } from '../../../../base/common/lifecycle.js';
 import { GlyphRasterizer } from '../../gpu/raster/glyphRasterizer.js';
+import { mainWindow } from '../../../../base/browser/window.js';
 import { autorun } from '../../../../base/common/observableInternal/reactions/autorun.js';
 import { runOnChange } from '../../../../base/common/observableInternal/utils/runOnChange.js';
 
@@ -70,7 +71,7 @@ let ViewLinesGpu = class ViewLinesGpu extends ViewPart {
             this._atlasGpuTextureVersions[1] = 0;
             this._renderStrategy.value.reset();
         }));
-        const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
+        const presentationFormat = mainWindow.navigator.gpu.getPreferredCanvasFormat();
         this._viewGpuContext.ctx.configure({
             device: this._device,
             format: presentationFormat,

package/vscode/src/vs/editor/browser/viewParts/whitespace/whitespace.js

@@ -1,5 +1,5 @@
 
-import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { registerCss } from '../../../../../../../css.js';
 import * as whitespace from './whitespace.css';
 import { DynamicViewOverlay } from '../../view/dynamicViewOverlay.js';
 import { EditorOption } from '../../../common/config/editorOptions.js';
@@ -65,13 +65,6 @@ class WhitespaceOverlay extends DynamicViewOverlay {
             this._renderResult = null;
             return;
         }
-        const startLineNumber = ctx.visibleRange.startLineNumber;
-        const endLineNumber = ctx.visibleRange.endLineNumber;
-        const lineCount = endLineNumber - startLineNumber + 1;
-        const needed = ( new Array(lineCount));
-        for (let i = 0; i < lineCount; i++) {
-            needed[i] = true;
-        }
         this._renderResult = [];
         for (let lineNumber = ctx.viewportData.startLineNumber; lineNumber <= ctx.viewportData.endLineNumber; lineNumber++) {
             const lineIndex = lineNumber - ctx.viewportData.startLineNumber;

package/vscode/src/vs/editor/browser/widget/codeEditor/codeEditorWidget.d.ts

@@ -197,6 +197,7 @@ export declare class CodeEditorWidget extends Disposable implements editorBrowse
     getPosition(): Position | null;
     setPosition(position: IPosition, source?: string): void;
     private _sendRevealRange;
+    revealAllCursors(revealHorizontal: boolean, minimalReveal?: boolean): void;
     revealLine(lineNumber: number, scrollType?: editorCommon.ScrollType): void;
     revealLineInCenter(lineNumber: number, scrollType?: editorCommon.ScrollType): void;
     revealLineInCenterIfOutsideViewport(lineNumber: number, scrollType?: editorCommon.ScrollType): void;
@@ -303,6 +304,7 @@ export declare class CodeEditorWidget extends Disposable implements editorBrowse
         height: number;
     } | null;
     getOffsetForColumn(lineNumber: number, column: number): number;
+    getWidthOfLine(lineNumber: number): number;
     render(forceRedraw?: boolean): void;
     setAriaOptions(options: editorBrowser.IEditorAriaOptions): void;
     applyFontInfo(target: HTMLElement): void;

package/vscode/src/vs/editor/browser/widget/codeEditor/codeEditorWidget.js

@@ -1,5 +1,5 @@
 
-import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { registerCss } from '../../../../../../../css.js';
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
 import '../../services/markerDecorations.js';
 import { DragAndDropObserver, getWindow, scheduleAtNextAnimationFrame } from '../../../../base/browser/dom.js';
@@ -464,8 +464,7 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         if (!this._modelData) {
             return -1;
         }
-        const maxCol = this._modelData.model.getLineMaxColumn(lineNumber);
-        return CodeEditorWidget_1._getVerticalOffsetAfterPosition(this._modelData, lineNumber, maxCol, includeViewZones);
+        return CodeEditorWidget_1._getVerticalOffsetAfterPosition(this._modelData, lineNumber, Number.MAX_SAFE_INTEGER, includeViewZones);
     }
     getLineHeightForPosition(position) {
         if (!this._modelData) {
@@ -530,6 +529,12 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         const viewRange = this._modelData.viewModel.coordinatesConverter.convertModelRangeToViewRange(validatedModelRange);
         this._modelData.viewModel.revealRange('api', revealHorizontal, viewRange, verticalType, scrollType);
     }
+    revealAllCursors(revealHorizontal, minimalReveal) {
+        if (!this._modelData) {
+            return;
+        }
+        this._modelData.viewModel.revealAllCursors('api', revealHorizontal, minimalReveal);
+    }
     revealLine(lineNumber, scrollType = ScrollType.Smooth) {
         this._revealLine(lineNumber, VerticalRevealType.Simple, scrollType);
     }
@@ -1093,6 +1098,10 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
             delete this._decorationTypeKeysToIds[decorationTypeKey];
         }
         if (this._decorationTypeSubtypes.hasOwnProperty(decorationTypeKey)) {
+            const items = this._decorationTypeSubtypes[decorationTypeKey];
+            for (const subType of ( Object.keys(items))) {
+                this._removeDecorationType(decorationTypeKey + '-' + subType);
+            }
             delete this._decorationTypeSubtypes[decorationTypeKey];
         }
     }
@@ -1285,6 +1294,12 @@ let CodeEditorWidget = class CodeEditorWidget extends Disposable {
         }
         return this._modelData.view.getOffsetForColumn(lineNumber, column);
     }
+    getWidthOfLine(lineNumber) {
+        if (!this._modelData || !this._modelData.hasRealView) {
+            return -1;
+        }
+        return this._modelData.view.getLineWidth(lineNumber);
+    }
     render(forceRedraw = false) {
         if (!this._modelData || !this._modelData.hasRealView) {
             return;

package/vscode/src/vs/editor/browser/widget/diffEditor/components/accessibleDiffViewer.js

@@ -1,5 +1,5 @@
 
-import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { registerCss } from '../../../../../../../../css.js';
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
 import { createElement, reset, addStandardDisposableListener, createTextNode, addDisposableListener } from '../../../../../base/browser/dom.js';
 import { createTrustedTypesPolicy } from '../../../../../base/browser/trustedTypes.js';

package/vscode/src/vs/editor/browser/widget/diffEditor/diffEditorWidget.js

@@ -1,5 +1,5 @@
 
-import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { registerCss } from '../../../../../../../css.js';
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
 import { h, getWindow } from '../../../../base/browser/dom.js';
 import { findLast } from '../../../../base/common/arraysFind.js';

package/vscode/src/vs/editor/browser/widget/diffEditor/features/hideUnchangedRegionsFeature.d.ts

@@ -16,7 +16,7 @@ export declare class HideUnchangedRegionsFeature extends Disposable {
     private readonly _diffModel;
     private readonly _options;
     private readonly _instantiationService;
-    private static readonly _breadcrumbsSourceFactory;
+    static readonly _breadcrumbsSourceFactory: import("../../../../../base/common/observable.js").ISettableObservable<(textModel: ITextModel, instantiationService: IInstantiationService) => IDiffEditorBreadcrumbsSource, void>;
     static setBreadcrumbsSourceFactory(factory: (textModel: ITextModel, instantiationService: IInstantiationService) => IDiffEditorBreadcrumbsSource): void;
     private readonly _modifiedOutlineSource;
     readonly viewZones: IObservable<{
@@ -33,4 +33,9 @@ export interface IDiffEditorBreadcrumbsSource extends IDisposable {
         kind: SymbolKind;
         startLineNumber: number;
     }[];
+    getAt(lineNumber: number, reader: IReader): {
+        name: string;
+        kind: SymbolKind;
+        startLineNumber: number;
+    }[];
 }

package/vscode/src/vs/editor/browser/widget/diffEditor/features/hideUnchangedRegionsFeature.js

@@ -19,8 +19,8 @@ import { SymbolKinds } from '../../../../common/languages.js';
 import { observableCodeEditor } from '../../../observableCodeEditor.js';
 import { RevealPreference } from '../diffEditorViewModel.js';
 import { PlaceholderViewZone, applyObservableDecorations, ViewZoneOverlayWidget, applyStyle } from '../utils.js';
-import { observableValue } from '../../../../../base/common/observableInternal/observables/observableValue.js';
 import { derivedDisposable, derived } from '../../../../../base/common/observableInternal/observables/derived.js';
+import { observableValue } from '../../../../../base/common/observableInternal/observables/observableValue.js';
 import { transaction } from '../../../../../base/common/observableInternal/transaction.js';
 import { autorun } from '../../../../../base/common/observableInternal/reactions/autorun.js';
 
@@ -33,6 +33,7 @@ let HideUnchangedRegionsFeature = class HideUnchangedRegionsFeature extends Disp
         getBreadcrumbItems(startRange, reader) {
             return [];
         },
+        getAt: () => [],
     })); }
     static setBreadcrumbsSourceFactory(factory) {
         this._breadcrumbsSourceFactory.set(factory, undefined);

package/vscode/src/vs/editor/browser/widget/markdownRenderer/browser/editorMarkdownCodeBlockRenderer.js

@@ -1,5 +1,5 @@
 
-import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { registerCss } from '../../../../../../../../css.js';
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
 import { createElement, isHTMLElement } from '../../../../../base/browser/dom.js';
 import { createTrustedTypesPolicy } from '../../../../../base/browser/trustedTypes.js';

package/vscode/src/vs/editor/browser/widget/multiDiffEditor/colors.d.ts

@@ -0,0 +1,3 @@
+export declare const multiDiffEditorHeaderBackground: string;
+export declare const multiDiffEditorBackground: string;
+export declare const multiDiffEditorBorder: string;

package/vscode/src/vs/editor/browser/widget/multiDiffEditor/colors.js

@@ -0,0 +1,17 @@
+
+import { localize } from '../../../../nls.js';
+import { registerColor } from '../../../../platform/theme/common/colorUtils.js';
+import '../../../../platform/theme/common/colors/baseColors.js';
+import '../../../../platform/theme/common/colors/chartsColors.js';
+import { editorBackground } from '../../../../platform/theme/common/colors/editorColors.js';
+import '../../../../platform/theme/common/colors/inputColors.js';
+import '../../../../platform/theme/common/colors/listColors.js';
+import '../../../../platform/theme/common/colors/menuColors.js';
+import '../../../../platform/theme/common/colors/minimapColors.js';
+import '../../../../platform/theme/common/colors/miscColors.js';
+import '../../../../platform/theme/common/colors/quickpickColors.js';
+import '../../../../platform/theme/common/colors/searchColors.js';
+
+registerColor('multiDiffEditor.headerBackground', { dark: '#262626', light: 'tab.inactiveBackground', hcDark: 'tab.inactiveBackground', hcLight: 'tab.inactiveBackground', }, ( localize(207, 'The background color of the diff editor\'s header')));
+registerColor('multiDiffEditor.background', editorBackground, ( localize(208, 'The background color of the multi file diff editor')));
+registerColor('multiDiffEditor.border', { dark: 'sideBarSectionHeader.border', light: '#cccccc', hcDark: 'sideBarSectionHeader.border', hcLight: '#cccccc', }, ( localize(209, 'The border color of the multi file diff editor')));

package/vscode/src/vs/editor/browser/widget/multiDiffEditor/diffEditorItemTemplate.d.ts

@@ -0,0 +1,51 @@
+import { Disposable } from "../../../../base/common/lifecycle.js";
+import { IContextKeyService } from "../../../../platform/contextkey/common/contextkey.service.js";
+import { IInstantiationService } from "../../../../platform/instantiation/common/instantiation.js";
+import { OffsetRange } from "../../../common/core/ranges/offsetRange.js";
+import { DiffEditorWidget } from "../diffEditor/diffEditorWidget.js";
+import { DocumentDiffItemViewModel } from "./multiDiffEditorViewModel.js";
+import { IObjectData, IPooledObject } from "./objectPool.js";
+import { IWorkbenchUIElementFactory } from "./workbenchUIElementFactory.js";
+export declare class TemplateData implements IObjectData {
+    readonly viewModel: DocumentDiffItemViewModel;
+    readonly deltaScrollVertical: (delta: number) => void;
+    constructor(viewModel: DocumentDiffItemViewModel, deltaScrollVertical: (delta: number) => void);
+    getId(): unknown;
+}
+export declare class DiffEditorItemTemplate extends Disposable implements IPooledObject<TemplateData> {
+    private readonly _container;
+    private readonly _overflowWidgetsDomNode;
+    private readonly _workbenchUIElementFactory;
+    private readonly _instantiationService;
+    private readonly _viewModel;
+    private readonly _collapsed;
+    private readonly _editorContentHeight;
+    readonly contentHeight: import("../../../../base/common/observable.js").IObservableWithChange<number, void>;
+    private readonly _modifiedContentWidth;
+    private readonly _modifiedWidth;
+    private readonly _originalContentWidth;
+    private readonly _originalWidth;
+    readonly maxScroll: import("../../../../base/common/observable.js").IObservableWithChange<{
+        maxScroll: number;
+        width: number;
+    }, void>;
+    private readonly _elements;
+    readonly editor: DiffEditorWidget;
+    private readonly isModifedFocused;
+    private readonly isOriginalFocused;
+    readonly isFocused: import("../../../../base/common/observable.js").IObservableWithChange<boolean, void>;
+    private readonly _resourceLabel;
+    private readonly _resourceLabel2;
+    private readonly _outerEditorHeight;
+    private readonly _contextKeyService;
+    constructor(_container: HTMLElement, _overflowWidgetsDomNode: HTMLElement, _workbenchUIElementFactory: IWorkbenchUIElementFactory, _instantiationService: IInstantiationService, _parentContextKeyService: IContextKeyService);
+    setScrollLeft(left: number): void;
+    private readonly _dataStore;
+    private _data;
+    setData(data: TemplateData | undefined): void;
+    private readonly _headerHeight;
+    private _lastScrollTop;
+    private _isSettingScrollTop;
+    render(verticalRange: OffsetRange, width: number, editorScroll: number, viewPort: OffsetRange): void;
+    hide(): void;
+}

package/vscode/src/vs/editor/browser/widget/multiDiffEditor/diffEditorItemTemplate.js

@@ -0,0 +1,264 @@
+
+import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
+import { h } from '../../../../base/browser/dom.js';
+import { Button } from '../../../../base/browser/ui/button/button.js';
+import { Codicon } from '../../../../base/common/codicons.js';
+import { Disposable, DisposableStore } from '../../../../base/common/lifecycle.js';
+import '../../../../base/common/observableInternal/index.js';
+import { createActionViewItem } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
+import { MenuWorkbenchToolBar } from '../../../../platform/actions/browser/toolbar.js';
+import { MenuId } from '../../../../platform/actions/common/actions.js';
+import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.service.js';
+import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
+import { ServiceCollection } from '../../../../platform/instantiation/common/serviceCollection.js';
+import { observableCodeEditor } from '../../observableCodeEditor.js';
+import { DiffEditorWidget } from '../diffEditor/diffEditorWidget.js';
+import { ActionRunnerWithContext } from './utils.js';
+import { globalTransaction } from '../../../../base/common/observableInternal/transaction.js';
+import { observableValue } from '../../../../base/common/observableInternal/observables/observableValue.js';
+import { derived } from '../../../../base/common/observableInternal/observables/derived.js';
+import { autorun } from '../../../../base/common/observableInternal/reactions/autorun.js';
+
+class TemplateData {
+    constructor(viewModel, deltaScrollVertical) {
+        this.viewModel = viewModel;
+        this.deltaScrollVertical = deltaScrollVertical;
+    }
+    getId() {
+        return this.viewModel;
+    }
+}
+let DiffEditorItemTemplate = class DiffEditorItemTemplate extends Disposable {
+    constructor(_container, _overflowWidgetsDomNode, _workbenchUIElementFactory, _instantiationService, _parentContextKeyService) {
+        super();
+        this._container = _container;
+        this._overflowWidgetsDomNode = _overflowWidgetsDomNode;
+        this._workbenchUIElementFactory = _workbenchUIElementFactory;
+        this._instantiationService = _instantiationService;
+        this._viewModel = observableValue(this, undefined);
+        this._collapsed = derived(this, reader => this._viewModel.read(reader)?.collapsed.read(reader));
+        this._editorContentHeight = observableValue(this, 500);
+        this.contentHeight = derived(this, reader => {
+            const h = this._collapsed.read(reader) ? 0 : this._editorContentHeight.read(reader);
+            return h + this._outerEditorHeight;
+        });
+        this._modifiedContentWidth = observableValue(this, 0);
+        this._modifiedWidth = observableValue(this, 0);
+        this._originalContentWidth = observableValue(this, 0);
+        this._originalWidth = observableValue(this, 0);
+        this.maxScroll = derived(this, reader => {
+            const scroll1 = this._modifiedContentWidth.read(reader) - this._modifiedWidth.read(reader);
+            const scroll2 = this._originalContentWidth.read(reader) - this._originalWidth.read(reader);
+            if (scroll1 > scroll2) {
+                return { maxScroll: scroll1, width: this._modifiedWidth.read(reader) };
+            }
+            else {
+                return { maxScroll: scroll2, width: this._originalWidth.read(reader) };
+            }
+        });
+        this._elements = h('div.multiDiffEntry', [
+            h('div.header@header', [
+                h('div.header-content', [
+                    h('div.collapse-button@collapseButton'),
+                    h('div.file-path', [
+                        h('div.title.modified.show-file-icons@primaryPath', []),
+                        h('div.status.deleted@status', ['R']),
+                        h('div.title.original.show-file-icons@secondaryPath', []),
+                    ]),
+                    h('div.actions@actions'),
+                ]),
+            ]),
+            h('div.editorParent', [
+                h('div.editorContainer@editor'),
+            ])
+        ]);
+        this.editor = this._register(this._instantiationService.createInstance(DiffEditorWidget, this._elements.editor, {
+            overflowWidgetsDomNode: this._overflowWidgetsDomNode,
+            fixedOverflowWidgets: true
+        }, {}));
+        this.isModifedFocused = observableCodeEditor(this.editor.getModifiedEditor()).isFocused;
+        this.isOriginalFocused = observableCodeEditor(this.editor.getOriginalEditor()).isFocused;
+        this.isFocused = derived(this, reader => this.isModifedFocused.read(reader) || this.isOriginalFocused.read(reader));
+        this._resourceLabel = this._workbenchUIElementFactory.createResourceLabel
+            ? this._register(this._workbenchUIElementFactory.createResourceLabel(this._elements.primaryPath))
+            : undefined;
+        this._resourceLabel2 = this._workbenchUIElementFactory.createResourceLabel
+            ? this._register(this._workbenchUIElementFactory.createResourceLabel(this._elements.secondaryPath))
+            : undefined;
+        this._dataStore = this._register(( new DisposableStore()));
+        this._headerHeight = 40;
+        this._lastScrollTop = -1;
+        this._isSettingScrollTop = false;
+        const btn = ( new Button(this._elements.collapseButton, {}));
+        this._register(autorun(reader => {
+            btn.element.className = '';
+            btn.icon = this._collapsed.read(reader) ? Codicon.chevronRight : Codicon.chevronDown;
+        }));
+        this._register(btn.onDidClick(() => {
+            this._viewModel.get()?.collapsed.set(!this._collapsed.get(), undefined);
+        }));
+        this._register(autorun(reader => {
+            this._elements.editor.style.display = this._collapsed.read(reader) ? 'none' : 'block';
+        }));
+        this._register(this.editor.getModifiedEditor().onDidLayoutChange(e => {
+            const width = this.editor.getModifiedEditor().getLayoutInfo().contentWidth;
+            this._modifiedWidth.set(width, undefined);
+        }));
+        this._register(this.editor.getOriginalEditor().onDidLayoutChange(e => {
+            const width = this.editor.getOriginalEditor().getLayoutInfo().contentWidth;
+            this._originalWidth.set(width, undefined);
+        }));
+        this._register(this.editor.onDidContentSizeChange(e => {
+            globalTransaction(tx => {
+                this._editorContentHeight.set(e.contentHeight, tx);
+                this._modifiedContentWidth.set(this.editor.getModifiedEditor().getContentWidth(), tx);
+                this._originalContentWidth.set(this.editor.getOriginalEditor().getContentWidth(), tx);
+            });
+        }));
+        this._register(this.editor.getOriginalEditor().onDidScrollChange(e => {
+            if (this._isSettingScrollTop) {
+                return;
+            }
+            if (!e.scrollTopChanged || !this._data) {
+                return;
+            }
+            const delta = e.scrollTop - this._lastScrollTop;
+            this._data.deltaScrollVertical(delta);
+        }));
+        this._register(autorun(reader => {
+            const isActive = this._viewModel.read(reader)?.isActive.read(reader);
+            this._elements.root.classList.toggle('active', isActive);
+        }));
+        this._container.appendChild(this._elements.root);
+        this._outerEditorHeight = this._headerHeight;
+        this._contextKeyService = this._register(_parentContextKeyService.createScoped(this._elements.actions));
+        const instantiationService = this._register(this._instantiationService.createChild(( new ServiceCollection([IContextKeyService, this._contextKeyService]))));
+        this._register(instantiationService.createInstance(MenuWorkbenchToolBar, this._elements.actions, MenuId.MultiDiffEditorFileToolbar, {
+            actionRunner: this._register(( new ActionRunnerWithContext(
+                () => (this._viewModel.get()?.modifiedUri ?? this._viewModel.get()?.originalUri)
+            ))),
+            menuOptions: {
+                shouldForwardArgs: true,
+            },
+            toolbarOptions: { primaryGroup: g => g.startsWith('navigation') },
+            actionViewItemProvider: (action, options) => createActionViewItem(instantiationService, action, options),
+        }));
+    }
+    setScrollLeft(left) {
+        if (this._modifiedContentWidth.get() - this._modifiedWidth.get() > this._originalContentWidth.get() - this._originalWidth.get()) {
+            this.editor.getModifiedEditor().setScrollLeft(left);
+        }
+        else {
+            this.editor.getOriginalEditor().setScrollLeft(left);
+        }
+    }
+    setData(data) {
+        this._data = data;
+        function updateOptions(options) {
+            return {
+                ...options,
+                scrollBeyondLastLine: false,
+                hideUnchangedRegions: {
+                    enabled: true,
+                },
+                scrollbar: {
+                    vertical: 'hidden',
+                    horizontal: 'hidden',
+                    handleMouseWheel: false,
+                    useShadows: false,
+                },
+                renderOverviewRuler: false,
+                fixedOverflowWidgets: true,
+                overviewRulerBorder: false,
+            };
+        }
+        if (!data) {
+            globalTransaction(tx => {
+                this._viewModel.set(undefined, tx);
+                this.editor.setDiffModel(null, tx);
+                this._dataStore.clear();
+            });
+            return;
+        }
+        const value = data.viewModel.documentDiffItem;
+        globalTransaction(tx => {
+            this._resourceLabel?.setUri(data.viewModel.modifiedUri ?? data.viewModel.originalUri, { strikethrough: data.viewModel.modifiedUri === undefined });
+            let isRenamed = false;
+            let isDeleted = false;
+            let isAdded = false;
+            let flag = '';
+            if (data.viewModel.modifiedUri && data.viewModel.originalUri && data.viewModel.modifiedUri.path !== data.viewModel.originalUri.path) {
+                flag = 'R';
+                isRenamed = true;
+            }
+            else if (!data.viewModel.modifiedUri) {
+                flag = 'D';
+                isDeleted = true;
+            }
+            else if (!data.viewModel.originalUri) {
+                flag = 'A';
+                isAdded = true;
+            }
+            this._elements.status.classList.toggle('renamed', isRenamed);
+            this._elements.status.classList.toggle('deleted', isDeleted);
+            this._elements.status.classList.toggle('added', isAdded);
+            this._elements.status.innerText = flag;
+            this._resourceLabel2?.setUri(isRenamed ? data.viewModel.originalUri : undefined, { strikethrough: true });
+            this._dataStore.clear();
+            this._viewModel.set(data.viewModel, tx);
+            this.editor.setDiffModel(data.viewModel.diffEditorViewModelRef, tx);
+            this.editor.updateOptions(updateOptions(value.options ?? {}));
+        });
+        if (value.onOptionsDidChange) {
+            this._dataStore.add(value.onOptionsDidChange(() => {
+                this.editor.updateOptions(updateOptions(value.options ?? {}));
+            }));
+        }
+        data.viewModel.isAlive.recomputeInitiallyAndOnChange(this._dataStore, value => {
+            if (!value) {
+                this.setData(undefined);
+            }
+        });
+        if (data.viewModel.documentDiffItem.contextKeys) {
+            for (const [key, value] of Object.entries(data.viewModel.documentDiffItem.contextKeys)) {
+                this._contextKeyService.createKey(key, value);
+            }
+        }
+    }
+    render(verticalRange, width, editorScroll, viewPort) {
+        this._elements.root.style.visibility = 'visible';
+        this._elements.root.style.top = `${verticalRange.start}px`;
+        this._elements.root.style.height = `${verticalRange.length}px`;
+        this._elements.root.style.width = `${width}px`;
+        this._elements.root.style.position = 'absolute';
+        const maxDelta = verticalRange.length - this._headerHeight;
+        const delta = Math.max(0, Math.min(viewPort.start - verticalRange.start, maxDelta));
+        this._elements.header.style.transform = `translateY(${delta}px)`;
+        globalTransaction(tx => {
+            this.editor.layout({
+                width: width - 2 * 8 - 2 * 1,
+                height: verticalRange.length - this._outerEditorHeight,
+            });
+        });
+        try {
+            this._isSettingScrollTop = true;
+            this._lastScrollTop = editorScroll;
+            this.editor.getOriginalEditor().setScrollTop(editorScroll);
+        }
+        finally {
+            this._isSettingScrollTop = false;
+        }
+        this._elements.header.classList.toggle('shadow', delta > 0 || editorScroll > 0);
+        this._elements.header.classList.toggle('collapsed', delta === maxDelta);
+    }
+    hide() {
+        this._elements.root.style.top = `-100000px`;
+        this._elements.root.style.visibility = 'hidden';
+    }
+};
+DiffEditorItemTemplate = ( __decorate([
+    ( __param(3, IInstantiationService)),
+    ( __param(4, IContextKeyService))
+], DiffEditorItemTemplate));
+
+export { DiffEditorItemTemplate, TemplateData };

package/vscode/src/vs/editor/browser/widget/multiDiffEditor/model.d.ts

@@ -0,0 +1,22 @@
+import { Event, IValueWithChangeEvent } from "../../../../base/common/event.js";
+import { RefCounted } from "../diffEditor/utils.js";
+import { IDiffEditorOptions } from "../../../common/config/editorOptions.js";
+import { ITextModel } from "../../../common/model.js";
+import { ContextKeyValue } from "../../../../platform/contextkey/common/contextkey.js";
+export interface IMultiDiffEditorModel {
+    readonly documents: IValueWithChangeEvent<readonly RefCounted<IDocumentDiffItem>[] | "loading">;
+    readonly contextKeys?: Record<string, ContextKeyValue>;
+}
+export interface IDocumentDiffItem {
+    /**
+     * undefined if the file was created.
+     */
+    readonly original: ITextModel | undefined;
+    /**
+     * undefined if the file was deleted.
+     */
+    readonly modified: ITextModel | undefined;
+    readonly options?: IDiffEditorOptions;
+    readonly onOptionsDidChange?: Event<void>;
+    readonly contextKeys?: Record<string, ContextKeyValue>;
+}