98 lines
3.2 KiB
JavaScript
98 lines
3.2 KiB
JavaScript
/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
|
|
/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
|
|
/* 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";
|
|
|
|
// React & Redux
|
|
const {
|
|
createClass,
|
|
createFactory,
|
|
PropTypes
|
|
} = require("devtools/client/shared/vendor/react");
|
|
|
|
const {
|
|
MESSAGE_SOURCE,
|
|
MESSAGE_TYPE
|
|
} = require("devtools/client/webconsole/new-console-output/constants");
|
|
|
|
const componentMap = new Map([
|
|
["ConsoleApiCall", require("./message-types/console-api-call")],
|
|
["ConsoleCommand", require("./message-types/console-command")],
|
|
["DefaultRenderer", require("./message-types/default-renderer")],
|
|
["EvaluationResult", require("./message-types/evaluation-result")],
|
|
["NetworkEventMessage", require("./message-types/network-event-message")],
|
|
["PageError", require("./message-types/page-error")]
|
|
]);
|
|
|
|
const MessageContainer = createClass({
|
|
displayName: "MessageContainer",
|
|
|
|
propTypes: {
|
|
message: PropTypes.object.isRequired,
|
|
open: PropTypes.bool.isRequired,
|
|
serviceContainer: PropTypes.object.isRequired,
|
|
autoscroll: PropTypes.bool.isRequired,
|
|
indent: PropTypes.number.isRequired,
|
|
tableData: PropTypes.object,
|
|
},
|
|
|
|
getDefaultProps: function () {
|
|
return {
|
|
open: false,
|
|
indent: 0,
|
|
};
|
|
},
|
|
|
|
shouldComponentUpdate(nextProps, nextState) {
|
|
const repeatChanged = this.props.message.repeat !== nextProps.message.repeat;
|
|
const openChanged = this.props.open !== nextProps.open;
|
|
const tableDataChanged = this.props.tableData !== nextProps.tableData;
|
|
const responseChanged = this.props.message.response !== nextProps.message.response;
|
|
const totalTimeChanged = this.props.message.totalTime !== nextProps.message.totalTime;
|
|
return repeatChanged || openChanged || tableDataChanged || responseChanged ||
|
|
totalTimeChanged;
|
|
},
|
|
|
|
render() {
|
|
const { message } = this.props;
|
|
|
|
let MessageComponent = createFactory(getMessageComponent(message));
|
|
return MessageComponent(this.props);
|
|
}
|
|
});
|
|
|
|
function getMessageComponent(message) {
|
|
switch (message.source) {
|
|
case MESSAGE_SOURCE.CONSOLE_API:
|
|
return componentMap.get("ConsoleApiCall");
|
|
case MESSAGE_SOURCE.NETWORK:
|
|
return componentMap.get("NetworkEventMessage");
|
|
case MESSAGE_SOURCE.CSS:
|
|
case MESSAGE_SOURCE.JAVASCRIPT:
|
|
switch (message.type) {
|
|
case MESSAGE_TYPE.COMMAND:
|
|
return componentMap.get("ConsoleCommand");
|
|
case MESSAGE_TYPE.RESULT:
|
|
return componentMap.get("EvaluationResult");
|
|
// @TODO this is probably not the right behavior, but works for now.
|
|
// Chrome doesn't distinguish between page errors and log messages. We
|
|
// may want to remove the PageError component and just handle errors
|
|
// with ConsoleApiCall.
|
|
case MESSAGE_TYPE.LOG:
|
|
return componentMap.get("PageError");
|
|
default:
|
|
return componentMap.get("DefaultRenderer");
|
|
}
|
|
}
|
|
|
|
return componentMap.get("DefaultRenderer");
|
|
}
|
|
|
|
module.exports.MessageContainer = MessageContainer;
|
|
|
|
// Exported so we can test it with unit tests.
|
|
module.exports.getMessageComponent = getMessageComponent;
|