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

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

@@ -0,0 +1,71 @@
+.debug_breakpoints {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.debug_breakpoints_disabled {
+  opacity: .7;
+}
+
+.debug_breakpoints_item {
+  height: 22px;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  flex-direction: row;
+  &:hover {
+    background:  var(--list-hoverBackground);
+    color:  var(--list-hoverForeground);
+    .debug_remove_breakpoints_icon {
+      display: inline-block;
+      pointer-events: all;
+      margin-right: 5px;
+    }
+    .debug_breakpoints_badge {
+      display: none;
+    }
+  }
+  &.selected {
+    background: var(--list-activeSelectionBackground);
+    color: var(--list-activeSelectionForeground);
+  }
+}
+
+.debug_breakpoints_icon {
+  width: 19px;
+  height: 19px;
+  min-width: 19px;
+}
+
+.debug_remove_breakpoints_icon {
+  color: #c5c5c5;
+  display: none;
+  pointer-events: none;
+}
+
+.debug_breakpoints_badge {
+  display: block;
+}
+
+.debug_breakpoints_description {
+  display: block;
+  transform: scale(.95);
+  opacity: .7;
+  margin-left: 5px;
+  display: inline;
+}
+
+.debug_breakpoints_name {
+  flex-grow: 0;
+  display: inline;
+}
+
+.debug_breakpoints_wrapper {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 5px;
+  flex: 1;
+}

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

@@ -0,0 +1,42 @@
+import { ICodeEditor, EditorCollectionService } from '@opensumi/ide-editor';
+import { DebugViewModel } from '../debug-view-model';
+import { DebugBreakpoint, DebugExceptionBreakpoint, BreakpointManager } from '../../breakpoint';
+import { IWorkspaceService } from '@opensumi/ide-workspace';
+import { URI, WithEventBus, IContextKeyService, IReporterService } from '@opensumi/ide-core-browser';
+import { BreakpointItem } from './debug-breakpoints.view';
+import { WorkspaceEditDidRenameFileEvent, WorkspaceEditDidDeleteFileEvent } from '@opensumi/ide-workspace-edit';
+import { DebugSessionManager } from '../../debug-session-manager';
+import { LabelService } from '@opensumi/ide-core-browser/lib/services';
+import { IEditorDocumentModelService } from '@opensumi/ide-editor/lib/browser';
+export declare class DebugBreakpointsService extends WithEventBus {
+    protected readonly model: DebugViewModel;
+    protected readonly workspaceService: IWorkspaceService;
+    protected readonly breakpoints: BreakpointManager;
+    protected readonly sessions: DebugSessionManager;
+    protected readonly labelProvider: LabelService;
+    protected readonly contextKeyService: IContextKeyService;
+    protected readonly reporterService: IReporterService;
+    protected readonly editorService: EditorCollectionService;
+    protected readonly documentService: IEditorDocumentModelService;
+    private _inputEditor;
+    get inputEditor(): ICodeEditor;
+    nodes: BreakpointItem[];
+    enable: boolean;
+    inDebugMode: boolean;
+    roots: URI[];
+    constructor();
+    init(): Promise<void>;
+    getBreakpointDecoration(breakpoint: DebugBreakpoint, isDebugMode?: boolean, enabled?: boolean): import("../../breakpoint").DebugBreakpointDecoration;
+    onRenameFile(e: WorkspaceEditDidRenameFileEvent): void;
+    onDeleteFile(e: WorkspaceEditDidDeleteFileEvent): void;
+    private removeBreakpoints;
+    updateRoots(): Promise<void>;
+    toggleBreakpointEnable(data: DebugBreakpoint | DebugExceptionBreakpoint): void;
+    extractNodes(items: (DebugExceptionBreakpoint | DebugBreakpoint)[]): BreakpointItem[];
+    private updateBreakpoints;
+    removeAllBreakpoints(): void;
+    delBreakpoint(bp: DebugBreakpoint): void;
+    toggleBreakpoints(): void;
+    createBreakpointInput(container: HTMLElement): Promise<ICodeEditor>;
+}
+//# sourceMappingURL=debug-breakpoints.service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debug-breakpoints.service.d.ts","sourceRoot":"","sources":["../../../../src/browser/view/breakpoints/debug-breakpoints.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAA0B,MAAM,sBAAsB,CAAC;AAGpG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAiD,iBAAiB,EAAkB,MAAM,kBAAkB,CAAC;AAC/J,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,YAAY,EAAW,kBAAkB,EAAE,gBAAgB,EAAW,MAAM,4BAA4B,CAAC;AACvH,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAEhH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAEvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,qBACa,uBAAwB,SAAQ,YAAY;IAGvD,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAGzC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;IAGvD,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC;IAGlD,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,mBAAmB,CAAC;IAGjD,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,YAAY,CAAC;IAG/C,SAAS,CAAC,QAAQ,CAAC,iBAAiB,EAAE,kBAAkB,CAAC;IAGzD,SAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,gBAAgB,CAAC;IAGrD,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,uBAAuB,CAAC;IAG1D,SAAS,CAAC,QAAQ,CAAC,eAAe,EAAE,2BAA2B,CAAC;IAEhE,OAAO,CAAC,YAAY,CAAc;IAElC,IAAW,WAAW,IAAI,WAAW,CAEpC;IAGM,KAAK,EAAE,cAAc,EAAE,CAAM;IAG7B,MAAM,EAAE,OAAO,CAAC;IAGhB,WAAW,EAAE,OAAO,CAAC;IAErB,KAAK,EAAE,GAAG,EAAE,CAAC;;IAOd,IAAI;IAsBH,uBAAuB,CAAC,UAAU,EAAE,eAAe,EAAE,WAAW,GAAE,OAAe,EAAE,OAAO,GAAE,OAAc;IAKjH,YAAY,CAAC,CAAC,EAAE,+BAA+B;IAK/C,YAAY,CAAC,CAAC,EAAE,+BAA+B;IAI/C,OAAO,CAAC,iBAAiB;IAMnB,WAAW;IAQjB,sBAAsB,CAAC,IAAI,EAAE,eAAe,GAAG,wBAAwB;IAgBvE,YAAY,CAAC,KAAK,EAAE,CAAC,wBAAwB,GAAG,eAAe,CAAC,EAAE;IA0BlE,OAAO,CAAC,iBAAiB;IAIzB,oBAAoB;IAIpB,aAAa,CAAC,EAAE,EAAE,eAAe,GAAG,IAAI;IAMxC,iBAAiB;IAWJ,qBAAqB,CAAC,SAAS,EAAE,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;CAkBjF"}

package/lib/browser/view/breakpoints/debug-breakpoints.service.js

@@ -0,0 +1,228 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DebugBreakpointsService = void 0;
+const tslib_1 = require("tslib");
+const ide_editor_1 = require("@opensumi/ide-editor");
+const di_1 = require("@opensumi/di");
+const mobx_1 = require("mobx");
+const debug_view_model_1 = require("../debug-view-model");
+const breakpoint_1 = require("../../breakpoint");
+const ide_workspace_1 = require("@opensumi/ide-workspace");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const ide_workspace_edit_1 = require("@opensumi/ide-workspace-edit");
+const debug_session_1 = require("../../../common/debug-session");
+const debug_session_manager_1 = require("../../debug-session-manager");
+const services_1 = require("@opensumi/ide-core-browser/lib/services");
+const common_1 = require("../../../common");
+const browser_1 = require("@opensumi/ide-editor/lib/browser");
+let DebugBreakpointsService = class DebugBreakpointsService extends ide_core_browser_1.WithEventBus {
+    constructor() {
+        super();
+        this.nodes = [];
+        this.init();
+    }
+    get inputEditor() {
+        return this._inputEditor;
+    }
+    async init() {
+        await this.updateRoots();
+        this.updateBreakpoints();
+        this.workspaceService.onWorkspaceChanged(async () => {
+            await this.updateRoots();
+            this.updateBreakpoints();
+        });
+        this.breakpoints.onDidChangeBreakpoints(() => {
+            this.updateBreakpoints();
+        });
+        this.breakpoints.onDidChangeExceptionsBreakpoints(() => {
+            this.updateBreakpoints();
+        });
+        this.contextKeyService.onDidChangeContext((e) => {
+            if (e.payload.affectsSome(new Set([common_1.CONTEXT_IN_DEBUG_MODE_KEY]))) {
+                (0, mobx_1.runInAction)(() => {
+                    this.inDebugMode = this.contextKeyService.getContextValue(common_1.CONTEXT_IN_DEBUG_MODE_KEY) || false;
+                });
+            }
+        });
+    }
+    getBreakpointDecoration(breakpoint, isDebugMode = false, enabled = true) {
+        return new breakpoint_1.DebugDecorator().getDecoration(breakpoint, isDebugMode, enabled);
+    }
+    onRenameFile(e) {
+        this.removeBreakpoints(e.payload.oldUri);
+    }
+    onDeleteFile(e) {
+        this.removeBreakpoints(e.payload.oldUri);
+    }
+    removeBreakpoints(uri) {
+        this.breakpoints.cleanAllMarkers(uri);
+        this.updateBreakpoints();
+    }
+    async updateRoots() {
+        this.enable = this.breakpoints.breakpointsEnabled;
+        this.inDebugMode = this.contextKeyService.getContextValue(common_1.CONTEXT_IN_DEBUG_MODE_KEY) || false;
+        const roots = await this.workspaceService.roots;
+        this.roots = roots.map((file) => new ide_core_browser_1.URI(file.uri));
+    }
+    toggleBreakpointEnable(data) {
+        if ((0, breakpoint_1.isDebugBreakpoint)(data)) {
+            const real = this.breakpoints.getBreakpoint(ide_core_browser_1.URI.parse(data.uri), {
+                lineNumber: data.raw.line,
+                column: data.raw.column,
+            });
+            if (real) {
+                real.enabled = !real.enabled;
+                this.breakpoints.updateBreakpoint(real);
+            }
+        }
+        if ((0, breakpoint_1.isDebugExceptionBreakpoint)(data)) {
+            this.breakpoints.updateExceptionBreakpoints(data.filter, !data.default);
+        }
+    }
+    extractNodes(items) {
+        const nodes = [];
+        items.forEach((item) => {
+            if ((0, breakpoint_1.isDebugBreakpoint)(item)) {
+                const uri = ide_core_browser_1.URI.parse(item.uri);
+                const parent = this.roots.filter((root) => root.isEqualOrParent(uri))[0];
+                nodes.push({
+                    id: item.id,
+                    name: uri.displayName,
+                    description: parent && parent.relative(uri).toString(),
+                    breakpoint: item,
+                });
+            }
+            if ((0, breakpoint_1.isDebugExceptionBreakpoint)(item)) {
+                nodes.push({
+                    id: item.filter,
+                    name: item.label,
+                    description: '',
+                    breakpoint: item,
+                });
+            }
+        });
+        return nodes;
+    }
+    updateBreakpoints() {
+        this.nodes = this.extractNodes([...this.breakpoints.getExceptionBreakpoints(), ...this.breakpoints.getBreakpoints()]);
+    }
+    removeAllBreakpoints() {
+        this.breakpoints.clearBreakpoints();
+    }
+    delBreakpoint(bp) {
+        this.breakpoints.delBreakpoint(bp);
+        this.updateBreakpoints();
+    }
+    toggleBreakpoints() {
+        this.breakpoints.breakpointsEnabled = !this.breakpoints.breakpointsEnabled;
+        this.enable = this.breakpoints.breakpointsEnabled;
+        if (this.enable) {
+            this.reporterService.point(common_1.DEBUG_REPORT_NAME === null || common_1.DEBUG_REPORT_NAME === void 0 ? void 0 : common_1.DEBUG_REPORT_NAME.DEBUG_BREAKPOINT, 'enabled');
+        }
+        else {
+            this.reporterService.point(common_1.DEBUG_REPORT_NAME === null || common_1.DEBUG_REPORT_NAME === void 0 ? void 0 : common_1.DEBUG_REPORT_NAME.DEBUG_BREAKPOINT, 'unenabled');
+        }
+    }
+    async createBreakpointInput(container) {
+        this._inputEditor = await this.editorService.createCodeEditor(container, Object.assign(Object.assign({}, (0, ide_editor_1.getSimpleEditorOptions)()), { scrollbar: {
+                horizontal: 'hidden',
+                vertical: 'hidden',
+                handleMouseWheel: false,
+            }, acceptSuggestionOnEnter: 'on', renderIndentGuides: false }));
+        const docModel = await this.documentService.createModelReference(new ide_core_browser_1.URI('debug/breakpoint/expression/input').withScheme(ide_core_browser_1.Schemas.walkThroughSnippet));
+        const model = docModel.instance.getMonacoModel();
+        model.updateOptions({ tabSize: 2 });
+        this._inputEditor.monacoEditor.setModel(model);
+        return Promise.resolve(this.inputEditor);
+    }
+};
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(debug_view_model_1.DebugViewModel),
+    (0, tslib_1.__metadata)("design:type", debug_view_model_1.DebugViewModel)
+], DebugBreakpointsService.prototype, "model", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(ide_workspace_1.IWorkspaceService),
+    (0, tslib_1.__metadata)("design:type", Object)
+], DebugBreakpointsService.prototype, "workspaceService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(breakpoint_1.BreakpointManager),
+    (0, tslib_1.__metadata)("design:type", breakpoint_1.BreakpointManager)
+], DebugBreakpointsService.prototype, "breakpoints", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(debug_session_1.IDebugSessionManager),
+    (0, tslib_1.__metadata)("design:type", debug_session_manager_1.DebugSessionManager)
+], DebugBreakpointsService.prototype, "sessions", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(services_1.LabelService),
+    (0, tslib_1.__metadata)("design:type", services_1.LabelService)
+], DebugBreakpointsService.prototype, "labelProvider", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(ide_core_browser_1.IContextKeyService),
+    (0, tslib_1.__metadata)("design:type", Object)
+], DebugBreakpointsService.prototype, "contextKeyService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(ide_core_browser_1.IReporterService),
+    (0, tslib_1.__metadata)("design:type", Object)
+], DebugBreakpointsService.prototype, "reporterService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(ide_editor_1.EditorCollectionService),
+    (0, tslib_1.__metadata)("design:type", ide_editor_1.EditorCollectionService)
+], DebugBreakpointsService.prototype, "editorService", void 0);
+(0, tslib_1.__decorate)([
+    (0, di_1.Autowired)(browser_1.IEditorDocumentModelService),
+    (0, tslib_1.__metadata)("design:type", Object)
+], DebugBreakpointsService.prototype, "documentService", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Array)
+], DebugBreakpointsService.prototype, "nodes", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Boolean)
+], DebugBreakpointsService.prototype, "enable", void 0);
+(0, tslib_1.__decorate)([
+    mobx_1.observable,
+    (0, tslib_1.__metadata)("design:type", Boolean)
+], DebugBreakpointsService.prototype, "inDebugMode", void 0);
+(0, tslib_1.__decorate)([
+    (0, ide_core_browser_1.OnEvent)(ide_workspace_edit_1.WorkspaceEditDidRenameFileEvent),
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [ide_workspace_edit_1.WorkspaceEditDidRenameFileEvent]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], DebugBreakpointsService.prototype, "onRenameFile", null);
+(0, tslib_1.__decorate)([
+    (0, ide_core_browser_1.OnEvent)(ide_workspace_edit_1.WorkspaceEditDidDeleteFileEvent),
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [ide_workspace_edit_1.WorkspaceEditDidDeleteFileEvent]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], DebugBreakpointsService.prototype, "onDeleteFile", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", []),
+    (0, tslib_1.__metadata)("design:returntype", Promise)
+], DebugBreakpointsService.prototype, "updateRoots", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action.bound,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", [Object]),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], DebugBreakpointsService.prototype, "toggleBreakpointEnable", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", []),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], DebugBreakpointsService.prototype, "updateBreakpoints", null);
+(0, tslib_1.__decorate)([
+    mobx_1.action,
+    (0, tslib_1.__metadata)("design:type", Function),
+    (0, tslib_1.__metadata)("design:paramtypes", []),
+    (0, tslib_1.__metadata)("design:returntype", void 0)
+], DebugBreakpointsService.prototype, "toggleBreakpoints", null);
+DebugBreakpointsService = (0, tslib_1.__decorate)([
+    (0, di_1.Injectable)(),
+    (0, tslib_1.__metadata)("design:paramtypes", [])
+], DebugBreakpointsService);
+exports.DebugBreakpointsService = DebugBreakpointsService;
+//# sourceMappingURL=debug-breakpoints.service.js.map

package/lib/browser/view/breakpoints/debug-breakpoints.service.js.map

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

package/lib/browser/view/breakpoints/debug-breakpoints.view.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ViewState } from '@opensumi/ide-core-browser';
+import { DebugBreakpoint, DebugExceptionBreakpoint } from '../../breakpoint';
+export interface BreakpointItem {
+    name: string;
+    id: string;
+    description: string;
+    breakpoint: DebugBreakpoint | DebugExceptionBreakpoint;
+}
+export declare const DebugBreakpointView: React.FunctionComponent<{
+    viewState: ViewState;
+}>;
+export declare const BreakpointItem: ({ data, toggle, isDebugMode, breakpointEnabled, }: {
+    data: BreakpointItem;
+    toggle: () => void;
+    isDebugMode: boolean;
+    breakpointEnabled: boolean;
+}) => JSX.Element;
+//# sourceMappingURL=debug-breakpoints.view.d.ts.map

package/lib/browser/view/breakpoints/debug-breakpoints.view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-breakpoints.view.d.ts","sourceRoot":"","sources":["../../../../src/browser/view/breakpoints/debug-breakpoints.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAiB,SAAS,EAAiD,MAAM,4BAA4B,CAAC;AAKrH,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAwE,MAAM,kBAAkB,CAAC;AAKnJ,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,eAAe,GAAG,wBAAwB,CAAC;CACxD;AAED,eAAO,MAAM,mBAAmB;eAEQ,SAAS;EA0B/C,CAAC;AAEH,eAAO,MAAM,cAAc;UAMnB,cAAc;YACZ,MAAM,IAAI;iBACL,OAAO;uBACD,OAAO;iBAuG3B,CAAC"}

package/lib/browser/view/breakpoints/debug-breakpoints.view.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreakpointItem = exports.DebugBreakpointView = void 0;
+const tslib_1 = require("tslib");
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
+const debug_breakpoints_service_1 = require("./debug-breakpoints.service");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const debug_breakpoints_module_less_1 = (0, tslib_1.__importDefault)(require("./debug-breakpoints.module.less"));
+const classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
+const ide_components_1 = require("@opensumi/ide-components");
+const mobx_react_lite_1 = require("mobx-react-lite");
+const breakpoint_1 = require("../../breakpoint");
+const ide_components_2 = require("@opensumi/ide-components");
+const common_1 = require("../../../common");
+exports.DebugBreakpointView = (0, mobx_react_lite_1.observer)(({ viewState, }) => {
+    const { nodes, enable, inDebugMode, toggleBreakpointEnable, } = (0, ide_core_browser_1.useInjectable)(debug_breakpoints_service_1.DebugBreakpointsService);
+    const template = ({ data }) => {
+        return react_1.default.createElement(exports.BreakpointItem, { toggle: () => toggleBreakpointEnable(data.breakpoint), breakpointEnabled: enable, data: data, isDebugMode: inDebugMode });
+    };
+    const containerStyle = {
+        height: viewState.height,
+        width: viewState.width,
+    };
+    return react_1.default.createElement("div", { className: (0, classnames_1.default)(debug_breakpoints_module_less_1.default.debug_breakpoints, !enable && debug_breakpoints_module_less_1.default.debug_breakpoints_disabled) },
+        react_1.default.createElement(ide_components_2.RecycleList, { data: nodes, itemHeight: 22, template: template, style: containerStyle }));
+});
+const BreakpointItem = ({ data, toggle, isDebugMode, breakpointEnabled, }) => {
+    const defaultValue = (0, breakpoint_1.isDebugBreakpoint)(data.breakpoint) ? data.breakpoint.enabled : !!(data.breakpoint.default);
+    const manager = (0, ide_core_browser_1.useInjectable)(common_1.IDebugSessionManager);
+    const commandService = (0, ide_core_browser_1.useInjectable)(ide_core_browser_1.CommandService);
+    const debugBreakpointsService = (0, ide_core_browser_1.useInjectable)(debug_breakpoints_service_1.DebugBreakpointsService);
+    const [enabled, setEnabled] = react_1.default.useState(defaultValue);
+    const [status, setStatus] = react_1.default.useState(undefined);
+    const handleBreakpointChange = () => {
+        toggle();
+        setEnabled(!enabled);
+    };
+    const handleBreakpointClick = () => {
+        if (data.breakpoint.uri) {
+            const options = {
+                preview: true,
+                focus: true,
+            };
+            if (!!status) {
+                options['range'] = {
+                    startColumn: status.column || 0,
+                    endColumn: status.column || 0,
+                    startLineNumber: status.line,
+                    endLineNumber: status.line,
+                };
+            }
+            else {
+                options['range'] = {
+                    startColumn: data.breakpoint.raw.column || 0,
+                    endColumn: data.breakpoint.raw.column || 0,
+                    startLineNumber: data.breakpoint.raw.line,
+                    endLineNumber: data.breakpoint.raw.line,
+                };
+            }
+            commandService.executeCommand(ide_core_browser_1.EDITOR_COMMANDS.OPEN_RESOURCE.id, new ide_core_browser_1.URI(data.breakpoint.uri), options);
+        }
+    };
+    react_1.default.useEffect(() => {
+        const exec = () => {
+            if ((0, breakpoint_1.isDebugBreakpoint)(data.breakpoint) && (0, breakpoint_1.isRuntimeBreakpoint)(data.breakpoint)) {
+                const status = (0, breakpoint_1.getStatus)(data.breakpoint);
+                setStatus(status);
+            }
+        };
+        const disposable = manager.onDidChangeActiveDebugSession(() => exec());
+        exec();
+        return () => {
+            setStatus(undefined);
+            disposable.dispose();
+        };
+    }, []);
+    const verified = !isDebugMode ? true : ((0, breakpoint_1.isDebugBreakpoint)(data.breakpoint) && (0, breakpoint_1.isRuntimeBreakpoint)(data.breakpoint));
+    const getBreakpointIcon = () => {
+        const { className } = debugBreakpointsService.getBreakpointDecoration(data.breakpoint, isDebugMode, breakpointEnabled && enabled);
+        return className;
+    };
+    const converBreakpointClsState = () => {
+        if ((0, breakpoint_1.isDebugBreakpoint)(data.breakpoint)) {
+            if (!verified) {
+                return 'sumi-debug-breakpoint-unverified';
+            }
+            return getBreakpointIcon();
+        }
+        return '';
+    };
+    const removeBreakpoint = (event) => {
+        event.stopPropagation();
+        debugBreakpointsService.delBreakpoint(data.breakpoint);
+    };
+    return react_1.default.createElement("div", { className: (0, classnames_1.default)(debug_breakpoints_module_less_1.default.debug_breakpoints_item) },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(converBreakpointClsState(), debug_breakpoints_module_less_1.default.debug_breakpoints_icon) }),
+        react_1.default.createElement(ide_components_1.CheckBox, { id: data.id, onChange: handleBreakpointChange, checked: enabled }),
+        react_1.default.createElement("div", { className: debug_breakpoints_module_less_1.default.debug_breakpoints_wrapper, onClick: handleBreakpointClick },
+            react_1.default.createElement("span", { className: debug_breakpoints_module_less_1.default.debug_breakpoints_name }, data.name),
+            react_1.default.createElement("span", { className: debug_breakpoints_module_less_1.default.debug_breakpoints_description }, data.description)),
+        (0, breakpoint_1.isDebugBreakpoint)(data.breakpoint) ? (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("a", { title: '\u5220\u9664\u65AD\u70B9', onClick: (event) => removeBreakpoint(event), className: (0, classnames_1.default)(debug_breakpoints_module_less_1.default.debug_remove_breakpoints_icon, (0, ide_core_browser_1.getIcon)('close')) }),
+            react_1.default.createElement(ide_components_2.Badge, { className: debug_breakpoints_module_less_1.default.debug_breakpoints_badge },
+                data.breakpoint.raw.line,
+                !!data.breakpoint.raw.column && `:${data.breakpoint.raw.column}`))) : null);
+};
+exports.BreakpointItem = BreakpointItem;
+//# sourceMappingURL=debug-breakpoints.view.js.map

package/lib/browser/view/breakpoints/debug-breakpoints.view.js.map

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

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

@@ -0,0 +1,101 @@
+@import '~@opensumi/ide-components/lib/style/mixins.less';
+
+.kt_debug_action_bar {
+  height: 28px;
+  display: flex;
+  align-items: center;
+  padding: 0px 8px;
+  margin-bottom: 8px;
+  justify-content: flex-start;
+  pointer-events: all;
+  overflow: hidden;
+
+  .kt_debug_actions {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    min-width: 124px;
+    & > *:not(:first-child) {
+      margin-left: 6px;
+    }
+  }
+
+  .debug_selection {
+    width: 100%;
+    min-width: 50px;
+    margin-right: 10px;
+    max-width: 200px;
+
+    :global(.kt-select-value) {
+      & > option {
+        min-width: 22px;
+      }
+    }
+  }
+}
+
+.debug_configuration_toolbar {
+  display: flex;
+  height: 28px;
+  padding-right: 8px;
+  margin-bottom: 8px;
+  align-items: center;
+
+  .kt_debug_actions {
+    display: flex;
+    flex: 1;
+    justify-content: space-between;
+    align-items: center;
+    min-width: 58px;
+    max-width: 66px;
+  }
+
+  .debug_selection {
+    width: 100%;
+    min-width: 50px;
+    margin-left: 8px;
+    margin-right: 6px;
+
+    :global(.kt-select-value) {
+      & > option {
+        min-width: 22px;
+      }
+    }
+  }
+}
+
+.debug_toolbar_container {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  z-index: 999;
+  user-select: none;
+
+  .kt_debug_action_bar {
+    height: 100%;
+    padding: 0px 12px;
+  }
+}
+
+.debug_toolbar_wrapper {
+  display: flex;
+  height: 28px;
+  padding-left: 5px;
+  background-color: var(--debugToolBar-background);
+  border: 1px solid var(--debugToolBar-border);
+  .modal-shadow();
+}
+
+.debug_toolbar_drag {
+  pointer-events: all;
+  cursor: pointer;
+}
+
+.debug_toolbar_drag_wrapper {
+  display: flex;
+  height: 100%;
+  align-items: center;
+}

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

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { IWorkspaceService } from '@opensumi/ide-workspace';
+import { DebugConfigurationManager } from '../../debug-configuration-manager';
+import { DebugSessionOptions } from '../../../common';
+import { DebugSessionManager } from '../../debug-session-manager';
+import { DebugViewModel } from '../debug-view-model';
+import { DebugConsoleService } from '../console/debug-console.service';
+export declare class DebugConfigurationService {
+    protected workspaceService: IWorkspaceService;
+    protected debugConfigurationManager: DebugConfigurationManager;
+    protected debugSessionManager: DebugSessionManager;
+    protected debugViewModel: DebugViewModel;
+    protected debugConsoleService: DebugConsoleService;
+    private readonly preferenceService;
+    private _whenReady;
+    constructor();
+    currentValue: string;
+    float: boolean;
+    isMultiRootWorkspace: boolean;
+    workspaceRoots: string[];
+    configurationOptions: DebugSessionOptions[];
+    get whenReady(): Promise<void>;
+    init(): Promise<void>;
+    updateWorkspaceState(): Promise<void>;
+    updateFloat(value: boolean): void;
+    updateCurrentValue(value: string): void;
+    updateConfigurationOptions(): void;
+    start: () => Promise<void>;
+    openConfiguration: () => void;
+    openDebugConsole: () => void;
+    addConfiguration: (eventOrUri?: string | import("react").MouseEvent<HTMLElement, MouseEvent> | undefined) => void;
+    updateConfiguration: (name: string, workspaceFolderUri: string, index: number) => void;
+    toValue({ configuration, workspaceFolderUri, index }: DebugSessionOptions): any;
+    toName: ({ configuration, workspaceFolderUri }: DebugSessionOptions) => string;
+}
+//# sourceMappingURL=debug-configuration.service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debug-configuration.service.d.ts","sourceRoot":"","sources":["../../../../src/browser/view/configuration/debug-configuration.service.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,OAAO,EAAE,mBAAmB,EAA8G,MAAM,iBAAiB,CAAC;AAElK,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAEvE,qBACa,yBAAyB;IAEpC,SAAS,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;IAG9C,SAAS,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;IAG/D,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAGnD,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAGzC,SAAS,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAGnD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAoB;IAEtD,OAAO,CAAC,UAAU,CAAgB;;IAOlC,YAAY,EAAE,MAAM,CAAiC;IAGrD,KAAK,EAAE,OAAO,CAAQ;IAGtB,oBAAoB,EAAE,OAAO,CAAC;IAG9B,cAAc,EAAE,MAAM,EAAE,CAAM;IAG9B,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAE5C,IAAI,SAAS,kBAEZ;IAEK,IAAI;IA0BJ,oBAAoB;IAM1B,WAAW,CAAC,KAAK,EAAE,OAAO;IAK1B,kBAAkB,CAAC,KAAK,EAAE,MAAM;IAKhC,0BAA0B;IAW1B,KAAK,sBAOJ;IAED,iBAAiB,aAIhB;IAED,gBAAgB,aAEf;IAED,gBAAgB,kGAEf;IAED,mBAAmB,SAAU,MAAM,sBAAsB,MAAM,SAAS,MAAM,UAE7E;IAED,OAAO,CAAC,EAAE,aAAa,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,mBAAmB;IAczE,MAAM,0CAA2C,mBAAmB,YAKnE;CACF"}