@opensumi/ide-debug 2.12.1-next-079c1930

package/lib/browser/view/console/debug-console.contribution.js

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DebugConsoleContribution = exports.DEBUG_CONSOLE_VIEW_ID = void 0;
+const tslib_1 = require("tslib");
+const debug_console_filter_service_1 = require("./debug-console-filter.service");
+const constants_1 = require("./../../../common/constants");
+const di_1 = require("@opensumi/di");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const di_helper_1 = require("@opensumi/ide-core-common/lib/di-helper");
+const common_1 = require("../../../common");
+const debug_console_view_1 = require("./debug-console.view");
+const debug_console_service_1 = require("./debug-console.service");
+const browser_1 = require("@opensumi/ide-editor/lib/browser");
+const debug_console_filter_view_1 = require("./debug-console-filter.view");
+const debug_contribution_1 = require("../../debug-contribution");
+const debug_console_tree_model_service_1 = require("./debug-console-tree.model.service");
+const next_1 = require("@opensumi/ide-core-browser/lib/menu/next");
+exports.DEBUG_CONSOLE_VIEW_ID = 'debug-console-view';
+let DebugConsoleContribution = class DebugConsoleContribution {
+    registerComponent(registry) {
+        registry.register('debug-console', {
+            id: exports.DEBUG_CONSOLE_VIEW_ID,
+            component: debug_console_view_1.DebugConsoleView,
+        }, {
+            title: (0, ide_core_browser_1.localize)('debug.console.panel.title'),
+            priority: 8,
+            containerId: common_1.DEBUG_CONSOLE_CONTAINER_ID,
+            iconClass: (0, ide_core_browser_1.getIcon)('debug'),
+            titleComponent: debug_console_filter_view_1.DebugConsoleFilterView,
+        });
+    }
+    registerToolbarItems(registry) {
+        registry.registerItem({
+            id: debug_contribution_1.DEBUG_COMMANDS.CLEAR_CONSOLE.id,
+            command: debug_contribution_1.DEBUG_COMMANDS.CLEAR_CONSOLE.id,
+            iconClass: (0, ide_core_browser_1.getIcon)('clear'),
+            viewId: common_1.DEBUG_CONSOLE_CONTAINER_ID,
+            tooltip: debug_contribution_1.DEBUG_COMMANDS.CLEAR_CONSOLE.label,
+        });
+    }
+    registerEditorDocumentModelContentProvider(registry) {
+        registry.registerEditorDocumentModelContentProvider(this.debugConsoleInputDocumentProvider);
+    }
+    registerCommands(registry) {
+        registry.registerCommand(debug_contribution_1.DEBUG_COMMANDS.CLEAR_CONSOLE, {
+            execute: () => {
+                this.debugConsoleModelService.clear();
+            },
+        });
+        registry.registerCommand(debug_contribution_1.DEBUG_COMMANDS.COPY_CONSOLE_ITEM, {
+            execute: (node) => {
+                this.debugConsoleModelService.copy(node);
+            },
+        });
+        registry.registerCommand(debug_contribution_1.DEBUG_COMMANDS.COPY_CONSOLE_ALL, {
+            execute: () => {
+                this.debugConsoleModelService.copyAll();
+            },
+        });
+        registry.registerCommand(debug_contribution_1.DEBUG_COMMANDS.COLLAPSE_ALL_CONSOLE_ITEM, {
+            execute: () => {
+                this.debugConsoleModelService.collapseAll();
+            },
+        });
+        registry.registerCommand(debug_contribution_1.DEBUG_COMMANDS.CONSOLE_ENTER_EVALUATE, {
+            execute: () => {
+                this.debugConsoleService.runExecute();
+            },
+        });
+        registry.registerCommand(debug_contribution_1.DEBUG_COMMANDS.CONSOLE_INPUT_DOWN_ARROW, {
+            execute: () => {
+                this.debugConsoleService.showNextValue();
+            },
+        });
+        registry.registerCommand(debug_contribution_1.DEBUG_COMMANDS.CONSOLE_INPUT_UP_ARROW, {
+            execute: () => {
+                this.debugConsoleService.showPreviousValue();
+            },
+        });
+        registry.registerCommand(debug_contribution_1.DEBUG_COMMANDS.CONSOLE_FILTER_FOCUS, {
+            execute: () => {
+                this.debugConsoleFilterService.focusInput();
+            },
+        });
+    }
+    registerMenus(registry) {
+        registry.registerMenuItem(next_1.MenuId.DebugConsoleContext, {
+            command: {
+                id: debug_contribution_1.DEBUG_COMMANDS.COPY_CONSOLE_ITEM.id,
+                label: (0, ide_core_browser_1.localize)('debug.console.copy'),
+            },
+            group: 'copy',
+        });
+        registry.registerMenuItem(next_1.MenuId.DebugConsoleContext, {
+            command: {
+                id: debug_contribution_1.DEBUG_COMMANDS.COPY_CONSOLE_ALL.id,
+                label: (0, ide_core_browser_1.localize)('debug.console.copyAll'),
+            },
+            group: 'copy',
+        });
+        registry.registerMenuItem(next_1.MenuId.DebugConsoleContext, {
+            command: {
+                id: debug_contribution_1.DEBUG_COMMANDS.CLEAR_CONSOLE.id,
+                label: (0, ide_core_browser_1.localize)('debug.console.clear'),
+            },
+            group: 'other',
+        });
+        registry.registerMenuItem(next_1.MenuId.DebugConsoleContext, {
+            command: {
+                id: debug_contribution_1.DEBUG_COMMANDS.COLLAPSE_ALL_CONSOLE_ITEM.id,
+                label: (0, ide_core_browser_1.localize)('debug.console.collapseAll'),
+            },
+            group: 'other',
+        });
+    }
+    registerKeybindings(bindings) {
+        bindings.registerKeybinding({
+            command: debug_contribution_1.DEBUG_COMMANDS.CONSOLE_ENTER_EVALUATE.id,
+            keybinding: 'enter',
+            when: `${constants_1.CONTEXT_IN_DEBUG_REPL.raw} && ${constants_1.CONTEXT_IN_DEBUG_MODE.raw}`,
+        });
+        bindings.registerKeybinding({
+            command: debug_contribution_1.DEBUG_COMMANDS.CONSOLE_INPUT_DOWN_ARROW.id,
+            keybinding: 'down',
+            when: `${constants_1.CONTEXT_IN_DEBUG_REPL.raw} && ${constants_1.CONTEXT_IN_DEBUG_MODE.raw}`,
+        });
+        bindings.registerKeybinding({
+            command: debug_contribution_1.DEBUG_COMMANDS.CONSOLE_INPUT_UP_ARROW.id,
+            keybinding: 'up',
+            when: `${constants_1.CONTEXT_IN_DEBUG_REPL.raw} && ${constants_1.CONTEXT_IN_DEBUG_MODE.raw}`,
+        });
+        bindings.registerKeybinding({
+            command: debug_contribution_1.DEBUG_COMMANDS.CONSOLE_FILTER_FOCUS.id,
+            keybinding: 'ctrlcmd+f',
+            when: `${constants_1.CONTEXT_IN_DEBUG_REPL.raw}`,
+            priority: Number.MAX_SAFE_INTEGER,
+        });
+    }
+};
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(),
+    (0, tslib_1.__metadata)("design:type", debug_console_tree_model_service_1.DebugConsoleModelService)
+], DebugConsoleContribution.prototype, "debugConsoleModelService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(),
+    (0, tslib_1.__metadata)("design:type", debug_console_service_1.DebugConsoleInputDocumentProvider)
+], DebugConsoleContribution.prototype, "debugConsoleInputDocumentProvider", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(ide_core_browser_1.IContextKeyService),
+    (0, tslib_1.__metadata)("design:type", Object)
+], DebugConsoleContribution.prototype, "contextKeyService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(debug_console_service_1.DebugConsoleService),
+    (0, tslib_1.__metadata)("design:type", debug_console_service_1.DebugConsoleService)
+], DebugConsoleContribution.prototype, "debugConsoleService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(debug_console_filter_service_1.DebugConsoleFilterService),
+    (0, tslib_1.__metadata)("design:type", debug_console_filter_service_1.DebugConsoleFilterService)
+], DebugConsoleContribution.prototype, "debugConsoleFilterService", void 0);
+DebugConsoleContribution = (0, tslib_1.__decorate)([
+    (0, di_helper_1.Domain)(ide_core_browser_1.ComponentContribution, browser_1.BrowserEditorContribution, ide_core_browser_1.TabBarToolbarContribution, ide_core_browser_1.CommandContribution, next_1.MenuContribution, ide_core_browser_1.KeybindingContribution)
+], DebugConsoleContribution);
+exports.DebugConsoleContribution = DebugConsoleContribution;
+//# sourceMappingURL=debug-console.contribution.js.map

package/lib/browser/view/console/debug-console.contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-console.contribution.js","sourceRoot":"","sources":["../../../../src/browser/view/console/debug-console.contribution.ts"],"names":[],"mappings":"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"}

package/lib/browser/view/console/debug-console.module.less

@@ -0,0 +1,321 @@
+.debug_console {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  // padding-bottom: 26px;
+}
+
+.variable_repl_bar {
+  display: flex;
+  border-top: 1px solid hsla(0, 0%, 50%, .35);
+  width: 100%;
+  overflow: hidden;
+  min-height: 24px;
+  background-color: var(--editor-background);
+
+  .variable_repl_editor {
+    width: 100%;
+    z-index: 99;
+    margin-top: -5px;
+
+    :global(.margin) {
+      display: none;
+    }
+
+    :global(.monaco-editor .lines-content .cigr) {
+      box-shadow: none;
+    }
+
+    :global(.monaco-editor .lines-content .cigra) {
+      box-shadow: none;
+    }
+
+    :global(.scroll-decoration) {
+      display: none;
+    }
+  }
+
+  .variable_repl_bar_icon {
+    position: relative;
+    padding: 0 6px 0 8px;
+    min-width: 16px;
+    min-height: 100%;
+    display: flex;
+    flex-shrink: 0;
+    justify-content: center;
+    font-weight: 600;
+
+    &:before {
+      content: "\276f";
+    }
+  }
+}
+
+.variable_repl_text {
+  &.warn {
+    color: var(--debugConsole-warningForeground);
+  }
+
+  &.error {
+    color: var(--debugConsole-errorForeground);
+  }
+
+  &.info {
+    color: var(--debugConsole-infoForeground);
+  }
+
+  &.source {
+    color: var(--debugConsole-sourceForeground);
+  }
+}
+
+.debug_console_node {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  user-select: none;
+
+  .debug_console_selection {
+    position: absolute;
+    top: 0;
+    z-index: 1;
+    pointer-events: none;
+    & .block {
+      position: absolute;
+      background-color: rgba(225, 255, 255, 0.25);
+    }
+  }
+
+  a {
+    color: currentColor !important;
+    cursor: text;
+    &.link {
+      // 这里 a 标签的父元素的 dispaly 如果是 inline-block 的话，text-decoration 属性会失效，采用 border-bottom 代替
+      // text-decoration: underline;
+      border-bottom: 1px solid currentColor;
+      word-break: break-all;
+    }
+    &.pointer {
+      cursor: pointer;
+    }
+  }
+
+  &:hover {
+    color: var(--kt-tree-hoverForeground);
+    background: var(--kt-tree-hoverBackground);
+  }
+
+  .debug_console_node_prompt_box {
+    :global(input) {
+      &.validate-error {
+        color: var(--inputValidation-errorForeground);
+        background-color: var(--inputValidation-errorBackground);
+        border: 1px solid var(--inputValidation-errorBorder);
+      }
+
+      &.validate-info {
+        background-color: var(--inputValidation-infoBackground);
+        border: 1px solid var(--inputValidation-infoBorder);
+        color: var(--inputValidation-infoForeground);
+      }
+
+      &.validate-warning {
+        background-color: var(--inputValidation-warningBackground);
+        border: 1px solid var(--inputValidation-warningBorder);
+        color: var(--inputValidation-warningForeground);
+      }
+    }
+  }
+
+  &.mod_selected {
+    color: var(--kt-tree-inactiveSelectionForeground) !important;
+    background: var(--kt-tree-inactiveSelectionBackground);
+    .expansion_toggle {
+      color: var(--kt-tree-inactiveSelectionForeground) !important;
+    }
+  }
+
+  &.mod_focused {
+    outline: 1px solid var(--list-focusOutline);
+    outline-offset: -1px;
+    color: var(--kt-tree-activeSelectionForeground) !important;;
+    background: var(--kt-tree-activeSelectionBackground);
+    .expansion_toggle {
+      color: var(--kt-tree-activeSelectionForeground) !important;;
+    }
+    .debug_console_node_displayname {
+      .compact_name {
+        &.active {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+
+  &.mod_actived {
+    outline: 1px solid var(--list-focusOutline);
+    outline-offset: -1px;
+    .expansion_toggle {
+      color: var(--kt-tree-activeSelectionForeground) !important;
+    }
+    .debug_console_node_displayname {
+      .compact_name {
+        &.active {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+
+  &.mod_loading {
+    opacity: .8;
+  }
+
+}
+
+.debug_console_output {
+  flex: 1;
+  background-color: var(--kt-panelTitle-background);
+  :global(.kt-recycle-tree) {
+    width: 100% !important;
+  }
+}
+
+.debug_console_node_content {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  user-select: text;
+  match {
+    background-color: var(--editor-findMatchHighlightBackground);
+  }
+}
+
+.debug_console_node_status {
+  opacity: .75;
+  text-align: center;
+  font-size: 12px;
+  padding-right: 0;
+}
+
+.debug_console_node_segment {
+  flex-grow: 0;
+  white-space: inherit;
+  color: inherit;
+}
+
+.debug_console_node_display_name {
+  display: inline;
+  white-space: inherit;
+  .compact_name {
+    color: inherit;
+    display: inline;
+    &:focus,
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+  .compact_name_separator {
+    margin: 0 2px;
+    opacity: .5;
+  }
+  &.info {
+    color: var(--debugConsole-infoForeground);
+  }
+}
+
+.debug_console_node_description {
+  display: inline;
+  white-space: inherit;
+  color: var(--descriptionForeground);
+}
+
+.debug_console_node_overflow_wrap {
+  flex: 1;
+  flex-shrink: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+}
+
+.expansion_toggle {
+  min-width: 20px;
+  display: flex;
+  justify-content: center;
+  flex-shrink: 0;
+  font-size: 16px;
+  color: var(--foreground);
+  position: absolute;
+  left: -20px;
+  &.mod_collapsed {
+    &:before {
+      display: block;
+    }
+  }
+
+  &:not(.mod_collapsed) {
+    &:before {
+      display: block;
+      transform: rotate(90deg);
+    }
+  }
+}
+
+.debug_console_node_tail {
+  text-align: center;
+  margin-right: 10px;
+  position: relative;
+  height: 22px;
+  display: flex;
+  align-items: center;
+}
+
+// variable
+.debug_console_variable {
+  white-space: inherit;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  overflow: visible;
+  &.name {
+    color: var(--debugTokenExpression-name);
+  }
+
+  &.value {
+    color: var(--debugTokenExpression-value);
+  }
+
+  &.error {
+    color: var(--debugTokenExpression-error);
+  }
+
+  &.number {
+    color: var(--debugTokenExpression-number);
+  }
+
+  &.boolean {
+    color: var(--debugTokenExpression-boolean);
+  }
+
+  &.string {
+    color: var(--debugTokenExpression-string);
+  }
+}
+
+// filter
+.debug_console_filter {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: flex-end;
+
+  .filter_input {
+    width: 300px;
+    max-width: 400px;
+    margin-right: 8px;
+    height: inherit;
+    height: 24px;
+  }
+}

package/lib/browser/view/console/debug-console.service.d.ts

@@ -0,0 +1,67 @@
+import * as monaco from '@opensumi/monaco-editor-core/esm/vs/editor/editor.api';
+import { IHistoryNavigationWidget } from '@opensumi/monaco-editor-core/esm/vs/base/browser/history';
+import { HistoryNavigator } from '@opensumi/monaco-editor-core/esm/vs/base/common/history';
+import { ITextModel } from '@opensumi/monaco-editor-core/esm/vs/editor/common/model';
+import { IMainLayoutService } from '@opensumi/ide-main-layout';
+import { URI, CommandRegistry, Event } from '@opensumi/ide-core-common';
+import { IEditorDocumentModelService, IEditorDocumentModelContentProvider } from '@opensumi/ide-editor/lib/browser';
+import { EditorCollectionService } from '@opensumi/ide-editor';
+import { IContextKeyService } from '@opensumi/ide-core-browser';
+import { DebugSessionManager } from '../../debug-session-manager';
+import { DebugConsoleModelService } from './debug-console-tree.model.service';
+import { IThemeService } from '@opensumi/ide-theme';
+export declare class DebugConsoleService implements IHistoryNavigationWidget {
+    protected readonly debugConsoleModelService: DebugConsoleModelService;
+    protected readonly mainLayoutService: IMainLayoutService;
+    protected readonly documentService: IEditorDocumentModelService;
+    protected readonly editorService: EditorCollectionService;
+    protected readonly commands: CommandRegistry;
+    protected readonly contextKeyService: IContextKeyService;
+    protected readonly manager: DebugSessionManager;
+    protected readonly themeService: IThemeService;
+    private readonly overrideServicesRegistry;
+    private readonly storageProvider;
+    private readonly injector;
+    private debugContextKey;
+    protected history: HistoryNavigator<string>;
+    protected _consoleInputElement: HTMLDivElement | null;
+    protected _updateDisposable: monaco.IDisposable | null;
+    protected _consoleModel: ITextModel;
+    protected get _isReadonly(): boolean;
+    private inputEditor?;
+    static keySet: Set<string>;
+    constructor();
+    private _onConsoleInputValueChange;
+    onConsoleInputValueChange: Event<URI>;
+    private _onInputHeightChange;
+    onInputHeightChange: Event<number>;
+    get isVisible(): boolean | undefined;
+    get consoleModel(): DebugConsoleModelService;
+    activate(): void;
+    focusInput(): void;
+    init(e: HTMLDivElement | null): Promise<void>;
+    get contextInDebugRepl(): import("@opensumi/ide-core-browser").IContextKey<boolean>;
+    get consoleInputValue(): string;
+    showPreviousValue(): void;
+    showNextValue(): void;
+    runExecute(): Promise<void>;
+    private navigateHistory;
+    private get consoleInputUri();
+    private createConsoleInput;
+    private layoutBody;
+    private updateReadOnly;
+    private updateInputDecoration;
+    private setMode;
+    private registerDecorationType;
+    private registerCompletion;
+    disable(): void;
+}
+export declare class DebugConsoleInputDocumentProvider implements IEditorDocumentModelContentProvider {
+    private readonly debugConsole;
+    handlesScheme(scheme: string): boolean;
+    provideEditorDocumentModelContent(): Promise<string>;
+    isReadonly(): boolean;
+    get onDidChangeContent(): Event<URI>;
+    preferLanguageForUri(): string;
+}
+//# sourceMappingURL=debug-console.service.d.ts.map

package/lib/browser/view/console/debug-console.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-console.service.d.ts","sourceRoot":"","sources":["../../../../src/browser/view/console/debug-console.service.ts"],"names":[],"mappings":"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"}