aboutsummaryrefslogtreecommitdiff
path: root/ext/bg/js/template-renderer-proxy.js
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2021-02-14 11:19:54 -0500
committerGitHub <noreply@github.com>2021-02-14 11:19:54 -0500
commite419a418f6f03ef0a24330b67e7b76c5e3a7c22d (patch)
treea4c27bdfabc9280d9f6262d93d5152a58de8bc15 /ext/bg/js/template-renderer-proxy.js
parent43d1457ebfe23196348649c245dfb942a0f00a1a (diff)
Move bg/js (#1387)
* Move bg/js/anki.js to js/comm/anki.js * Move bg/js/mecab.js to js/comm/mecab.js * Move bg/js/search-main.js to js/display/search-main.js * Move bg/js/template-patcher.js to js/templates/template-patcher.js * Move bg/js/template-renderer-frame-api.js to js/templates/template-renderer-frame-api.js * Move bg/js/template-renderer-frame-main.js to js/templates/template-renderer-frame-main.js * Move bg/js/template-renderer-proxy.js to js/templates/template-renderer-proxy.js * Move bg/js/template-renderer.js to js/templates/template-renderer.js * Move bg/js/media-utility.js to js/media/media-utility.js * Move bg/js/native-simple-dom-parser.js to js/dom/native-simple-dom-parser.js * Move bg/js/simple-dom-parser.js to js/dom/simple-dom-parser.js * Move bg/js/audio-downloader.js to js/media/audio-downloader.js * Move bg/js/deinflector.js to js/language/deinflector.js * Move bg/js/backend.js to js/background/backend.js * Move bg/js/translator.js to js/language/translator.js * Move bg/js/search-display-controller.js to js/display/search-display-controller.js * Move bg/js/request-builder.js to js/background/request-builder.js * Move bg/js/text-source-map.js to js/general/text-source-map.js * Move bg/js/clipboard-reader.js to js/comm/clipboard-reader.js * Move bg/js/clipboard-monitor.js to js/comm/clipboard-monitor.js * Move bg/js/query-parser.js to js/display/query-parser.js * Move bg/js/profile-conditions.js to js/background/profile-conditions.js * Move bg/js/dictionary-database.js to js/language/dictionary-database.js * Move bg/js/dictionary-importer.js to js/language/dictionary-importer.js * Move bg/js/anki-note-builder.js to js/data/anki-note-builder.js * Move bg/js/anki-note-data.js to js/data/anki-note-data.js * Move bg/js/database.js to js/data/database.js * Move bg/js/json-schema.js to js/data/json-schema.js * Move bg/js/options.js to js/data/options-util.js * Move bg/js/background-main.js to js/background/background-main.js * Move bg/js/permissions-util.js to js/data/permissions-util.js * Move bg/js/context-main.js to js/pages/action-popup-main.js * Move bg/js/generic-page-main.js to js/pages/generic-page-main.js * Move bg/js/info-main.js to js/pages/info-main.js * Move bg/js/permissions-main.js to js/pages/permissions-main.js * Move bg/js/welcome-main.js to js/pages/welcome-main.js
Diffstat (limited to 'ext/bg/js/template-renderer-proxy.js')
-rw-r--r--ext/bg/js/template-renderer-proxy.js157
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();
- }
-}