Group poup static functions together
This commit is contained in:
toasted-nutbread
parent
fab0d70358
commit
8164ccfbfc
@ -138,6 +138,140 @@ class Popup {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
hide(changeFocus) {
|
||||||
|
if (!this.isVisible()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.setVisible(false);
|
||||||
|
if (this.child !== null) {
|
||||||
|
this.child.hide(false);
|
||||||
|
}
|
||||||
|
if (changeFocus) {
|
||||||
|
this.focusParent();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async isVisibleAsync() {
|
||||||
|
return this.isVisible();
|
||||||
|
}
|
||||||
|
|
||||||
|
isVisible() {
|
||||||
|
return this.isInjected && (this.visibleOverride !== null ? this.visibleOverride : this.visible);
|
||||||
|
}
|
||||||
|
|
||||||
|
setVisible(visible) {
|
||||||
|
this.visible = visible;
|
||||||
|
this.updateVisibility();
|
||||||
|
}
|
||||||
|
|
||||||
|
setVisibleOverride(visible) {
|
||||||
|
this.visibleOverride = visible;
|
||||||
|
this.updateVisibility();
|
||||||
|
}
|
||||||
|
|
||||||
|
updateVisibility() {
|
||||||
|
this.container.style.setProperty('visibility', this.isVisible() ? 'visible' : 'hidden', 'important');
|
||||||
|
}
|
||||||
|
|
||||||
|
focusParent() {
|
||||||
|
if (this.parent !== null) {
|
||||||
|
// Chrome doesn't like focusing iframe without contentWindow.
|
||||||
|
const contentWindow = this.parent.container.contentWindow;
|
||||||
|
if (contentWindow !== null) {
|
||||||
|
contentWindow.focus();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// Firefox doesn't like focusing window without first blurring the iframe.
|
||||||
|
// this.container.contentWindow.blur() doesn't work on Firefox for some reason.
|
||||||
|
this.container.blur();
|
||||||
|
// This is needed for Chrome.
|
||||||
|
window.focus();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
updateTheme() {
|
||||||
|
this.container.dataset.yomichanTheme = this.options.general.popupOuterTheme;
|
||||||
|
this.container.dataset.yomichanSiteColor = this.getSiteColor();
|
||||||
|
}
|
||||||
|
|
||||||
|
getSiteColor() {
|
||||||
|
const color = [255, 255, 255];
|
||||||
|
Popup.addColor(color, Popup.getColorInfo(window.getComputedStyle(document.documentElement).backgroundColor));
|
||||||
|
Popup.addColor(color, Popup.getColorInfo(window.getComputedStyle(document.body).backgroundColor));
|
||||||
|
const dark = (color[0] < 128 && color[1] < 128 && color[2] < 128);
|
||||||
|
return dark ? 'dark' : 'light';
|
||||||
|
}
|
||||||
|
|
||||||
|
async containsPoint(x, y) {
|
||||||
|
for (let popup = this; popup !== null && popup.isVisible(); popup = popup.child) {
|
||||||
|
const rect = popup.container.getBoundingClientRect();
|
||||||
|
if (x >= rect.left && y >= rect.top && x < rect.right && y < rect.bottom) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
async setCustomCss(css) {
|
||||||
|
this.invokeApi('setCustomCss', {css});
|
||||||
|
}
|
||||||
|
|
||||||
|
async setCustomOuterCss(css, injectDirectly) {
|
||||||
|
// Cannot repeatedly inject stylesheets using web extension APIs since there is no way to remove them.
|
||||||
|
if (this.stylesheetInjectedViaApi) { return; }
|
||||||
|
|
||||||
|
if (injectDirectly || Popup.isOnExtensionPage()) {
|
||||||
|
Popup.injectOuterStylesheet(css);
|
||||||
|
} else {
|
||||||
|
if (!css) { return; }
|
||||||
|
try {
|
||||||
|
await apiInjectStylesheet(css);
|
||||||
|
this.stylesheetInjectedViaApi = true;
|
||||||
|
} catch (e) {
|
||||||
|
// NOP
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
clearAutoPlayTimer() {
|
||||||
|
if (this.isInjected) {
|
||||||
|
this.invokeApi('clearAutoPlayTimer');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
invokeApi(action, params={}) {
|
||||||
|
this.container.contentWindow.postMessage({action, params}, '*');
|
||||||
|
}
|
||||||
|
|
||||||
|
observeFullscreen() {
|
||||||
|
const fullscreenEvents = [
|
||||||
|
'fullscreenchange',
|
||||||
|
'MSFullscreenChange',
|
||||||
|
'mozfullscreenchange',
|
||||||
|
'webkitfullscreenchange'
|
||||||
|
];
|
||||||
|
for (const eventName of fullscreenEvents) {
|
||||||
|
document.addEventListener(eventName, () => this.onFullscreenChanged(), false);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
getFullscreenElement() {
|
||||||
|
return (
|
||||||
|
document.fullscreenElement ||
|
||||||
|
document.msFullscreenElement ||
|
||||||
|
document.mozFullScreenElement ||
|
||||||
|
document.webkitFullscreenElement
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
onFullscreenChanged() {
|
||||||
|
const parent = (this.getFullscreenElement() || document.body || null);
|
||||||
|
if (parent !== null && this.container.parentNode !== parent) {
|
||||||
|
parent.appendChild(this.container);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
static getPositionForHorizontalText(elementRect, width, height, maxWidth, maxHeight, optionsGeneral) {
|
static getPositionForHorizontalText(elementRect, width, height, maxWidth, maxHeight, optionsGeneral) {
|
||||||
let x = elementRect.left + optionsGeneral.popupHorizontalOffset;
|
let x = elementRect.left + optionsGeneral.popupHorizontalOffset;
|
||||||
const overflowX = Math.max(x + width - maxWidth, 0);
|
const overflowX = Math.max(x + width - maxWidth, 0);
|
||||||
@ -231,71 +365,6 @@ class Popup {
|
|||||||
return [position, size, after];
|
return [position, size, after];
|
||||||
}
|
}
|
||||||
|
|
||||||
hide(changeFocus) {
|
|
||||||
if (!this.isVisible()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.setVisible(false);
|
|
||||||
if (this.child !== null) {
|
|
||||||
this.child.hide(false);
|
|
||||||
}
|
|
||||||
if (changeFocus) {
|
|
||||||
this.focusParent();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async isVisibleAsync() {
|
|
||||||
return this.isVisible();
|
|
||||||
}
|
|
||||||
|
|
||||||
isVisible() {
|
|
||||||
return this.isInjected && (this.visibleOverride !== null ? this.visibleOverride : this.visible);
|
|
||||||
}
|
|
||||||
|
|
||||||
setVisible(visible) {
|
|
||||||
this.visible = visible;
|
|
||||||
this.updateVisibility();
|
|
||||||
}
|
|
||||||
|
|
||||||
setVisibleOverride(visible) {
|
|
||||||
this.visibleOverride = visible;
|
|
||||||
this.updateVisibility();
|
|
||||||
}
|
|
||||||
|
|
||||||
updateVisibility() {
|
|
||||||
this.container.style.setProperty('visibility', this.isVisible() ? 'visible' : 'hidden', 'important');
|
|
||||||
}
|
|
||||||
|
|
||||||
focusParent() {
|
|
||||||
if (this.parent !== null) {
|
|
||||||
// Chrome doesn't like focusing iframe without contentWindow.
|
|
||||||
const contentWindow = this.parent.container.contentWindow;
|
|
||||||
if (contentWindow !== null) {
|
|
||||||
contentWindow.focus();
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
// Firefox doesn't like focusing window without first blurring the iframe.
|
|
||||||
// this.container.contentWindow.blur() doesn't work on Firefox for some reason.
|
|
||||||
this.container.blur();
|
|
||||||
// This is needed for Chrome.
|
|
||||||
window.focus();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
updateTheme() {
|
|
||||||
this.container.dataset.yomichanTheme = this.options.general.popupOuterTheme;
|
|
||||||
this.container.dataset.yomichanSiteColor = this.getSiteColor();
|
|
||||||
}
|
|
||||||
|
|
||||||
getSiteColor() {
|
|
||||||
const color = [255, 255, 255];
|
|
||||||
Popup.addColor(color, Popup.getColorInfo(window.getComputedStyle(document.documentElement).backgroundColor));
|
|
||||||
Popup.addColor(color, Popup.getColorInfo(window.getComputedStyle(document.body).backgroundColor));
|
|
||||||
const dark = (color[0] < 128 && color[1] < 128 && color[2] < 128);
|
|
||||||
return dark ? 'dark' : 'light';
|
|
||||||
}
|
|
||||||
|
|
||||||
static addColor(target, color) {
|
static addColor(target, color) {
|
||||||
if (color === null) { return; }
|
if (color === null) { return; }
|
||||||
|
|
||||||
@ -321,75 +390,6 @@ class Popup {
|
|||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
async containsPoint(x, y) {
|
|
||||||
for (let popup = this; popup !== null && popup.isVisible(); popup = popup.child) {
|
|
||||||
const rect = popup.container.getBoundingClientRect();
|
|
||||||
if (x >= rect.left && y >= rect.top && x < rect.right && y < rect.bottom) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
async setCustomCss(css) {
|
|
||||||
this.invokeApi('setCustomCss', {css});
|
|
||||||
}
|
|
||||||
|
|
||||||
async setCustomOuterCss(css, injectDirectly) {
|
|
||||||
// Cannot repeatedly inject stylesheets using web extension APIs since there is no way to remove them.
|
|
||||||
if (this.stylesheetInjectedViaApi) { return; }
|
|
||||||
|
|
||||||
if (injectDirectly || Popup.isOnExtensionPage()) {
|
|
||||||
Popup.injectOuterStylesheet(css);
|
|
||||||
} else {
|
|
||||||
if (!css) { return; }
|
|
||||||
try {
|
|
||||||
await apiInjectStylesheet(css);
|
|
||||||
this.stylesheetInjectedViaApi = true;
|
|
||||||
} catch (e) {
|
|
||||||
// NOP
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
clearAutoPlayTimer() {
|
|
||||||
if (this.isInjected) {
|
|
||||||
this.invokeApi('clearAutoPlayTimer');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
invokeApi(action, params={}) {
|
|
||||||
this.container.contentWindow.postMessage({action, params}, '*');
|
|
||||||
}
|
|
||||||
|
|
||||||
observeFullscreen() {
|
|
||||||
const fullscreenEvents = [
|
|
||||||
'fullscreenchange',
|
|
||||||
'MSFullscreenChange',
|
|
||||||
'mozfullscreenchange',
|
|
||||||
'webkitfullscreenchange'
|
|
||||||
];
|
|
||||||
for (const eventName of fullscreenEvents) {
|
|
||||||
document.addEventListener(eventName, () => this.onFullscreenChanged(), false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
getFullscreenElement() {
|
|
||||||
return (
|
|
||||||
document.fullscreenElement ||
|
|
||||||
document.msFullscreenElement ||
|
|
||||||
document.mozFullScreenElement ||
|
|
||||||
document.webkitFullscreenElement
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
onFullscreenChanged() {
|
|
||||||
const parent = (this.getFullscreenElement() || document.body || null);
|
|
||||||
if (parent !== null && this.container.parentNode !== parent) {
|
|
||||||
parent.appendChild(this.container);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
static isOnExtensionPage() {
|
static isOnExtensionPage() {
|
||||||
try {
|
try {
|
||||||
const url = chrome.runtime.getURL('/');
|
const url = chrome.runtime.getURL('/');
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user