/* * Copyright (C) 2023-2024 Yomitan Authors * Copyright (C) 2020-2022 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 . */ import {API} from './comm/api.js'; import {CrossFrameAPI} from './comm/cross-frame-api.js'; import {createApiMap, invokeApiMapHandler} from './core/api-map.js'; import {EventDispatcher} from './core/event-dispatcher.js'; import {ExtensionError} from './core/extension-error.js'; import {log} from './core/log.js'; import {deferPromise} from './core/utilities.js'; import {WebExtension} from './extension/web-extension.js'; /** * @returns {boolean} */ function checkChromeNotAvailable() { let hasChrome = false; let hasBrowser = false; try { hasChrome = (typeof chrome === 'object' && chrome !== null && typeof chrome.runtime !== 'undefined'); } catch (e) { // NOP } try { hasBrowser = (typeof browser === 'object' && browser !== null && typeof browser.runtime !== 'undefined'); } catch (e) { // NOP } return (hasBrowser && !hasChrome); } // Set up chrome alias if it's not available (Edge Legacy) if (checkChromeNotAvailable()) { // @ts-expect-error - objects should have roughly the same interface // eslint-disable-next-line no-global-assign chrome = browser; } /** * @param {WebExtension} webExtension */ async function waitForBackendReady(webExtension) { const {promise, resolve} = /** @type {import('core').DeferredPromiseDetails} */ (deferPromise()); /** @type {import('application').ApiMap} */ const apiMap = createApiMap([['applicationBackendReady', () => { resolve(); }]]); /** @type {import('extension').ChromeRuntimeOnMessageCallback} */ const onMessage = ({action, params}, _sender, callback) => invokeApiMapHandler(apiMap, action, params, [], callback); chrome.runtime.onMessage.addListener(onMessage); try { await webExtension.sendMessagePromise({action: 'requestBackendReadySignal'}); await promise; } finally { chrome.runtime.onMessage.removeListener(onMessage); } } /** * @returns {Promise} */ function waitForDomContentLoaded() { return new Promise((resolve) => { if (document.readyState !== 'loading') { resolve(); return; } const onDomContentLoaded = () => { document.removeEventListener('DOMContentLoaded', onDomContentLoaded); resolve(); }; document.addEventListener('DOMContentLoaded', onDomContentLoaded); }); } /** * The Yomitan class is a core component through which various APIs are handled and invoked. * @augments EventDispatcher */ export class Application extends EventDispatcher { /** * Creates a new instance. The instance should not be used until it has been fully prepare()'d. * @param {API} api * @param {CrossFrameAPI} crossFrameApi */ constructor(api, crossFrameApi) { super(); /** @type {WebExtension} */ this._webExtension = new WebExtension(); /** @type {?boolean} */ this._isBackground = null; /** @type {API} */ this._api = api; /** @type {CrossFrameAPI} */ this._crossFrame = crossFrameApi; /** @type {boolean} */ this._isReady = false; /* eslint-disable @stylistic/no-multi-spaces */ /** @type {import('application').ApiMap} */ this._apiMap = createApiMap([ ['applicationIsReady', this._onMessageIsReady.bind(this)], ['applicationGetUrl', this._onMessageGetUrl.bind(this)], ['applicationOptionsUpdated', this._onMessageOptionsUpdated.bind(this)], ['applicationDatabaseUpdated', this._onMessageDatabaseUpdated.bind(this)], ['applicationZoomChanged', this._onMessageZoomChanged.bind(this)], ]); /* eslint-enable @stylistic/no-multi-spaces */ } /** @type {WebExtension} */ get webExtension() { return this._webExtension; } /** * Gets the API instance for communicating with the backend. * This value will be null on the background page/service worker. * @type {API} */ get api() { return this._api; } /** * Gets the CrossFrameAPI instance for communicating with different frames. * This value will be null on the background page/service worker. * @type {CrossFrameAPI} */ get crossFrame() { return this._crossFrame; } /** * @type {?number} */ get tabId() { return this._crossFrame.tabId; } /** * @type {?number} */ get frameId() { return this._crossFrame.frameId; } /** * Prepares the instance for use. */ prepare() { chrome.runtime.onMessage.addListener(this._onMessage.bind(this)); log.on('logGenericError', this._onLogGenericError.bind(this)); } /** * Sends a message to the backend indicating that the frame is ready and all script * setup has completed. */ ready() { if (this._isReady) { return; } this._isReady = true; void this._webExtension.sendMessagePromise({action: 'applicationReady'}); } /** */ triggerStorageChanged() { this.trigger('storageChanged', {}); } /** */ triggerClosePopups() { this.trigger('closePopups', {}); } /** * @param {boolean} waitForDom * @param {(application: Application) => (Promise)} mainFunction */ static async main(waitForDom, mainFunction) { const webExtension = new WebExtension(); log.configure(webExtension.extensionName); const api = new API(webExtension); await waitForBackendReady(webExtension); const {tabId, frameId} = await api.frameInformationGet(); const crossFrameApi = new CrossFrameAPI(api, tabId, frameId); crossFrameApi.prepare(); const application = new Application(api, crossFrameApi); application.prepare(); if (waitForDom) { await waitForDomContentLoaded(); } try { await mainFunction(application); } catch (error) { log.error(error); } finally { application.ready(); } } // Private /** * @returns {string} */ _getUrl() { return location.href; } /** @type {import('extension').ChromeRuntimeOnMessageCallback} */ _onMessage({action, params}, _sender, callback) { return invokeApiMapHandler(this._apiMap, action, params, [], callback); } /** @type {import('application').ApiHandler<'applicationIsReady'>} */ _onMessageIsReady() { return this._isReady; } /** @type {import('application').ApiHandler<'applicationGetUrl'>} */ _onMessageGetUrl() { return {url: this._getUrl()}; } /** @type {import('application').ApiHandler<'applicationOptionsUpdated'>} */ _onMessageOptionsUpdated({source}) { if (source !== 'background') { this.trigger('optionsUpdated', {source}); } } /** @type {import('application').ApiHandler<'applicationDatabaseUpdated'>} */ _onMessageDatabaseUpdated({type, cause}) { this.trigger('databaseUpdated', {type, cause}); } /** @type {import('application').ApiHandler<'applicationZoomChanged'>} */ _onMessageZoomChanged({oldZoomFactor, newZoomFactor}) { this.trigger('zoomChanged', {oldZoomFactor, newZoomFactor}); } /** * @param {import('log').Events['logGenericError']} params */ async _onLogGenericError({error, level, context}) { try { await this._api.logGenericErrorBackend(ExtensionError.serialize(error), level, context); } catch (e) { // NOP } } }