@opensumi/ide-debug 2.21.4-rc-1668395886.0 → 2.21.4

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 (221) hide show
  1. package/lib/browser/debug-contribution.d.ts +148 -2
  2. package/lib/browser/debug-contribution.d.ts.map +1 -1
  3. package/lib/browser/debug-contribution.js +204 -49
  4. package/lib/browser/debug-contribution.js.map +1 -1
  5. package/lib/browser/debug-session-manager.d.ts +3 -2
  6. package/lib/browser/debug-session-manager.d.ts.map +1 -1
  7. package/lib/browser/debug-session-manager.js +3 -2
  8. package/lib/browser/debug-session-manager.js.map +1 -1
  9. package/lib/browser/debug-session.d.ts +4 -3
  10. package/lib/browser/debug-session.d.ts.map +1 -1
  11. package/lib/browser/debug-session.js.map +1 -1
  12. package/lib/browser/debug-style.less +7 -3
  13. package/lib/browser/editor/debug-breakpoint-zone-widget.js +2 -2
  14. package/lib/browser/editor/debug-breakpoint-zone-widget.js.map +1 -1
  15. package/lib/browser/editor/debug-breakpoint.module.less +4 -2
  16. package/lib/browser/editor/debug-editor-contribution.d.ts +2 -2
  17. package/lib/browser/editor/debug-editor-contribution.d.ts.map +1 -1
  18. package/lib/browser/editor/debug-editor-contribution.js +3 -2
  19. package/lib/browser/editor/debug-editor-contribution.js.map +1 -1
  20. package/lib/browser/editor/debug-model-manager.d.ts +9 -2
  21. package/lib/browser/editor/debug-model-manager.d.ts.map +1 -1
  22. package/lib/browser/editor/debug-model-manager.js +15 -8
  23. package/lib/browser/editor/debug-model-manager.js.map +1 -1
  24. package/lib/browser/index.d.ts +14 -0
  25. package/lib/browser/index.d.ts.map +1 -1
  26. package/lib/browser/index.js +15 -6
  27. package/lib/browser/index.js.map +1 -1
  28. package/lib/browser/model/debug-source.d.ts +3 -3
  29. package/lib/browser/model/debug-source.d.ts.map +1 -1
  30. package/lib/browser/model/debug-source.js.map +1 -1
  31. package/lib/browser/model/debug-watch.d.ts.map +1 -1
  32. package/lib/browser/model/debug-watch.js +2 -1
  33. package/lib/browser/model/debug-watch.js.map +1 -1
  34. package/lib/browser/view/breakpoints/debug-breakpoints.service.d.ts.map +1 -1
  35. package/lib/browser/view/breakpoints/debug-breakpoints.service.js +1 -1
  36. package/lib/browser/view/breakpoints/debug-breakpoints.service.js.map +1 -1
  37. package/lib/browser/view/console/debug-console-session.d.ts +1 -2
  38. package/lib/browser/view/console/debug-console-session.d.ts.map +1 -1
  39. package/lib/browser/view/console/debug-console-session.js.map +1 -1
  40. package/lib/browser/view/console/debug-console.contribution.d.ts.map +1 -1
  41. package/lib/browser/view/console/debug-console.contribution.js +23 -21
  42. package/lib/browser/view/console/debug-console.contribution.js.map +1 -1
  43. package/lib/browser/view/console/debug-console.module.less +4 -1
  44. package/lib/browser/view/console/debug-console.view.js +2 -2
  45. package/lib/browser/view/console/debug-console.view.js.map +1 -1
  46. package/lib/browser/view/frames/debug-call-stack.contribution.js +5 -5
  47. package/lib/browser/view/frames/debug-call-stack.contribution.js.map +1 -1
  48. package/lib/browser/view/variables/debug-variables.contribution.d.ts.map +1 -1
  49. package/lib/browser/view/variables/debug-variables.contribution.js +13 -12
  50. package/lib/browser/view/variables/debug-variables.contribution.js.map +1 -1
  51. package/lib/browser/view/variables/debug-variables.module.less +1 -1
  52. package/lib/browser/view/variables/debug-variables.view.js +1 -1
  53. package/lib/browser/view/variables/debug-variables.view.js.map +1 -1
  54. package/lib/browser/view/watch/debug-watch.contribution.d.ts.map +1 -1
  55. package/lib/browser/view/watch/debug-watch.contribution.js +19 -21
  56. package/lib/browser/view/watch/debug-watch.contribution.js.map +1 -1
  57. package/lib/browser/view/watch/debug-watch.module.less +1 -1
  58. package/lib/browser/view/watch/debug-watch.view.js +1 -1
  59. package/lib/browser/view/watch/debug-watch.view.js.map +1 -1
  60. package/lib/common/debug-model.d.ts +2 -17
  61. package/lib/common/debug-model.d.ts.map +1 -1
  62. package/lib/common/debug-model.js +1 -9
  63. package/lib/common/debug-model.js.map +1 -1
  64. package/lib/common/index.d.ts +0 -2
  65. package/lib/common/index.d.ts.map +1 -1
  66. package/lib/common/index.js +0 -2
  67. package/lib/common/index.js.map +1 -1
  68. package/package.json +24 -25
  69. package/lib/common/commands.d.ts +0 -46
  70. package/lib/common/commands.d.ts.map +0 -1
  71. package/lib/common/commands.js +0 -149
  72. package/lib/common/commands.js.map +0 -1
  73. package/lib/common/debug-console.d.ts +0 -18
  74. package/lib/common/debug-console.d.ts.map +0 -1
  75. package/lib/common/debug-console.js +0 -5
  76. package/lib/common/debug-console.js.map +0 -1
  77. package/src/browser/assets/breakpoint-conditional-disabled.svg +0 -4
  78. package/src/browser/assets/breakpoint-conditional-unverified.svg +0 -4
  79. package/src/browser/assets/breakpoint-conditional.svg +0 -4
  80. package/src/browser/assets/breakpoint-disabled.svg +0 -4
  81. package/src/browser/assets/breakpoint-hint.svg +0 -4
  82. package/src/browser/assets/breakpoint-log-disabled.svg +0 -4
  83. package/src/browser/assets/breakpoint-log-unverified.svg +0 -4
  84. package/src/browser/assets/breakpoint-log.svg +0 -4
  85. package/src/browser/assets/breakpoint-unsupported.svg +0 -4
  86. package/src/browser/assets/breakpoint-unverified.svg +0 -4
  87. package/src/browser/assets/breakpoint.svg +0 -4
  88. package/src/browser/assets/breakpoints-activate-inverse.svg +0 -4
  89. package/src/browser/assets/breakpoints-activate.svg +0 -4
  90. package/src/browser/assets/configure-inverse.svg +0 -4
  91. package/src/browser/assets/configure.svg +0 -4
  92. package/src/browser/assets/continue-inverse.svg +0 -4
  93. package/src/browser/assets/current-and-breakpoint.svg +0 -4
  94. package/src/browser/assets/current-arrow.svg +0 -4
  95. package/src/browser/assets/remove-all-inverse.svg +0 -4
  96. package/src/browser/assets/remove-all.svg +0 -4
  97. package/src/browser/assets/repl-inverse.svg +0 -4
  98. package/src/browser/assets/repl.svg +0 -4
  99. package/src/browser/assets/restart-inverse.svg +0 -4
  100. package/src/browser/assets/stackframe-and-breakpoint.svg +0 -4
  101. package/src/browser/assets/stackframe-arrow.svg +0 -4
  102. package/src/browser/assets/start-inverse.svg +0 -4
  103. package/src/browser/breakpoint/breakpoint-decoration.ts +0 -57
  104. package/src/browser/breakpoint/breakpoint-manager.ts +0 -348
  105. package/src/browser/breakpoint/breakpoint-marker.ts +0 -70
  106. package/src/browser/breakpoint/index.ts +0 -3
  107. package/src/browser/components/debug-action/index.module.less +0 -73
  108. package/src/browser/components/debug-action/index.tsx +0 -40
  109. package/src/browser/components/debug-exception-widget.less +0 -42
  110. package/src/browser/components/floating-click-widget/index.module.less +0 -5
  111. package/src/browser/components/floating-click-widget/index.tsx +0 -21
  112. package/src/browser/components/index.ts +0 -1
  113. package/src/browser/contextkeys/debug-call-stack-item-type-key.ts +0 -4
  114. package/src/browser/contextkeys/debug-contextkey.service.ts +0 -54
  115. package/src/browser/contextkeys/index.ts +0 -1
  116. package/src/browser/debug-ansi-handle.ts +0 -521
  117. package/src/browser/debug-configuration-manager.ts +0 -513
  118. package/src/browser/debug-configuration-model.ts +0 -66
  119. package/src/browser/debug-contribution.ts +0 -751
  120. package/src/browser/debug-exception-widget.tsx +0 -89
  121. package/src/browser/debug-link-detector.ts +0 -234
  122. package/src/browser/debug-memory.ts +0 -220
  123. package/src/browser/debug-preferences.ts +0 -70
  124. package/src/browser/debug-progress.service.ts +0 -122
  125. package/src/browser/debug-schema-updater.ts +0 -67
  126. package/src/browser/debug-service.ts +0 -42
  127. package/src/browser/debug-session-connection.ts +0 -333
  128. package/src/browser/debug-session-contribution.ts +0 -57
  129. package/src/browser/debug-session-manager.ts +0 -622
  130. package/src/browser/debug-session.ts +0 -1178
  131. package/src/browser/debug-style.less +0 -124
  132. package/src/browser/debugUtils.ts +0 -110
  133. package/src/browser/editor/debug-breakpoint-widget.ts +0 -99
  134. package/src/browser/editor/debug-breakpoint-zone-widget.tsx +0 -262
  135. package/src/browser/editor/debug-breakpoint.module.less +0 -29
  136. package/src/browser/editor/debug-editor-contribution.ts +0 -589
  137. package/src/browser/editor/debug-expression-provider.ts +0 -101
  138. package/src/browser/editor/debug-hover-model.ts +0 -38
  139. package/src/browser/editor/debug-hover-source.ts +0 -107
  140. package/src/browser/editor/debug-hover-tree.model.service.ts +0 -332
  141. package/src/browser/editor/debug-hover-widget.tsx +0 -200
  142. package/src/browser/editor/debug-hover.module.less +0 -29
  143. package/src/browser/editor/debug-hover.view.tsx +0 -147
  144. package/src/browser/editor/debug-model-manager.ts +0 -219
  145. package/src/browser/editor/debug-model.ts +0 -853
  146. package/src/browser/editor/debug-run-to-cursor.service.ts +0 -180
  147. package/src/browser/editor/debug-styles.ts +0 -66
  148. package/src/browser/editor/evaluatable-expression.ts +0 -47
  149. package/src/browser/editor/index.ts +0 -6
  150. package/src/browser/index.ts +0 -127
  151. package/src/browser/markers/index.ts +0 -2
  152. package/src/browser/markers/marker-manager.ts +0 -201
  153. package/src/browser/markers/marker.ts +0 -20
  154. package/src/browser/model/debug-source.ts +0 -144
  155. package/src/browser/model/debug-stack-frame.ts +0 -111
  156. package/src/browser/model/debug-thread.ts +0 -186
  157. package/src/browser/model/debug-watch.ts +0 -129
  158. package/src/browser/model/index.ts +0 -4
  159. package/src/browser/preferences/launch-folder-preference-provider.ts +0 -23
  160. package/src/browser/preferences/launch-preferences-contribution.ts +0 -9
  161. package/src/browser/preferences/launch-preferences.ts +0 -16
  162. package/src/browser/tree/debug-console-tree-node.define.tsx +0 -76
  163. package/src/browser/tree/debug-tree-node.define.ts +0 -768
  164. package/src/browser/tree/index.ts +0 -2
  165. package/src/browser/view/breakpoints/debug-breakpoints.module.less +0 -72
  166. package/src/browser/view/breakpoints/debug-breakpoints.service.ts +0 -216
  167. package/src/browser/view/breakpoints/debug-breakpoints.view.tsx +0 -174
  168. package/src/browser/view/configuration/debug-configuration.module.less +0 -110
  169. package/src/browser/view/configuration/debug-configuration.service.ts +0 -170
  170. package/src/browser/view/configuration/debug-configuration.view.tsx +0 -253
  171. package/src/browser/view/configuration/debug-toolbar.service.ts +0 -167
  172. package/src/browser/view/configuration/debug-toolbar.view.tsx +0 -335
  173. package/src/browser/view/console/debug-console-filter.model.ts +0 -49
  174. package/src/browser/view/console/debug-console-filter.service.ts +0 -81
  175. package/src/browser/view/console/debug-console-filter.view.tsx +0 -78
  176. package/src/browser/view/console/debug-console-model.ts +0 -48
  177. package/src/browser/view/console/debug-console-session.ts +0 -165
  178. package/src/browser/view/console/debug-console-toolbar.view.tsx +0 -28
  179. package/src/browser/view/console/debug-console-tree.model.service.ts +0 -550
  180. package/src/browser/view/console/debug-console.contribution.ts +0 -179
  181. package/src/browser/view/console/debug-console.module.less +0 -369
  182. package/src/browser/view/console/debug-console.service.ts +0 -433
  183. package/src/browser/view/console/debug-console.view.tsx +0 -500
  184. package/src/browser/view/debug-view-model.ts +0 -182
  185. package/src/browser/view/frames/debug-call-stack-frame.view.tsx +0 -224
  186. package/src/browser/view/frames/debug-call-stack-session.view.tsx +0 -237
  187. package/src/browser/view/frames/debug-call-stack-thread.view.tsx +0 -93
  188. package/src/browser/view/frames/debug-call-stack.contribution.ts +0 -88
  189. package/src/browser/view/frames/debug-call-stack.module.less +0 -193
  190. package/src/browser/view/frames/debug-call-stack.operation.tsx +0 -97
  191. package/src/browser/view/frames/debug-call-stack.service.ts +0 -105
  192. package/src/browser/view/frames/debug-call-stack.view.tsx +0 -43
  193. package/src/browser/view/variables/debug-variables-model.ts +0 -38
  194. package/src/browser/view/variables/debug-variables-tree.model.service.ts +0 -467
  195. package/src/browser/view/variables/debug-variables.contribution.ts +0 -243
  196. package/src/browser/view/variables/debug-variables.module.less +0 -148
  197. package/src/browser/view/variables/debug-variables.view.tsx +0 -303
  198. package/src/browser/view/watch/debug-watch-model.ts +0 -38
  199. package/src/browser/view/watch/debug-watch-tree.model.service.ts +0 -567
  200. package/src/browser/view/watch/debug-watch.contribution.ts +0 -170
  201. package/src/browser/view/watch/debug-watch.module.less +0 -188
  202. package/src/browser/view/watch/debug-watch.view.tsx +0 -337
  203. package/src/common/commands.ts +0 -146
  204. package/src/common/constants.ts +0 -81
  205. package/src/common/debug-breakpoint.ts +0 -43
  206. package/src/common/debug-configuration.ts +0 -68
  207. package/src/common/debug-console.ts +0 -20
  208. package/src/common/debug-editor.ts +0 -4
  209. package/src/common/debug-hover.ts +0 -31
  210. package/src/common/debug-model.ts +0 -272
  211. package/src/common/debug-progress.ts +0 -8
  212. package/src/common/debug-schema-updater.ts +0 -1
  213. package/src/common/debug-service.ts +0 -176
  214. package/src/common/debug-session-options.ts +0 -19
  215. package/src/common/debug-session.ts +0 -200
  216. package/src/common/evaluatable-expression.ts +0 -43
  217. package/src/common/index.ts +0 -16
  218. package/src/common/inline-values.ts +0 -77
  219. package/src/common/terminal.ts +0 -163
  220. package/src/common/types.ts +0 -86
  221. 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
- }