Merge branch 'move-basilisk'

1 files changed, 169 insertions, 0 deletions

diff --git a/application/basilisk/components/syncedtabs/SyncedTabsDeckComponent.js b/application/basilisk/components/syncedtabs/SyncedTabsDeckComponent.js
new file mode 100644
index 000000000..c35277795
--- /dev/null
+++ b/application/basilisk/components/syncedtabs/SyncedTabsDeckComponent.js
@@ -0,0 +1,169 @@
+/* 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 {classes: Cc, interfaces: Ci, utils: Cu, results: Cr} = Components;
+
+Cu.import("resource://gre/modules/XPCOMUtils.jsm");
+Cu.import("resource://gre/modules/Services.jsm");
+
+Cu.import("resource:///modules/syncedtabs/SyncedTabsDeckStore.js");
+Cu.import("resource:///modules/syncedtabs/SyncedTabsDeckView.js");
+Cu.import("resource:///modules/syncedtabs/SyncedTabsListStore.js");
+Cu.import("resource:///modules/syncedtabs/TabListComponent.js");
+Cu.import("resource:///modules/syncedtabs/TabListView.js");
+let { getChromeWindow } = Cu.import("resource:///modules/syncedtabs/util.js", {});
+
+XPCOMUtils.defineLazyGetter(this, "FxAccountsCommon", function () {
+  return Components.utils.import("resource://gre/modules/FxAccountsCommon.js", {});
+});
+
+let log = Cu.import("resource://gre/modules/Log.jsm", {})
+            .Log.repository.getLogger("Sync.RemoteTabs");
+
+this.EXPORTED_SYMBOLS = [
+  "SyncedTabsDeckComponent"
+];
+
+/* SyncedTabsDeckComponent
+ * This component instantiates views and storage objects as well as defines
+ * behaviors that will be passed down to the views. This helps keep the views
+ * isolated and easier to test.
+ */
+
+function SyncedTabsDeckComponent({
+  window, SyncedTabs, fxAccounts, deckStore, listStore, listComponent, DeckView, getChromeWindowMock,
+}) {
+  this._window = window;
+  this._SyncedTabs = SyncedTabs;
+  this._fxAccounts = fxAccounts;
+  this._DeckView = DeckView || SyncedTabsDeckView;
+  // used to stub during tests
+  this._getChromeWindow = getChromeWindowMock || getChromeWindow;
+
+  this._deckStore = deckStore || new SyncedTabsDeckStore();
+  this._syncedTabsListStore = listStore || new SyncedTabsListStore(SyncedTabs);
+  this.tabListComponent = listComponent || new TabListComponent({
+    window: this._window,
+    store: this._syncedTabsListStore,
+    View: TabListView,
+    SyncedTabs: SyncedTabs,
+    clipboardHelper: Cc["@mozilla.org/widget/clipboardhelper;1"]
+                       .getService(Ci.nsIClipboardHelper),
+    getChromeWindow: this._getChromeWindow,
+  });
+}
+
+SyncedTabsDeckComponent.prototype = {
+  PANELS: {
+    TABS_CONTAINER: "tabs-container",
+    TABS_FETCHING: "tabs-fetching",
+    NOT_AUTHED_INFO: "notAuthedInfo",
+    SINGLE_DEVICE_INFO: "singleDeviceInfo",
+    TABS_DISABLED: "tabs-disabled",
+  },
+
+  get container() {
+    return this._deckView ? this._deckView.container : null;
+  },
+
+  init() {
+    Services.obs.addObserver(this, this._SyncedTabs.TOPIC_TABS_CHANGED, false);
+    Services.obs.addObserver(this, FxAccountsCommon.ONLOGIN_NOTIFICATION, false);
+
+    // Go ahead and trigger sync
+    this._SyncedTabs.syncTabs()
+                    .catch(Cu.reportError);
+
+    this._deckView = new this._DeckView(this._window, this.tabListComponent, {
+      onAndroidClick: event => this.openAndroidLink(event),
+      oniOSClick: event => this.openiOSLink(event),
+      onSyncPrefClick: event => this.openSyncPrefs(event)
+    });
+
+    this._deckStore.on("change", state => this._deckView.render(state));
+    // Trigger the initial rendering of the deck view
+    // Object.values only in nightly
+    this._deckStore.setPanels(Object.keys(this.PANELS).map(k => this.PANELS[k]));
+    // Set the initial panel to display
+    this.updatePanel();
+  },
+
+  uninit() {
+    Services.obs.removeObserver(this, this._SyncedTabs.TOPIC_TABS_CHANGED);
+    Services.obs.removeObserver(this, FxAccountsCommon.ONLOGIN_NOTIFICATION);
+    this._deckView.destroy();
+  },
+
+  observe(subject, topic, data) {
+    switch (topic) {
+      case this._SyncedTabs.TOPIC_TABS_CHANGED:
+        this._syncedTabsListStore.getData();
+        this.updatePanel();
+        break;
+      case FxAccountsCommon.ONLOGIN_NOTIFICATION:
+        this.updatePanel();
+        break;
+      default:
+        break;
+    }
+  },
+
+  // There's no good way to mock fxAccounts in browser tests where it's already
+  // been instantiated, so we have this method for stubbing.
+  _accountStatus() {
+    return this._fxAccounts.accountStatus();
+  },
+
+  getPanelStatus() {
+    return this._accountStatus().then(exists => {
+      if (!exists) {
+        return this.PANELS.NOT_AUTHED_INFO;
+      }
+      if (!this._SyncedTabs.isConfiguredToSyncTabs) {
+        return this.PANELS.TABS_DISABLED;
+      }
+      if (!this._SyncedTabs.hasSyncedThisSession) {
+        return this.PANELS.TABS_FETCHING;
+      }
+      return this._SyncedTabs.getTabClients().then(clients => {
+        if (clients.length) {
+          return this.PANELS.TABS_CONTAINER;
+        }
+        return this.PANELS.SINGLE_DEVICE_INFO;
+      });
+    })
+    .catch(err => {
+      Cu.reportError(err);
+      return this.PANELS.NOT_AUTHED_INFO;
+    });
+  },
+
+  updatePanel() {
+    // return promise for tests
+    return this.getPanelStatus()
+      .then(panelId => this._deckStore.selectPanel(panelId))
+      .catch(Cu.reportError);
+  },
+
+  openAndroidLink(event) {
+    let href = Services.prefs.getCharPref("identity.mobilepromo.android") + "synced-tabs-sidebar";
+    this._openUrl(href, event);
+  },
+
+  openiOSLink(event) {
+    let href = Services.prefs.getCharPref("identity.mobilepromo.ios") + "synced-tabs-sidebar";
+    this._openUrl(href, event);
+  },
+
+  _openUrl(url, event) {
+    this._window.openUILink(url, event);
+  },
+
+  openSyncPrefs() {
+    this._getChromeWindow(this._window).gSyncUI.openSetup(null, "tabs-sidebar");
+  }
+};
+