mirror of
https://github.com/classilla/tenfourfox.git
synced 2024-07-15 03:29:01 +00:00
425 lines
13 KiB
JavaScript
425 lines
13 KiB
JavaScript
|
// -*- indent-tabs-mode: nil; js-indent-level: 2 -*-
|
||
|
/* 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";
|
||
|
|
||
|
/*globals MAX_URI_LENGTH, MAX_TITLE_LENGTH */
|
||
|
|
||
|
var Reader = {
|
||
|
// These values should match those defined in BrowserContract.java.
|
||
|
STATUS_UNFETCHED: 0,
|
||
|
STATUS_FETCH_FAILED_TEMPORARY: 1,
|
||
|
STATUS_FETCH_FAILED_PERMANENT: 2,
|
||
|
STATUS_FETCH_FAILED_UNSUPPORTED_FORMAT: 3,
|
||
|
STATUS_FETCHED_ARTICLE: 4,
|
||
|
|
||
|
get _hasUsedToolbar() {
|
||
|
delete this._hasUsedToolbar;
|
||
|
return this._hasUsedToolbar = Services.prefs.getBoolPref("reader.has_used_toolbar");
|
||
|
},
|
||
|
|
||
|
get _buttonHistogram() {
|
||
|
delete this._buttonHistogram;
|
||
|
return this._buttonHistogram = Services.telemetry.getHistogramById("FENNEC_READER_VIEW_BUTTON");
|
||
|
},
|
||
|
|
||
|
// Values for "FENNEC_READER_VIEW_BUTTON" histogram.
|
||
|
_buttonHistogramValues: {
|
||
|
HIDDEN: 0,
|
||
|
SHOWN: 1,
|
||
|
TAP_ENTER: 2,
|
||
|
TAP_EXIT: 3,
|
||
|
LONG_TAP: 4
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* BackPressListener (listeners / ReaderView Ids).
|
||
|
*/
|
||
|
_backPressListeners: [],
|
||
|
_backPressViewIds: [],
|
||
|
|
||
|
/**
|
||
|
* Set a backPressListener for this tabId / ReaderView Id pair.
|
||
|
*/
|
||
|
_addBackPressListener: function(tabId, viewId, listener) {
|
||
|
this._backPressListeners[tabId] = listener;
|
||
|
this._backPressViewIds[viewId] = tabId;
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Remove a backPressListener for this ReaderView Id.
|
||
|
*/
|
||
|
_removeBackPressListener: function(viewId) {
|
||
|
let tabId = this._backPressViewIds[viewId];
|
||
|
if (tabId != undefined) {
|
||
|
this._backPressListeners[tabId] = null;
|
||
|
delete this._backPressViewIds[viewId];
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* If the requested tab has a backPress listener, return its results, else false.
|
||
|
*/
|
||
|
onBackPress: function(tabId) {
|
||
|
let listener = this._backPressListeners[tabId];
|
||
|
return { handled: (listener ? listener() : false) };
|
||
|
},
|
||
|
|
||
|
observe: function Reader_observe(aMessage, aTopic, aData) {
|
||
|
switch (aTopic) {
|
||
|
case "Reader:FetchContent": {
|
||
|
let data = JSON.parse(aData);
|
||
|
this._fetchContent(data.url, data.id);
|
||
|
break;
|
||
|
}
|
||
|
|
||
|
case "Reader:Added": {
|
||
|
let mm = window.getGroupMessageManager("browsers");
|
||
|
mm.broadcastAsyncMessage("Reader:Added", { url: aData });
|
||
|
break;
|
||
|
}
|
||
|
|
||
|
case "Reader:Removed": {
|
||
|
ReaderMode.removeArticleFromCache(aData).catch(e => Cu.reportError("Error removing article from cache: " + e));
|
||
|
|
||
|
let mm = window.getGroupMessageManager("browsers");
|
||
|
mm.broadcastAsyncMessage("Reader:Removed", { url: aData });
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
|
||
|
receiveMessage: function(message) {
|
||
|
switch (message.name) {
|
||
|
case "Reader:AddToList": {
|
||
|
// If the article is coming from reader mode, we must have fetched it already.
|
||
|
let article = message.data.article;
|
||
|
article.status = this.STATUS_FETCHED_ARTICLE;
|
||
|
this._addArticleToReadingList(article);
|
||
|
break;
|
||
|
}
|
||
|
case "Reader:ArticleGet":
|
||
|
this._getArticle(message.data.url).then((article) => {
|
||
|
// Make sure the target browser is still alive before trying to send data back.
|
||
|
if (message.target.messageManager) {
|
||
|
message.target.messageManager.sendAsyncMessage("Reader:ArticleData", { article: article });
|
||
|
}
|
||
|
}, e => {
|
||
|
if (e && e.newURL) {
|
||
|
message.target.loadURI("about:reader?url=" + encodeURIComponent(e.newURL));
|
||
|
}
|
||
|
});
|
||
|
break;
|
||
|
|
||
|
// On DropdownClosed in ReaderView, we cleanup / clear existing BackPressListener.
|
||
|
case "Reader:DropdownClosed": {
|
||
|
this._removeBackPressListener(message.data);
|
||
|
break;
|
||
|
}
|
||
|
|
||
|
// On DropdownOpened in ReaderView, we add BackPressListener to handle a subsequent BACK request.
|
||
|
case "Reader:DropdownOpened": {
|
||
|
let tabId = BrowserApp.selectedTab.id;
|
||
|
this._addBackPressListener(tabId, message.data, () => {
|
||
|
// User hit BACK key while ReaderView has the banner font-dropdown opened.
|
||
|
// Close it and return prevent-default.
|
||
|
if (message.target.messageManager) {
|
||
|
message.target.messageManager.sendAsyncMessage("Reader:CloseDropdown");
|
||
|
return true;
|
||
|
}
|
||
|
// We can assume ReaderView banner's font-dropdown doesn't need to be closed.
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
break;
|
||
|
}
|
||
|
|
||
|
case "Reader:FaviconRequest": {
|
||
|
Messaging.sendRequestForResult({
|
||
|
type: "Reader:FaviconRequest",
|
||
|
url: message.data.url
|
||
|
}).then(data => {
|
||
|
message.target.messageManager.sendAsyncMessage("Reader:FaviconReturn", JSON.parse(data));
|
||
|
});
|
||
|
break;
|
||
|
}
|
||
|
|
||
|
case "Reader:ListStatusRequest":
|
||
|
Messaging.sendRequestForResult({
|
||
|
type: "Reader:ListStatusRequest",
|
||
|
url: message.data.url
|
||
|
}).then((data) => {
|
||
|
message.target.messageManager.sendAsyncMessage("Reader:ListStatusData", JSON.parse(data));
|
||
|
});
|
||
|
break;
|
||
|
|
||
|
case "Reader:RemoveFromList":
|
||
|
Messaging.sendRequest({
|
||
|
type: "Reader:RemoveFromList",
|
||
|
url: message.data.url
|
||
|
});
|
||
|
break;
|
||
|
|
||
|
case "Reader:Share":
|
||
|
Messaging.sendRequest({
|
||
|
type: "Reader:Share",
|
||
|
url: message.data.url,
|
||
|
title: message.data.title
|
||
|
});
|
||
|
break;
|
||
|
|
||
|
case "Reader:SystemUIVisibility":
|
||
|
Messaging.sendRequest({
|
||
|
type: "SystemUI:Visibility",
|
||
|
visible: message.data.visible
|
||
|
});
|
||
|
break;
|
||
|
|
||
|
case "Reader:ToolbarHidden":
|
||
|
if (!this._hasUsedToolbar) {
|
||
|
NativeWindow.toast.show(Strings.browser.GetStringFromName("readerMode.toolbarTip"), "long");
|
||
|
Services.prefs.setBoolPref("reader.has_used_toolbar", true);
|
||
|
this._hasUsedToolbar = true;
|
||
|
}
|
||
|
break;
|
||
|
|
||
|
case "Reader:UpdateReaderButton": {
|
||
|
let tab = BrowserApp.getTabForBrowser(message.target);
|
||
|
tab.browser.isArticle = message.data.isArticle;
|
||
|
this.updatePageAction(tab);
|
||
|
break;
|
||
|
}
|
||
|
case "Reader:SetIntPref": {
|
||
|
if (message.data && message.data.name !== undefined) {
|
||
|
Services.prefs.setIntPref(message.data.name, message.data.value);
|
||
|
}
|
||
|
break;
|
||
|
}
|
||
|
case "Reader:SetCharPref": {
|
||
|
if (message.data && message.data.name !== undefined) {
|
||
|
Services.prefs.setCharPref(message.data.name, message.data.value);
|
||
|
}
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
|
||
|
pageAction: {
|
||
|
readerModeCallback: function(browser) {
|
||
|
let url = browser.currentURI.spec;
|
||
|
if (url.startsWith("about:reader")) {
|
||
|
let originalURL = ReaderMode.getOriginalUrl(url);
|
||
|
if (!originalURL) {
|
||
|
Cu.reportError("Error finding original URL for about:reader URL: " + url);
|
||
|
} else {
|
||
|
browser.loadURI(originalURL);
|
||
|
}
|
||
|
Reader._buttonHistogram.add(Reader._buttonHistogramValues.TAP_EXIT);
|
||
|
} else {
|
||
|
browser.messageManager.sendAsyncMessage("Reader:ParseDocument", { url: url });
|
||
|
Reader._buttonHistogram.add(Reader._buttonHistogramValues.TAP_ENTER);
|
||
|
}
|
||
|
},
|
||
|
|
||
|
readerModeActiveCallback: function(tabID) {
|
||
|
Reader._addTabToReadingList(tabID).catch(e => Cu.reportError("Error adding tab to reading list: " + e));
|
||
|
UITelemetry.addEvent("save.1", "pageaction", null, "reader");
|
||
|
Reader._buttonHistogram.add(Reader._buttonHistogramValues.LONG_TAP);
|
||
|
},
|
||
|
},
|
||
|
|
||
|
updatePageAction: function(tab) {
|
||
|
if (!tab.getActive()) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
if (this.pageAction.id) {
|
||
|
PageActions.remove(this.pageAction.id);
|
||
|
delete this.pageAction.id;
|
||
|
}
|
||
|
|
||
|
let showPageAction = (icon, title) => {
|
||
|
this.pageAction.id = PageActions.add({
|
||
|
icon: icon,
|
||
|
title: title,
|
||
|
clickCallback: () => this.pageAction.readerModeCallback(browser),
|
||
|
longClickCallback: () => this.pageAction.readerModeActiveCallback(tab.id),
|
||
|
important: true
|
||
|
});
|
||
|
};
|
||
|
|
||
|
let browser = tab.browser;
|
||
|
if (browser.currentURI.spec.startsWith("about:reader")) {
|
||
|
showPageAction("drawable://reader_active", Strings.reader.GetStringFromName("readerView.close"));
|
||
|
// Only start a reader session if the viewer is in the foreground. We do
|
||
|
// not track background reader viewers.
|
||
|
UITelemetry.startSession("reader.1", null);
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
// Only stop a reader session if the foreground viewer is not visible.
|
||
|
UITelemetry.stopSession("reader.1", "", null);
|
||
|
|
||
|
if (browser.isArticle) {
|
||
|
showPageAction("drawable://reader", Strings.reader.GetStringFromName("readerView.enter"));
|
||
|
this._buttonHistogram.add(this._buttonHistogramValues.SHOWN);
|
||
|
} else {
|
||
|
this._buttonHistogram.add(this._buttonHistogramValues.HIDDEN);
|
||
|
}
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Downloads and caches content for a reading list item with a given URL and id.
|
||
|
*/
|
||
|
_fetchContent: function(url, id) {
|
||
|
this._downloadAndCacheArticle(url).then(article => {
|
||
|
if (article == null) {
|
||
|
Messaging.sendRequest({
|
||
|
type: "Reader:UpdateList",
|
||
|
id: id,
|
||
|
status: this.STATUS_FETCH_FAILED_UNSUPPORTED_FORMAT,
|
||
|
});
|
||
|
} else {
|
||
|
Messaging.sendRequest({
|
||
|
type: "Reader:UpdateList",
|
||
|
id: id,
|
||
|
url: truncate(article.url, MAX_URI_LENGTH),
|
||
|
title: truncate(article.title, MAX_TITLE_LENGTH),
|
||
|
length: article.length,
|
||
|
excerpt: article.excerpt,
|
||
|
status: this.STATUS_FETCHED_ARTICLE,
|
||
|
});
|
||
|
}
|
||
|
}).catch(e => {
|
||
|
Cu.reportError("Error fetching content: " + e);
|
||
|
Messaging.sendRequest({
|
||
|
type: "Reader:UpdateList",
|
||
|
id: id,
|
||
|
status: this.STATUS_FETCH_FAILED_TEMPORARY,
|
||
|
});
|
||
|
});
|
||
|
},
|
||
|
|
||
|
_downloadAndCacheArticle: Task.async(function* (url) {
|
||
|
let article = yield ReaderMode.downloadAndParseDocument(url);
|
||
|
if (article != null) {
|
||
|
yield ReaderMode.storeArticleInCache(article);
|
||
|
}
|
||
|
return article;
|
||
|
}),
|
||
|
|
||
|
_addTabToReadingList: Task.async(function* (tabID) {
|
||
|
let tab = BrowserApp.getTabForId(tabID);
|
||
|
if (!tab) {
|
||
|
throw new Error("Can't add tab to reading list because no tab found for ID: " + tabID);
|
||
|
}
|
||
|
|
||
|
let url = tab.browser.currentURI.spec;
|
||
|
let article = yield this._getArticle(url).catch(e => {
|
||
|
Cu.reportError("Error getting article for tab: " + e);
|
||
|
return null;
|
||
|
});
|
||
|
if (!article) {
|
||
|
// If there was a problem getting the article, just store the
|
||
|
// URL and title from the tab.
|
||
|
article = {
|
||
|
url: url,
|
||
|
title: tab.browser.contentDocument.title,
|
||
|
length: 0,
|
||
|
excerpt: "",
|
||
|
status: this.STATUS_FETCH_FAILED_UNSUPPORTED_FORMAT,
|
||
|
};
|
||
|
} else {
|
||
|
article.status = this.STATUS_FETCHED_ARTICLE;
|
||
|
}
|
||
|
|
||
|
this._addArticleToReadingList(article);
|
||
|
}),
|
||
|
|
||
|
_addArticleToReadingList: function(article) {
|
||
|
Messaging.sendRequestForResult({
|
||
|
type: "Reader:AddToList",
|
||
|
url: truncate(article.url, MAX_URI_LENGTH),
|
||
|
title: truncate(article.title, MAX_TITLE_LENGTH),
|
||
|
length: article.length,
|
||
|
excerpt: article.excerpt,
|
||
|
status: article.status,
|
||
|
}).then((url) => {
|
||
|
ReaderMode.storeArticleInCache(article).catch(e => Cu.reportError("Error storing article in cache: " + e));
|
||
|
}).catch(Cu.reportError);
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Gets an article for a given URL. This method will download and parse a document
|
||
|
* if it does not find the article in the cache.
|
||
|
*
|
||
|
* @param url The article URL.
|
||
|
* @return {Promise}
|
||
|
* @resolves JS object representing the article, or null if no article is found.
|
||
|
*/
|
||
|
_getArticle: Task.async(function* (url) {
|
||
|
// First try to find a parsed article in the cache.
|
||
|
let article = yield ReaderMode.getArticleFromCache(url);
|
||
|
if (article) {
|
||
|
return article;
|
||
|
}
|
||
|
|
||
|
// Article hasn't been found in the cache, we need to
|
||
|
// download the page and parse the article out of it.
|
||
|
return yield ReaderMode.downloadAndParseDocument(url).catch(e => {
|
||
|
if (e && e.newURL) {
|
||
|
// Pass up the error so we can navigate the browser in question to the new URL:
|
||
|
throw e;
|
||
|
}
|
||
|
Cu.reportError("Error downloading and parsing document: " + e);
|
||
|
return null;
|
||
|
});
|
||
|
}),
|
||
|
|
||
|
/**
|
||
|
* Migrates old indexedDB reader mode cache to new JSON cache.
|
||
|
*/
|
||
|
migrateCache: Task.async(function* () {
|
||
|
let cacheDB = yield new Promise((resolve, reject) => {
|
||
|
let request = window.indexedDB.open("about:reader", 1);
|
||
|
request.onsuccess = event => resolve(event.target.result);
|
||
|
request.onerror = event => reject(request.error);
|
||
|
|
||
|
// If there is no DB to migrate, don't do anything.
|
||
|
request.onupgradeneeded = event => resolve(null);
|
||
|
});
|
||
|
|
||
|
if (!cacheDB) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
let articles = yield new Promise((resolve, reject) => {
|
||
|
let articles = [];
|
||
|
|
||
|
let transaction = cacheDB.transaction(cacheDB.objectStoreNames);
|
||
|
let store = transaction.objectStore(cacheDB.objectStoreNames[0]);
|
||
|
|
||
|
let request = store.openCursor();
|
||
|
request.onsuccess = event => {
|
||
|
let cursor = event.target.result;
|
||
|
if (!cursor) {
|
||
|
resolve(articles);
|
||
|
} else {
|
||
|
articles.push(cursor.value);
|
||
|
cursor.continue();
|
||
|
}
|
||
|
};
|
||
|
request.onerror = event => reject(request.error);
|
||
|
});
|
||
|
|
||
|
for (let article of articles) {
|
||
|
yield ReaderMode.storeArticleInCache(article);
|
||
|
}
|
||
|
|
||
|
// Delete the database.
|
||
|
window.indexedDB.deleteDatabase("about:reader");
|
||
|
}),
|
||
|
};
|