@opensumi/ide-debug 3.5.1-next-1730948411.0 → 3.5.1-next-1731391210.0

package/src/browser/view/console/debug-console.contribution.ts

@@ -158,6 +158,7 @@ export class DebugConsoleContribution
       command: DEBUG_COMMANDS.CONSOLE_ENTER_EVALUATE.id,
       keybinding: 'enter',
       when: `${CONTEXT_IN_DEBUG_REPL.raw} && ${CONTEXT_IN_DEBUG_MODE.raw}`,
+      priority: 0,
     });
     bindings.registerKeybinding({
       command: DEBUG_COMMANDS.CONSOLE_INPUT_DOWN_ARROW.id,

package/src/browser/view/console/debug-console.view.tsx

@@ -1,5 +1,4 @@
 import cls from 'classnames';
-import { observer } from 'mobx-react-lite';
 import React from 'react';
 
 import {
@@ -35,7 +34,7 @@ import { IDebugConsoleModel } from './debug-console-tree.model.service';
 import styles from './debug-console.module.less';
 import { DebugConsoleService } from './debug-console.service';
 
-export const DebugConsoleView = observer(({ viewState }: { viewState: ViewState }) => {
+export const DebugConsoleView = ({ viewState }: { viewState: ViewState }) => {
   const debugConsoleService = useInjectable<DebugConsoleService>(DebugConsoleService);
   const debugConsoleFilterService = useInjectable<DebugConsoleFilterService>(DebugConsoleFilterService);
   const preferenceService = useInjectable<PreferenceService>(PreferenceService);
@@ -225,7 +224,7 @@ export const DebugConsoleView = observer(({ viewState }: { viewState: ViewState
       </div>
     </div>
   );
-});
+};
 
 export interface IDebugConsoleNodeProps {
   item: any;

package/src/browser/view/frames/debug-call-stack-frame.view.tsx

@@ -1,5 +1,4 @@
 import cls from 'classnames';
-import { observer } from 'mobx-react-lite';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 
 import { RecycleList } from '@opensumi/ide-components';
@@ -30,7 +29,7 @@ export interface DebugStackSessionViewProps {
   isBottom?: boolean;
 }
 
-export const DebugStackFramesView = observer((props: DebugStackSessionViewProps) => {
+export const DebugStackFramesView = (props: DebugStackSessionViewProps) => {
   const { viewState, frames: rawFrames, thread, indent = 0, session, isBottom } = props;
   const [selected, setSelected] = useState<number | undefined>();
   const [isLoading, setIsLoading] = useState<boolean>(false);
@@ -360,4 +359,4 @@ export const DebugStackFramesView = observer((props: DebugStackSessionViewProps)
       footer={isLoading || canLoadMore ? footer : undefined}
     />
   );
-});
+};

package/src/browser/view/frames/debug-call-stack.view.tsx

@@ -1,4 +1,3 @@
-import { observer } from 'mobx-react-lite';
 import React from 'react';
 
 import { ViewState, useInjectable } from '@opensumi/ide-core-browser';
@@ -10,7 +9,7 @@ import { DebugSessionManager } from '../../debug-session-manager';
 import { DebugStackSessionView } from './debug-call-stack-session.view';
 import styles from './debug-call-stack.module.less';
 
-export const DebugCallStackView = observer(({ viewState }: React.PropsWithChildren<{ viewState: ViewState }>) => {
+export const DebugCallStackView = ({ viewState }: React.PropsWithChildren<{ viewState: ViewState }>) => {
   const manager = useInjectable<DebugSessionManager>(IDebugSessionManager);
   const [sessions, setSessions] = React.useState<DebugSession[]>([]);
 
@@ -41,4 +40,4 @@ export const DebugCallStackView = observer(({ viewState }: React.PropsWithChildr
         ))}
     </div>
   );
-});
+};

package/src/browser/view/variables/debug-variables.view.tsx

@@ -1,5 +1,4 @@
 import cls from 'classnames';
-import { observer } from 'mobx-react-lite';
 import React from 'react';
 
 import {
@@ -28,15 +27,13 @@ import styles from './debug-variables.module.less';
 
 export const DEBUG_VARIABLE_TREE_FIELD_NAME = 'DEBUG_VARIABLE_TREE_FIELD';
 
-export const DebugVariableView = observer(({ viewState }: React.PropsWithChildren<{ viewState: ViewState }>) => {
-  const DEBUG_VARIABLE_ITEM_HEIGHT = 22;
-
-  const { width, height } = viewState;
+export const DebugVariableView = ({ viewState }: React.PropsWithChildren<{ viewState: ViewState }>) => {
+  const debugVariablesModelService = useInjectable<DebugVariablesModelService>(DebugVariablesModelService);
 
   const wrapperRef = React.useRef<HTMLDivElement | null>(null);
   const [model, setModel] = React.useState<TreeModel>();
-
-  const debugVariablesModelService = useInjectable<DebugVariablesModelService>(DebugVariablesModelService);
+  const DEBUG_VARIABLE_ITEM_HEIGHT = 22;
+  const { width, height } = viewState;
 
   React.useEffect(() => {
     const disposable = debugVariablesModelService.onDidUpdateTreeModel(async (nextModel: TreeModel) => {
@@ -150,7 +147,7 @@ export const DebugVariableView = observer(({ viewState }: React.PropsWithChildre
       {renderContent()}
     </div>
   );
-});
+};
 
 export interface IDebugVariableNodeProps {
   item: any;

package/src/browser/view/watch/debug-watch.view.tsx

@@ -1,5 +1,4 @@
 import cls from 'classnames';
-import { observer } from 'mobx-react-lite';
 import React from 'react';
 
 import {
@@ -35,15 +34,13 @@ import styles from './debug-watch.module.less';
 
 export const DEBUG_WATCH_TREE_FIELD_NAME = 'DEBUG_WATCH_TREE_FIELD';
 
-export const DebugWatchView = observer(({ viewState }: React.PropsWithChildren<{ viewState: ViewState }>) => {
-  const DEBUG_VARIABLE_ITEM_HEIGHT = 22;
-
-  const { height } = viewState;
+export const DebugWatchView = ({ viewState }: React.PropsWithChildren<{ viewState: ViewState }>) => {
+  const debugWatchModelService = useInjectable<DebugWatchModelService>(DebugWatchModelService);
 
+  const DEBUG_VARIABLE_ITEM_HEIGHT = 22;
   const wrapperRef = React.useRef<HTMLDivElement | null>(null);
   const [model, setModel] = React.useState<TreeModel>();
-
-  const debugWatchModelService = useInjectable<DebugWatchModelService>(DebugWatchModelService);
+  const { height } = viewState;
 
   React.useEffect(() => initTreeModel(), []);
 
@@ -170,7 +167,7 @@ export const DebugWatchView = observer(({ viewState }: React.PropsWithChildren<{
       {renderContent()}
     </div>
   );
-});
+};
 
 export interface IDebugVariableNodeProps {
   item: any;