summaryrefslogtreecommitdiffstats
path: root/devtools/client/shared/components/stack-trace.js
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/shared/components/stack-trace.js')
-rw-r--r--devtools/client/shared/components/stack-trace.js68
1 files changed, 68 insertions, 0 deletions
diff --git a/devtools/client/shared/components/stack-trace.js b/devtools/client/shared/components/stack-trace.js
new file mode 100644
index 000000000..43d0b8716
--- /dev/null
+++ b/devtools/client/shared/components/stack-trace.js
@@ -0,0 +1,68 @@
+/* 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/. */
+
+"use strict";
+
+const React = require("devtools/client/shared/vendor/react");
+const { DOM: dom, createClass, createFactory, PropTypes } = React;
+const { LocalizationHelper } = require("devtools/shared/l10n");
+const Frame = createFactory(require("./frame"));
+
+const l10n = new LocalizationHelper("devtools/client/locales/webconsole.properties");
+
+const AsyncFrame = createFactory(createClass({
+ displayName: "AsyncFrame",
+
+ PropTypes: {
+ asyncCause: PropTypes.string.isRequired
+ },
+
+ render() {
+ let { asyncCause } = this.props;
+
+ return dom.span(
+ { className: "frame-link-async-cause" },
+ l10n.getFormatStr("stacktrace.asyncStack", asyncCause)
+ );
+ }
+}));
+
+const StackTrace = createClass({
+ displayName: "StackTrace",
+
+ PropTypes: {
+ stacktrace: PropTypes.array.isRequired,
+ onViewSourceInDebugger: PropTypes.func.isRequired
+ },
+
+ render() {
+ let { stacktrace, onViewSourceInDebugger } = this.props;
+
+ let frames = [];
+ stacktrace.forEach(s => {
+ if (s.asyncCause) {
+ frames.push("\t", AsyncFrame({
+ asyncCause: s.asyncCause
+ }), "\n");
+ }
+
+ frames.push("\t", Frame({
+ frame: {
+ functionDisplayName: s.functionName,
+ source: s.filename.split(" -> ").pop(),
+ line: s.lineNumber,
+ column: s.columnNumber,
+ },
+ showFunctionName: true,
+ showAnonymousFunctionName: true,
+ showFullSourceUrl: true,
+ onClick: onViewSourceInDebugger
+ }), "\n");
+ });
+
+ return dom.div({ className: "stack-trace" }, frames);
+ }
+});
+
+module.exports = StackTrace;