@opensumi/ide-debug 2.21.6 → 2.21.7-rc-1669780664.0

package/src/browser/components/debug-action/index.module.less

@@ -0,0 +1,73 @@
+.debug_action {
+  opacity: 0.9;
+  cursor: pointer;
+  pointer-events: all;
+  text-align: center;
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  line-height: 16px;
+  &::before {
+    font-size: 16px;
+  }
+  &:active {
+    transform: scale(1.1);
+  }
+  &::not(:focus) {
+    border: 1px solid transparent;
+  }
+  &.mod_disabled {
+    opacity: 0.5;
+    user-select: none;
+    pointer-events: none;
+  }
+}
+
+.icon-size {
+  font-size: 16px;
+}
+
+.start {
+  color: var(--debugIcon-startForeground);
+  .icon-size;
+}
+
+.continue {
+  color: var(--debugIcon-continueForeground);
+  .icon-size;
+}
+
+.step-in {
+  color: var(--debugIcon-stepIntoForeground);
+  .icon-size;
+}
+
+.step-out {
+  color: var(--debugIcon-stepOutForeground);
+  .icon-size;
+}
+
+.stop {
+  color: var(--debugIcon-stopForeground);
+  .icon-size;
+}
+
+.pause {
+  color: var(--debugIcon-pauseForeground);
+  .icon-size;
+}
+
+.disconnect {
+  color: var(--debugIcon-disconnectForeground);
+  .icon-size;
+}
+
+.reload {
+  color: var(--debugIcon-restartForeground);
+  .icon-size;
+}
+
+.step {
+  color: var(--debugIcon-stepOverForeground);
+  .icon-size;
+}

package/src/browser/components/debug-action/index.tsx

@@ -0,0 +1,40 @@
+import cls from 'classnames';
+import React from 'react';
+
+import { getIcon } from '@opensumi/ide-core-browser';
+
+import styles from './index.module.less';
+
+export interface DebugActionProps {
+  icon: string;
+  label: string;
+  run?: () => any;
+  enabled?: boolean;
+  color?: string;
+  className?: string;
+}
+
+export const DebugAction = ({
+  icon,
+  label,
+  run,
+  enabled,
+  className,
+  ...restProps
+}: DebugActionProps & React.HtmlHTMLAttributes<HTMLDivElement>) => {
+  const noop = () => {};
+  return (
+    <div
+      {...restProps}
+      className={cls(
+        styles.debug_action,
+        styles[icon],
+        getIcon(icon) || icon,
+        typeof enabled === 'boolean' && !enabled && styles.mod_disabled,
+        className,
+      )}
+      title={label}
+      onClick={run || noop}
+    ></div>
+  );
+};

package/src/browser/components/debug-exception-widget.less

@@ -0,0 +1,42 @@
+.exception_widget_container {
+  overflow: hidden;
+  width: 100%;
+  background-color: var(--debugExceptionWidget-background);
+  border-top: 1px solid var(--debugExceptionWidget-border);
+  border-bottom: 1px solid var(--debugExceptionWidget-border);
+  &:focus {
+    outline: 1px solid var(--focusBorder);
+    outline-offset: -1px;
+  }
+
+  .exception_widget {
+    padding: 6px 10px;
+    white-space: pre-wrap;
+    user-select: text;
+    -webkit-user-select: text;
+  }
+
+  .exception_widget .title {
+    display: flex;
+  }
+
+  .exception_widget .title .label {
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+  }
+
+  .exception_widget .title .actions {
+    flex: 1;
+  }
+
+  .exception_widget .stack_trace {
+    margin-top: 0.5em;
+  }
+
+  .exception_widget .stack_trace a {
+    text-decoration: underline;
+    cursor: pointer;
+    color: currentColor;
+  }
+}

package/src/browser/components/floating-click-widget/index.module.less

@@ -0,0 +1,5 @@
+.floating_click_widget {
+  position: absolute;
+  right: 50px;
+  bottom: 30px;
+}

package/src/browser/components/floating-click-widget/index.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { Button } from '@opensumi/ide-components';
+import { localize } from '@opensumi/ide-core-browser';
+import { useInjectable } from '@opensumi/ide-core-browser';
+
+import { DebugConfigurationService } from '../../view/configuration/debug-configuration.service';
+
+import styles from './index.module.less';
+
+export const FloatingClickWidget = (_: React.HtmlHTMLAttributes<HTMLDivElement>) => {
+  const { addConfiguration } = useInjectable<DebugConfigurationService>(DebugConfigurationService);
+
+  return (
+    <div className={styles.floating_click_widget}>
+      <Button onClick={addConfiguration} size='large'>
+        {localize('debug.action.add.configuration')}
+      </Button>
+    </div>
+  );
+};

package/src/browser/components/index.ts

@@ -0,0 +1 @@
+export * from './debug-action';

package/src/browser/contextkeys/debug-call-stack-item-type-key.ts

@@ -0,0 +1,4 @@
+import { IContextKey } from '@opensumi/ide-core-browser';
+
+export const DebugCallStackItemTypeKey = Symbol('DebugCallStackItemTypeKey');
+export type DebugCallStackItemTypeKey = IContextKey<'session' | 'thread' | 'stackFrame'>;

package/src/browser/contextkeys/debug-contextkey.service.ts

@@ -0,0 +1,54 @@
+import { Optional, Injectable, Autowired } from '@opensumi/di';
+import { IContextKeyService, IContextKey, IScopedContextKeyService } from '@opensumi/ide-core-browser';
+
+import { DebugState } from '../../common';
+
+import {
+  CONTEXT_IN_DEBUG_REPL,
+  CONTEXT_IN_DEBUG_CONSOLE,
+  CONTEXT_IN_DEBUG_MODE,
+  CONTEXT_DEBUG_STATE,
+  CONTEXT_VARIABLE_EVALUATE_NAME_PRESENT,
+  CONTEXT_SET_VARIABLE_SUPPORTED,
+  CONTEXT_RESTART_FRAME_SUPPORTED,
+  CONTEXT_DEBUG_PROTOCOL_VARIABLE_MENU_CONTEXT,
+  CONTEXT_CAN_VIEW_MEMORY,
+  CONTEXT_EXCEPTION_WIDGET_VISIBLE,
+} from './../../common/constants';
+
+@Injectable()
+export class DebugContextKey {
+  @Autowired(IContextKeyService)
+  private readonly globalContextKeyService: IContextKeyService;
+
+  private _contextKeyService: IScopedContextKeyService | undefined;
+
+  public readonly contextInDebugRepl: IContextKey<boolean>;
+  public readonly contextInDebugConsole: IContextKey<boolean>;
+  public readonly contextInDdebugMode: IContextKey<boolean>;
+  public readonly contextDebugState: IContextKey<keyof typeof DebugState>;
+  public readonly contextVariableEvaluateNamePresent: IContextKey<boolean>;
+  public readonly contextSetVariableSupported: IContextKey<boolean>;
+  public readonly contextRestartFrameSupported: IContextKey<boolean>;
+  public readonly contextDebugProtocolVariableMenu: IContextKey<string>;
+  public readonly contextCanViewMemory: IContextKey<boolean>;
+  public readonly contextExceptionWidgetVisible: IContextKey<boolean>;
+
+  constructor(@Optional() dom?: HTMLElement) {
+    this._contextKeyService = this.globalContextKeyService.createScoped(dom);
+    this.contextInDebugRepl = CONTEXT_IN_DEBUG_REPL.bind(this.contextKeyScoped);
+    this.contextInDebugConsole = CONTEXT_IN_DEBUG_CONSOLE.bind(this.contextKeyScoped);
+    this.contextInDdebugMode = CONTEXT_IN_DEBUG_MODE.bind(this.contextKeyScoped);
+    this.contextDebugState = CONTEXT_DEBUG_STATE.bind(this.contextKeyScoped);
+    this.contextVariableEvaluateNamePresent = CONTEXT_VARIABLE_EVALUATE_NAME_PRESENT.bind(this.contextKeyScoped);
+    this.contextSetVariableSupported = CONTEXT_SET_VARIABLE_SUPPORTED.bind(this.contextKeyScoped);
+    this.contextRestartFrameSupported = CONTEXT_RESTART_FRAME_SUPPORTED.bind(this.contextKeyScoped);
+    this.contextDebugProtocolVariableMenu = CONTEXT_DEBUG_PROTOCOL_VARIABLE_MENU_CONTEXT.bind(this.contextKeyScoped);
+    this.contextCanViewMemory = CONTEXT_CAN_VIEW_MEMORY.bind(this.contextKeyScoped);
+    this.contextExceptionWidgetVisible = CONTEXT_EXCEPTION_WIDGET_VISIBLE.bind(this._contextKeyService);
+  }
+
+  public get contextKeyScoped(): IScopedContextKeyService {
+    return this._contextKeyService!;
+  }
+}

package/src/browser/contextkeys/index.ts

@@ -0,0 +1 @@
+export * from './debug-call-stack-item-type-key';