diff options
Diffstat (limited to 'ext/bg/js/template-renderer-proxy.js')
-rw-r--r-- | ext/bg/js/template-renderer-proxy.js | 157 |
1 files changed, 0 insertions, 157 deletions
diff --git a/ext/bg/js/template-renderer-proxy.js b/ext/bg/js/template-renderer-proxy.js deleted file mode 100644 index 6a49832b..00000000 --- a/ext/bg/js/template-renderer-proxy.js +++ /dev/null @@ -1,157 +0,0 @@ -/* - * Copyright (C) 2020-2021 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/>. - */ - -class TemplateRendererProxy { - constructor() { - this._frame = null; - this._frameNeedsLoad = true; - this._frameLoading = false; - this._frameLoadPromise = null; - this._frameUrl = chrome.runtime.getURL('/template-renderer.html'); - this._invocations = new Set(); - } - - async render(template, data, type) { - await this._prepareFrame(); - return await this._invoke('render', {template, data, type}); - } - - // Private - - async _prepareFrame() { - if (this._frame === null) { - this._frame = document.createElement('iframe'); - this._frame.addEventListener('load', this._onFrameLoad.bind(this), false); - const style = this._frame.style; - style.opacity = '0'; - style.width = '0'; - style.height = '0'; - style.position = 'absolute'; - style.border = '0'; - style.margin = '0'; - style.padding = '0'; - style.pointerEvents = 'none'; - } - if (this._frameNeedsLoad) { - this._frameNeedsLoad = false; - this._frameLoading = true; - this._frameLoadPromise = this._loadFrame(this._frame, this._frameUrl) - .finally(() => { this._frameLoading = false; }); - } - await this._frameLoadPromise; - } - - _loadFrame(frame, url, timeout=5000) { - return new Promise((resolve, reject) => { - let ready = false; - const cleanup = () => { - frame.removeEventListener('load', onLoad, false); - if (timer !== null) { - clearTimeout(timer); - timer = null; - } - }; - const onLoad = () => { - if (!ready) { return; } - cleanup(); - resolve(); - }; - - let timer = setTimeout(() => { - cleanup(); - reject(new Error('Timeout')); - }, timeout); - - frame.removeAttribute('src'); - frame.removeAttribute('srcdoc'); - frame.addEventListener('load', onLoad, false); - try { - document.body.appendChild(frame); - ready = true; - frame.contentDocument.location.href = url; - } catch (e) { - cleanup(); - reject(e); - } - }); - } - - _invoke(action, params, timeout=null) { - return new Promise((resolve, reject) => { - const frameWindow = (this._frame !== null ? this._frame.contentWindow : null); - if (frameWindow === null) { - reject(new Error('Frame not set up')); - return; - } - - const id = generateId(16); - const invocation = { - cancel: () => { - cleanup(); - reject(new Error('Terminated')); - } - }; - - const cleanup = () => { - this._invocations.delete(invocation); - window.removeEventListener('message', onMessage, false); - if (timer !== null) { - clearTimeout(timer); - timer = null; - } - }; - const onMessage = (e) => { - if ( - e.source !== frameWindow || - e.data.id !== id || - e.data.action !== `${action}.response` - ) { - return; - } - - const response = e.data.params; - cleanup(); - const {error} = response; - if (error) { - reject(deserializeError(error)); - } else { - resolve(response.result); - } - }; - - let timer = (typeof timeout === 'number' ? setTimeout(() => { - cleanup(); - reject(new Error('Timeout')); - }, timeout) : null); - - this._invocations.add(invocation); - - window.addEventListener('message', onMessage, false); - frameWindow.postMessage({action, params, id}, '*'); - }); - } - - _onFrameLoad() { - if (this._frameLoading) { return; } - this._frameNeedsLoad = true; - - for (const invocation of this._invocations) { - invocation.cancel(); - } - this._invocations.clear(); - } -} |