@codingame/monaco-vscode-api 1.85.0-next.2 → 1.85.1

package/vscode/src/vs/workbench/contrib/debug/browser/callStackEditorContribution.js

@@ -0,0 +1,178 @@
+import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
+import { distinct } from 'monaco-editor/esm/vs/base/common/arrays.js';
+import { Event } from 'monaco-editor/esm/vs/base/common/event.js';
+import { Disposable } from 'monaco-editor/esm/vs/base/common/lifecycle.js';
+import { Range } from 'monaco-editor/esm/vs/editor/common/core/range.js';
+import { GlyphMarginLane, OverviewRulerLane } from 'monaco-editor/esm/vs/editor/common/model.js';
+import { localizeWithPath } from 'monaco-editor/esm/vs/nls.js';
+import { ILogService } from 'monaco-editor/esm/vs/platform/log/common/log.js';
+import { registerColor } from 'monaco-editor/esm/vs/platform/theme/common/colorRegistry.js';
+import { themeColorFromId } from 'monaco-editor/esm/vs/platform/theme/common/themeService.js';
+import { ThemeIcon } from 'monaco-editor/esm/vs/base/common/themables.js';
+import { IUriIdentityService } from 'monaco-editor/esm/vs/platform/uriIdentity/common/uriIdentity.js';
+import { debugStackframe, debugStackframeFocused } from './debugIcons.js';
+import { IDebugService } from '../common/debug.js';
+import './media/callStackEditorContribution.css.js';
+const topStackFrameColor = registerColor('editor.stackFrameHighlightBackground', { dark: '#ffff0033', light: '#ffff6673', hcDark: '#ffff0033', hcLight: '#ffff6673' }, ( localizeWithPath(
+    'vs/workbench/contrib/debug/browser/callStackEditorContribution',
+    'topStackFrameLineHighlight',
+    'Background color for the highlight of line at the top stack frame position.'
+)));
+const focusedStackFrameColor = registerColor('editor.focusedStackFrameHighlightBackground', { dark: '#7abd7a4d', light: '#cee7ce73', hcDark: '#7abd7a4d', hcLight: '#cee7ce73' }, ( localizeWithPath(
+    'vs/workbench/contrib/debug/browser/callStackEditorContribution',
+    'focusedStackFrameLineHighlight',
+    'Background color for the highlight of line at focused stack frame position.'
+)));
+const stickiness = 1 ;
+const TOP_STACK_FRAME_MARGIN = {
+    description: 'top-stack-frame-margin',
+    glyphMarginClassName: ThemeIcon.asClassName(debugStackframe),
+    glyphMargin: { position: GlyphMarginLane.Right },
+    zIndex: 9999,
+    stickiness,
+    overviewRuler: {
+        position: OverviewRulerLane.Full,
+        color: themeColorFromId(topStackFrameColor)
+    }
+};
+const FOCUSED_STACK_FRAME_MARGIN = {
+    description: 'focused-stack-frame-margin',
+    glyphMarginClassName: ThemeIcon.asClassName(debugStackframeFocused),
+    glyphMargin: { position: GlyphMarginLane.Right },
+    zIndex: 9999,
+    stickiness,
+    overviewRuler: {
+        position: OverviewRulerLane.Full,
+        color: themeColorFromId(focusedStackFrameColor)
+    }
+};
+const TOP_STACK_FRAME_DECORATION = {
+    description: 'top-stack-frame-decoration',
+    isWholeLine: true,
+    className: 'debug-top-stack-frame-line',
+    stickiness
+};
+const FOCUSED_STACK_FRAME_DECORATION = {
+    description: 'focused-stack-frame-decoration',
+    isWholeLine: true,
+    className: 'debug-focused-stack-frame-line',
+    stickiness
+};
+function createDecorationsForStackFrame(stackFrame, isFocusedSession, noCharactersBefore) {
+    const result = [];
+    const columnUntilEOLRange = ( new Range(
+        stackFrame.range.startLineNumber,
+        stackFrame.range.startColumn,
+        stackFrame.range.startLineNumber,
+        1073741824
+    ));
+    const range = ( new Range(
+        stackFrame.range.startLineNumber,
+        stackFrame.range.startColumn,
+        stackFrame.range.startLineNumber,
+        stackFrame.range.startColumn + 1
+    ));
+    const topStackFrame = stackFrame.thread.getTopStackFrame();
+    if (stackFrame.getId() === topStackFrame?.getId()) {
+        if (isFocusedSession) {
+            result.push({
+                options: TOP_STACK_FRAME_MARGIN,
+                range
+            });
+        }
+        result.push({
+            options: TOP_STACK_FRAME_DECORATION,
+            range: columnUntilEOLRange
+        });
+        if (stackFrame.range.startColumn > 1) {
+            result.push({
+                options: {
+                    description: 'top-stack-frame-inline-decoration',
+                    before: {
+                        content: '\uEB8B',
+                        inlineClassName: noCharactersBefore ? 'debug-top-stack-frame-column start-of-line' : 'debug-top-stack-frame-column',
+                        inlineClassNameAffectsLetterSpacing: true
+                    },
+                },
+                range: columnUntilEOLRange
+            });
+        }
+    }
+    else {
+        if (isFocusedSession) {
+            result.push({
+                options: FOCUSED_STACK_FRAME_MARGIN,
+                range
+            });
+        }
+        result.push({
+            options: FOCUSED_STACK_FRAME_DECORATION,
+            range: columnUntilEOLRange
+        });
+    }
+    return result;
+}
+let CallStackEditorContribution = class CallStackEditorContribution extends Disposable {
+    constructor(editor, debugService, uriIdentityService, logService) {
+        super();
+        this.editor = editor;
+        this.debugService = debugService;
+        this.uriIdentityService = uriIdentityService;
+        this.logService = logService;
+        this.decorations = this.editor.createDecorationsCollection();
+        const setDecorations = () => this.decorations.set(this.createCallStackDecorations());
+        this._register(Event.any(this.debugService.getViewModel().onDidFocusStackFrame, this.debugService.getModel().onDidChangeCallStack)(() => {
+            setDecorations();
+        }));
+        this._register(this.editor.onDidChangeModel(e => {
+            if (e.newModelUrl) {
+                setDecorations();
+            }
+        }));
+        setDecorations();
+    }
+    createCallStackDecorations() {
+        const editor = this.editor;
+        if (!editor.hasModel()) {
+            return [];
+        }
+        const focusedStackFrame = this.debugService.getViewModel().focusedStackFrame;
+        const decorations = [];
+        this.debugService.getModel().getSessions().forEach(s => {
+            const isSessionFocused = s === focusedStackFrame?.thread.session;
+            s.getAllThreads().forEach(t => {
+                if (t.stopped) {
+                    const callStack = t.getCallStack();
+                    const stackFrames = [];
+                    if (callStack.length > 0) {
+                        if (focusedStackFrame && !focusedStackFrame.equals(callStack[0])) {
+                            stackFrames.push(focusedStackFrame);
+                        }
+                        stackFrames.push(callStack[0]);
+                    }
+                    stackFrames.forEach(candidateStackFrame => {
+                        if (candidateStackFrame && this.uriIdentityService.extUri.isEqual(candidateStackFrame.source.uri, editor.getModel()?.uri)) {
+                            if (candidateStackFrame.range.startLineNumber > editor.getModel()?.getLineCount() || candidateStackFrame.range.startLineNumber < 1) {
+                                this.logService.warn(`CallStackEditorContribution: invalid stack frame line number: ${candidateStackFrame.range.startLineNumber}`);
+                                return;
+                            }
+                            const noCharactersBefore = editor.getModel().getLineFirstNonWhitespaceColumn(candidateStackFrame.range.startLineNumber) >= candidateStackFrame.range.startColumn;
+                            decorations.push(...createDecorationsForStackFrame(candidateStackFrame, isSessionFocused, noCharactersBefore));
+                        }
+                    });
+                }
+            });
+        });
+        return distinct(decorations, d => `${d.options.className} ${d.options.glyphMarginClassName} ${d.range.startLineNumber} ${d.range.startColumn}`);
+    }
+    dispose() {
+        super.dispose();
+        this.decorations.clear();
+    }
+};
+CallStackEditorContribution = ( __decorate([
+    ( __param(1, IDebugService)),
+    ( __param(2, IUriIdentityService)),
+    ( __param(3, ILogService))
+], CallStackEditorContribution));
+export { CallStackEditorContribution, createDecorationsForStackFrame, focusedStackFrameColor, topStackFrameColor };

package/vscode/src/vs/workbench/contrib/debug/browser/media/breakpointWidget.css.js

@@ -0,0 +1,4 @@
+import n from '../../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
+var css = ".monaco-editor .zone-widget .zone-widget-container.breakpoint-widget{border-color:#007acc;display:flex}.monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .breakpoint-select-container{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding:0 10px}.monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .breakpoint-select-container .monaco-select-box{min-height:18px;min-width:100px;padding:2px 20px 2px 8px}.monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .breakpoint-select-container:after{right:14px}.monaco-editor .zone-widget .zone-widget-container.breakpoint-widget .inputContainer{flex:1}";
+n(css,{});
+export { css, css as default };

package/vscode/src/vs/workbench/contrib/debug/browser/media/callStackEditorContribution.css.js

@@ -0,0 +1,4 @@
+import n from '../../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
+var css = ".monaco-editor .view-overlays .debug-top-stack-frame-line{background-color:var(--vscode-editor-stackFrameHighlightBackground)}.monaco-editor .view-overlays .debug-focused-stack-frame-line{background-color:var(--vscode-editor-focusedStackFrameHighlightBackground)}";
+n(css,{});
+export { css, css as default };