Julian Descottes
19fef9ac4c
This changeset adds basic remote connection functionality to about:debugging. About:debugging can target a remote firefox instance if the host and port parameters are passed as URL search params. The feature is not explicitly exposed at the moment and there is no UI to connect an instance, and no UI feedback when connected to a remote instance. When connected, about:debugging should correctly list tabs, workers and addons for the target instance of Firefox. Debugging features work for all supported targets. Known limitations: - preferences are read from the local Firefox instance (multiprocess, addon debugging etc...). At the moment the remote instance must be manually correctly configured MozReview-Commit-ID: DOekSCb96XC
70 lines
1.9 KiB
JavaScript
70 lines
1.9 KiB
JavaScript
/* 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 { Component } = require("devtools/client/shared/vendor/react");
|
|
const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
|
|
const dom = require("devtools/client/shared/vendor/react-dom-factories");
|
|
const Services = require("Services");
|
|
|
|
loader.lazyRequireGetter(this, "DebuggerClient",
|
|
"devtools/shared/client/debugger-client", true);
|
|
|
|
const Strings = Services.strings.createBundle(
|
|
"chrome://devtools/locale/aboutdebugging.properties");
|
|
|
|
const LocaleCompare = (a, b) => {
|
|
return a.name.toLowerCase().localeCompare(b.name.toLowerCase());
|
|
};
|
|
|
|
class TargetList extends Component {
|
|
static get propTypes() {
|
|
return {
|
|
client: PropTypes.instanceOf(DebuggerClient).isRequired,
|
|
connect: PropTypes.object,
|
|
debugDisabled: PropTypes.bool,
|
|
error: PropTypes.node,
|
|
id: PropTypes.string.isRequired,
|
|
name: PropTypes.string,
|
|
sort: PropTypes.bool,
|
|
targetClass: PropTypes.func.isRequired,
|
|
targets: PropTypes.arrayOf(PropTypes.object).isRequired
|
|
};
|
|
}
|
|
|
|
render() {
|
|
let {
|
|
client,
|
|
connect,
|
|
debugDisabled,
|
|
error,
|
|
targetClass,
|
|
targets,
|
|
sort
|
|
} = this.props;
|
|
|
|
if (sort) {
|
|
targets = targets.sort(LocaleCompare);
|
|
}
|
|
targets = targets.map(target => {
|
|
return targetClass({ client, connect, target, debugDisabled });
|
|
});
|
|
|
|
let content = "";
|
|
if (error) {
|
|
content = error;
|
|
} else if (targets.length > 0) {
|
|
content = dom.ul({ className: "target-list" }, targets);
|
|
} else {
|
|
content = dom.p(null, Strings.GetStringFromName("nothing"));
|
|
}
|
|
|
|
return dom.div({ id: this.props.id, className: "targets" },
|
|
dom.h2(null, this.props.name), content);
|
|
}
|
|
}
|
|
|
|
module.exports = TargetList;
|