yomichan/ext/mixed/js/core.js
toasted-nutbread 2ff4f83072
Modal refactor (#842)
* Add Modal class

* Use Modal class
2020-09-19 17:14:51 -04:00

490 lines
14 KiB
JavaScript

/*
* Copyright (C) 2019-2020 Yomichan Authors
*
* 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
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
/*
* Error handling
*/
function errorToJson(error) {
try {
if (isObject(error)) {
return {
name: error.name,
message: error.message,
stack: error.stack,
data: error.data
};
}
} catch (e) {
// NOP
}
return {
value: error,
hasValue: true
};
}
function jsonToError(jsonError) {
if (jsonError.hasValue) {
return jsonError.value;
}
const error = new Error(jsonError.message);
error.name = jsonError.name;
error.stack = jsonError.stack;
error.data = jsonError.data;
return error;
}
/*
* Common helpers
*/
function isObject(value) {
return typeof value === 'object' && value !== null && !Array.isArray(value);
}
function hasOwn(object, property) {
return Object.prototype.hasOwnProperty.call(object, property);
}
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
function escapeRegExp(string) {
return string.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&');
}
// 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)) {
return Array.from(value);
}
}
throw new Error('Could not convert to iterable');
}
function stringReverse(string) {
return string.split('').reverse().join('').replace(/([\uDC00-\uDFFF])([\uD800-\uDBFF])/g, '$2$1');
}
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};
}
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;
}
function getSetDifference(set1, set2) {
return new Set(
[...set1].filter((value) => !set2.has(value))
);
}
const clone = (() => {
// eslint-disable-next-line no-shadow
function clone(value) {
if (value === null) { return null; }
switch (typeof value) {
case 'boolean':
case 'number':
case 'string':
case 'bigint':
case 'symbol':
case 'undefined':
return value;
default:
return cloneInternal(value, new Set());
}
}
function cloneInternal(value, visited) {
if (value === null) { return null; }
switch (typeof value) {
case 'boolean':
case 'number':
case 'string':
case 'bigint':
case 'symbol':
case 'undefined':
return value;
case 'function':
return cloneObject(value, visited);
case 'object':
return Array.isArray(value) ? cloneArray(value, visited) : cloneObject(value, visited);
}
}
function cloneArray(value, visited) {
if (visited.has(value)) { throw new Error('Circular'); }
try {
visited.add(value);
const result = [];
for (const item of value) {
result.push(cloneInternal(item, visited));
}
return result;
} finally {
visited.delete(value);
}
}
function cloneObject(value, visited) {
if (visited.has(value)) { throw new Error('Circular'); }
try {
visited.add(value);
const result = {};
for (const key in value) {
if (Object.prototype.hasOwnProperty.call(value, key)) {
result[key] = cloneInternal(value[key], visited);
}
}
return result;
} finally {
visited.delete(value);
}
}
return clone;
})();
function generateId(length) {
const array = new Uint8Array(length);
crypto.getRandomValues(array);
let id = '';
for (const value of array) {
id += value.toString(16).padStart(2, '0');
}
return id;
}
/*
* Async utilities
*/
function deferPromise() {
let resolve;
let reject;
const promise = new Promise((resolve2, reject2) => {
resolve = resolve2;
reject = reject2;
});
return {promise, resolve, reject};
}
function promiseTimeout(delay, resolveValue) {
if (delay <= 0) {
const promise = Promise.resolve(resolveValue);
promise.resolve = () => {}; // NOP
promise.reject = () => {}; // NOP
return promise;
}
let timer = null;
let {promise, resolve, reject} = deferPromise();
const complete = (callback, value) => {
if (callback === null) { return; }
if (timer !== null) {
clearTimeout(timer);
timer = null;
}
resolve = null;
reject = null;
callback(value);
};
const resolveWrapper = (value) => complete(resolve, value);
const rejectWrapper = (value) => complete(reject, value);
timer = setTimeout(() => {
timer = null;
resolveWrapper(resolveValue);
}, delay);
promise.resolve = resolveWrapper;
promise.reject = rejectWrapper;
return promise;
}
function promiseAnimationFrame(timeout=null) {
return new Promise((resolve) => {
let timer = null;
let frameRequest = null;
const onFrame = (time) => {
frameRequest = null;
if (timer !== null) {
clearTimeout(timer);
timer = null;
}
resolve({time, timeout: false});
};
const onTimeout = () => {
timer = null;
if (frameRequest !== null) {
cancelAnimationFrame(frameRequest);
frameRequest = null;
}
resolve({time: timeout, timeout: true});
};
frameRequest = requestAnimationFrame(onFrame);
if (typeof timeout === 'number') {
timer = setTimeout(onTimeout, timeout);
}
});
}
/*
* Common classes
*/
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;
}
hasListeners(eventName) {
const callbacks = this._eventMap.get(eventName);
return (typeof callbacks !== 'undefined' && callbacks.length > 0);
}
}
class EventListenerCollection {
constructor() {
this._eventListeners = [];
}
get size() {
return this._eventListeners.length;
}
addGeneric(type, object, ...args) {
switch (type) {
case 'addEventListener': return this.addEventListener(object, ...args);
case 'addListener': return this.addListener(object, ...args);
case 'on': return this.on(object, ...args);
}
}
addEventListener(object, ...args) {
object.addEventListener(...args);
this._eventListeners.push(['removeEventListener', object, ...args]);
}
addListener(object, ...args) {
object.addListener(...args);
this._eventListeners.push(['removeListener', object, ...args]);
}
on(object, ...args) {
object.on(...args);
this._eventListeners.push(['off', object, ...args]);
}
removeAllEventListeners() {
if (this._eventListeners.length === 0) { return; }
for (const [removeFunctionName, object, ...args] of this._eventListeners) {
switch (removeFunctionName) {
case 'removeEventListener':
object.removeEventListener(...args);
break;
case 'removeListener':
object.removeListener(...args);
break;
case 'off':
object.off(...args);
break;
default:
throw new Error(`Unknown remove function: ${removeFunctionName}`);
}
}
this._eventListeners = [];
}
}
/**
* Class representing a generic value with an override stack.
* Changes can be observed by listening to the 'change' event.
*/
class DynamicProperty extends EventDispatcher {
/**
* Creates a new instance with the specified value.
* @param value The value to assign.
*/
constructor(value) {
super();
this._value = value;
this._defaultValue = value;
this._overrides = [];
}
/**
* Gets the default value for the property, which is assigned to the
* public value property when no overrides are present.
*/
get defaultValue() {
return this._defaultValue;
}
/**
* Assigns the default value for the property. If no overrides are present
* and if the value is different than the current default value,
* the 'change' event will be triggered.
* @param value The value to assign.
*/
set defaultValue(value) {
this._defaultValue = value;
if (this._overrides.length === 0) { this._updateValue(); }
}
/**
* Gets the current value for the property, taking any overrides into account.
*/
get value() {
return this._value;
}
/**
* Gets the number of overrides added to the property.
*/
get overrideCount() {
return this._overrides.length;
}
/**
* Adds an override value with the specified priority to the override stack.
* Values with higher priority will take precedence over those with lower.
* For tie breaks, the override value added first will take precedence.
* If the newly added override has the highest priority of all overrides
* and if the override value is different from the current value,
* the 'change' event will be fired.
* @param value The override value to assign.
* @param priority The priority value to use, as a number.
* @returns A string token which can be passed to the clearOverride function
* to remove the override.
*/
setOverride(value, priority=0) {
const overridesCount = this._overrides.length;
let i = 0;
for (; i < overridesCount; ++i) {
if (priority > this._overrides[i].priority) { break; }
}
const token = generateId(16);
this._overrides.splice(i, 0, {value, priority, token});
if (i === 0) { this._updateValue(); }
return token;
}
/**
* Removes a specific override value. If the removed override
* had the highest priority, and the new value is different from
* the previous value, the 'change' event will be fired.
* @param token The token for the corresponding override which is to be removed.
* @returns true if an override was returned, false otherwise.
*/
clearOverride(token) {
for (let i = 0, ii = this._overrides.length; i < ii; ++i) {
if (this._overrides[i].token === token) {
this._overrides.splice(i, 1);
if (i === 0) { this._updateValue(); }
return true;
}
}
return false;
}
/**
* Updates the current value using the current overrides and default value.
* If the new value differs from the previous value, the 'change' event will be fired.
*/
_updateValue() {
const value = this._overrides.length > 0 ? this._overrides[0].value : this._defaultValue;
if (this._value === value) { return; }
this._value = value;
this.trigger('change', {value});
}
}