@codingame/monaco-vscode-api 9.0.2 → 10.0.0

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

@@ -1,7 +1,6 @@
 import './rulers.css.js';
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { ViewPart } from '../../view/viewPart.js';
-import { EditorOption } from '../../../common/config/editorOptions.js';
 class Rulers extends ViewPart {
     constructor(context) {
         super(context);
@@ -11,16 +10,16 @@ class Rulers extends ViewPart {
         this.domNode.setClassName('view-rulers');
         this._renderedRulers = [];
         const options = this._context.configuration.options;
-        this._rulers = options.get(EditorOption.rulers);
-        this._typicalHalfwidthCharacterWidth = options.get(EditorOption.fontInfo).typicalHalfwidthCharacterWidth;
+        this._rulers = options.get(105 );
+        this._typicalHalfwidthCharacterWidth = options.get(52 ).typicalHalfwidthCharacterWidth;
     }
     dispose() {
         super.dispose();
     }
     onConfigurationChanged(e) {
         const options = this._context.configuration.options;
-        this._rulers = options.get(EditorOption.rulers);
-        this._typicalHalfwidthCharacterWidth = options.get(EditorOption.fontInfo).typicalHalfwidthCharacterWidth;
+        this._rulers = options.get(105 );
+        this._typicalHalfwidthCharacterWidth = options.get(52 ).typicalHalfwidthCharacterWidth;
         return true;
     }
     onScrollChanged(e) {

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

@@ -0,0 +1,57 @@
+import { ViewPart } from '../../view/viewPart.js';
+import { Color } from '../../../../base/common/color.js';
+import { editorRuler } from '../../../common/core/editorColorRegistry.js';
+import '../../../../base/common/arrays.js';
+import '../../../../base/common/event.js';
+import '../../../../base/common/lifecycle.js';
+import { autorun } from '../../../../base/common/observableInternal/autorun.js';
+import '../../../../base/common/observableInternal/derived.js';
+import '../../../../base/common/cancellation.js';
+import '../../../../base/common/observableInternal/utils.js';
+class RulersGpu extends ViewPart {
+    constructor(context, _viewGpuContext) {
+        super(context);
+        this._viewGpuContext = _viewGpuContext;
+        this._gpuShapes = [];
+        this._register(autorun(reader => this._updateEntries(reader)));
+    }
+    onConfigurationChanged(e) {
+        this._updateEntries(undefined);
+        return true;
+    }
+    prepareRender(ctx) {
+    }
+    render(ctx) {
+    }
+    _updateEntries(reader) {
+        const options = this._context.configuration.options;
+        const rulers = options.get(105 );
+        const typicalHalfwidthCharacterWidth = options.get(52 ).typicalHalfwidthCharacterWidth;
+        const devicePixelRatio = this._viewGpuContext.devicePixelRatio.read(reader);
+        for (let i = 0, len = rulers.length; i < len; i++) {
+            const ruler = rulers[i];
+            const shape = this._gpuShapes[i];
+            const color = ruler.color ? ( Color.fromHex(ruler.color)) : this._context.theme.getColor(editorRuler) ?? Color.white;
+            const rulerData = [
+                ruler.column * typicalHalfwidthCharacterWidth * devicePixelRatio,
+                0,
+                Math.max(1, Math.ceil(devicePixelRatio)),
+                Number.MAX_SAFE_INTEGER,
+                color.rgba.r / 255,
+                color.rgba.g / 255,
+                color.rgba.b / 255,
+                color.rgba.a,
+            ];
+            if (!shape) {
+                this._gpuShapes[i] = this._viewGpuContext.rectangleRenderer.register(...rulerData);
+            }
+            else {
+                shape.setRaw(rulerData);
+            }
+        }
+        while (this._gpuShapes.length > rulers.length) {
+            this._gpuShapes.splice(-1, 1)[0].dispose();
+        }
+    }
+}
+export { RulersGpu };

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

@@ -1,7 +1,6 @@
 import './scrollDecoration.css.js';
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { ViewPart } from '../../view/viewPart.js';
-import { EditorOption } from '../../../common/config/editorOptions.js';
 class ScrollDecorationViewPart extends ViewPart {
     constructor(context) {
         super(context);
@@ -10,7 +9,7 @@ class ScrollDecorationViewPart extends ViewPart {
         this._updateWidth();
         this._shouldShow = false;
         const options = this._context.configuration.options;
-        const scrollbar = options.get(EditorOption.scrollbar);
+        const scrollbar = options.get(106 );
         this._useShadows = scrollbar.useShadows;
         this._domNode = createFastDomNode(document.createElement('div'));
         this._domNode.setAttribute('role', 'presentation');
@@ -32,7 +31,7 @@ class ScrollDecorationViewPart extends ViewPart {
     }
     _updateWidth() {
         const options = this._context.configuration.options;
-        const layoutInfo = options.get(EditorOption.layoutInfo);
+        const layoutInfo = options.get(148 );
         if (layoutInfo.minimap.renderMinimap === 0 || (layoutInfo.minimap.minimapWidth > 0 && layoutInfo.minimap.minimapLeft === 0)) {
             this._width = layoutInfo.width;
         }
@@ -42,7 +41,7 @@ class ScrollDecorationViewPart extends ViewPart {
     }
     onConfigurationChanged(e) {
         const options = this._context.configuration.options;
-        const scrollbar = options.get(EditorOption.scrollbar);
+        const scrollbar = options.get(106 );
         this._useShadows = scrollbar.useShadows;
         this._updateWidth();
         this._updateShouldShow();

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

@@ -12,13 +12,6 @@ import '../../../../platform/theme/common/colors/miscColors.js';
 import '../../../../platform/theme/common/colors/quickpickColors.js';
 import '../../../../platform/theme/common/colors/searchColors.js';
 import { registerThemingParticipant } from '../../../../platform/theme/common/themeService.js';
-import { EditorOption } from '../../../common/config/editorOptions.js';
-var CornerStyle;
-( (function(CornerStyle) {
-    CornerStyle[CornerStyle["EXTERN"] = 0] = "EXTERN";
-    CornerStyle[CornerStyle["INTERN"] = 1] = "INTERN";
-    CornerStyle[CornerStyle["FLAT"] = 2] = "FLAT";
-})(CornerStyle || (CornerStyle = {})));
 class HorizontalRangeWithStyle {
     constructor(other) {
         this.left = other.left;
@@ -52,8 +45,8 @@ class SelectionsOverlay extends DynamicViewOverlay {
         this._previousFrameVisibleRangesWithStyle = [];
         this._context = context;
         const options = this._context.configuration.options;
-        this._roundedSelection = options.get(EditorOption.roundedSelection);
-        this._typicalHalfwidthCharacterWidth = options.get(EditorOption.fontInfo).typicalHalfwidthCharacterWidth;
+        this._roundedSelection = options.get(104 );
+        this._typicalHalfwidthCharacterWidth = options.get(52 ).typicalHalfwidthCharacterWidth;
         this._selections = [];
         this._renderResult = null;
         this._context.addEventHandler(this);
@@ -65,8 +58,8 @@ class SelectionsOverlay extends DynamicViewOverlay {
     }
     onConfigurationChanged(e) {
         const options = this._context.configuration.options;
-        this._roundedSelection = options.get(EditorOption.roundedSelection);
-        this._typicalHalfwidthCharacterWidth = options.get(EditorOption.fontInfo).typicalHalfwidthCharacterWidth;
+        this._roundedSelection = options.get(104 );
+        this._typicalHalfwidthCharacterWidth = options.get(52 ).typicalHalfwidthCharacterWidth;
         return true;
     }
     onCursorStateChanged(e) {
@@ -136,27 +129,27 @@ class SelectionsOverlay extends DynamicViewOverlay {
             const curLeft = curLineRange.left;
             const curRight = curLineRange.left + curLineRange.width;
             const startStyle = {
-                top: CornerStyle.EXTERN,
-                bottom: CornerStyle.EXTERN
+                top: 0 ,
+                bottom: 0
             };
             const endStyle = {
-                top: CornerStyle.EXTERN,
-                bottom: CornerStyle.EXTERN
+                top: 0 ,
+                bottom: 0
             };
             if (i > 0) {
                 const prevLeft = linesVisibleRanges[i - 1].ranges[0].left;
                 const prevRight = linesVisibleRanges[i - 1].ranges[0].left + linesVisibleRanges[i - 1].ranges[0].width;
                 if (abs(curLeft - prevLeft) < epsilon) {
-                    startStyle.top = CornerStyle.FLAT;
+                    startStyle.top = 2 ;
                 }
                 else if (curLeft > prevLeft) {
-                    startStyle.top = CornerStyle.INTERN;
+                    startStyle.top = 1 ;
                 }
                 if (abs(curRight - prevRight) < epsilon) {
-                    endStyle.top = CornerStyle.FLAT;
+                    endStyle.top = 2 ;
                 }
                 else if (prevLeft < curRight && curRight < prevRight) {
-                    endStyle.top = CornerStyle.INTERN;
+                    endStyle.top = 1 ;
                 }
             }
             else if (previousFrameTop) {
@@ -167,16 +160,16 @@ class SelectionsOverlay extends DynamicViewOverlay {
                 const nextLeft = linesVisibleRanges[i + 1].ranges[0].left;
                 const nextRight = linesVisibleRanges[i + 1].ranges[0].left + linesVisibleRanges[i + 1].ranges[0].width;
                 if (abs(curLeft - nextLeft) < epsilon) {
-                    startStyle.bottom = CornerStyle.FLAT;
+                    startStyle.bottom = 2 ;
                 }
                 else if (nextLeft < curLeft && curLeft < nextRight) {
-                    startStyle.bottom = CornerStyle.INTERN;
+                    startStyle.bottom = 1 ;
                 }
                 if (abs(curRight - nextRight) < epsilon) {
-                    endStyle.bottom = CornerStyle.FLAT;
+                    endStyle.bottom = 2 ;
                 }
                 else if (curRight < nextRight) {
-                    endStyle.bottom = CornerStyle.INTERN;
+                    endStyle.bottom = 1 ;
                 }
             }
             else if (previousFrameBottom) {
@@ -225,24 +218,24 @@ class SelectionsOverlay extends DynamicViewOverlay {
                 if (visibleRangesHaveStyle) {
                     const startStyle = visibleRange.startStyle;
                     const endStyle = visibleRange.endStyle;
-                    if (startStyle.top === CornerStyle.INTERN || startStyle.bottom === CornerStyle.INTERN) {
+                    if (startStyle.top === 1  || startStyle.bottom === 1 ) {
                         innerCornerOutput += this._createSelectionPiece(top, bottom, SelectionsOverlay.SELECTION_CLASS_NAME, visibleRange.left - SelectionsOverlay.ROUNDED_PIECE_WIDTH, SelectionsOverlay.ROUNDED_PIECE_WIDTH);
                         let className = SelectionsOverlay.EDITOR_BACKGROUND_CLASS_NAME;
-                        if (startStyle.top === CornerStyle.INTERN) {
+                        if (startStyle.top === 1 ) {
                             className += ' ' + SelectionsOverlay.SELECTION_TOP_RIGHT;
                         }
-                        if (startStyle.bottom === CornerStyle.INTERN) {
+                        if (startStyle.bottom === 1 ) {
                             className += ' ' + SelectionsOverlay.SELECTION_BOTTOM_RIGHT;
                         }
                         innerCornerOutput += this._createSelectionPiece(top, bottom, className, visibleRange.left - SelectionsOverlay.ROUNDED_PIECE_WIDTH, SelectionsOverlay.ROUNDED_PIECE_WIDTH);
                     }
-                    if (endStyle.top === CornerStyle.INTERN || endStyle.bottom === CornerStyle.INTERN) {
+                    if (endStyle.top === 1  || endStyle.bottom === 1 ) {
                         innerCornerOutput += this._createSelectionPiece(top, bottom, SelectionsOverlay.SELECTION_CLASS_NAME, visibleRange.left + visibleRange.width, SelectionsOverlay.ROUNDED_PIECE_WIDTH);
                         let className = SelectionsOverlay.EDITOR_BACKGROUND_CLASS_NAME;
-                        if (endStyle.top === CornerStyle.INTERN) {
+                        if (endStyle.top === 1 ) {
                             className += ' ' + SelectionsOverlay.SELECTION_TOP_LEFT;
                         }
-                        if (endStyle.bottom === CornerStyle.INTERN) {
+                        if (endStyle.bottom === 1 ) {
                             className += ' ' + SelectionsOverlay.SELECTION_BOTTOM_LEFT;
                         }
                         innerCornerOutput += this._createSelectionPiece(top, bottom, className, visibleRange.left + visibleRange.width, SelectionsOverlay.ROUNDED_PIECE_WIDTH);
@@ -252,16 +245,16 @@ class SelectionsOverlay extends DynamicViewOverlay {
                 if (visibleRangesHaveStyle) {
                     const startStyle = visibleRange.startStyle;
                     const endStyle = visibleRange.endStyle;
-                    if (startStyle.top === CornerStyle.EXTERN) {
+                    if (startStyle.top === 0 ) {
                         className += ' ' + SelectionsOverlay.SELECTION_TOP_LEFT;
                     }
-                    if (startStyle.bottom === CornerStyle.EXTERN) {
+                    if (startStyle.bottom === 0 ) {
                         className += ' ' + SelectionsOverlay.SELECTION_BOTTOM_LEFT;
                     }
-                    if (endStyle.top === CornerStyle.EXTERN) {
+                    if (endStyle.top === 0 ) {
                         className += ' ' + SelectionsOverlay.SELECTION_TOP_RIGHT;
                     }
-                    if (endStyle.bottom === CornerStyle.EXTERN) {
+                    if (endStyle.bottom === 0 ) {
                         className += ' ' + SelectionsOverlay.SELECTION_BOTTOM_RIGHT;
                     }
                 }

package/vscode/src/vs/editor/browser/viewParts/viewCursors/viewCursor.js

@@ -2,7 +2,7 @@ import { getWindow, computeScreenAwareSize } from '../../../../base/browser/dom.
 import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { getCharContainingOffset } from '../../../../base/common/strings.js';
 import { applyFontInfo } from '../../config/domFontInfo.js';
-import { EditorOption, TextEditorCursorStyle } from '../../../common/config/editorOptions.js';
+import { TextEditorCursorStyle } from '../../../common/config/editorOptions.js';
 import { Position } from '../../../common/core/position.js';
 import { Range } from '../../../common/core/range.js';
 import { MOUSE_CURSOR_TEXT_CSS_CLASS_NAME } from '../../../../base/browser/ui/mouseCursor/mouseCursor.js';
@@ -27,11 +27,11 @@ class ViewCursor {
     constructor(context, plurality) {
         this._context = context;
         const options = this._context.configuration.options;
-        const fontInfo = options.get(EditorOption.fontInfo);
-        this._cursorStyle = options.get(EditorOption.cursorStyle);
-        this._lineHeight = options.get(EditorOption.lineHeight);
+        const fontInfo = options.get(52 );
+        this._cursorStyle = options.get(28 );
+        this._lineHeight = options.get(69 );
         this._typicalHalfwidthCharacterWidth = fontInfo.typicalHalfwidthCharacterWidth;
-        this._lineCursorWidth = Math.min(options.get(EditorOption.cursorWidth), this._typicalHalfwidthCharacterWidth);
+        this._lineCursorWidth = Math.min(options.get(31 ), this._typicalHalfwidthCharacterWidth);
         this._isVisible = true;
         this._domNode = createFastDomNode(document.createElement('div'));
         this._domNode.setClassName(`cursor ${MOUSE_CURSOR_TEXT_CSS_CLASS_NAME}`);
@@ -80,11 +80,11 @@ class ViewCursor {
     }
     onConfigurationChanged(e) {
         const options = this._context.configuration.options;
-        const fontInfo = options.get(EditorOption.fontInfo);
-        this._cursorStyle = options.get(EditorOption.cursorStyle);
-        this._lineHeight = options.get(EditorOption.lineHeight);
+        const fontInfo = options.get(52 );
+        this._cursorStyle = options.get(28 );
+        this._lineHeight = options.get(69 );
         this._typicalHalfwidthCharacterWidth = fontInfo.typicalHalfwidthCharacterWidth;
-        this._lineCursorWidth = Math.min(options.get(EditorOption.cursorWidth), this._typicalHalfwidthCharacterWidth);
+        this._lineCursorWidth = Math.min(options.get(31 ), this._typicalHalfwidthCharacterWidth);
         applyFontInfo(this._domNode, fontInfo);
         return true;
     }

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

@@ -3,21 +3,21 @@ import { createFastDomNode } from '../../../../base/browser/fastDomNode.js';
 import { TimeoutTimer } from '../../../../base/common/async.js';
 import { ViewPart } from '../../view/viewPart.js';
 import { ViewCursor, CursorPlurality } from './viewCursor.js';
-import { EditorOption, TextEditorCursorBlinkingStyle, TextEditorCursorStyle } from '../../../common/config/editorOptions.js';
+import { TextEditorCursorStyle } from '../../../common/config/editorOptions.js';
 import { editorCursorForeground, editorCursorBackground, editorMultiCursorPrimaryForeground, editorMultiCursorPrimaryBackground, editorMultiCursorSecondaryForeground, editorMultiCursorSecondaryBackground } from '../../../common/core/editorColorRegistry.js';
 import { registerThemingParticipant } from '../../../../platform/theme/common/themeService.js';
 import { isHighContrast } from '../../../../platform/theme/common/theme.js';
-import { CursorChangeReason } from '../../../common/cursorEvents.js';
 import { WindowIntervalTimer, getWindow } from '../../../../base/browser/dom.js';
 class ViewCursors extends ViewPart {
     static { this.BLINK_INTERVAL = 500; }
     constructor(context) {
         super(context);
         const options = this._context.configuration.options;
-        this._readOnly = options.get(EditorOption.readOnly);
-        this._cursorBlinking = options.get(EditorOption.cursorBlinking);
-        this._cursorStyle = options.get(EditorOption.cursorStyle);
-        this._cursorSmoothCaretAnimation = options.get(EditorOption.cursorSmoothCaretAnimation);
+        this._readOnly = options.get(94 );
+        this._cursorBlinking = options.get(26 );
+        this._cursorStyle = options.get(28 );
+        this._cursorSmoothCaretAnimation = options.get(27 );
+        this._experimentalEditContextEnabled = options.get(37 );
         this._selectionIsEmpty = true;
         this._isComposingInput = false;
         this._isVisible = false;
@@ -55,10 +55,11 @@ class ViewCursors extends ViewPart {
     }
     onConfigurationChanged(e) {
         const options = this._context.configuration.options;
-        this._readOnly = options.get(EditorOption.readOnly);
-        this._cursorBlinking = options.get(EditorOption.cursorBlinking);
-        this._cursorStyle = options.get(EditorOption.cursorStyle);
-        this._cursorSmoothCaretAnimation = options.get(EditorOption.cursorSmoothCaretAnimation);
+        this._readOnly = options.get(94 );
+        this._cursorBlinking = options.get(26 );
+        this._cursorStyle = options.get(28 );
+        this._cursorSmoothCaretAnimation = options.get(27 );
+        this._experimentalEditContextEnabled = options.get(37 );
         this._updateBlinking();
         this._updateDomClassName();
         this._primaryCursor.onConfigurationChanged(e);
@@ -69,7 +70,7 @@ class ViewCursors extends ViewPart {
     }
     _onCursorPositionChanged(position, secondaryPositions, reason) {
         const pauseAnimation = (this._secondaryCursors.length !== secondaryPositions.length
-            || (this._cursorSmoothCaretAnimation === 'explicit' && reason !== CursorChangeReason.Explicit));
+            || ((this._cursorSmoothCaretAnimation === 'explicit' && reason !== 3) ));
         this._primaryCursor.setPlurality(secondaryPositions.length ? CursorPlurality.MultiPrimary : CursorPlurality.Single);
         this._primaryCursor.onCursorPositionChanged(position, pauseAnimation);
         this._updateBlinking();
@@ -151,14 +152,14 @@ class ViewCursors extends ViewPart {
         return true;
     }
     _getCursorBlinking() {
-        if (this._isComposingInput) {
-            return TextEditorCursorBlinkingStyle.Hidden;
+        if (this._isComposingInput && !this._experimentalEditContextEnabled) {
+            return 0 ;
         }
         if (!this._editorHasFocus) {
-            return TextEditorCursorBlinkingStyle.Hidden;
+            return 0 ;
         }
         if (this._readOnly) {
-            return TextEditorCursorBlinkingStyle.Solid;
+            return 5 ;
         }
         return this._cursorBlinking;
     }
@@ -166,8 +167,8 @@ class ViewCursors extends ViewPart {
         this._startCursorBlinkAnimation.cancel();
         this._cursorFlatBlinkInterval.cancel();
         const blinkingStyle = this._getCursorBlinking();
-        const isHidden = (blinkingStyle === TextEditorCursorBlinkingStyle.Hidden);
-        const isSolid = (blinkingStyle === TextEditorCursorBlinkingStyle.Solid);
+        const isHidden = ((blinkingStyle === 0) );
+        const isSolid = ((blinkingStyle === 5) );
         if (isHidden) {
             this._hide();
         }
@@ -177,7 +178,7 @@ class ViewCursors extends ViewPart {
         this._blinkingEnabled = false;
         this._updateDomClassName();
         if (!isHidden && !isSolid) {
-            if (blinkingStyle === TextEditorCursorBlinkingStyle.Blink) {
+            if (blinkingStyle === 1 ) {
                 this._cursorFlatBlinkInterval.cancelAndSet(() => {
                     if (this._isVisible) {
                         this._hide();
@@ -227,19 +228,19 @@ class ViewCursors extends ViewPart {
         }
         if (this._blinkingEnabled) {
             switch (this._getCursorBlinking()) {
-                case TextEditorCursorBlinkingStyle.Blink:
+                case 1 :
                     result += ' cursor-blink';
                     break;
-                case TextEditorCursorBlinkingStyle.Smooth:
+                case 2 :
                     result += ' cursor-smooth';
                     break;
-                case TextEditorCursorBlinkingStyle.Phase:
+                case 3 :
                     result += ' cursor-phase';
                     break;
-                case TextEditorCursorBlinkingStyle.Expand:
+                case 4 :
                     result += ' cursor-expand';
                     break;
-                case TextEditorCursorBlinkingStyle.Solid:
+                case 5 :
                     result += ' cursor-solid';
                     break;
                 default:

package/vscode/src/vs/editor/browser/viewParts/{lines → viewLines}/rangeUtil.js

@@ -1,4 +1,3 @@
-import { Constants } from '../../../../base/common/uint.js';
 import { FloatHorizontalRange } from '../../view/renderingContext.js';
 class RangeUtil {
     static _createRange() {
@@ -75,7 +74,7 @@ class RangeUtil {
         if (startChildIndex !== endChildIndex) {
             if (endChildIndex > 0 && endOffset === 0) {
                 endChildIndex--;
-                endOffset = Constants.MAX_SAFE_SMALL_INTEGER;
+                endOffset = 1073741824 ;
             }
         }
         let startElement = domNode.children[startChildIndex].firstChild;
@@ -83,11 +82,11 @@ class RangeUtil {
         if (!startElement || !endElement) {
             if (!startElement && startOffset === 0 && startChildIndex > 0) {
                 startElement = domNode.children[startChildIndex - 1].firstChild;
-                startOffset = Constants.MAX_SAFE_SMALL_INTEGER;
+                startOffset = 1073741824 ;
             }
             if (!endElement && endOffset === 0 && endChildIndex > 0) {
                 endElement = domNode.children[endChildIndex - 1].firstChild;
-                endOffset = Constants.MAX_SAFE_SMALL_INTEGER;
+                endOffset = 1073741824 ;
             }
         }
         if (!startElement || !endElement) {

package/vscode/src/vs/editor/browser/viewParts/{lines → viewLines}/viewLine.js

@@ -4,10 +4,10 @@ import { isNative, isLinux } from '../../../../base/common/platform.js';
 import { RangeUtil } from './rangeUtil.js';
 import { VisibleRanges, FloatHorizontalRange } from '../../view/renderingContext.js';
 import { LineDecoration } from '../../../common/viewLayout/lineDecorations.js';
-import { LineRange, renderViewLine, ForeignElementType, DomPosition, RenderLineInput } from '../../../common/viewLayout/viewLineRenderer.js';
-import { InlineDecorationType } from '../../../common/viewModel.js';
+import { LineRange, renderViewLine, DomPosition, RenderLineInput } from '../../../common/viewLayout/viewLineRenderer.js';
 import { isHighContrast } from '../../../../platform/theme/common/theme.js';
-import { EditorOption, EditorFontLigatures } from '../../../common/config/editorOptions.js';
+import { EditorFontLigatures } from '../../../common/config/editorOptions.js';
+import { ViewGpuContext } from '../../gpu/viewGpuContext.js';
 const canUseFastRenderedViewLine = ( (function() {
     if (isNative) {
         return true;
@@ -18,43 +18,6 @@ const canUseFastRenderedViewLine = ( (function() {
     return true;
 })());
 let monospaceAssumptionsAreValid = true;
-class ViewLineOptions {
-    constructor(config, themeType) {
-        this.themeType = themeType;
-        const options = config.options;
-        const fontInfo = options.get(EditorOption.fontInfo);
-        const experimentalWhitespaceRendering = options.get(EditorOption.experimentalWhitespaceRendering);
-        if (experimentalWhitespaceRendering === 'off') {
-            this.renderWhitespace = options.get(EditorOption.renderWhitespace);
-        }
-        else {
-            this.renderWhitespace = 'none';
-        }
-        this.renderControlCharacters = options.get(EditorOption.renderControlCharacters);
-        this.spaceWidth = fontInfo.spaceWidth;
-        this.middotWidth = fontInfo.middotWidth;
-        this.wsmiddotWidth = fontInfo.wsmiddotWidth;
-        this.useMonospaceOptimizations = (fontInfo.isMonospace
-            && !options.get(EditorOption.disableMonospaceOptimizations));
-        this.canUseHalfwidthRightwardsArrow = fontInfo.canUseHalfwidthRightwardsArrow;
-        this.lineHeight = options.get(EditorOption.lineHeight);
-        this.stopRenderingLineAfter = options.get(EditorOption.stopRenderingLineAfter);
-        this.fontLigatures = options.get(EditorOption.fontLigatures);
-    }
-    equals(other) {
-        return (this.themeType === other.themeType
-            && this.renderWhitespace === other.renderWhitespace
-            && this.renderControlCharacters === other.renderControlCharacters
-            && this.spaceWidth === other.spaceWidth
-            && this.middotWidth === other.middotWidth
-            && this.wsmiddotWidth === other.wsmiddotWidth
-            && this.useMonospaceOptimizations === other.useMonospaceOptimizations
-            && this.canUseHalfwidthRightwardsArrow === other.canUseHalfwidthRightwardsArrow
-            && this.lineHeight === other.lineHeight
-            && this.stopRenderingLineAfter === other.stopRenderingLineAfter
-            && this.fontLigatures === other.fontLigatures);
-    }
-}
 class ViewLine {
     static { this.CLASS_NAME = 'view-line'; }
     constructor(options) {
@@ -97,6 +60,11 @@ class ViewLine {
         return false;
     }
     renderLine(lineNumber, deltaTop, lineHeight, viewportData, sb) {
+        if (this._options.useGpu && ViewGpuContext.canRender(this._options, viewportData, lineNumber)) {
+            this._renderedViewLine?.domNode?.domNode.remove();
+            this._renderedViewLine = null;
+            return false;
+        }
         if (this._isMaybeInvalid === false) {
             return false;
         }
@@ -119,7 +87,7 @@ class ViewLine {
                             startColumn,
                             endColumn,
                             'inline-selected-text',
-                            InlineDecorationType.Regular
+                            0
                         )));
                     }
                     if (this._options.renderWhitespace === 'selection') {
@@ -165,7 +133,7 @@ class ViewLine {
         const output = renderViewLine(renderLineInput, sb);
         sb.appendString('</div>');
         let renderedViewLine = null;
-        if (monospaceAssumptionsAreValid && canUseFastRenderedViewLine && lineData.isBasicASCII && options.useMonospaceOptimizations && output.containsForeignElements === ForeignElementType.None) {
+        if (monospaceAssumptionsAreValid && canUseFastRenderedViewLine && lineData.isBasicASCII && options.useMonospaceOptimizations && output.containsForeignElements === 0 ) {
             renderedViewLine = ( new FastRenderedViewLine(
                 this._renderedViewLine ? this._renderedViewLine.domNode : null,
                 renderLineInput,
@@ -245,16 +213,12 @@ class ViewLine {
         return this._renderedViewLine.getColumnOfNodeOffset(spanNode, offset);
     }
 }
-var Constants;
-( (function(Constants) {
-    Constants[Constants["MaxMonospaceDistance"] = 300] = "MaxMonospaceDistance";
-})(Constants || (Constants = {})));
 class FastRenderedViewLine {
     constructor(domNode, renderLineInput, characterMapping) {
         this._cachedWidth = -1;
         this.domNode = domNode;
         this.input = renderLineInput;
-        const keyColumnCount = Math.floor(renderLineInput.lineContent.length / Constants.MaxMonospaceDistance);
+        const keyColumnCount = Math.floor(renderLineInput.lineContent.length / 300 );
         if (keyColumnCount > 0) {
             this._keyColumnPixelOffsetCache = ( new Float32Array(keyColumnCount));
             for (let i = 0; i < keyColumnCount; i++) {
@@ -268,7 +232,7 @@ class FastRenderedViewLine {
         this._charWidth = renderLineInput.spaceWidth;
     }
     getWidth(context) {
-        if (!this.domNode || this.input.lineContent.length < Constants.MaxMonospaceDistance) {
+        if (!this.domNode || this.input.lineContent.length < 300 ) {
             const horizontalOffset = this._characterMapping.getHorizontalOffset(this._characterMapping.length);
             return Math.round(this._charWidth * horizontalOffset);
         }
@@ -279,13 +243,13 @@ class FastRenderedViewLine {
         return this._cachedWidth;
     }
     getWidthIsFast() {
-        return (this.input.lineContent.length < Constants.MaxMonospaceDistance) || this._cachedWidth !== -1;
+        return ((this.input.lineContent.length < 300) ) || this._cachedWidth !== -1;
     }
     monospaceAssumptionsAreValid() {
         if (!this.domNode) {
             return monospaceAssumptionsAreValid;
         }
-        if (this.input.lineContent.length < Constants.MaxMonospaceDistance) {
+        if (this.input.lineContent.length < 300 ) {
             const expectedWidth = this.getWidth(null);
             const actualWidth = this.domNode.domNode.firstChild.offsetWidth;
             if (Math.abs(expectedWidth - actualWidth) >= 2) {
@@ -296,7 +260,7 @@ class FastRenderedViewLine {
         return monospaceAssumptionsAreValid;
     }
     toSlowRenderedLine() {
-        return createRenderedLine(this.domNode, this.input, this._characterMapping, false, ForeignElementType.None);
+        return createRenderedLine(this.domNode, this.input, this._characterMapping, false, 0 );
     }
     getVisibleRangesForRange(lineNumber, startColumn, endColumn, context) {
         const startPosition = this._getColumnPixelOffset(lineNumber, startColumn, context);
@@ -304,12 +268,12 @@ class FastRenderedViewLine {
         return [( new FloatHorizontalRange(startPosition, endPosition - startPosition))];
     }
     _getColumnPixelOffset(lineNumber, column, context) {
-        if (column <= Constants.MaxMonospaceDistance) {
+        if (column <= 300 ) {
             const horizontalOffset = this._characterMapping.getHorizontalOffset(column);
             return this._charWidth * horizontalOffset;
         }
-        const keyColumnOrdinal = Math.floor((column - 1) / Constants.MaxMonospaceDistance) - 1;
-        const keyColumn = (keyColumnOrdinal + 1) * Constants.MaxMonospaceDistance + 1;
+        const keyColumnOrdinal = Math.floor((column - 1) / 300 ) - 1;
+        const keyColumn = (keyColumnOrdinal + 1) * 300  + 1;
         let keyColumnPixelOffset = -1;
         if (this._keyColumnPixelOffsetCache) {
             keyColumnPixelOffset = this._keyColumnPixelOffsetCache[keyColumnOrdinal];
@@ -412,13 +376,13 @@ class RenderedViewLine {
     }
     _readPixelOffset(domNode, lineNumber, column, context) {
         if (this._characterMapping.length === 0) {
-            if (this._containsForeignElements === ForeignElementType.None) {
+            if (this._containsForeignElements === 0 ) {
                 return 0;
             }
-            if (this._containsForeignElements === ForeignElementType.After) {
+            if (this._containsForeignElements === 2 ) {
                 return 0;
             }
-            if (this._containsForeignElements === ForeignElementType.Before) {
+            if (this._containsForeignElements === 1 ) {
                 return this.getWidth(context);
             }
             const readingTarget = this._getReadingTarget(domNode);
@@ -449,7 +413,7 @@ class RenderedViewLine {
             }
             return r[0].left;
         }
-        if (column === this._characterMapping.length && this._isWhitespaceOnly && this._containsForeignElements === ForeignElementType.None) {
+        if (column === this._characterMapping.length && this._isWhitespaceOnly && this._containsForeignElements === 0 ) {
             return this.getWidth(context);
         }
         const domPosition = this._characterMapping.getDomPosition(column);
@@ -530,4 +494,4 @@ function getColumnOfNodeOffset(characterMapping, spanNode, offset) {
     }
     return characterMapping.getColumn(( new DomPosition(spanIndex, offset)), spanNodeTextContentLength);
 }
-export { ViewLine, ViewLineOptions, getColumnOfNodeOffset };
+export { ViewLine, getColumnOfNodeOffset };