yomichan/ext/mixed/js/core.js

382 lines
10 KiB
JavaScript
Raw Normal View History

2019-08-22 23:44:31 +00:00
/*
2020-01-01 17:00:00 +00:00
* Copyright (C) 2019-2020 Alex Yatskov <alex@foosoft.net>
2019-08-22 23:44:31 +00:00
* Author: Alex Yatskov <alex@foosoft.net>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
2020-01-01 17:00:31 +00:00
* along with this program. If not, see <https://www.gnu.org/licenses/>.
2019-08-22 23:44:31 +00:00
*/
2019-11-26 22:38:05 +00:00
/*
* Extension information
*/
2019-08-22 23:44:31 +00:00
2019-11-26 22:38:05 +00:00
function _extensionHasChrome() {
2019-08-22 23:44:31 +00:00
try {
return typeof chrome === 'object' && chrome !== null;
} catch (e) {
return false;
}
}
2019-11-26 22:38:05 +00:00
function _extensionHasBrowser() {
2019-08-22 23:44:31 +00:00
try {
return typeof browser === 'object' && browser !== null;
} catch (e) {
return false;
}
}
2019-11-26 22:38:05 +00:00
const EXTENSION_IS_BROWSER_EDGE = (
_extensionHasBrowser() &&
(!_extensionHasChrome() || (typeof chrome.runtime === 'undefined' && typeof browser.runtime !== 'undefined'))
);
if (EXTENSION_IS_BROWSER_EDGE) {
// Edge does not have chrome defined.
chrome = browser;
}
/*
* Error handling
*/
2019-10-08 01:04:58 +00:00
function errorToJson(error) {
return {
name: error.name,
message: error.message,
2020-01-22 00:08:56 +00:00
stack: error.stack,
data: error.data
2019-10-08 01:04:58 +00:00
};
}
function jsonToError(jsonError) {
const error = new Error(jsonError.message);
error.name = jsonError.name;
error.stack = jsonError.stack;
2020-01-22 00:08:56 +00:00
error.data = jsonError.data;
2019-10-08 01:04:58 +00:00
return error;
}
function logError(error, alert) {
const manifest = chrome.runtime.getManifest();
let errorMessage = `${manifest.name} v${manifest.version} has encountered an error.\n`;
errorMessage += `Originating URL: ${window.location.href}\n`;
const errorString = `${error.toString ? error.toString() : error}`;
const stack = `${error.stack}`.trimRight();
2020-01-22 00:08:56 +00:00
if (!stack.startsWith(errorString)) { errorMessage += `${errorString}\n`; }
errorMessage += stack;
const data = error.data;
if (typeof data !== 'undefined') { errorMessage += `\nData: ${JSON.stringify(data, null, 4)}`; }
errorMessage += '\n\nIssues can be reported at https://github.com/FooSoft/yomichan/issues';
console.error(errorMessage);
if (alert) {
window.alert(`${errorString}\n\nCheck the developer console for more details.`);
}
}
2019-08-22 23:44:31 +00:00
2019-11-26 22:38:05 +00:00
/*
* Common helpers
*/
function isObject(value) {
return typeof value === 'object' && value !== null && !Array.isArray(value);
2019-08-22 23:44:31 +00:00
}
2019-10-24 23:35:41 +00:00
function hasOwn(object, property) {
return Object.prototype.hasOwnProperty.call(object, property);
}
2019-11-26 22:38:05 +00:00
// toIterable is required on Edge for cross-window origin objects.
function toIterable(value) {
if (typeof Symbol !== 'undefined' && typeof value[Symbol.iterator] !== 'undefined') {
return value;
}
if (value !== null && typeof value === 'object') {
const length = value.length;
if (typeof length === 'number' && Number.isFinite(length)) {
2020-02-14 01:28:59 +00:00
return Array.from(value);
2019-11-26 22:38:05 +00:00
}
}
throw new Error('Could not convert to iterable');
}
2019-11-24 02:48:24 +00:00
function stringReverse(string) {
return string.split('').reverse().join('').replace(/([\uDC00-\uDFFF])([\uD800-\uDBFF])/g, '$2$1');
}
2020-02-09 22:09:29 +00:00
function parseUrl(url) {
const parsedUrl = new URL(url);
const baseUrl = `${parsedUrl.origin}${parsedUrl.pathname}`;
const queryParams = Array.from(parsedUrl.searchParams.entries())
.reduce((a, [k, v]) => Object.assign({}, a, {[k]: v}), {});
return {baseUrl, queryParams};
}
2020-03-28 17:20:42 +00:00
function areSetsEqual(set1, set2) {
if (set1.size !== set2.size) {
return false;
}
for (const value of set1) {
if (!set2.has(value)) {
return false;
}
}
return true;
}
function getSetIntersection(set1, set2) {
const result = [];
for (const value of set1) {
if (set2.has(value)) {
result.push(value);
}
}
return result;
}
2019-11-26 22:38:05 +00:00
/*
* Async utilities
*/
2019-10-24 23:35:41 +00:00
function promiseTimeout(delay, resolveValue) {
if (delay <= 0) {
return Promise.resolve(resolveValue);
}
let timer = null;
let promiseResolve = null;
let promiseReject = null;
const complete = (callback, value) => {
if (callback === null) { return; }
if (timer !== null) {
window.clearTimeout(timer);
timer = null;
}
promiseResolve = null;
promiseReject = null;
callback(value);
};
const resolve = (value) => complete(promiseResolve, value);
const reject = (value) => complete(promiseReject, value);
2020-02-17 20:21:30 +00:00
const promise = new Promise((resolve2, reject2) => {
promiseResolve = resolve2;
promiseReject = reject2;
2019-10-24 23:35:41 +00:00
});
timer = window.setTimeout(() => {
timer = null;
resolve(resolveValue);
}, delay);
promise.resolve = resolve;
promise.reject = reject;
return promise;
}
2019-11-09 03:08:11 +00:00
/*
* Common events
*/
class EventDispatcher {
constructor() {
this._eventMap = new Map();
}
trigger(eventName, details) {
const callbacks = this._eventMap.get(eventName);
if (typeof callbacks === 'undefined') { return false; }
for (const callback of callbacks) {
callback(details);
}
}
on(eventName, callback) {
let callbacks = this._eventMap.get(eventName);
if (typeof callbacks === 'undefined') {
callbacks = [];
this._eventMap.set(eventName, callbacks);
}
callbacks.push(callback);
}
off(eventName, callback) {
const callbacks = this._eventMap.get(eventName);
if (typeof callbacks === 'undefined') { return true; }
const ii = callbacks.length;
for (let i = 0; i < ii; ++i) {
if (callbacks[i] === callback) {
callbacks.splice(i, 1);
if (callbacks.length === 0) {
this._eventMap.delete(eventName);
}
return true;
}
}
return false;
}
}
2019-12-09 03:29:23 +00:00
2020-02-16 21:33:48 +00:00
class EventListenerCollection {
constructor() {
this._eventListeners = [];
}
get size() {
return this._eventListeners.length;
}
addEventListener(node, type, listener, options) {
node.addEventListener(type, listener, options);
this._eventListeners.push([node, type, listener, options]);
}
removeAllEventListeners() {
if (this._eventListeners.length === 0) { return; }
for (const [node, type, listener, options] of this._eventListeners) {
node.removeEventListener(type, listener, options);
}
this._eventListeners = [];
}
}
2019-12-09 03:29:23 +00:00
/*
* Default message handlers
*/
2019-12-20 18:15:26 +00:00
const yomichan = (() => {
class Yomichan extends EventDispatcher {
2019-12-20 18:15:26 +00:00
constructor() {
super();
this._isBackendPreparedPromise = this.getTemporaryListenerResult(
chrome.runtime.onMessage,
({action}, {resolve}) => {
if (action === 'backendPrepared') {
resolve();
}
}
);
2020-03-02 02:51:45 +00:00
2019-12-20 18:15:26 +00:00
this._messageHandlers = new Map([
['getUrl', this._onMessageGetUrl.bind(this)],
['optionsUpdated', this._onMessageOptionsUpdated.bind(this)],
['zoomChanged', this._onMessageZoomChanged.bind(this)]
2019-12-20 18:15:26 +00:00
]);
chrome.runtime.onMessage.addListener(this._onMessage.bind(this));
}
2019-12-20 18:44:33 +00:00
// Public
2020-03-02 02:51:45 +00:00
prepare() {
chrome.runtime.sendMessage({action: 'yomichanCoreReady'});
2020-03-02 02:51:45 +00:00
return this._isBackendPreparedPromise;
}
2020-02-16 16:59:17 +00:00
generateId(length) {
const array = new Uint8Array(length);
window.crypto.getRandomValues(array);
let id = '';
for (const value of array) {
id += value.toString(16).padStart(2, '0');
}
return id;
}
2019-12-20 18:44:33 +00:00
triggerOrphaned(error) {
this.trigger('orphaned', {error});
}
getTemporaryListenerResult(eventHandler, userCallback, timeout=null) {
2020-04-04 13:59:17 +00:00
if (
typeof eventHandler.addListener === 'undefined' ||
typeof eventHandler.removeListener === 'undefined'
) {
throw new Error('Event handler type not supported');
}
2020-04-04 14:02:54 +00:00
return new Promise((resolve, reject) => {
const runtimeMessageCallback = ({action, params}, sender, sendResponse) => {
let timeoutId = null;
if (timeout !== null) {
timeoutId = window.setTimeout(() => {
timeoutId = null;
eventHandler.removeListener(runtimeMessageCallback);
reject(new Error(`Listener timed out in ${timeout} ms`));
}, timeout);
2020-04-04 13:59:17 +00:00
}
2020-03-22 02:55:16 +00:00
2020-04-04 14:02:54 +00:00
const cleanupResolve = (value) => {
if (timeoutId !== null) {
window.clearTimeout(timeoutId);
timeoutId = null;
}
eventHandler.removeListener(runtimeMessageCallback);
sendResponse();
resolve(value);
};
2020-04-04 13:59:17 +00:00
2020-04-04 14:02:54 +00:00
userCallback({action, params}, {resolve: cleanupResolve, sender});
};
2020-03-22 02:55:16 +00:00
2020-04-04 14:02:54 +00:00
eventHandler.addListener(runtimeMessageCallback);
});
2020-03-22 02:55:16 +00:00
}
2019-12-20 18:44:33 +00:00
// Private
2019-12-20 18:15:26 +00:00
_onMessage({action, params}, sender, callback) {
const handler = this._messageHandlers.get(action);
if (typeof handler !== 'function') { return false; }
const result = handler(params, sender);
callback(result);
return false;
}
_onMessageGetUrl() {
return {url: window.location.href};
2019-12-09 03:29:23 +00:00
}
_onMessageOptionsUpdated({source}) {
this.trigger('optionsUpdated', {source});
}
_onMessageZoomChanged({oldZoomFactor, newZoomFactor}) {
this.trigger('zoomChanged', {oldZoomFactor, newZoomFactor});
}
2019-12-09 03:29:23 +00:00
}
2019-12-20 18:15:26 +00:00
return new Yomichan();
2019-12-09 03:29:23 +00:00
})();