forked from firefox-devtools/debugger
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathDebugLine.js
More file actions
117 lines (97 loc) · 3.22 KB
/
DebugLine.js
File metadata and controls
117 lines (97 loc) · 3.22 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
// @flow
import { Component } from "react";
import { toEditorPosition, getDocument, hasDocument } from "../../utils/editor";
import { isLoaded } from "../../utils/source";
import { isException } from "../../utils/pause";
import { getIndentation } from "../../utils/indentation";
import { connect } from "react-redux";
import {
getVisibleSelectedFrame,
getPauseReason,
getSelectedSource
} from "../../selectors";
import type { Frame, Why } from "../../types";
import type { SourceRecord } from "../../reducers/types";
type Props = {
selectedFrame: Frame,
why: Why,
selectedSource: SourceRecord
};
type TextClasses = {
markTextClass: string,
lineClass: string
};
function isDocumentReady(selectedSource, selectedFrame) {
return (
selectedFrame &&
isLoaded(selectedSource) &&
hasDocument(selectedFrame.location.sourceId)
);
}
export class DebugLine extends Component<Props> {
debugExpression: null;
componentDidUpdate(prevProps: Props) {
const { why, selectedFrame, selectedSource } = this.props;
this.setDebugLine(why, selectedFrame, selectedSource);
}
componentWillUpdate() {
const { why, selectedFrame, selectedSource } = this.props;
this.clearDebugLine(selectedFrame, selectedSource, why);
}
componentDidMount() {
const { why, selectedFrame, selectedSource } = this.props;
this.setDebugLine(why, selectedFrame, selectedSource);
}
setDebugLine(why: Why, selectedFrame: Frame, selectedSource: SourceRecord) {
if (!isDocumentReady(selectedSource, selectedFrame)) {
return;
}
const sourceId = selectedFrame.location.sourceId;
const doc = getDocument(sourceId);
let { line, column } = toEditorPosition(selectedFrame.location);
const { markTextClass, lineClass } = this.getTextClasses(why);
doc.addLineClass(line, "line", lineClass);
const lineText = doc.getLine(line);
column = Math.max(column, getIndentation(lineText));
this.debugExpression = doc.markText(
{ ch: column, line },
{ ch: null, line },
{ className: markTextClass }
);
}
clearDebugLine(selectedFrame: Frame, selectedSource: SourceRecord, why: Why) {
if (!isDocumentReady(selectedSource, selectedFrame)) {
return;
}
if (this.debugExpression) {
this.debugExpression.clear();
}
const sourceId = selectedFrame.location.sourceId;
const { line } = toEditorPosition(selectedFrame.location);
const doc = getDocument(sourceId);
const { lineClass } = this.getTextClasses(why);
doc.removeLineClass(line, "line", lineClass);
}
getTextClasses(why: Why): TextClasses {
if (isException(why)) {
return {
markTextClass: "debug-expression-error",
lineClass: "new-debug-line-error"
};
}
return { markTextClass: "debug-expression", lineClass: "new-debug-line" };
}
render() {
return null;
}
}
export default connect(state => {
return {
selectedFrame: getVisibleSelectedFrame(state),
selectedSource: getSelectedSource(state),
why: getPauseReason(state)
};
})(DebugLine);