The Tor Browser: comparison browser/devtools/framework/connect/connect.js

comparison: browser/devtools/framework/connect/connect.js

browser/devtools/framework/connect/connect.js

branch: TOR_BUG_9701
changeset 15: b8a032363ba2

equal deleted inserted replaced

--1:000000000000
+:0e561079d846
+/* -*- Mode: Javascript; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 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";
+const Cu = Components.utils;
+Cu.import('resource://gre/modules/XPCOMUtils.jsm');
+Cu.import("resource://gre/modules/Services.jsm");
+Cu.import("resource://gre/modules/Task.jsm");
+Cu.import("resource://gre/modules/devtools/dbg-client.jsm");
+let {gDevTools} = Cu.import("resource:///modules/devtools/gDevTools.jsm", {});
+let {devtools} = Cu.import("resource://gre/modules/devtools/Loader.jsm", {});
+let {Promise: promise} = Cu.import("resource://gre/modules/Promise.jsm", {});
+let gClient;
+let gConnectionTimeout;
+XPCOMUtils.defineLazyGetter(window, 'l10n', function () {
+return Services.strings.createBundle('chrome://browser/locale/devtools/connection-screen.properties');
+});
+/**
+* Once DOM is ready, we prefil the host/port inputs with
+* pref-stored values.
+*/
+window.addEventListener("DOMContentLoaded", function onDOMReady() {
+window.removeEventListener("DOMContentLoaded", onDOMReady, true);
+let host = Services.prefs.getCharPref("devtools.debugger.remote-host");
+let port = Services.prefs.getIntPref("devtools.debugger.remote-port");
+if (host) {
+document.getElementById("host").value = host;
+}
+if (port) {
+document.getElementById("port").value = port;
+}
+let form = document.querySelector("#connection-form form");
+form.addEventListener("submit", function() {
+window.submit();
+});
+}, true);
+/**
+* Called when the "connect" button is clicked.
+*/
+function submit() {
+// Show the "connecting" screen
+document.body.classList.add("connecting");
+// Save the host/port values
+let host = document.getElementById("host").value;
+Services.prefs.setCharPref("devtools.debugger.remote-host", host);
+let port = document.getElementById("port").value;
+Services.prefs.setIntPref("devtools.debugger.remote-port", port);
+// Initiate the connection
+let transport;
+try {
+transport = debuggerSocketConnect(host, port);
+} catch(e) {
+// Bug 921850: catch rare exception from debuggerSocketConnect
+showError("unexpected");
+return;
+}
+gClient = new DebuggerClient(transport);
+let delay = Services.prefs.getIntPref("devtools.debugger.remote-timeout");
+gConnectionTimeout = setTimeout(handleConnectionTimeout, delay);
+gClient.connect(onConnectionReady);
+}
+/**
+* Connection is ready. List actors and build buttons.
+*/
+let onConnectionReady = Task.async(function*(aType, aTraits) {
+clearTimeout(gConnectionTimeout);
+let deferred = promise.defer();
+gClient.listAddons(deferred.resolve);
+let response = yield deferred.promise;
+let parent = document.getElementById("addonActors")
+if (!response.error && response.addons.length > 0) {
+// Add one entry for each add-on.
+for (let addon of response.addons) {
+if (!addon.debuggable) {
+continue;
+}
+buildAddonLink(addon, parent);
+}
+}
+else {
+// Hide the section when there are no add-ons
+parent.previousElementSibling.remove();
+parent.remove();
+}
+deferred = promise.defer();
+gClient.listTabs(deferred.resolve);
+response = yield deferred.promise;
+parent = document.getElementById("tabActors");
+// Add Global Process debugging...
+let globals = JSON.parse(JSON.stringify(response));
+delete globals.tabs;
+delete globals.selected;
+// ...only if there are appropriate actors (a 'from' property will always
+// be there).
+// Add one entry for each open tab.
+for (let i = 0; i < response.tabs.length; i++) {
+buildTabLink(response.tabs[i], parent, i == response.selected);
+}
+let gParent = document.getElementById("globalActors");
+// Build the Remote Process button
+if (Object.keys(globals).length > 1) {
+let a = document.createElement("a");
+a.onclick = function() {
+openToolbox(globals, true);
+}
+a.title = a.textContent = window.l10n.GetStringFromName("mainProcess");
+a.className = "remote-process";
+a.href = "#";
+gParent.appendChild(a);
+}
+// Move the selected tab on top
+let selectedLink = parent.querySelector("a.selected");
+if (selectedLink) {
+parent.insertBefore(selectedLink, parent.firstChild);
+}
+document.body.classList.remove("connecting");
+document.body.classList.add("actors-mode");
+// Ensure the first link is focused
+let firstLink = parent.querySelector("a:first-of-type");
+if (firstLink) {
+firstLink.focus();
+}
+});
+/**
+* Build one button for an add-on actor.
+*/
+function buildAddonLink(addon, parent) {
+let a = document.createElement("a");
+a.onclick = function() {
+openToolbox({ addonActor: addon.actor, title: addon.name }, true, "jsdebugger");
+}
+a.textContent = addon.name;
+a.title = addon.id;
+a.href = "#";
+parent.appendChild(a);
+}
+/**
+* Build one button for a tab actor.
+*/
+function buildTabLink(tab, parent, selected) {
+let a = document.createElement("a");
+a.onclick = function() {
+openToolbox(tab);
+}
+a.textContent = tab.title;
+a.title = tab.url;
+if (!a.textContent) {
+a.textContent = tab.url;
+}
+a.href = "#";
+if (selected) {
+a.classList.add("selected");
+}
+parent.appendChild(a);
+}
+/**
+* An error occured. Let's show it and return to the first screen.
+*/
+function showError(type) {
+document.body.className = "error";
+let activeError = document.querySelector(".error-message.active");
+if (activeError) {
+activeError.classList.remove("active");
+}
+activeError = document.querySelector(".error-" + type);
+if (activeError) {
+activeError.classList.add("active");
+}
+}
+/**
+* Connection timeout.
+*/
+function handleConnectionTimeout() {
+showError("timeout");
+}
+/**
+* The user clicked on one of the buttons.
+* Opens the toolbox.
+*/
+function openToolbox(form, chrome=false, tool="webconsole") {
+let options = {
+form: form,
+client: gClient,
+chrome: chrome
+};
+devtools.TargetFactory.forRemoteTab(options).then((target) => {
+let hostType = devtools.Toolbox.HostType.WINDOW;
+gDevTools.showToolbox(target, tool, hostType).then((toolbox) => {
+toolbox.once("destroyed", function() {
+gClient.close();
+});
+});
+window.close();
+});
+}