diff options
Diffstat (limited to 'application/basilisk/components/syncedtabs/SyncedTabsDeckComponent.js')
| -rw-r--r-- | application/basilisk/components/syncedtabs/SyncedTabsDeckComponent.js | 169 |
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"); + } +}; + |