@opensumi/ide-debug 2.21.5-rc-1669016550.0 → 2.21.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/lib/browser/view/configuration/debug-configuration.module.less +5 -5
  2. package/lib/browser/view/configuration/debug-configuration.view.d.ts.map +1 -1
  3. package/lib/browser/view/configuration/debug-configuration.view.js +1 -1
  4. package/lib/browser/view/configuration/debug-configuration.view.js.map +1 -1
  5. package/lib/browser/view/configuration/debug-toolbar.view.js +2 -2
  6. package/lib/browser/view/configuration/debug-toolbar.view.js.map +1 -1
  7. package/lib/browser/view/console/debug-console.module.less +1 -1
  8. package/lib/browser/view/console/debug-console.view.js +2 -2
  9. package/lib/browser/view/console/debug-console.view.js.map +1 -1
  10. package/lib/browser/view/variables/debug-variables.module.less +1 -1
  11. package/lib/browser/view/variables/debug-variables.view.js +1 -1
  12. package/lib/browser/view/variables/debug-variables.view.js.map +1 -1
  13. package/lib/browser/view/watch/debug-watch.module.less +1 -1
  14. package/lib/browser/view/watch/debug-watch.view.js +1 -1
  15. package/lib/browser/view/watch/debug-watch.view.js.map +1 -1
  16. package/package.json +25 -26
  17. package/src/browser/assets/breakpoint-conditional-disabled.svg +0 -4
  18. package/src/browser/assets/breakpoint-conditional-unverified.svg +0 -4
  19. package/src/browser/assets/breakpoint-conditional.svg +0 -4
  20. package/src/browser/assets/breakpoint-disabled.svg +0 -4
  21. package/src/browser/assets/breakpoint-hint.svg +0 -4
  22. package/src/browser/assets/breakpoint-log-disabled.svg +0 -4
  23. package/src/browser/assets/breakpoint-log-unverified.svg +0 -4
  24. package/src/browser/assets/breakpoint-log.svg +0 -4
  25. package/src/browser/assets/breakpoint-unsupported.svg +0 -4
  26. package/src/browser/assets/breakpoint-unverified.svg +0 -4
  27. package/src/browser/assets/breakpoint.svg +0 -4
  28. package/src/browser/assets/breakpoints-activate-inverse.svg +0 -4
  29. package/src/browser/assets/breakpoints-activate.svg +0 -4
  30. package/src/browser/assets/configure-inverse.svg +0 -4
  31. package/src/browser/assets/configure.svg +0 -4
  32. package/src/browser/assets/continue-inverse.svg +0 -4
  33. package/src/browser/assets/current-and-breakpoint.svg +0 -4
  34. package/src/browser/assets/current-arrow.svg +0 -4
  35. package/src/browser/assets/remove-all-inverse.svg +0 -4
  36. package/src/browser/assets/remove-all.svg +0 -4
  37. package/src/browser/assets/repl-inverse.svg +0 -4
  38. package/src/browser/assets/repl.svg +0 -4
  39. package/src/browser/assets/restart-inverse.svg +0 -4
  40. package/src/browser/assets/stackframe-and-breakpoint.svg +0 -4
  41. package/src/browser/assets/stackframe-arrow.svg +0 -4
  42. package/src/browser/assets/start-inverse.svg +0 -4
  43. package/src/browser/breakpoint/breakpoint-decoration.ts +0 -57
  44. package/src/browser/breakpoint/breakpoint-manager.ts +0 -348
  45. package/src/browser/breakpoint/breakpoint-marker.ts +0 -70
  46. package/src/browser/breakpoint/index.ts +0 -3
  47. package/src/browser/components/debug-action/index.module.less +0 -73
  48. package/src/browser/components/debug-action/index.tsx +0 -40
  49. package/src/browser/components/debug-exception-widget.less +0 -42
  50. package/src/browser/components/floating-click-widget/index.module.less +0 -5
  51. package/src/browser/components/floating-click-widget/index.tsx +0 -21
  52. package/src/browser/components/index.ts +0 -1
  53. package/src/browser/contextkeys/debug-call-stack-item-type-key.ts +0 -4
  54. package/src/browser/contextkeys/debug-contextkey.service.ts +0 -54
  55. package/src/browser/contextkeys/index.ts +0 -1
  56. package/src/browser/debug-ansi-handle.ts +0 -521
  57. package/src/browser/debug-configuration-manager.ts +0 -513
  58. package/src/browser/debug-configuration-model.ts +0 -66
  59. package/src/browser/debug-contribution.ts +0 -904
  60. package/src/browser/debug-exception-widget.tsx +0 -89
  61. package/src/browser/debug-link-detector.ts +0 -234
  62. package/src/browser/debug-memory.ts +0 -220
  63. package/src/browser/debug-preferences.ts +0 -70
  64. package/src/browser/debug-progress.service.ts +0 -122
  65. package/src/browser/debug-schema-updater.ts +0 -67
  66. package/src/browser/debug-service.ts +0 -42
  67. package/src/browser/debug-session-connection.ts +0 -333
  68. package/src/browser/debug-session-contribution.ts +0 -57
  69. package/src/browser/debug-session-manager.ts +0 -622
  70. package/src/browser/debug-session.ts +0 -1179
  71. package/src/browser/debug-style.less +0 -128
  72. package/src/browser/debugUtils.ts +0 -110
  73. package/src/browser/editor/debug-breakpoint-widget.ts +0 -99
  74. package/src/browser/editor/debug-breakpoint-zone-widget.tsx +0 -262
  75. package/src/browser/editor/debug-breakpoint.module.less +0 -31
  76. package/src/browser/editor/debug-editor-contribution.ts +0 -590
  77. package/src/browser/editor/debug-expression-provider.ts +0 -101
  78. package/src/browser/editor/debug-hover-model.ts +0 -38
  79. package/src/browser/editor/debug-hover-source.ts +0 -107
  80. package/src/browser/editor/debug-hover-tree.model.service.ts +0 -332
  81. package/src/browser/editor/debug-hover-widget.tsx +0 -200
  82. package/src/browser/editor/debug-hover.module.less +0 -29
  83. package/src/browser/editor/debug-hover.view.tsx +0 -147
  84. package/src/browser/editor/debug-model-manager.ts +0 -220
  85. package/src/browser/editor/debug-model.ts +0 -853
  86. package/src/browser/editor/debug-run-to-cursor.service.ts +0 -180
  87. package/src/browser/editor/debug-styles.ts +0 -66
  88. package/src/browser/editor/evaluatable-expression.ts +0 -47
  89. package/src/browser/editor/index.ts +0 -6
  90. package/src/browser/index.ts +0 -135
  91. package/src/browser/markers/index.ts +0 -2
  92. package/src/browser/markers/marker-manager.ts +0 -201
  93. package/src/browser/markers/marker.ts +0 -20
  94. package/src/browser/model/debug-source.ts +0 -144
  95. package/src/browser/model/debug-stack-frame.ts +0 -111
  96. package/src/browser/model/debug-thread.ts +0 -186
  97. package/src/browser/model/debug-watch.ts +0 -130
  98. package/src/browser/model/index.ts +0 -4
  99. package/src/browser/preferences/launch-folder-preference-provider.ts +0 -23
  100. package/src/browser/preferences/launch-preferences-contribution.ts +0 -9
  101. package/src/browser/preferences/launch-preferences.ts +0 -16
  102. package/src/browser/tree/debug-console-tree-node.define.tsx +0 -76
  103. package/src/browser/tree/debug-tree-node.define.ts +0 -768
  104. package/src/browser/tree/index.ts +0 -2
  105. package/src/browser/view/breakpoints/debug-breakpoints.module.less +0 -72
  106. package/src/browser/view/breakpoints/debug-breakpoints.service.ts +0 -217
  107. package/src/browser/view/breakpoints/debug-breakpoints.view.tsx +0 -174
  108. package/src/browser/view/configuration/debug-configuration.module.less +0 -110
  109. package/src/browser/view/configuration/debug-configuration.service.ts +0 -170
  110. package/src/browser/view/configuration/debug-configuration.view.tsx +0 -252
  111. package/src/browser/view/configuration/debug-toolbar.service.ts +0 -167
  112. package/src/browser/view/configuration/debug-toolbar.view.tsx +0 -335
  113. package/src/browser/view/console/debug-console-filter.model.ts +0 -49
  114. package/src/browser/view/console/debug-console-filter.service.ts +0 -81
  115. package/src/browser/view/console/debug-console-filter.view.tsx +0 -78
  116. package/src/browser/view/console/debug-console-model.ts +0 -48
  117. package/src/browser/view/console/debug-console-session.ts +0 -164
  118. package/src/browser/view/console/debug-console-toolbar.view.tsx +0 -28
  119. package/src/browser/view/console/debug-console-tree.model.service.ts +0 -550
  120. package/src/browser/view/console/debug-console.contribution.ts +0 -181
  121. package/src/browser/view/console/debug-console.module.less +0 -372
  122. package/src/browser/view/console/debug-console.service.ts +0 -433
  123. package/src/browser/view/console/debug-console.view.tsx +0 -500
  124. package/src/browser/view/debug-view-model.ts +0 -182
  125. package/src/browser/view/frames/debug-call-stack-frame.view.tsx +0 -224
  126. package/src/browser/view/frames/debug-call-stack-session.view.tsx +0 -237
  127. package/src/browser/view/frames/debug-call-stack-thread.view.tsx +0 -93
  128. package/src/browser/view/frames/debug-call-stack.contribution.ts +0 -88
  129. package/src/browser/view/frames/debug-call-stack.module.less +0 -193
  130. package/src/browser/view/frames/debug-call-stack.operation.tsx +0 -97
  131. package/src/browser/view/frames/debug-call-stack.service.ts +0 -105
  132. package/src/browser/view/frames/debug-call-stack.view.tsx +0 -43
  133. package/src/browser/view/variables/debug-variables-model.ts +0 -38
  134. package/src/browser/view/variables/debug-variables-tree.model.service.ts +0 -467
  135. package/src/browser/view/variables/debug-variables.contribution.ts +0 -244
  136. package/src/browser/view/variables/debug-variables.module.less +0 -148
  137. package/src/browser/view/variables/debug-variables.view.tsx +0 -303
  138. package/src/browser/view/watch/debug-watch-model.ts +0 -38
  139. package/src/browser/view/watch/debug-watch-tree.model.service.ts +0 -567
  140. package/src/browser/view/watch/debug-watch.contribution.ts +0 -167
  141. package/src/browser/view/watch/debug-watch.module.less +0 -188
  142. package/src/browser/view/watch/debug-watch.view.tsx +0 -337
  143. package/src/common/constants.ts +0 -81
  144. package/src/common/debug-breakpoint.ts +0 -43
  145. package/src/common/debug-configuration.ts +0 -68
  146. package/src/common/debug-editor.ts +0 -4
  147. package/src/common/debug-hover.ts +0 -31
  148. package/src/common/debug-model.ts +0 -247
  149. package/src/common/debug-progress.ts +0 -8
  150. package/src/common/debug-schema-updater.ts +0 -1
  151. package/src/common/debug-service.ts +0 -176
  152. package/src/common/debug-session-options.ts +0 -19
  153. package/src/common/debug-session.ts +0 -200
  154. package/src/common/evaluatable-expression.ts +0 -43
  155. package/src/common/index.ts +0 -14
  156. package/src/common/inline-values.ts +0 -77
  157. package/src/common/terminal.ts +0 -163
  158. package/src/common/types.ts +0 -86
  159. package/src/index.ts +0 -1
@@ -1,500 +0,0 @@
1
- import cls from 'classnames';
2
- import debounce from 'lodash/debounce';
3
- import { observer } from 'mobx-react-lite';
4
- import React from 'react';
5
-
6
- import {
7
- RecycleTree,
8
- IRecycleTreeHandle,
9
- TreeNodeType,
10
- INodeRendererWrapProps,
11
- ClasslistComposite,
12
- INodeRendererProps,
13
- CompositeTreeNode,
14
- TreeNode,
15
- TreeNodeEvent,
16
- } from '@opensumi/ide-components';
17
- import { Loading } from '@opensumi/ide-components';
18
- import { useInjectable, ViewState, getIcon } from '@opensumi/ide-core-browser';
19
- import { PreferenceService, PreferenceChange, CoreConfiguration } from '@opensumi/ide-core-browser';
20
- import { Disposable } from '@opensumi/ide-core-common';
21
-
22
- import { LinkDetector } from '../../debug-link-detector';
23
- import { CharWidthReader } from '../../debugUtils';
24
- import { DebugConsoleNode, AnsiConsoleNode, DebugVariableContainer, TreeWithLinkWrapper } from '../../tree';
25
-
26
- import { DebugConsoleFilterService } from './debug-console-filter.service';
27
- import { IDebugConsoleModel } from './debug-console-tree.model.service';
28
- import styles from './debug-console.module.less';
29
- import { DebugConsoleService } from './debug-console.service';
30
-
31
- declare const ResizeObserver: any;
32
-
33
- export const DebugConsoleView = observer(({ viewState }: { viewState: ViewState }) => {
34
- const debugConsoleService = useInjectable<DebugConsoleService>(DebugConsoleService);
35
- const debugConsoleFilterService = useInjectable<DebugConsoleFilterService>(DebugConsoleFilterService);
36
- const preferenceService = useInjectable<PreferenceService>(PreferenceService);
37
- const { consoleModel } = debugConsoleService;
38
- const debugInputRef = React.createRef<HTMLDivElement>();
39
- const { height, width } = viewState;
40
- const [model, setModel] = React.useState<IDebugConsoleModel>();
41
- const [consoleHeight, setConsoleHeight] = React.useState<number>(26);
42
- const [filterValue, setFilterValue] = React.useState<string>('');
43
- const [isWordWrap, setIsWordWrap] = React.useState<boolean>(true);
44
- const disposer = new Disposable();
45
- const wrapperRef: React.RefObject<HTMLDivElement> = React.createRef();
46
-
47
- React.useEffect(() => {
48
- debugConsoleService.init(debugInputRef.current);
49
- }, [debugInputRef.current]);
50
-
51
- React.useEffect(() => {
52
- disposer.addDispose(
53
- consoleModel.onDidUpdateTreeModel(async (model: IDebugConsoleModel) => {
54
- if (model) {
55
- await model.treeModel.ensureReady;
56
- disposer.addDispose(
57
- model.treeModel.root.watcher.on(TreeNodeEvent.WillChangeExpansionState, () => {
58
- consoleModel.treeHandle.layoutItem();
59
- }),
60
- );
61
- }
62
- setModel(model);
63
- }),
64
- );
65
-
66
- disposer.addDispose(
67
- debugConsoleFilterService.onDidValueChange((value: string) => {
68
- setFilterValue(value);
69
- }),
70
- );
71
-
72
- disposer.addDispose(
73
- debugConsoleService.onInputHeightChange((height: number) => {
74
- setConsoleHeight(height);
75
- }),
76
- );
77
-
78
- disposer.addDispose(
79
- preferenceService.onSpecificPreferenceChange('debug.console.wordWrap', (change: PreferenceChange) => {
80
- const { newValue } = change;
81
- setIsWordWrap(newValue);
82
- }),
83
- );
84
-
85
- setIsWordWrap(!!preferenceService.get('debug.console.wordWrap', isWordWrap));
86
-
87
- return () => {
88
- consoleModel.removeNodeDecoration();
89
- disposer.dispose();
90
- };
91
- }, []);
92
-
93
- React.useEffect(() => {
94
- if (wrapperRef.current && isWordWrap) {
95
- let animationFrame: number;
96
- const layoutDebounce = debounce(() => consoleModel.treeHandle?.layoutItem(), 10);
97
- const resizeObserver = new ResizeObserver(() => {
98
- animationFrame = window.requestAnimationFrame(() => layoutDebounce());
99
- });
100
- resizeObserver.observe(wrapperRef.current);
101
- return () => {
102
- if (wrapperRef.current) {
103
- resizeObserver?.unobserve(wrapperRef.current);
104
- }
105
- if (animationFrame) {
106
- window.cancelAnimationFrame(animationFrame);
107
- }
108
- };
109
- }
110
- }, [wrapperRef.current]);
111
-
112
- React.useEffect(() => {
113
- if (model && isWordWrap) {
114
- disposer.addDispose(
115
- model.treeModel.state.onChangeScrollOffset(() => {
116
- consoleModel.treeHandle.layoutItem();
117
- }),
118
- );
119
- }
120
- }, [model, isWordWrap]);
121
-
122
- const handleTreeReady = (handle: IRecycleTreeHandle) => {
123
- consoleModel.handleTreeHandler({
124
- ...handle,
125
- getModel: () => model?.treeModel!,
126
- hasDirectFocus: () => wrapperRef.current === document.activeElement,
127
- });
128
- };
129
-
130
- const handleTwistierClick = (ev: React.MouseEvent, item: AnsiConsoleNode | DebugConsoleNode, type: TreeNodeType) => {
131
- const selection = window.getSelection();
132
- if (selection && selection.type === 'Range' && selection.rangeCount > 0) {
133
- // 当用户有选中日志内容时阻止冒泡,防止在选中之后 focus 到 debug console input
134
- ev.stopPropagation();
135
- }
136
-
137
- const { handleTwistierClick } = consoleModel;
138
- if (!item) {
139
- return;
140
- }
141
- handleTwistierClick(item, type);
142
- };
143
-
144
- const handlerContextMenu = (ev: React.MouseEvent, node: AnsiConsoleNode | DebugConsoleNode) => {
145
- const { handleContextMenu } = consoleModel;
146
- handleContextMenu(ev, node);
147
- };
148
-
149
- const handleOuterContextMenu = (ev: React.MouseEvent) => {
150
- const { handleContextMenu } = consoleModel;
151
- // 空白区域右键菜单
152
- handleContextMenu(ev);
153
- };
154
-
155
- const handleConsoleClick = (ev: React.MouseEvent) => {
156
- // 空白区域点击,取消焦点状态
157
- const { enactiveNodeDecoration } = consoleModel;
158
- enactiveNodeDecoration();
159
-
160
- debugConsoleService.focusInput();
161
- };
162
-
163
- const handleOuterBlur = (ev: React.FocusEvent) => {
164
- // 空白区域点击,取消焦点状态
165
- const { enactiveNodeDecoration } = consoleModel;
166
- enactiveNodeDecoration();
167
- };
168
-
169
- const filterMode = (): CoreConfiguration['debug.console.filter.mode'] => 'filter';
170
-
171
- const fuzzyOptions = () => ({
172
- pre: '<match>',
173
- post: '</match>',
174
- extract: (node: DebugConsoleNode | AnsiConsoleNode | DebugVariableContainer) =>
175
- node.description ? node.description : node.name,
176
- });
177
-
178
- const renderOutputNode = React.useCallback(
179
- (props: INodeRendererWrapProps) => {
180
- const decorations = consoleModel.decorations.getDecorations(props.item as any);
181
- return (
182
- <DebugConsoleRenderedNode
183
- item={props.item}
184
- itemType={props.itemType}
185
- decorations={decorations}
186
- filterValue={filterValue}
187
- filterMode={filterMode()}
188
- onClick={handleTwistierClick}
189
- onTwistierClick={handleTwistierClick}
190
- onContextMenu={handlerContextMenu}
191
- defaultLeftPadding={14}
192
- isWordWrap={isWordWrap}
193
- leftPadding={8}
194
- />
195
- );
196
- },
197
- [model, filterValue, isWordWrap],
198
- );
199
-
200
- const renderOutputContent = () => {
201
- if (!model) {
202
- return null;
203
- }
204
- return (
205
- <RecycleTree
206
- height={Math.max(height - consoleHeight, 26)}
207
- width={width}
208
- itemHeight={DEBUG_CONSOLE_TREE_NODE_HEIGHT}
209
- onReady={handleTreeReady}
210
- overScanCount={10}
211
- filter={filterMode() === 'filter' ? filterValue : ''}
212
- filterProvider={{ fuzzyOptions, filterAlways: true }}
213
- model={model!.treeModel}
214
- overflow={'auto'}
215
- supportDynamicHeights={isWordWrap}
216
- >
217
- {renderOutputNode}
218
- </RecycleTree>
219
- );
220
- };
221
-
222
- return (
223
- <div className={styles.debug_console} onContextMenu={handleOuterContextMenu} onClick={handleConsoleClick}>
224
- <div
225
- className={styles.debug_console_output}
226
- tabIndex={-1}
227
- onBlur={handleOuterBlur}
228
- ref={wrapperRef}
229
- data-name={DEBUG_CONSOLE_TREE_FIELD_NAME}
230
- >
231
- {renderOutputContent()}
232
- </div>
233
- <div className={styles.variable_repl_bar} style={{ maxHeight: height - 26 + 'px' }}>
234
- <div className={styles.variable_repl_bar_icon}>
235
- <span className={getIcon('right')}></span>
236
- </div>
237
- <div className={styles.variable_repl_editor} ref={debugInputRef}></div>
238
- </div>
239
- </div>
240
- );
241
- });
242
-
243
- export interface IDebugConsoleNodeProps {
244
- item: any;
245
- defaultLeftPadding?: number;
246
- leftPadding?: number;
247
- filterValue?: string;
248
- filterMode?: CoreConfiguration['debug.console.filter.mode'];
249
- decorations?: ClasslistComposite;
250
- isWordWrap?: boolean;
251
- onClick: (ev: React.MouseEvent, item: AnsiConsoleNode | DebugConsoleNode | TreeNode, type: TreeNodeType) => void;
252
- onTwistierClick: (
253
- ev: React.MouseEvent,
254
- item: AnsiConsoleNode | DebugConsoleNode | TreeNode,
255
- type: TreeNodeType,
256
- ) => void;
257
- onContextMenu?: (
258
- ev: React.MouseEvent,
259
- item: AnsiConsoleNode | DebugConsoleNode | TreeNode,
260
- type: TreeNodeType,
261
- ) => void;
262
- }
263
-
264
- export type IDebugConsoleNodeRenderedProps = IDebugConsoleNodeProps & INodeRendererProps;
265
-
266
- export const DebugConsoleRenderedNode: React.FC<IDebugConsoleNodeRenderedProps> = ({
267
- item,
268
- decorations,
269
- defaultLeftPadding,
270
- leftPadding,
271
- filterMode,
272
- filterValue,
273
- onClick,
274
- onTwistierClick,
275
- onContextMenu,
276
- isWordWrap,
277
- itemType,
278
- }: IDebugConsoleNodeRenderedProps) => {
279
- const debugConsoleFilterService = useInjectable<DebugConsoleFilterService>(DebugConsoleFilterService);
280
- const linkDetector: LinkDetector = useInjectable<LinkDetector>(LinkDetector);
281
- const [computedStyle, setComputedStyle] = React.useState<string>();
282
-
283
- React.useEffect(() => {
284
- const computed = window.getComputedStyle(
285
- AnsiConsoleNode.is(item) ? item.el : linkDetector.linkify((item as DebugConsoleNode).description),
286
- null,
287
- );
288
- const fontStyle = `${computed.fontStyle} ${computed.fontWeight} ${computed.fontSize}/${computed.lineHeight} ${computed.fontFamily}`;
289
- setComputedStyle(fontStyle);
290
- }, [item]);
291
-
292
- const handleClick = (ev: React.MouseEvent) => {
293
- onClick(ev, item, CompositeTreeNode.is(item) ? TreeNodeType.CompositeTreeNode : TreeNodeType.TreeNode);
294
- };
295
-
296
- const handleContextMenu = (ev: React.MouseEvent) => {
297
- if (ev.nativeEvent.which === 0) {
298
- return;
299
- }
300
- if (itemType === TreeNodeType.TreeNode || itemType === TreeNodeType.CompositeTreeNode) {
301
- onContextMenu && onContextMenu(ev, item as AnsiConsoleNode, itemType);
302
- }
303
- };
304
-
305
- const acquireVariableName = () => {
306
- if (AnsiConsoleNode.is(item)) {
307
- return '';
308
- }
309
- return (
310
- (DebugConsoleNode.is(item) ? '' : (item as any).name) +
311
- (item.description && !DebugConsoleNode.is(item) ? ': ' : '')
312
- );
313
- };
314
-
315
- const getTextWidth = (char: string, font: string): number => CharWidthReader.getInstance().getCharWidth(char, font);
316
-
317
- const renderSelectionFilter = React.useCallback(() => {
318
- if (!computedStyle) {
319
- return;
320
- }
321
-
322
- const desc = acquireVariableName() + item.description;
323
- const matchers = debugConsoleFilterService.findMatches(desc || '');
324
- const toNumFixed = (n: number) => Number(n.toFixed(4));
325
-
326
- const calcWidth = (index: number, count: number) =>
327
- Array.from({ length: count }, (_, i) => i).reduce(
328
- (pre: number, cur: number) => pre + toNumFixed(getTextWidth(desc.charAt(index + cur), computedStyle)),
329
- 0,
330
- );
331
-
332
- // 在每次计算 left 的时候临时存储上一次的结果(这在每次计算大量日志内容的时候很有用)
333
- const cacheLeftMap: Map<number, { startIndex: number; left: number }> = new Map();
334
-
335
- const calcLeft = (startIndex: number, preIndex: number) => {
336
- if (startIndex > 0) {
337
- const excute = (len: number, start: number, initial: number) =>
338
- Array.from({ length: len - start }, (_, i) => start + i).reduce(
339
- (pre: number, cur: number) => toNumFixed(pre + getTextWidth(desc.charAt(cur), computedStyle)),
340
- initial,
341
- );
342
-
343
- let left: number;
344
- if (preIndex !== 0 && cacheLeftMap.has(matchers[preIndex].startIndex)) {
345
- const pre = cacheLeftMap.get(matchers[preIndex].startIndex)!;
346
- left = excute(startIndex, pre.startIndex, pre.left);
347
- } else {
348
- left = excute(startIndex, 0, 0);
349
- }
350
- cacheLeftMap.set(startIndex, { startIndex, left });
351
- return left;
352
- }
353
- return 0;
354
- };
355
-
356
- const matStyles: React.CSSProperties[] = matchers.map((m, i) => ({
357
- height: 16,
358
- top: 3,
359
- width: calcWidth(m.startIndex, m.count),
360
- left: calcLeft(m.startIndex, Math.max(0, i - 1)),
361
- }));
362
-
363
- return matStyles.map((s) => <div key={s.left} className={styles.block} style={s}></div>);
364
- }, [filterValue, computedStyle]);
365
-
366
- const renderDisplayName = (node: DebugConsoleNode | AnsiConsoleNode) => {
367
- if (AnsiConsoleNode.is(node)) {
368
- return null;
369
- }
370
- if (node instanceof DebugConsoleNode && node.variablesReference === 0) {
371
- return null;
372
- }
373
- return (
374
- <div
375
- className={cls(
376
- styles.debug_console_node_segment,
377
- !DebugConsoleNode.is(node) && styles.debug_console_node_displayname,
378
- styles.debug_console_variable,
379
- (item as DebugConsoleNode).description ? styles.name : styles.info,
380
- )}
381
- >
382
- {<TreeWithLinkWrapper html={linkDetector.linkify(acquireVariableName())}></TreeWithLinkWrapper>}
383
- </div>
384
- );
385
- };
386
-
387
- const renderDescription = (node: DebugConsoleNode | AnsiConsoleNode) => {
388
- const booleanRegex = /^true|false$/i;
389
- const stringRegex = /^(['"]).*\1$/;
390
- const description = (node as DebugConsoleNode).description || '';
391
- const addonClass = [styles.debug_console_variable];
392
- if (AnsiConsoleNode.is(node)) {
393
- return (
394
- <div className={cls(styles.debug_console_node_segment, styles.debug_console_node_displayname)}>
395
- {(node as AnsiConsoleNode).template()}
396
- </div>
397
- );
398
- }
399
- if (item.variableType === 'number' || item.variableType === 'boolean' || item.variableType === 'string') {
400
- addonClass.push(styles[item.variableType]);
401
- } else if (!isNaN(+description)) {
402
- addonClass.push(styles.number);
403
- } else if (booleanRegex.test(description)) {
404
- addonClass.push(styles.boolean);
405
- } else if (stringRegex.test(description)) {
406
- addonClass.push(styles.string);
407
- }
408
- return (
409
- <div
410
- className={cls(styles.debug_console_node_segment_grow, styles.debug_console_node_description, ...addonClass)}
411
- >
412
- <TreeWithLinkWrapper html={linkDetector.linkify(description)}></TreeWithLinkWrapper>
413
- </div>
414
- );
415
- };
416
-
417
- const renderStatusTail = () => (
418
- <div className={cls(styles.debug_console_node_segment, styles.debug_console_node_tail)}>{renderBadge()}</div>
419
- );
420
-
421
- const renderBadge = () => {
422
- if (AnsiConsoleNode.is(item)) {
423
- return (
424
- <div className={styles.debug_console_node_status} title={item.source?.path}>
425
- {item.source?.name ? `${item.source?.name}:${item.line}` : ''}
426
- </div>
427
- );
428
- }
429
- return <div className={styles.debug_console_node_status}>{item.badge}</div>;
430
- };
431
-
432
- const getItemTooltip = () => {
433
- const tooltip = item.tooltip;
434
- return tooltip;
435
- };
436
-
437
- const renderToggle = (node: DebugConsoleNode, clickHandler: any) => {
438
- const handleTwiceClick = (ev: React.MouseEvent) => {
439
- clickHandler(ev, node, itemType);
440
- };
441
- if (decorations && decorations?.classlist.indexOf(styles.mod_loading) > -1) {
442
- return (
443
- <div className={cls(styles.debug_console_node_segment, styles.expansion_toggle)}>
444
- <Loading />
445
- </div>
446
- );
447
- }
448
- if (node instanceof DebugConsoleNode && (node as DebugConsoleNode).variablesReference === 0) {
449
- return null;
450
- }
451
-
452
- return (
453
- <div
454
- onClick={handleTwiceClick}
455
- className={cls(styles.debug_console_node_segment, styles.expansion_toggle, getIcon('right'), {
456
- [`${styles.mod_collapsed}`]: !(node as DebugConsoleNode).expanded,
457
- })}
458
- />
459
- );
460
- };
461
-
462
- const renderTwice = (item) => {
463
- if (CompositeTreeNode.is(item)) {
464
- return renderToggle(item as DebugConsoleNode, onTwistierClick);
465
- }
466
- };
467
-
468
- return (
469
- <div
470
- key={item.id}
471
- onClick={handleClick}
472
- onContextMenu={handleContextMenu}
473
- title={getItemTooltip()}
474
- className={cls(styles.debug_console_node, decorations ? decorations.classlist : null)}
475
- style={{
476
- paddingLeft: `${(defaultLeftPadding || 8) + (item.depth || 0) * (leftPadding || 0)}px`,
477
- }}
478
- data-id={item.id}
479
- >
480
- <div className={cls(styles.debug_console_node_content)}>
481
- {renderTwice(item)}
482
- <div
483
- className={styles.debug_console_node_overflow_wrap}
484
- style={{
485
- whiteSpace: isWordWrap ? 'pre-wrap' : 'nowrap',
486
- cursor: item instanceof DebugVariableContainer ? 'pointer' : 'initial',
487
- }}
488
- >
489
- {renderDisplayName(item)}
490
- {renderDescription(item)}
491
- </div>
492
- {renderStatusTail()}
493
- </div>
494
- <div className={styles.debug_console_selection}>{filterMode === 'matcher' && renderSelectionFilter()}</div>
495
- </div>
496
- );
497
- };
498
-
499
- export const DEBUG_CONSOLE_TREE_NODE_HEIGHT = 22;
500
- export const DEBUG_CONSOLE_TREE_FIELD_NAME = 'DEBUG_CONSOLE_TREE_FIELD';
@@ -1,182 +0,0 @@
1
- /** ******************************************************************************
2
- * Copyright (C) 2018 Red Hat, Inc. and others.
3
- *
4
- * This program and the accompanying materials are made available under the
5
- * terms of the Eclipse Public License v. 2.0 which is available at
6
- * http://www.eclipse.org/legal/epl-2.0.
7
- *
8
- * This Source Code may also be made available under the following Secondary
9
- * Licenses when the conditions for such availability set forth in the Eclipse
10
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
11
- * with the GNU Classpath Exception which is available at
12
- * https://www.gnu.org/software/classpath/license.html.
13
- *
14
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
15
- ********************************************************************************/
16
- // Some code copied and modified from https://github.com/eclipse-theia/theia/tree/v1.14.0/packages/debug/src/browser/view/debug-view-model.ts
17
-
18
- import { Injectable, Autowired } from '@opensumi/di';
19
- import { URI, IDisposable, DisposableCollection, Event, Emitter } from '@opensumi/ide-core-browser';
20
-
21
- import { DebugState, IDebugSessionManager } from '../../common/debug-session';
22
- import { DebugSession } from '../debug-session';
23
- import { DebugSessionManager } from '../debug-session-manager';
24
- import { DebugStackFrame } from '../model/debug-stack-frame';
25
- import { DebugThread } from '../model/debug-thread';
26
-
27
-
28
- @Injectable()
29
- export class DebugViewModel implements IDisposable {
30
- @Autowired(IDebugSessionManager)
31
- protected readonly manager: DebugSessionManager;
32
-
33
- protected readonly onDidChangeEmitter = new Emitter<void>();
34
- readonly onDidChange: Event<void> = this.onDidChangeEmitter.event;
35
- protected fireDidChange(): void {
36
- this.onDidChangeEmitter.fire(undefined);
37
- }
38
-
39
- protected readonly onDidChangeBreakpointsEmitter = new Emitter<URI>();
40
- readonly onDidChangeBreakpoints: Event<URI> = this.onDidChangeBreakpointsEmitter.event;
41
- protected fireDidChangeBreakpoints(uri: URI): void {
42
- this.onDidChangeBreakpointsEmitter.fire(uri);
43
- }
44
-
45
- protected readonly toDispose = new DisposableCollection(this.onDidChangeEmitter, this.onDidChangeBreakpointsEmitter);
46
-
47
- protected readonly _sessions = new Set<DebugSession>();
48
-
49
- get sessions(): IterableIterator<DebugSession> {
50
- return this._sessions.values();
51
- }
52
-
53
- get sessionCount(): number {
54
- return this._sessions.size;
55
- }
56
-
57
- push(session: DebugSession): void {
58
- if (this._sessions.has(session)) {
59
- return;
60
- }
61
- this._sessions.add(session);
62
- this.fireDidChange();
63
- }
64
-
65
- delete(session: DebugSession): boolean {
66
- if (this._sessions.delete(session)) {
67
- this.fireDidChange();
68
- return true;
69
- }
70
- return false;
71
- }
72
-
73
- get session(): DebugSession | undefined {
74
- return this.sessions.next().value;
75
- }
76
-
77
- get id(): string {
78
- return (this.session && this.session.id) || '-1';
79
- }
80
- get label(): string {
81
- return (this.session && this.session.label) || 'Unknown Session';
82
- }
83
- has(session: DebugSession | undefined): session is DebugSession {
84
- return !!session && this._sessions.has(session);
85
- }
86
-
87
- init(seesion: DebugSession): void {
88
- if (seesion) {
89
- this.push(seesion);
90
- }
91
- this.toDispose.push(
92
- this.manager.onDidChangeActiveDebugSession(({ previous, current }) => {
93
- if (this.has(previous) && !this.has(current)) {
94
- this.fireDidChange();
95
- }
96
- }),
97
- );
98
- this.toDispose.push(
99
- this.manager.onDidChange((current) => {
100
- if (this.has(current)) {
101
- this.fireDidChange();
102
- }
103
- }),
104
- );
105
- this.toDispose.push(
106
- this.manager.onDidDestroyDebugSession((current) => {
107
- if (this.has(current)) {
108
- this.fireDidChange();
109
- }
110
- }),
111
- );
112
- }
113
-
114
- dispose(): void {
115
- this.toDispose.dispose();
116
- }
117
-
118
- get threads(): IterableIterator<DebugThread> | undefined {
119
- if (this.manager.currentSession) {
120
- return this.manager.currentSession.getThreads(() => true);
121
- }
122
- }
123
- get currentSession(): DebugSession | undefined {
124
- const { currentSession } = this.manager;
125
- return (this.has(currentSession) && currentSession) || this.session;
126
- }
127
- set currentSession(currentSession: DebugSession | undefined) {
128
- this.manager.updateCurrentSession(currentSession);
129
- }
130
-
131
- get state(): DebugState {
132
- const { currentSession } = this;
133
- return (currentSession && currentSession.state) || DebugState.Inactive;
134
- }
135
- get currentThread(): DebugThread | undefined {
136
- const { currentSession } = this;
137
- return currentSession && currentSession.currentThread;
138
- }
139
- get currentFrame(): DebugStackFrame | undefined {
140
- const { currentThread } = this;
141
- return currentThread && currentThread.currentFrame;
142
- }
143
-
144
- async start(): Promise<void> {
145
- const { session } = this;
146
- if (!session) {
147
- return;
148
- }
149
- const newSession = await this.manager.start(session.options);
150
- if (newSession) {
151
- this._sessions.delete(session);
152
- this._sessions.add(newSession);
153
- this.fireDidChange();
154
- }
155
- }
156
-
157
- async restart(): Promise<void> {
158
- const { currentSession } = this;
159
- if (!currentSession) {
160
- return;
161
- }
162
-
163
- const newSession = await this.manager.restart(currentSession);
164
- if (newSession !== currentSession) {
165
- this._sessions.delete(currentSession);
166
- this._sessions.add(newSession);
167
- }
168
- this.fireDidChange();
169
- }
170
-
171
- report(name: string, msg: string | undefined, extra?: any) {
172
- return this.manager.report(name, msg, extra);
173
- }
174
-
175
- reportTime(name: string, defaults?: any) {
176
- return this.manager.reportTime(name, defaults);
177
- }
178
-
179
- reportAction(sessionId: string, threadId: number | string | undefined, action: string) {
180
- return this.manager.reportAction(sessionId, threadId, action);
181
- }
182
- }