The Tor Browser: browser/devtools/styleeditor/styleeditor-panel.js@b8a032363ba2 (annotated)

browser/devtools/styleeditor/styleeditor-panel.js@b8a032363ba2 (annotated)

browser/devtools/styleeditor/styleeditor-panel.js

Thu, 22 Jan 2015 13:21:57 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Thu, 22 Jan 2015 13:21:57 +0100
branch: TOR_BUG_9701
changeset 15: b8a032363ba2
permissions: -rw-r--r--

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

 /* -*- 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/. */
 const {Cc, Ci, Cu, Cr} = require("chrome");
 Cu.import("resource://gre/modules/XPCOMUtils.jsm");
 Cu.import("resource://gre/modules/Services.jsm");
 let {Promise: promise} = Cu.import("resource://gre/modules/Promise.jsm", {});
 let EventEmitter = require("devtools/toolkit/event-emitter");
 Cu.import("resource:///modules/devtools/StyleEditorUI.jsm");
 Cu.import("resource:///modules/devtools/StyleEditorUtil.jsm");
 loader.lazyGetter(this, "StyleSheetsFront",
   () => require("devtools/server/actors/stylesheets").StyleSheetsFront);
 loader.lazyGetter(this, "StyleEditorFront",
   () => require("devtools/server/actors/styleeditor").StyleEditorFront);
 this.StyleEditorPanel = function StyleEditorPanel(panelWin, toolbox) {
   EventEmitter.decorate(this);
   this._toolbox = toolbox;
   this._target = toolbox.target;
   this._panelWin = panelWin;
   this._panelDoc = panelWin.document;
   this.destroy = this.destroy.bind(this);
   this._showError = this._showError.bind(this);
 }
 exports.StyleEditorPanel = StyleEditorPanel;
 StyleEditorPanel.prototype = {
   get target() this._toolbox.target,
   get panelWindow() this._panelWin,
   /**
    * open is effectively an asynchronous constructor
    */
   open: function() {
     let deferred = promise.defer();
     let targetPromise;
     // We always interact with the target as if it were remote
     if (!this.target.isRemote) {
       targetPromise = this.target.makeRemote();
     } else {
       targetPromise = promise.resolve(this.target);
     }
     targetPromise.then(() => {
       this.target.on("close", this.destroy);
       if (this.target.form.styleSheetsActor) {
         this._debuggee = StyleSheetsFront(this.target.client, this.target.form);
       }
       else {
         /* We're talking to a pre-Firefox 29 server-side */
         this._debuggee = StyleEditorFront(this.target.client, this.target.form);
       }
       this.UI = new StyleEditorUI(this._debuggee, this.target, this._panelDoc);
       this.UI.initialize().then(() => {
         this.UI.on("error", this._showError);
         this.isReady = true;
         deferred.resolve(this);
       });
     }, console.error);
     return deferred.promise;
   },
   /**
    * Show an error message from the style editor in the toolbox
    * notification box.
    *
    * @param  {string} event
    *         Type of event
    * @param  {string} code
    *         Error code of error to report
    * @param  {string} message
    *         Extra message to append to error message
    */
   _showError: function(event, code, message) {
     if (!this._toolbox) {
       // could get an async error after we've been destroyed
       return;
     }
     let errorMessage = _(code);
     if (message) {
       errorMessage += " " + message;
     }
     let notificationBox = this._toolbox.getNotificationBox();
     let notification = notificationBox.getNotificationWithValue("styleeditor-error");
     if (!notification) {
       notificationBox.appendNotification(errorMessage,
         "styleeditor-error", "", notificationBox.PRIORITY_CRITICAL_LOW);
     }
   },
   /**
    * Select a stylesheet.
    *
    * @param {string} href
    *        Url of stylesheet to find and select in editor
    * @param {number} line
    *        Line number to jump to after selecting. One-indexed
    * @param {number} col
    *        Column number to jump to after selecting. One-indexed
    */
   selectStyleSheet: function(href, line, col) {
     if (!this._debuggee || !this.UI) {
       return;
     }
     this.UI.selectStyleSheet(href, line - 1, col ? col - 1 : 0);
   },
   /**
    * Destroy the style editor.
    */
   destroy: function() {
     if (!this._destroyed) {
       this._destroyed = true;
       this._target.off("close", this.destroy);
       this._target = null;
       this._toolbox = null;
       this._panelDoc = null;
       this._debuggee.destroy();
       this._debuggee = null;
       this.UI.destroy();
     }
     return promise.resolve(null);
   },
 }
 XPCOMUtils.defineLazyGetter(StyleEditorPanel.prototype, "strings",
   function () {
     return Services.strings.createBundle(
             "chrome://browser/locale/devtools/styleeditor.properties");
   });