wuggy/Dactyloidae
wuggy/Dactyloidae
1
0
Fork 0
mirror of https://repo.dactyloidae.xyz/Dactyloidae/UXP.git synced 2026-09-06 07:48:38 +09:00
Code Issues Projects Releases Packages Wiki Activity

Dactyloidae iOS initial commit

Browse source
This commit is contained in:
wuggy 2026-06-26 21:04:09 -07:00
commit 7154a0497e
2123 changed files with 197052 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

222
mobile/ios/Client/Frontend/Reader/ReaderMode.js Normal file
View file

@ -0,0 +1,222 @@
/* 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/. */
(function() {
"use strict";
if (!window.__firefox__) {
Object.defineProperty(window, '__firefox__', {
enumerable: false,
configurable: false,
writable: false,
value: {}
});
}
var readabilityResult = null;
var currentStyle = null;
var readerModeURL = /^http:\/\/localhost:\d+\/reader-mode\/page/;
var BLOCK_IMAGES_SELECTOR = ".content p > img:only-child, " +
".content p > a:only-child > img:only-child, " +
".content .wp-caption img, " +
".content figure img";
function debug(s) {
if (!window.__firefox__.reader.DEBUG) {
return;
}
console.log(s);
}
function checkReadability() {
if (document.location.href.match(readerModeURL)) {
debug({Type: "ReaderModeStateChange", Value: "Active"});
webkit.messageHandlers.readerModeMessageHandler.postMessage({Type: "ReaderModeStateChange", Value: "Active"});
return;
}
if ((document.location.protocol === "http:" || document.location.protocol === "https:") && document.location.pathname !== "/") {
// Short circuit in case we already ran Readability. This mostly happens when going
// back/forward: the page will be cached and the result will still be there.
if (readabilityResult && readabilityResult.content) {
debug({Type: "ReaderModeStateChange", Value: "Available"});
webkit.messageHandlers.readerModeMessageHandler.postMessage({Type: "ReaderModeStateChange", Value: "Available"});
return;
}
var uri = {
spec: document.location.href,
host: document.location.host,
prePath: document.location.protocol + "//" + document.location.host, // TODO This is incomplete, needs username/password and port
scheme: document.location.protocol.substr(0, document.location.protocol.indexOf(":")),
pathBase: document.location.protocol + "//" + document.location.host + location.pathname.substr(0, location.pathname.lastIndexOf("/") + 1)
}
// document.cloneNode() can cause the webview to break (bug 1128774).
// Serialize and then parse the document instead.
var docStr = new XMLSerializer().serializeToString(document);
var doc = new DOMParser().parseFromString(docStr, "text/html");
var readability = new Readability(uri, doc);
readabilityResult = readability.parse();
debug({Type: "ReaderModeStateChange", Value: readabilityResult !== null ? "Available" : "Unavailable"});
webkit.messageHandlers.readerModeMessageHandler.postMessage({Type: "ReaderModeStateChange", Value: readabilityResult !== null ? "Available" : "Unavailable"});
return;
}
debug({Type: "ReaderModeStateChange", Value: "Unavailable"});
webkit.messageHandlers.readerModeMessageHandler.postMessage({Type: "ReaderModeStateChange", Value: "Unavailable"});
}
// Readerize the document. Since we did the actual readerization already in checkReadability, we
// can simply return the results we already have.
function readerize() {
return readabilityResult;
}
// TODO The following code only makes sense in about:reader context. It may be a good idea to move
// it out of this file and into for example a Reader.js.
function setStyle(style) {
// Configure the theme (light, dark)
if (currentStyle != null) {
document.body.classList.remove(currentStyle.theme);
}
document.body.classList.add(style.theme);
// Configure the font size (1-5)
if (currentStyle != null) {
document.body.classList.remove("font-size" + currentStyle.fontSize);
}
document.body.classList.add("font-size" + style.fontSize);
// Configure the font type
if (currentStyle != null) {
document.body.classList.remove(currentStyle.fontType);
}
document.body.classList.add(style.fontType);
// Remember the style
currentStyle = style;
}
function updateImageMargins() {
var contentElement = document.getElementById('reader-content');
var windowWidth = window.innerWidth;
var contentWidth = contentElement.offsetWidth;
var maxWidthStyle = windowWidth + "px !important";
var setImageMargins = function(img) {
if (!img._originalWidth) {
img._originalWidth = img.offsetWidth;
}
var imgWidth = img._originalWidth;
// If the image is taking more than half of the screen, just make
// it fill edge-to-edge.
if (imgWidth < contentWidth && imgWidth > windowWidth * 0.55) {
imgWidth = windowWidth;
}
var sideMargin = Math.max((contentWidth - windowWidth) / 2, (contentWidth - imgWidth) / 2);
var imageStyle = sideMargin + "px !important";
var widthStyle = imgWidth + "px !important";
var cssText = "max-width: " + maxWidthStyle + ";" +
"width: " + widthStyle + ";" +
"margin-left: " + imageStyle + ";" +
"margin-right: " + imageStyle + ";";
img.style.cssText = cssText;
}
var imgs = document.querySelectorAll(BLOCK_IMAGES_SELECTOR);
for (var i = imgs.length; --i >= 0;) {
var img = imgs[i];
if (img.width > 0) {
setImageMargins(img);
} else {
img.onload = function() {
setImageMargins(img);
}
}
}
}
function showContent() {
// Make the reader visible
var messageElement = document.getElementById('reader-message');
messageElement.style.display = "none";
var headerElement = document.getElementById('reader-header');
headerElement.style.display = "block"
var contentElement = document.getElementById('reader-content');
contentElement.style.display = "block";
}
function configureReader() {
// Configure the reader with the initial style that was injected in the page.
var style = JSON.parse(document.body.getAttribute("data-readerStyle"));
setStyle(style);
// The order here is important. Because updateImageMargins depends on contentElement.offsetWidth which
// will not be set until contentElement is visible. If this leads to annoying content reflowing then we
// need to look at an alternative way to do
showContent();
updateImageMargins();
}
Object.defineProperty(window.__firefox__, 'reader', {
enumerable: false,
configurable: false,
writable: false,
value: {
// If this is http or https content, and not an index page, then try to run Readability. If anything
// fails, the app will never be notified and we don't show the button. That is ok for now since there
// is no error feedback possible anyway.
DEBUG: false
}
});
Object.defineProperty(window.__firefox__.reader, 'checkReadability', {
enumerable: false,
configurable: false,
writable: false,
value: checkReadability
});
Object.defineProperty(window.__firefox__.reader, 'readerize', {
enumerable: false,
configurable: false,
writable: false,
value: readerize
});
Object.defineProperty(window.__firefox__.reader, 'setStyle', {
enumerable: false,
configurable: false,
writable: false,
value: setStyle
});
window.addEventListener('load', function(event) {
// If this is an about:reader page that we are loading, apply the initial style to the page.
if (document.location.href.match(readerModeURL)) {
configureReader();
}
});
window.addEventListener('pageshow', function(event) {
// If this is an about:reader page that we are showing, fire an event to the native code
if (document.location.href.match(readerModeURL)) {
webkit.messageHandlers.readerModeMessageHandler.postMessage({Type: "ReaderPageEvent", Value: "PageShow"});
}
});
})();