The Tor Browser: browser/devtools/framework/connect/connect.js@6474c204b198 (annotated)

browser/devtools/framework/connect/connect.js@6474c204b198 (annotated)

browser/devtools/framework/connect/connect.js

Wed, 31 Dec 2014 06:09:35 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 06:09:35 +0100
changeset 0: 6474c204b198
permissions: -rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

 /* -*- 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();
   });
 }