d0b8b605db
* Update _addAnkiNote to track errors * Change comparison * Update anki note adding to show errors * Fix template * Show errors when Anki card creation behaves unexpectedly * Update some errors related to anki media injection * Update addAnkiNote error handling * Improve Anki errors * Simplify error messages related to template rendering
1934 lines
69 KiB
JavaScript
1934 lines
69 KiB
JavaScript
/*
|
|
* Copyright (C) 2016-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/>.
|
|
*/
|
|
|
|
/* global
|
|
* AnkiConnect
|
|
* AudioDownloader
|
|
* ClipboardMonitor
|
|
* ClipboardReader
|
|
* DictionaryDatabase
|
|
* Environment
|
|
* JapaneseUtil
|
|
* JsonSchemaValidator
|
|
* Mecab
|
|
* MediaUtility
|
|
* ObjectPropertyAccessor
|
|
* OptionsUtil
|
|
* ProfileConditions
|
|
* RequestBuilder
|
|
* Translator
|
|
* wanakana
|
|
*/
|
|
|
|
class Backend {
|
|
constructor() {
|
|
this._japaneseUtil = new JapaneseUtil(wanakana);
|
|
this._environment = new Environment();
|
|
this._dictionaryDatabase = new DictionaryDatabase();
|
|
this._translator = new Translator({
|
|
japaneseUtil: this._japaneseUtil,
|
|
database: this._dictionaryDatabase
|
|
});
|
|
this._anki = new AnkiConnect();
|
|
this._mecab = new Mecab();
|
|
this._mediaUtility = new MediaUtility();
|
|
this._clipboardReader = new ClipboardReader({
|
|
// eslint-disable-next-line no-undef
|
|
document: (typeof document === 'object' && document !== null ? document : null),
|
|
pasteTargetSelector: '#clipboard-paste-target',
|
|
imagePasteTargetSelector: '#clipboard-image-paste-target',
|
|
mediaUtility: this._mediaUtility
|
|
});
|
|
this._clipboardMonitor = new ClipboardMonitor({
|
|
japaneseUtil: this._japaneseUtil,
|
|
clipboardReader: this._clipboardReader
|
|
});
|
|
this._options = null;
|
|
this._profileConditionsSchemaValidator = new JsonSchemaValidator();
|
|
this._profileConditionsSchemaCache = [];
|
|
this._profileConditionsUtil = new ProfileConditions();
|
|
this._defaultAnkiFieldTemplates = null;
|
|
this._requestBuilder = new RequestBuilder();
|
|
this._audioDownloader = new AudioDownloader({
|
|
japaneseUtil: this._japaneseUtil,
|
|
requestBuilder: this._requestBuilder
|
|
});
|
|
this._optionsUtil = new OptionsUtil();
|
|
|
|
this._searchPopupTabId = null;
|
|
this._searchPopupTabCreatePromise = null;
|
|
|
|
this._isPrepared = false;
|
|
this._prepareError = false;
|
|
this._preparePromise = null;
|
|
const {promise, resolve, reject} = deferPromise();
|
|
this._prepareCompletePromise = promise;
|
|
this._prepareCompleteResolve = resolve;
|
|
this._prepareCompleteReject = reject;
|
|
|
|
this._defaultBrowserActionTitle = null;
|
|
this._badgePrepareDelayTimer = null;
|
|
this._logErrorLevel = null;
|
|
|
|
this._messageHandlers = new Map([
|
|
['requestBackendReadySignal', {async: false, contentScript: true, handler: this._onApiRequestBackendReadySignal.bind(this)}],
|
|
['optionsGet', {async: false, contentScript: true, handler: this._onApiOptionsGet.bind(this)}],
|
|
['optionsGetFull', {async: false, contentScript: true, handler: this._onApiOptionsGetFull.bind(this)}],
|
|
['kanjiFind', {async: true, contentScript: true, handler: this._onApiKanjiFind.bind(this)}],
|
|
['termsFind', {async: true, contentScript: true, handler: this._onApiTermsFind.bind(this)}],
|
|
['textParse', {async: true, contentScript: true, handler: this._onApiTextParse.bind(this)}],
|
|
['getAnkiConnectVersion', {async: true, contentScript: true, handler: this._onApGetAnkiConnectVersion.bind(this)}],
|
|
['isAnkiConnected', {async: true, contentScript: true, handler: this._onApiIsAnkiConnected.bind(this)}],
|
|
['addAnkiNote', {async: true, contentScript: true, handler: this._onApiAddAnkiNote.bind(this)}],
|
|
['getAnkiNoteInfo', {async: true, contentScript: true, handler: this._onApiGetAnkiNoteInfo.bind(this)}],
|
|
['injectAnkiNoteMedia', {async: true, contentScript: true, handler: this._onApiInjectAnkiNoteMedia.bind(this)}],
|
|
['noteView', {async: true, contentScript: true, handler: this._onApiNoteView.bind(this)}],
|
|
['suspendAnkiCardsForNote', {async: true, contentScript: true, handler: this._onApiSuspendAnkiCardsForNote.bind(this)}],
|
|
['commandExec', {async: false, contentScript: true, handler: this._onApiCommandExec.bind(this)}],
|
|
['getExpressionAudioInfoList', {async: true, contentScript: true, handler: this._onApiGetExpressionAudioInfoList.bind(this)}],
|
|
['downloadDefinitionAudio', {async: true, contentScript: true, handler: this._onApiDownloadDefinitionAudio.bind(this)}],
|
|
['screenshotGet', {async: true, contentScript: true, handler: this._onApiScreenshotGet.bind(this)}],
|
|
['sendMessageToFrame', {async: false, contentScript: true, handler: this._onApiSendMessageToFrame.bind(this)}],
|
|
['broadcastTab', {async: false, contentScript: true, handler: this._onApiBroadcastTab.bind(this)}],
|
|
['frameInformationGet', {async: true, contentScript: true, handler: this._onApiFrameInformationGet.bind(this)}],
|
|
['injectStylesheet', {async: true, contentScript: true, handler: this._onApiInjectStylesheet.bind(this)}],
|
|
['getStylesheetContent', {async: true, contentScript: true, handler: this._onApiGetStylesheetContent.bind(this)}],
|
|
['getEnvironmentInfo', {async: false, contentScript: true, handler: this._onApiGetEnvironmentInfo.bind(this)}],
|
|
['clipboardGet', {async: true, contentScript: true, handler: this._onApiClipboardGet.bind(this)}],
|
|
['clipboardGetImage', {async: true, contentScript: true, handler: this._onApiClipboardImageGet.bind(this)}],
|
|
['getDisplayTemplatesHtml', {async: true, contentScript: true, handler: this._onApiGetDisplayTemplatesHtml.bind(this)}],
|
|
['getZoom', {async: true, contentScript: true, handler: this._onApiGetZoom.bind(this)}],
|
|
['getDefaultAnkiFieldTemplates', {async: false, contentScript: true, handler: this._onApiGetDefaultAnkiFieldTemplates.bind(this)}],
|
|
['getDictionaryInfo', {async: true, contentScript: false, handler: this._onApiGetDictionaryInfo.bind(this)}],
|
|
['getDictionaryCounts', {async: true, contentScript: false, handler: this._onApiGetDictionaryCounts.bind(this)}],
|
|
['purgeDatabase', {async: true, contentScript: false, handler: this._onApiPurgeDatabase.bind(this)}],
|
|
['getMedia', {async: true, contentScript: true, handler: this._onApiGetMedia.bind(this)}],
|
|
['log', {async: false, contentScript: true, handler: this._onApiLog.bind(this)}],
|
|
['logIndicatorClear', {async: false, contentScript: true, handler: this._onApiLogIndicatorClear.bind(this)}],
|
|
['createActionPort', {async: false, contentScript: true, handler: this._onApiCreateActionPort.bind(this)}],
|
|
['modifySettings', {async: true, contentScript: true, handler: this._onApiModifySettings.bind(this)}],
|
|
['getSettings', {async: false, contentScript: true, handler: this._onApiGetSettings.bind(this)}],
|
|
['setAllSettings', {async: true, contentScript: false, handler: this._onApiSetAllSettings.bind(this)}],
|
|
['getOrCreateSearchPopup', {async: true, contentScript: true, handler: this._onApiGetOrCreateSearchPopup.bind(this)}],
|
|
['isTabSearchPopup', {async: true, contentScript: true, handler: this._onApiIsTabSearchPopup.bind(this)}],
|
|
['triggerDatabaseUpdated', {async: false, contentScript: true, handler: this._onApiTriggerDatabaseUpdated.bind(this)}]
|
|
]);
|
|
this._messageHandlersWithProgress = new Map([
|
|
]);
|
|
|
|
this._commandHandlers = new Map([
|
|
['toggleTextScanning', this._onCommandToggleTextScanning.bind(this)],
|
|
['openInfoPage', this._onCommandOpenInfoPage.bind(this)],
|
|
['openSettingsPage', this._onCommandOpenSettingsPage.bind(this)],
|
|
['openSearchPage', this._onCommandOpenSearchPage.bind(this)],
|
|
['openPopupWindow', this._onCommandOpenPopupWindow.bind(this)]
|
|
]);
|
|
}
|
|
|
|
prepare() {
|
|
if (this._preparePromise === null) {
|
|
const promise = this._prepareInternal();
|
|
promise.then(
|
|
(value) => {
|
|
this._isPrepared = true;
|
|
this._prepareCompleteResolve(value);
|
|
},
|
|
(error) => {
|
|
this._prepareError = true;
|
|
this._prepareCompleteReject(error);
|
|
}
|
|
);
|
|
promise.finally(() => this._updateBadge());
|
|
this._preparePromise = promise;
|
|
}
|
|
return this._prepareCompletePromise;
|
|
}
|
|
|
|
// Private
|
|
|
|
_prepareInternalSync() {
|
|
if (isObject(chrome.commands) && isObject(chrome.commands.onCommand)) {
|
|
const onCommand = this._onWebExtensionEventWrapper(this._onCommand.bind(this));
|
|
chrome.commands.onCommand.addListener(onCommand);
|
|
}
|
|
|
|
if (isObject(chrome.tabs) && isObject(chrome.tabs.onZoomChange)) {
|
|
const onZoomChange = this._onWebExtensionEventWrapper(this._onZoomChange.bind(this));
|
|
chrome.tabs.onZoomChange.addListener(onZoomChange);
|
|
}
|
|
|
|
const onConnect = this._onWebExtensionEventWrapper(this._onConnect.bind(this));
|
|
chrome.runtime.onConnect.addListener(onConnect);
|
|
|
|
const onMessage = this._onMessageWrapper.bind(this);
|
|
chrome.runtime.onMessage.addListener(onMessage);
|
|
}
|
|
|
|
async _prepareInternal() {
|
|
try {
|
|
this._prepareInternalSync();
|
|
|
|
this._defaultBrowserActionTitle = await this._getBrowserIconTitle();
|
|
this._badgePrepareDelayTimer = setTimeout(() => {
|
|
this._badgePrepareDelayTimer = null;
|
|
this._updateBadge();
|
|
}, 1000);
|
|
this._updateBadge();
|
|
|
|
yomichan.on('log', this._onLog.bind(this));
|
|
|
|
await this._requestBuilder.prepare();
|
|
await this._environment.prepare();
|
|
this._clipboardReader.browser = this._environment.getInfo().browser;
|
|
|
|
try {
|
|
await this._dictionaryDatabase.prepare();
|
|
} catch (e) {
|
|
yomichan.logError(e);
|
|
}
|
|
|
|
const deinflectionReasions = await this._fetchAsset('/bg/lang/deinflect.json', true);
|
|
this._translator.prepare(deinflectionReasions);
|
|
|
|
await this._optionsUtil.prepare();
|
|
this._defaultAnkiFieldTemplates = (await this._fetchAsset('/bg/data/default-anki-field-templates.handlebars')).trim();
|
|
this._options = await this._optionsUtil.load();
|
|
|
|
this._applyOptions('background');
|
|
|
|
const options = this._getProfileOptions({current: true});
|
|
if (options.general.showGuide) {
|
|
this._openWelcomeGuidePage();
|
|
}
|
|
|
|
this._clipboardMonitor.on('change', this._onClipboardTextChange.bind(this));
|
|
|
|
this._sendMessageAllTabsIgnoreResponse('backendReady', {});
|
|
this._sendMessageIgnoreResponse({action: 'backendReady', params: {}});
|
|
} catch (e) {
|
|
yomichan.logError(e);
|
|
throw e;
|
|
} finally {
|
|
if (this._badgePrepareDelayTimer !== null) {
|
|
clearTimeout(this._badgePrepareDelayTimer);
|
|
this._badgePrepareDelayTimer = null;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Event handlers
|
|
|
|
async _onClipboardTextChange({text}) {
|
|
const {clipboard: {maximumSearchLength}} = this._getProfileOptions({current: true});
|
|
if (text.length > maximumSearchLength) {
|
|
text = text.substring(0, maximumSearchLength);
|
|
}
|
|
try {
|
|
const {tab, created} = await this._getOrCreateSearchPopup();
|
|
await this._focusTab(tab);
|
|
await this._updateSearchQuery(tab.id, text, !created);
|
|
} catch (e) {
|
|
// NOP
|
|
}
|
|
}
|
|
|
|
_onLog({level}) {
|
|
const levelValue = this._getErrorLevelValue(level);
|
|
if (levelValue <= this._getErrorLevelValue(this._logErrorLevel)) { return; }
|
|
|
|
this._logErrorLevel = level;
|
|
this._updateBadge();
|
|
}
|
|
|
|
// WebExtension event handlers (with prepared checks)
|
|
|
|
_onWebExtensionEventWrapper(handler) {
|
|
return (...args) => {
|
|
if (this._isPrepared) {
|
|
handler(...args);
|
|
return;
|
|
}
|
|
|
|
this._prepareCompletePromise.then(
|
|
() => { handler(...args); },
|
|
() => {} // NOP
|
|
);
|
|
};
|
|
}
|
|
|
|
_onMessageWrapper(message, sender, sendResponse) {
|
|
if (this._isPrepared) {
|
|
return this._onMessage(message, sender, sendResponse);
|
|
}
|
|
|
|
this._prepareCompletePromise.then(
|
|
() => { this._onMessage(message, sender, sendResponse); },
|
|
() => { sendResponse(); }
|
|
);
|
|
return true;
|
|
}
|
|
|
|
// WebExtension event handlers
|
|
|
|
_onCommand(command) {
|
|
this._runCommand(command);
|
|
}
|
|
|
|
_onMessage({action, params}, sender, callback) {
|
|
const messageHandler = this._messageHandlers.get(action);
|
|
if (typeof messageHandler === 'undefined') { return false; }
|
|
|
|
if (!messageHandler.contentScript) {
|
|
try {
|
|
this._validatePrivilegedMessageSender(sender);
|
|
} catch (error) {
|
|
callback({error: serializeError(error)});
|
|
return false;
|
|
}
|
|
}
|
|
|
|
return yomichan.invokeMessageHandler(messageHandler, params, callback, sender);
|
|
}
|
|
|
|
_onConnect(port) {
|
|
try {
|
|
let details;
|
|
try {
|
|
details = JSON.parse(port.name);
|
|
} catch (e) {
|
|
return;
|
|
}
|
|
if (details.name !== 'background-cross-frame-communication-port') { return; }
|
|
|
|
const tabId = (port.sender && port.sender.tab ? port.sender.tab.id : null);
|
|
if (typeof tabId !== 'number') {
|
|
throw new Error('Port does not have an associated tab ID');
|
|
}
|
|
const senderFrameId = port.sender.frameId;
|
|
if (typeof senderFrameId !== 'number') {
|
|
throw new Error('Port does not have an associated frame ID');
|
|
}
|
|
let {targetTabId, targetFrameId} = details;
|
|
if (typeof targetTabId !== 'number') {
|
|
targetTabId = tabId;
|
|
}
|
|
|
|
const details2 = {
|
|
name: 'cross-frame-communication-port',
|
|
sourceFrameId: senderFrameId
|
|
};
|
|
let forwardPort = chrome.tabs.connect(targetTabId, {frameId: targetFrameId, name: JSON.stringify(details2)});
|
|
|
|
const cleanup = () => {
|
|
this._checkLastError(chrome.runtime.lastError);
|
|
if (forwardPort !== null) {
|
|
forwardPort.disconnect();
|
|
forwardPort = null;
|
|
}
|
|
if (port !== null) {
|
|
port.disconnect();
|
|
port = null;
|
|
}
|
|
};
|
|
|
|
port.onMessage.addListener((message) => { forwardPort.postMessage(message); });
|
|
forwardPort.onMessage.addListener((message) => { port.postMessage(message); });
|
|
port.onDisconnect.addListener(cleanup);
|
|
forwardPort.onDisconnect.addListener(cleanup);
|
|
} catch (e) {
|
|
port.disconnect();
|
|
yomichan.logError(e);
|
|
}
|
|
}
|
|
|
|
_onZoomChange({tabId, oldZoomFactor, newZoomFactor}) {
|
|
this._sendMessageTabIgnoreResponse(tabId, {action: 'zoomChanged', params: {oldZoomFactor, newZoomFactor}});
|
|
}
|
|
|
|
// Message handlers
|
|
|
|
_onApiRequestBackendReadySignal(_params, sender) {
|
|
// tab ID isn't set in background (e.g. browser_action)
|
|
const data = {action: 'backendReady', params: {}};
|
|
if (typeof sender.tab === 'undefined') {
|
|
this._sendMessageIgnoreResponse(data);
|
|
return false;
|
|
} else {
|
|
this._sendMessageTabIgnoreResponse(sender.tab.id, data);
|
|
return true;
|
|
}
|
|
}
|
|
|
|
_onApiOptionsGet({optionsContext}) {
|
|
return this._getProfileOptions(optionsContext);
|
|
}
|
|
|
|
_onApiOptionsGetFull() {
|
|
return this._getOptionsFull();
|
|
}
|
|
|
|
async _onApiKanjiFind({text, optionsContext}) {
|
|
const options = this._getProfileOptions(optionsContext);
|
|
const {general: {maxResults}} = options;
|
|
const findKanjiOptions = this._getTranslatorFindKanjiOptions(options);
|
|
const definitions = await this._translator.findKanji(text, findKanjiOptions);
|
|
definitions.splice(maxResults);
|
|
return definitions;
|
|
}
|
|
|
|
async _onApiTermsFind({text, details, optionsContext}) {
|
|
const options = this._getProfileOptions(optionsContext);
|
|
const {general: {resultOutputMode: mode, maxResults}} = options;
|
|
const findTermsOptions = this._getTranslatorFindTermsOptions(details, options);
|
|
const [definitions, length] = await this._translator.findTerms(mode, text, findTermsOptions);
|
|
definitions.splice(maxResults);
|
|
return {length, definitions};
|
|
}
|
|
|
|
async _onApiTextParse({text, optionsContext}) {
|
|
const options = this._getProfileOptions(optionsContext);
|
|
const results = [];
|
|
|
|
if (options.parsing.enableScanningParser) {
|
|
results.push({
|
|
source: 'scanning-parser',
|
|
id: 'scan',
|
|
content: await this._textParseScanning(text, options)
|
|
});
|
|
}
|
|
|
|
if (options.parsing.enableMecabParser) {
|
|
const mecabResults = await this._textParseMecab(text, options);
|
|
for (const [mecabDictName, mecabDictResults] of mecabResults) {
|
|
results.push({
|
|
source: 'mecab',
|
|
dictionary: mecabDictName,
|
|
id: `mecab-${mecabDictName}`,
|
|
content: mecabDictResults
|
|
});
|
|
}
|
|
}
|
|
|
|
return results;
|
|
}
|
|
|
|
async _onApGetAnkiConnectVersion() {
|
|
return await this._anki.getVersion();
|
|
}
|
|
|
|
async _onApiIsAnkiConnected() {
|
|
return await this._anki.isConnected();
|
|
}
|
|
|
|
async _onApiAddAnkiNote({note}) {
|
|
return await this._anki.addNote(note);
|
|
}
|
|
|
|
async _onApiGetAnkiNoteInfo({notes}) {
|
|
const results = [];
|
|
const cannotAdd = [];
|
|
const canAddArray = await this._anki.canAddNotes(notes);
|
|
|
|
for (let i = 0; i < notes.length; ++i) {
|
|
const note = notes[i];
|
|
const canAdd = canAddArray[i];
|
|
const info = {canAdd, noteIds: null};
|
|
results.push(info);
|
|
if (!canAdd) {
|
|
cannotAdd.push({note, info});
|
|
}
|
|
}
|
|
|
|
if (cannotAdd.length > 0) {
|
|
const cannotAddNotes = cannotAdd.map(({note}) => note);
|
|
const noteIdsArray = await this._anki.findNoteIds(cannotAddNotes);
|
|
for (let i = 0, ii = Math.min(cannotAdd.length, noteIdsArray.length); i < ii; ++i) {
|
|
const noteIds = noteIdsArray[i];
|
|
if (noteIds.length > 0) {
|
|
cannotAdd[i].info.noteIds = noteIds;
|
|
}
|
|
}
|
|
}
|
|
|
|
return results;
|
|
}
|
|
|
|
async _onApiInjectAnkiNoteMedia({timestamp, definitionDetails, audioDetails, screenshotDetails, clipboardDetails}, sender) {
|
|
if (isObject(screenshotDetails)) {
|
|
const {id: tabId, windowId} = (sender && sender.tab ? sender.tab : {});
|
|
screenshotDetails = Object.assign({}, screenshotDetails, {tabId, windowId});
|
|
}
|
|
return await this._injectAnkNoteMedia(
|
|
this._anki,
|
|
timestamp,
|
|
definitionDetails,
|
|
audioDetails,
|
|
screenshotDetails,
|
|
clipboardDetails
|
|
);
|
|
}
|
|
|
|
async _onApiNoteView({noteId}) {
|
|
return await this._anki.guiBrowseNote(noteId);
|
|
}
|
|
|
|
async _onApiSuspendAnkiCardsForNote({noteId}) {
|
|
const cardIds = await this._anki.findCardsForNote(noteId);
|
|
const count = cardIds.length;
|
|
if (count > 0) {
|
|
const okay = await this._anki.suspendCards(cardIds);
|
|
if (!okay) { return 0; }
|
|
}
|
|
return count;
|
|
}
|
|
|
|
_onApiCommandExec({command, params}) {
|
|
return this._runCommand(command, params);
|
|
}
|
|
|
|
async _onApiGetExpressionAudioInfoList({source, expression, reading, details}) {
|
|
return await this._audioDownloader.getExpressionAudioInfoList(source, expression, reading, details);
|
|
}
|
|
|
|
async _onApiDownloadDefinitionAudio({sources, expression, reading, details}) {
|
|
return await this._downloadDefinitionAudio(sources, expression, reading, details);
|
|
}
|
|
|
|
_onApiScreenshotGet({options}, sender) {
|
|
if (!(sender && sender.tab)) {
|
|
return Promise.resolve();
|
|
}
|
|
|
|
const windowId = sender.tab.windowId;
|
|
return new Promise((resolve, reject) => {
|
|
chrome.tabs.captureVisibleTab(windowId, options, (dataUrl) => {
|
|
const e = chrome.runtime.lastError;
|
|
if (e) {
|
|
reject(new Error(e.message));
|
|
} else {
|
|
resolve(dataUrl);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
_onApiSendMessageToFrame({frameId: targetFrameId, action, params}, sender) {
|
|
if (!(sender && sender.tab)) {
|
|
return false;
|
|
}
|
|
|
|
const tabId = sender.tab.id;
|
|
const frameId = sender.frameId;
|
|
this._sendMessageTabIgnoreResponse(tabId, {action, params, frameId}, {frameId: targetFrameId});
|
|
return true;
|
|
}
|
|
|
|
_onApiBroadcastTab({action, params}, sender) {
|
|
if (!(sender && sender.tab)) {
|
|
return false;
|
|
}
|
|
|
|
const tabId = sender.tab.id;
|
|
const frameId = sender.frameId;
|
|
this._sendMessageTabIgnoreResponse(tabId, {action, params, frameId});
|
|
return true;
|
|
}
|
|
|
|
_onApiFrameInformationGet(params, sender) {
|
|
const frameId = sender.frameId;
|
|
return Promise.resolve({frameId});
|
|
}
|
|
|
|
_onApiInjectStylesheet({type, value}, sender) {
|
|
return this._injectStylesheet(type, value, sender);
|
|
}
|
|
|
|
async _onApiGetStylesheetContent({url}) {
|
|
if (!url.startsWith('/') || url.startsWith('//') || !url.endsWith('.css')) {
|
|
throw new Error('Invalid URL');
|
|
}
|
|
return await this._fetchAsset(url);
|
|
}
|
|
|
|
_onApiGetEnvironmentInfo() {
|
|
return this._environment.getInfo();
|
|
}
|
|
|
|
async _onApiClipboardGet() {
|
|
return this._clipboardReader.getText();
|
|
}
|
|
|
|
async _onApiClipboardImageGet() {
|
|
return this._clipboardReader.getImage();
|
|
}
|
|
|
|
async _onApiGetDisplayTemplatesHtml() {
|
|
return await this._fetchAsset('/mixed/display-templates.html');
|
|
}
|
|
|
|
_onApiGetZoom(params, sender) {
|
|
if (!sender || !sender.tab) {
|
|
return Promise.reject(new Error('Invalid tab'));
|
|
}
|
|
|
|
return new Promise((resolve, reject) => {
|
|
const tabId = sender.tab.id;
|
|
if (!(
|
|
chrome.tabs !== null &&
|
|
typeof chrome.tabs === 'object' &&
|
|
typeof chrome.tabs.getZoom === 'function'
|
|
)) {
|
|
// Not supported
|
|
resolve({zoomFactor: 1.0});
|
|
return;
|
|
}
|
|
chrome.tabs.getZoom(tabId, (zoomFactor) => {
|
|
const e = chrome.runtime.lastError;
|
|
if (e) {
|
|
reject(new Error(e.message));
|
|
} else {
|
|
resolve({zoomFactor});
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
_onApiGetDefaultAnkiFieldTemplates() {
|
|
return this._defaultAnkiFieldTemplates;
|
|
}
|
|
|
|
async _onApiGetDictionaryInfo() {
|
|
return await this._dictionaryDatabase.getDictionaryInfo();
|
|
}
|
|
|
|
async _onApiGetDictionaryCounts({dictionaryNames, getTotal}) {
|
|
return await this._dictionaryDatabase.getDictionaryCounts(dictionaryNames, getTotal);
|
|
}
|
|
|
|
async _onApiPurgeDatabase() {
|
|
await this._dictionaryDatabase.purge();
|
|
this._triggerDatabaseUpdated('dictionary', 'purge');
|
|
}
|
|
|
|
async _onApiGetMedia({targets}) {
|
|
return await this._dictionaryDatabase.getMedia(targets);
|
|
}
|
|
|
|
_onApiLog({error, level, context}) {
|
|
yomichan.log(deserializeError(error), level, context);
|
|
}
|
|
|
|
_onApiLogIndicatorClear() {
|
|
if (this._logErrorLevel === null) { return; }
|
|
this._logErrorLevel = null;
|
|
this._updateBadge();
|
|
}
|
|
|
|
_onApiCreateActionPort(params, sender) {
|
|
if (!sender || !sender.tab) { throw new Error('Invalid sender'); }
|
|
const tabId = sender.tab.id;
|
|
if (typeof tabId !== 'number') { throw new Error('Sender has invalid tab ID'); }
|
|
|
|
const frameId = sender.frameId;
|
|
const id = generateId(16);
|
|
const details = {
|
|
name: 'action-port',
|
|
id
|
|
};
|
|
|
|
const port = chrome.tabs.connect(tabId, {name: JSON.stringify(details), frameId});
|
|
try {
|
|
this._createActionListenerPort(port, sender, this._messageHandlersWithProgress);
|
|
} catch (e) {
|
|
port.disconnect();
|
|
throw e;
|
|
}
|
|
|
|
return details;
|
|
}
|
|
|
|
_onApiModifySettings({targets, source}) {
|
|
return this._modifySettings(targets, source);
|
|
}
|
|
|
|
_onApiGetSettings({targets}) {
|
|
const results = [];
|
|
for (const target of targets) {
|
|
try {
|
|
const result = this._getSetting(target);
|
|
results.push({result: clone(result)});
|
|
} catch (e) {
|
|
results.push({error: serializeError(e)});
|
|
}
|
|
}
|
|
return results;
|
|
}
|
|
|
|
async _onApiSetAllSettings({value, source}) {
|
|
this._optionsUtil.validate(value);
|
|
this._options = clone(value);
|
|
await this._saveOptions(source);
|
|
}
|
|
|
|
async _onApiGetOrCreateSearchPopup({focus=false, text=null}) {
|
|
const {tab, created} = await this._getOrCreateSearchPopup();
|
|
if (focus === true || (focus === 'ifCreated' && created)) {
|
|
await this._focusTab(tab);
|
|
}
|
|
if (typeof text === 'string') {
|
|
await this._updateSearchQuery(tab.id, text, !created);
|
|
}
|
|
return {tabId: tab.id, windowId: tab.windowId};
|
|
}
|
|
|
|
async _onApiIsTabSearchPopup({tabId}) {
|
|
const baseUrl = chrome.runtime.getURL('/bg/search.html');
|
|
const tab = typeof tabId === 'number' ? await this._checkTabUrl(tabId, (url) => url.startsWith(baseUrl)) : null;
|
|
return (tab !== null);
|
|
}
|
|
|
|
_onApiTriggerDatabaseUpdated({type, cause}) {
|
|
this._triggerDatabaseUpdated(type, cause);
|
|
}
|
|
|
|
// Command handlers
|
|
|
|
async _onCommandOpenSearchPage(params) {
|
|
const {mode='existingOrNewTab', query} = params || {};
|
|
|
|
const baseUrl = chrome.runtime.getURL('/bg/search.html');
|
|
const queryParams = {};
|
|
if (query && query.length > 0) { queryParams.query = query; }
|
|
const queryString = new URLSearchParams(queryParams).toString();
|
|
let url = baseUrl;
|
|
if (queryString.length > 0) {
|
|
url += `?${queryString}`;
|
|
}
|
|
|
|
const isTabMatch = (url2) => {
|
|
if (url2 === null || !url2.startsWith(baseUrl)) { return false; }
|
|
const parsedUrl = new URL(url2);
|
|
const baseUrl2 = `${parsedUrl.origin}${parsedUrl.pathname}`;
|
|
const mode2 = parsedUrl.searchParams.get('mode');
|
|
return baseUrl2 === baseUrl && (mode2 === mode || (!mode2 && mode === 'existingOrNewTab'));
|
|
};
|
|
|
|
const openInTab = async () => {
|
|
const tab = await this._findTab(1000, isTabMatch);
|
|
if (tab !== null) {
|
|
await this._focusTab(tab);
|
|
if (queryParams.query) {
|
|
await this._updateSearchQuery(tab.id, queryParams.query, true);
|
|
}
|
|
return true;
|
|
}
|
|
};
|
|
|
|
switch (mode) {
|
|
case 'existingOrNewTab':
|
|
try {
|
|
if (await openInTab()) { return; }
|
|
} catch (e) {
|
|
// NOP
|
|
}
|
|
await this._createTab(url);
|
|
return;
|
|
case 'newTab':
|
|
await this._createTab(url);
|
|
return;
|
|
}
|
|
}
|
|
|
|
async _onCommandOpenInfoPage() {
|
|
await this._openInfoPage();
|
|
}
|
|
|
|
async _onCommandOpenSettingsPage(params) {
|
|
const {mode='existingOrNewTab'} = params || {};
|
|
await this._openSettingsPage(mode);
|
|
}
|
|
|
|
async _onCommandToggleTextScanning() {
|
|
const options = this._getProfileOptions({current: true});
|
|
await this._modifySettings([{
|
|
action: 'set',
|
|
path: 'general.enable',
|
|
value: !options.general.enable,
|
|
scope: 'profile',
|
|
optionsContext: {current: true}
|
|
}], 'backend');
|
|
}
|
|
|
|
async _onCommandOpenPopupWindow() {
|
|
await this._onApiGetOrCreateSearchPopup({focus: true});
|
|
}
|
|
|
|
// Utilities
|
|
|
|
async _modifySettings(targets, source) {
|
|
const results = [];
|
|
for (const target of targets) {
|
|
try {
|
|
const result = this._modifySetting(target);
|
|
results.push({result: clone(result)});
|
|
} catch (e) {
|
|
results.push({error: serializeError(e)});
|
|
}
|
|
}
|
|
await this._saveOptions(source);
|
|
return results;
|
|
}
|
|
|
|
_getOrCreateSearchPopup() {
|
|
if (this._searchPopupTabCreatePromise === null) {
|
|
const promise = this._getOrCreateSearchPopup2();
|
|
this._searchPopupTabCreatePromise = promise;
|
|
promise.then(() => { this._searchPopupTabCreatePromise = null; });
|
|
}
|
|
return this._searchPopupTabCreatePromise;
|
|
}
|
|
|
|
async _getOrCreateSearchPopup2() {
|
|
// Reuse same tab
|
|
const baseUrl = chrome.runtime.getURL('/bg/search.html');
|
|
if (this._searchPopupTabId !== null) {
|
|
const tab = await this._checkTabUrl(this._searchPopupTabId, (url) => url.startsWith(baseUrl));
|
|
if (tab !== null) {
|
|
return {tab, created: false};
|
|
}
|
|
this._searchPopupTabId = null;
|
|
}
|
|
|
|
// chrome.windows not supported (e.g. on Firefox mobile)
|
|
if (!isObject(chrome.windows)) {
|
|
throw new Error('Window creation not supported');
|
|
}
|
|
|
|
// Create a new window
|
|
const options = this._getProfileOptions({current: true});
|
|
const createData = this._getSearchPopupWindowCreateData(baseUrl, options);
|
|
const {popupWindow: {windowState}} = options;
|
|
const popupWindow = await this._createWindow(createData);
|
|
if (windowState !== 'normal') {
|
|
await this._updateWindow(popupWindow.id, {state: windowState});
|
|
}
|
|
|
|
const {tabs} = popupWindow;
|
|
if (tabs.length === 0) {
|
|
throw new Error('Created window did not contain a tab');
|
|
}
|
|
|
|
const tab = tabs[0];
|
|
await this._waitUntilTabFrameIsReady(tab.id, 0, 2000);
|
|
|
|
await this._sendMessageTabPromise(
|
|
tab.id,
|
|
{action: 'setMode', params: {mode: 'popup'}},
|
|
{frameId: 0}
|
|
);
|
|
|
|
this._searchPopupTabId = tab.id;
|
|
return {tab, created: true};
|
|
}
|
|
|
|
_getSearchPopupWindowCreateData(url, options) {
|
|
const {popupWindow: {width, height, left, top, useLeft, useTop, windowType}} = options;
|
|
return {
|
|
url,
|
|
width,
|
|
height,
|
|
left: useLeft ? left : void 0,
|
|
top: useTop ? top : void 0,
|
|
type: windowType,
|
|
state: 'normal'
|
|
};
|
|
}
|
|
|
|
_createWindow(createData) {
|
|
return new Promise((resolve, reject) => {
|
|
chrome.windows.create(
|
|
createData,
|
|
(result) => {
|
|
const error = chrome.runtime.lastError;
|
|
if (error) {
|
|
reject(new Error(error.message));
|
|
} else {
|
|
resolve(result);
|
|
}
|
|
}
|
|
);
|
|
});
|
|
}
|
|
|
|
_updateWindow(windowId, updateInfo) {
|
|
return new Promise((resolve, reject) => {
|
|
chrome.windows.update(
|
|
windowId,
|
|
updateInfo,
|
|
(result) => {
|
|
const error = chrome.runtime.lastError;
|
|
if (error) {
|
|
reject(new Error(error.message));
|
|
} else {
|
|
resolve(result);
|
|
}
|
|
}
|
|
);
|
|
});
|
|
}
|
|
|
|
_updateSearchQuery(tabId, text, animate) {
|
|
return this._sendMessageTabPromise(
|
|
tabId,
|
|
{action: 'updateSearchQuery', params: {text, animate}},
|
|
{frameId: 0}
|
|
);
|
|
}
|
|
|
|
_applyOptions(source) {
|
|
const options = this._getProfileOptions({current: true});
|
|
this._updateBadge();
|
|
|
|
this._anki.server = options.anki.server;
|
|
this._anki.enabled = options.anki.enable;
|
|
|
|
if (options.parsing.enableMecabParser) {
|
|
this._mecab.startListener();
|
|
} else {
|
|
this._mecab.stopListener();
|
|
}
|
|
|
|
if (options.clipboard.enableBackgroundMonitor) {
|
|
this._clipboardMonitor.start();
|
|
} else {
|
|
this._clipboardMonitor.stop();
|
|
}
|
|
|
|
this._sendMessageAllTabsIgnoreResponse('optionsUpdated', {source});
|
|
}
|
|
|
|
_getOptionsFull(useSchema=false) {
|
|
const options = this._options;
|
|
return useSchema ? this._optionsUtil.createValidatingProxy(options) : options;
|
|
}
|
|
|
|
_getProfileOptions(optionsContext, useSchema=false) {
|
|
return this._getProfile(optionsContext, useSchema).options;
|
|
}
|
|
|
|
_getProfile(optionsContext, useSchema=false) {
|
|
const options = this._getOptionsFull(useSchema);
|
|
const profiles = options.profiles;
|
|
if (optionsContext.current) {
|
|
return profiles[options.profileCurrent];
|
|
}
|
|
if (typeof optionsContext.index === 'number') {
|
|
return profiles[optionsContext.index];
|
|
}
|
|
const profile = this._getProfileFromContext(options, optionsContext);
|
|
return profile !== null ? profile : profiles[options.profileCurrent];
|
|
}
|
|
|
|
_getProfileFromContext(options, optionsContext) {
|
|
optionsContext = this._profileConditionsUtil.normalizeContext(optionsContext);
|
|
|
|
let index = 0;
|
|
for (const profile of options.profiles) {
|
|
const conditionGroups = profile.conditionGroups;
|
|
|
|
let schema;
|
|
if (index < this._profileConditionsSchemaCache.length) {
|
|
schema = this._profileConditionsSchemaCache[index];
|
|
} else {
|
|
schema = this._profileConditionsUtil.createSchema(conditionGroups);
|
|
this._profileConditionsSchemaCache.push(schema);
|
|
}
|
|
|
|
if (conditionGroups.length > 0 && this._profileConditionsSchemaValidator.isValid(optionsContext, schema)) {
|
|
return profile;
|
|
}
|
|
++index;
|
|
}
|
|
|
|
return null;
|
|
}
|
|
|
|
_clearProfileConditionsSchemaCache() {
|
|
this._profileConditionsSchemaCache = [];
|
|
this._profileConditionsSchemaValidator.clearCache();
|
|
}
|
|
|
|
_checkLastError() {
|
|
// NOP
|
|
}
|
|
|
|
_runCommand(command, params) {
|
|
const handler = this._commandHandlers.get(command);
|
|
if (typeof handler !== 'function') { return false; }
|
|
|
|
handler(params);
|
|
return true;
|
|
}
|
|
|
|
async _textParseScanning(text, options) {
|
|
const jp = this._japaneseUtil;
|
|
const {scanning: {length: scanningLength}, parsing: {readingMode}} = options;
|
|
const findTermsOptions = this._getTranslatorFindTermsOptions({wildcard: null}, options);
|
|
const results = [];
|
|
while (text.length > 0) {
|
|
const term = [];
|
|
const [definitions, sourceLength] = await this._translator.findTerms(
|
|
'simple',
|
|
text.substring(0, scanningLength),
|
|
findTermsOptions
|
|
);
|
|
if (definitions.length > 0 && sourceLength > 0) {
|
|
const {expression, reading} = definitions[0];
|
|
const source = text.substring(0, sourceLength);
|
|
for (const {text: text2, furigana} of jp.distributeFuriganaInflected(expression, reading, source)) {
|
|
const reading2 = jp.convertReading(text2, furigana, readingMode);
|
|
term.push({text: text2, reading: reading2});
|
|
}
|
|
text = text.substring(source.length);
|
|
} else {
|
|
const reading = jp.convertReading(text[0], '', readingMode);
|
|
term.push({text: text[0], reading});
|
|
text = text.substring(1);
|
|
}
|
|
results.push(term);
|
|
}
|
|
return results;
|
|
}
|
|
|
|
async _textParseMecab(text, options) {
|
|
const jp = this._japaneseUtil;
|
|
const {parsing: {readingMode}} = options;
|
|
const results = [];
|
|
const rawResults = await this._mecab.parseText(text);
|
|
for (const [mecabName, parsedLines] of Object.entries(rawResults)) {
|
|
const result = [];
|
|
for (const parsedLine of parsedLines) {
|
|
for (const {expression, reading, source} of parsedLine) {
|
|
const term = [];
|
|
for (const {text: text2, furigana} of jp.distributeFuriganaInflected(
|
|
expression.length > 0 ? expression : source,
|
|
jp.convertKatakanaToHiragana(reading),
|
|
source
|
|
)) {
|
|
const reading2 = jp.convertReading(text2, furigana, readingMode);
|
|
term.push({text: text2, reading: reading2});
|
|
}
|
|
result.push(term);
|
|
}
|
|
result.push([{text: '\n', reading: ''}]);
|
|
}
|
|
results.push([mecabName, result]);
|
|
}
|
|
return results;
|
|
}
|
|
|
|
_createActionListenerPort(port, sender, handlers) {
|
|
let hasStarted = false;
|
|
let messageString = '';
|
|
|
|
const onProgress = (...data) => {
|
|
try {
|
|
if (port === null) { return; }
|
|
port.postMessage({type: 'progress', data});
|
|
} catch (e) {
|
|
// NOP
|
|
}
|
|
};
|
|
|
|
const onMessage = (message) => {
|
|
if (hasStarted) { return; }
|
|
|
|
try {
|
|
const {action, data} = message;
|
|
switch (action) {
|
|
case 'fragment':
|
|
messageString += data;
|
|
break;
|
|
case 'invoke':
|
|
{
|
|
hasStarted = true;
|
|
port.onMessage.removeListener(onMessage);
|
|
|
|
const messageData = JSON.parse(messageString);
|
|
messageString = null;
|
|
onMessageComplete(messageData);
|
|
}
|
|
break;
|
|
}
|
|
} catch (e) {
|
|
cleanup(e);
|
|
}
|
|
};
|
|
|
|
const onMessageComplete = async (message) => {
|
|
try {
|
|
const {action, params} = message;
|
|
port.postMessage({type: 'ack'});
|
|
|
|
const messageHandler = handlers.get(action);
|
|
if (typeof messageHandler === 'undefined') {
|
|
throw new Error('Invalid action');
|
|
}
|
|
const {handler, async, contentScript} = messageHandler;
|
|
|
|
if (!contentScript) {
|
|
this._validatePrivilegedMessageSender(sender);
|
|
}
|
|
|
|
const promiseOrResult = handler(params, sender, onProgress);
|
|
const result = async ? await promiseOrResult : promiseOrResult;
|
|
port.postMessage({type: 'complete', data: result});
|
|
} catch (e) {
|
|
cleanup(e);
|
|
}
|
|
};
|
|
|
|
const onDisconnect = () => {
|
|
cleanup(null);
|
|
};
|
|
|
|
const cleanup = (error) => {
|
|
if (port === null) { return; }
|
|
if (error !== null) {
|
|
port.postMessage({type: 'error', data: serializeError(error)});
|
|
}
|
|
if (!hasStarted) {
|
|
port.onMessage.removeListener(onMessage);
|
|
}
|
|
port.onDisconnect.removeListener(onDisconnect);
|
|
port = null;
|
|
handlers = null;
|
|
};
|
|
|
|
port.onMessage.addListener(onMessage);
|
|
port.onDisconnect.addListener(onDisconnect);
|
|
}
|
|
|
|
_getErrorLevelValue(errorLevel) {
|
|
switch (errorLevel) {
|
|
case 'info': return 0;
|
|
case 'debug': return 0;
|
|
case 'warn': return 1;
|
|
case 'error': return 2;
|
|
default: return 0;
|
|
}
|
|
}
|
|
|
|
_getModifySettingObject(target) {
|
|
const scope = target.scope;
|
|
switch (scope) {
|
|
case 'profile':
|
|
if (!isObject(target.optionsContext)) { throw new Error('Invalid optionsContext'); }
|
|
return this._getProfileOptions(target.optionsContext, true);
|
|
case 'global':
|
|
return this._getOptionsFull(true);
|
|
default:
|
|
throw new Error(`Invalid scope: ${scope}`);
|
|
}
|
|
}
|
|
|
|
_getSetting(target) {
|
|
const options = this._getModifySettingObject(target);
|
|
const accessor = new ObjectPropertyAccessor(options);
|
|
const {path} = target;
|
|
if (typeof path !== 'string') { throw new Error('Invalid path'); }
|
|
return accessor.get(ObjectPropertyAccessor.getPathArray(path));
|
|
}
|
|
|
|
_modifySetting(target) {
|
|
const options = this._getModifySettingObject(target);
|
|
const accessor = new ObjectPropertyAccessor(options);
|
|
const action = target.action;
|
|
switch (action) {
|
|
case 'set':
|
|
{
|
|
const {path, value} = target;
|
|
if (typeof path !== 'string') { throw new Error('Invalid path'); }
|
|
const pathArray = ObjectPropertyAccessor.getPathArray(path);
|
|
accessor.set(pathArray, value);
|
|
return accessor.get(pathArray);
|
|
}
|
|
case 'delete':
|
|
{
|
|
const {path} = target;
|
|
if (typeof path !== 'string') { throw new Error('Invalid path'); }
|
|
accessor.delete(ObjectPropertyAccessor.getPathArray(path));
|
|
return true;
|
|
}
|
|
case 'swap':
|
|
{
|
|
const {path1, path2} = target;
|
|
if (typeof path1 !== 'string') { throw new Error('Invalid path1'); }
|
|
if (typeof path2 !== 'string') { throw new Error('Invalid path2'); }
|
|
accessor.swap(ObjectPropertyAccessor.getPathArray(path1), ObjectPropertyAccessor.getPathArray(path2));
|
|
return true;
|
|
}
|
|
case 'splice':
|
|
{
|
|
const {path, start, deleteCount, items} = target;
|
|
if (typeof path !== 'string') { throw new Error('Invalid path'); }
|
|
if (typeof start !== 'number' || Math.floor(start) !== start) { throw new Error('Invalid start'); }
|
|
if (typeof deleteCount !== 'number' || Math.floor(deleteCount) !== deleteCount) { throw new Error('Invalid deleteCount'); }
|
|
if (!Array.isArray(items)) { throw new Error('Invalid items'); }
|
|
const array = accessor.get(ObjectPropertyAccessor.getPathArray(path));
|
|
if (!Array.isArray(array)) { throw new Error('Invalid target type'); }
|
|
return array.splice(start, deleteCount, ...items);
|
|
}
|
|
default:
|
|
throw new Error(`Unknown action: ${action}`);
|
|
}
|
|
}
|
|
|
|
_validatePrivilegedMessageSender(sender) {
|
|
const url = sender.url;
|
|
if (!(typeof url === 'string' && yomichan.isExtensionUrl(url))) {
|
|
throw new Error('Invalid message sender');
|
|
}
|
|
}
|
|
|
|
_getBrowserIconTitle() {
|
|
return (
|
|
isObject(chrome.browserAction) &&
|
|
typeof chrome.browserAction.getTitle === 'function' ?
|
|
new Promise((resolve) => chrome.browserAction.getTitle({}, resolve)) :
|
|
Promise.resolve('')
|
|
);
|
|
}
|
|
|
|
_updateBadge() {
|
|
let title = this._defaultBrowserActionTitle;
|
|
if (title === null || !isObject(chrome.browserAction)) {
|
|
// Not ready or invalid
|
|
return;
|
|
}
|
|
|
|
let text = '';
|
|
let color = null;
|
|
let status = null;
|
|
|
|
if (this._logErrorLevel !== null) {
|
|
switch (this._logErrorLevel) {
|
|
case 'error':
|
|
text = '!!';
|
|
color = '#f04e4e';
|
|
status = 'Error';
|
|
break;
|
|
default: // 'warn'
|
|
text = '!';
|
|
color = '#f0ad4e';
|
|
status = 'Warning';
|
|
break;
|
|
}
|
|
} else if (!this._isPrepared) {
|
|
if (this._prepareError) {
|
|
text = '!!';
|
|
color = '#f04e4e';
|
|
status = 'Error';
|
|
} else if (this._badgePrepareDelayTimer === null) {
|
|
text = '...';
|
|
color = '#f0ad4e';
|
|
status = 'Loading';
|
|
}
|
|
} else {
|
|
const options = this._getProfileOptions({current: true});
|
|
if (!options.general.enable) {
|
|
text = 'off';
|
|
color = '#555555';
|
|
status = 'Disabled';
|
|
} else if (!this._isAnyDictionaryEnabled(options)) {
|
|
text = '!';
|
|
color = '#f0ad4e';
|
|
status = 'No dictionaries installed';
|
|
}
|
|
}
|
|
|
|
if (color !== null && typeof chrome.browserAction.setBadgeBackgroundColor === 'function') {
|
|
chrome.browserAction.setBadgeBackgroundColor({color});
|
|
}
|
|
if (text !== null && typeof chrome.browserAction.setBadgeText === 'function') {
|
|
chrome.browserAction.setBadgeText({text});
|
|
}
|
|
if (typeof chrome.browserAction.setTitle === 'function') {
|
|
if (status !== null) {
|
|
title = `${title} - ${status}`;
|
|
}
|
|
chrome.browserAction.setTitle({title});
|
|
}
|
|
}
|
|
|
|
_isAnyDictionaryEnabled(options) {
|
|
for (const {enabled} of Object.values(options.dictionaries)) {
|
|
if (enabled) {
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
|
|
_anyOptionsMatches(predicate) {
|
|
for (const {options} of this._options.profiles) {
|
|
const value = predicate(options);
|
|
if (value) { return value; }
|
|
}
|
|
return false;
|
|
}
|
|
|
|
async _getTabUrl(tabId) {
|
|
try {
|
|
const {url} = await this._sendMessageTabPromise(
|
|
tabId,
|
|
{action: 'getUrl', params: {}},
|
|
{frameId: 0}
|
|
);
|
|
if (typeof url === 'string') {
|
|
return url;
|
|
}
|
|
} catch (e) {
|
|
// NOP
|
|
}
|
|
return null;
|
|
}
|
|
|
|
async _findTab(timeout, checkUrl) {
|
|
// This function works around the need to have the "tabs" permission to access tab.url.
|
|
const tabs = await new Promise((resolve) => chrome.tabs.query({}, resolve));
|
|
const {promise: matchPromise, resolve: matchPromiseResolve} = deferPromise();
|
|
|
|
const checkTabUrl = ({tab, url}) => {
|
|
if (checkUrl(url, tab)) {
|
|
matchPromiseResolve(tab);
|
|
}
|
|
};
|
|
|
|
const promises = [];
|
|
for (const tab of tabs) {
|
|
const promise = this._getTabUrl(tab.id);
|
|
promise.then((url) => checkTabUrl({url, tab}));
|
|
promises.push(promise);
|
|
}
|
|
|
|
const racePromises = [
|
|
matchPromise,
|
|
Promise.all(promises).then(() => null)
|
|
];
|
|
if (typeof timeout === 'number') {
|
|
racePromises.push(new Promise((resolve) => setTimeout(() => resolve(null), timeout)));
|
|
}
|
|
|
|
return await Promise.race(racePromises);
|
|
}
|
|
|
|
async _focusTab(tab) {
|
|
await new Promise((resolve, reject) => {
|
|
chrome.tabs.update(tab.id, {active: true}, () => {
|
|
const e = chrome.runtime.lastError;
|
|
if (e) {
|
|
reject(new Error(e.message));
|
|
} else {
|
|
resolve();
|
|
}
|
|
});
|
|
});
|
|
|
|
if (!(typeof chrome.windows === 'object' && chrome.windows !== null)) {
|
|
// Windows not supported (e.g. on Firefox mobile)
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const tabWindow = await new Promise((resolve, reject) => {
|
|
chrome.windows.get(tab.windowId, {}, (value) => {
|
|
const e = chrome.runtime.lastError;
|
|
if (e) {
|
|
reject(new Error(e.message));
|
|
} else {
|
|
resolve(value);
|
|
}
|
|
});
|
|
});
|
|
if (!tabWindow.focused) {
|
|
await new Promise((resolve, reject) => {
|
|
chrome.windows.update(tab.windowId, {focused: true}, () => {
|
|
const e = chrome.runtime.lastError;
|
|
if (e) {
|
|
reject(new Error(e.message));
|
|
} else {
|
|
resolve();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
} catch (e) {
|
|
// Edge throws exception for no reason here.
|
|
}
|
|
}
|
|
|
|
_waitUntilTabFrameIsReady(tabId, frameId, timeout=null) {
|
|
return new Promise((resolve, reject) => {
|
|
let timer = null;
|
|
let onMessage = (message, sender) => {
|
|
if (
|
|
!sender.tab ||
|
|
sender.tab.id !== tabId ||
|
|
sender.frameId !== frameId ||
|
|
!isObject(message) ||
|
|
message.action !== 'yomichanReady'
|
|
) {
|
|
return;
|
|
}
|
|
|
|
cleanup();
|
|
resolve();
|
|
};
|
|
const cleanup = () => {
|
|
if (timer !== null) {
|
|
clearTimeout(timer);
|
|
timer = null;
|
|
}
|
|
if (onMessage !== null) {
|
|
chrome.runtime.onMessage.removeListener(onMessage);
|
|
onMessage = null;
|
|
}
|
|
};
|
|
|
|
chrome.runtime.onMessage.addListener(onMessage);
|
|
|
|
this._sendMessageTabPromise(tabId, {action: 'isReady'}, {frameId})
|
|
.then(
|
|
(value) => {
|
|
if (!value) { return; }
|
|
cleanup();
|
|
resolve();
|
|
},
|
|
() => {} // NOP
|
|
);
|
|
|
|
if (timeout !== null) {
|
|
timer = setTimeout(() => {
|
|
timer = null;
|
|
cleanup();
|
|
reject(new Error('Timeout'));
|
|
}, timeout);
|
|
}
|
|
});
|
|
}
|
|
|
|
async _fetchAsset(url, json=false) {
|
|
const response = await fetch(chrome.runtime.getURL(url), {
|
|
method: 'GET',
|
|
mode: 'no-cors',
|
|
cache: 'default',
|
|
credentials: 'omit',
|
|
redirect: 'follow',
|
|
referrerPolicy: 'no-referrer'
|
|
});
|
|
if (!response.ok) {
|
|
throw new Error(`Failed to fetch ${url}: ${response.status}`);
|
|
}
|
|
return await (json ? response.json() : response.text());
|
|
}
|
|
|
|
_sendMessageIgnoreResponse(...args) {
|
|
const callback = () => this._checkLastError(chrome.runtime.lastError);
|
|
chrome.runtime.sendMessage(...args, callback);
|
|
}
|
|
|
|
_sendMessageTabIgnoreResponse(...args) {
|
|
const callback = () => this._checkLastError(chrome.runtime.lastError);
|
|
chrome.tabs.sendMessage(...args, callback);
|
|
}
|
|
|
|
_sendMessageAllTabsIgnoreResponse(action, params) {
|
|
const callback = () => this._checkLastError(chrome.runtime.lastError);
|
|
chrome.tabs.query({}, (tabs) => {
|
|
for (const tab of tabs) {
|
|
chrome.tabs.sendMessage(tab.id, {action, params}, callback);
|
|
}
|
|
});
|
|
}
|
|
|
|
_sendMessageTabPromise(...args) {
|
|
return new Promise((resolve, reject) => {
|
|
const callback = (response) => {
|
|
try {
|
|
resolve(yomichan.getMessageResponseResult(response));
|
|
} catch (error) {
|
|
reject(error);
|
|
}
|
|
};
|
|
|
|
chrome.tabs.sendMessage(...args, callback);
|
|
});
|
|
}
|
|
|
|
async _checkTabUrl(tabId, urlPredicate) {
|
|
const tab = await new Promise((resolve) => {
|
|
chrome.tabs.get(
|
|
tabId,
|
|
(result) => { resolve(chrome.runtime.lastError ? null : result); }
|
|
);
|
|
});
|
|
if (tab === null) { return null; }
|
|
|
|
const url = await this._getTabUrl(tabId);
|
|
const isValidTab = urlPredicate(url);
|
|
return isValidTab ? tab : null;
|
|
}
|
|
|
|
async _getScreenshot(windowId, tabId, ownerFrameId, format, quality) {
|
|
if (typeof windowId !== 'number') {
|
|
throw new Error('Invalid window ID');
|
|
}
|
|
|
|
let token = null;
|
|
try {
|
|
if (typeof tabId === 'number' && typeof ownerFrameId === 'number') {
|
|
const action = 'setAllVisibleOverride';
|
|
const params = {value: false, priority: 0, awaitFrame: true};
|
|
token = await this._sendMessageTabPromise(tabId, {action, params}, {frameId: ownerFrameId});
|
|
}
|
|
|
|
return await new Promise((resolve, reject) => {
|
|
chrome.tabs.captureVisibleTab(windowId, {format, quality}, (result) => {
|
|
const e = chrome.runtime.lastError;
|
|
if (e) {
|
|
reject(new Error(e.message));
|
|
} else {
|
|
resolve(result);
|
|
}
|
|
});
|
|
});
|
|
} finally {
|
|
if (token !== null) {
|
|
const action = 'clearAllVisibleOverride';
|
|
const params = {token};
|
|
try {
|
|
await this._sendMessageTabPromise(tabId, {action, params}, {frameId: ownerFrameId});
|
|
} catch (e) {
|
|
// NOP
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
async _downloadDefinitionAudio(sources, expression, reading, details) {
|
|
return await this._audioDownloader.downloadExpressionAudio(sources, expression, reading, details);
|
|
}
|
|
|
|
async _injectAnkNoteMedia(ankiConnect, timestamp, definitionDetails, audioDetails, screenshotDetails, clipboardDetails) {
|
|
let screenshotFileName = null;
|
|
let clipboardImageFileName = null;
|
|
let clipboardText = null;
|
|
let audioFileName = null;
|
|
const errors = [];
|
|
|
|
try {
|
|
if (screenshotDetails !== null) {
|
|
screenshotFileName = await this._injectAnkNoteScreenshot(ankiConnect, timestamp, definitionDetails, screenshotDetails);
|
|
}
|
|
} catch (e) {
|
|
errors.push(serializeError(e));
|
|
}
|
|
|
|
try {
|
|
if (clipboardDetails !== null && clipboardDetails.image) {
|
|
clipboardImageFileName = await this._injectAnkNoteClipboardImage(ankiConnect, timestamp, definitionDetails);
|
|
}
|
|
} catch (e) {
|
|
errors.push(serializeError(e));
|
|
}
|
|
|
|
try {
|
|
if (clipboardDetails !== null && clipboardDetails.text) {
|
|
clipboardText = await this._clipboardReader.getText();
|
|
}
|
|
} catch (e) {
|
|
errors.push(serializeError(e));
|
|
}
|
|
|
|
try {
|
|
if (audioDetails !== null) {
|
|
audioFileName = await this._injectAnkNoteAudio(ankiConnect, timestamp, definitionDetails, audioDetails);
|
|
}
|
|
} catch (e) {
|
|
errors.push(serializeError(e));
|
|
}
|
|
|
|
return {
|
|
result: {
|
|
screenshotFileName,
|
|
clipboardImageFileName,
|
|
clipboardText,
|
|
audioFileName
|
|
},
|
|
errors
|
|
};
|
|
}
|
|
|
|
async _injectAnkNoteAudio(ankiConnect, timestamp, definitionDetails, details) {
|
|
const {type, expression, reading} = definitionDetails;
|
|
if (
|
|
type === 'kanji' ||
|
|
typeof expression !== 'string' ||
|
|
typeof reading !== 'string' ||
|
|
(expression.length === 0 && reading.length === 0)
|
|
) {
|
|
return null;
|
|
}
|
|
|
|
const {sources, customSourceUrl, customSourceType} = details;
|
|
let data;
|
|
try {
|
|
data = await this._downloadDefinitionAudio(
|
|
sources,
|
|
expression,
|
|
reading,
|
|
{
|
|
textToSpeechVoice: null,
|
|
customSourceUrl,
|
|
customSourceType,
|
|
binary: true,
|
|
disableCache: true
|
|
}
|
|
);
|
|
} catch (e) {
|
|
// No audio
|
|
return null;
|
|
}
|
|
|
|
let fileName = this._generateAnkiNoteMediaFileName('yomichan_audio', '.mp3', timestamp, definitionDetails);
|
|
fileName = fileName.replace(/\]/g, '');
|
|
await ankiConnect.storeMediaFile(fileName, data);
|
|
|
|
return fileName;
|
|
}
|
|
|
|
async _injectAnkNoteScreenshot(ankiConnect, timestamp, definitionDetails, details) {
|
|
const {windowId, tabId, ownerFrameId, format, quality} = details;
|
|
const dataUrl = await this._getScreenshot(windowId, tabId, ownerFrameId, format, quality);
|
|
|
|
const {mediaType, data} = this._getDataUrlInfo(dataUrl);
|
|
const extension = this._mediaUtility.getFileExtensionFromImageMediaType(mediaType);
|
|
if (extension === null) {
|
|
throw new Error('Unknown media type for screenshot image');
|
|
}
|
|
|
|
const fileName = this._generateAnkiNoteMediaFileName('yomichan_browser_screenshot', extension, timestamp, definitionDetails);
|
|
await ankiConnect.storeMediaFile(fileName, data);
|
|
|
|
return fileName;
|
|
}
|
|
|
|
async _injectAnkNoteClipboardImage(ankiConnect, timestamp, definitionDetails) {
|
|
const dataUrl = await this._clipboardReader.getImage();
|
|
if (dataUrl === null) {
|
|
return null;
|
|
}
|
|
|
|
const {mediaType, data} = this._getDataUrlInfo(dataUrl);
|
|
const extension = this._mediaUtility.getFileExtensionFromImageMediaType(mediaType);
|
|
if (extension === null) {
|
|
throw new Error('Unknown media type for clipboard image');
|
|
}
|
|
|
|
const fileName = this._generateAnkiNoteMediaFileName('yomichan_clipboard_image', extension, timestamp, definitionDetails);
|
|
await ankiConnect.storeMediaFile(fileName, data);
|
|
|
|
return fileName;
|
|
}
|
|
|
|
_generateAnkiNoteMediaFileName(prefix, extension, timestamp, definitionDetails) {
|
|
let fileName = prefix;
|
|
|
|
switch (definitionDetails.type) {
|
|
case 'kanji':
|
|
{
|
|
const {character} = definitionDetails;
|
|
if (character) { fileName += `_${character}`; }
|
|
}
|
|
break;
|
|
default:
|
|
{
|
|
const {reading, expression} = definitionDetails;
|
|
if (reading) { fileName += `_${reading}`; }
|
|
if (expression) { fileName += `_${expression}`; }
|
|
}
|
|
break;
|
|
}
|
|
|
|
fileName += `_${this._ankNoteDateToString(new Date(timestamp))}`;
|
|
fileName += extension;
|
|
|
|
fileName = this._replaceInvalidFileNameCharacters(fileName);
|
|
|
|
return fileName;
|
|
}
|
|
|
|
_replaceInvalidFileNameCharacters(fileName) {
|
|
// eslint-disable-next-line no-control-regex
|
|
return fileName.replace(/[<>:"/\\|?*\x00-\x1F]/g, '-');
|
|
}
|
|
|
|
_ankNoteDateToString(date) {
|
|
const year = date.getUTCFullYear();
|
|
const month = date.getUTCMonth().toString().padStart(2, '0');
|
|
const day = date.getUTCDate().toString().padStart(2, '0');
|
|
const hours = date.getUTCHours().toString().padStart(2, '0');
|
|
const minutes = date.getUTCMinutes().toString().padStart(2, '0');
|
|
const seconds = date.getUTCSeconds().toString().padStart(2, '0');
|
|
return `${year}-${month}-${day}-${hours}-${minutes}-${seconds}`;
|
|
}
|
|
|
|
_getDataUrlInfo(dataUrl) {
|
|
const match = /^data:([^,]*?)(;base64)?,/.exec(dataUrl);
|
|
if (match === null) {
|
|
throw new Error('Invalid data URL');
|
|
}
|
|
|
|
let mediaType = match[1];
|
|
if (mediaType.length === 0) { mediaType = 'text/plain'; }
|
|
|
|
let data = dataUrl.substring(match[0].length);
|
|
if (typeof match[2] === 'undefined') { data = btoa(data); }
|
|
|
|
return {mediaType, data};
|
|
}
|
|
|
|
_triggerDatabaseUpdated(type, cause) {
|
|
this._translator.clearDatabaseCaches();
|
|
this._sendMessageAllTabsIgnoreResponse('databaseUpdated', {type, cause});
|
|
}
|
|
|
|
async _saveOptions(source) {
|
|
this._clearProfileConditionsSchemaCache();
|
|
const options = this._getOptionsFull();
|
|
await this._optionsUtil.save(options);
|
|
this._applyOptions(source);
|
|
}
|
|
|
|
_getTranslatorFindTermsOptions(details, options) {
|
|
const {wildcard} = details;
|
|
const enabledDictionaryMap = this._getTranslatorEnabledDictionaryMap(options);
|
|
const {
|
|
general: {mainDictionary},
|
|
scanning: {alphanumeric},
|
|
translation: {
|
|
convertHalfWidthCharacters,
|
|
convertNumericCharacters,
|
|
convertAlphabeticCharacters,
|
|
convertHiraganaToKatakana,
|
|
convertKatakanaToHiragana,
|
|
collapseEmphaticSequences,
|
|
textReplacements: textReplacementsOptions
|
|
}
|
|
} = options;
|
|
const textReplacements = this._getTranslatorTextReplacements(textReplacementsOptions);
|
|
return {
|
|
wildcard,
|
|
mainDictionary,
|
|
alphanumeric,
|
|
convertHalfWidthCharacters,
|
|
convertNumericCharacters,
|
|
convertAlphabeticCharacters,
|
|
convertHiraganaToKatakana,
|
|
convertKatakanaToHiragana,
|
|
collapseEmphaticSequences,
|
|
textReplacements,
|
|
enabledDictionaryMap
|
|
};
|
|
}
|
|
|
|
_getTranslatorFindKanjiOptions(options) {
|
|
const enabledDictionaryMap = this._getTranslatorEnabledDictionaryMap(options);
|
|
return {enabledDictionaryMap};
|
|
}
|
|
|
|
_getTranslatorEnabledDictionaryMap(options) {
|
|
const enabledDictionaryMap = new Map();
|
|
for (const [title, {enabled, priority, allowSecondarySearches}] of Object.entries(options.dictionaries)) {
|
|
if (!enabled) { continue; }
|
|
enabledDictionaryMap.set(title, {priority, allowSecondarySearches});
|
|
}
|
|
return enabledDictionaryMap;
|
|
}
|
|
|
|
_getTranslatorTextReplacements(textReplacementsOptions) {
|
|
const textReplacements = [];
|
|
for (const group of textReplacementsOptions.groups) {
|
|
const textReplacementsEntries = [];
|
|
for (let {pattern, ignoreCase, replacement} of group) {
|
|
try {
|
|
pattern = new RegExp(pattern, ignoreCase ? 'gi' : 'g');
|
|
} catch (e) {
|
|
// Invalid pattern
|
|
continue;
|
|
}
|
|
textReplacementsEntries.push({pattern, replacement});
|
|
}
|
|
if (textReplacementsEntries.length > 0) {
|
|
textReplacements.push(textReplacementsEntries);
|
|
}
|
|
}
|
|
if (textReplacements.length === 0 || textReplacementsOptions.searchOriginal) {
|
|
textReplacements.unshift(null);
|
|
}
|
|
return textReplacements;
|
|
}
|
|
|
|
async _openWelcomeGuidePage() {
|
|
await this._createTab(chrome.runtime.getURL('/bg/welcome.html'));
|
|
}
|
|
|
|
async _openInfoPage() {
|
|
await this._createTab(chrome.runtime.getURL('/bg/info.html'));
|
|
}
|
|
|
|
async _openSettingsPage(mode) {
|
|
const {useSettingsV2} = this._options.global;
|
|
const manifest = chrome.runtime.getManifest();
|
|
const url = chrome.runtime.getURL(useSettingsV2 ? '/bg/settings2.html' : manifest.options_ui.page);
|
|
switch (mode) {
|
|
case 'existingOrNewTab':
|
|
if (useSettingsV2) {
|
|
const tab = await this._findTab(1000, (url2) => url2.startsWith(url));
|
|
if (tab !== null) {
|
|
await this._focusTab(tab);
|
|
} else {
|
|
await this._createTab(url);
|
|
}
|
|
} else {
|
|
await new Promise((resolve, reject) => {
|
|
chrome.runtime.openOptionsPage(() => {
|
|
const e = chrome.runtime.lastError;
|
|
if (e) {
|
|
reject(new Error(e.message));
|
|
} else {
|
|
resolve();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
break;
|
|
case 'newTab':
|
|
await this._createTab(url);
|
|
break;
|
|
}
|
|
}
|
|
|
|
_createTab(url) {
|
|
return new Promise((resolve, reject) => {
|
|
chrome.tabs.create({url}, (tab) => {
|
|
const e = chrome.runtime.lastError;
|
|
if (e) {
|
|
reject(new Error(e.message));
|
|
} else {
|
|
resolve(tab);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
_injectStylesheet(type, value, target) {
|
|
if (isObject(chrome.tabs) && typeof chrome.tabs.insertCSS === 'function') {
|
|
return this._injectStylesheetMV2(type, value, target);
|
|
} else if (isObject(chrome.scripting) && typeof chrome.scripting.insertCSS === 'function') {
|
|
return this._injectStylesheetMV3(type, value, target);
|
|
} else {
|
|
return Promise.reject(new Error('insertCSS function not available'));
|
|
}
|
|
}
|
|
|
|
_injectStylesheetMV2(type, value, target) {
|
|
return new Promise((resolve, reject) => {
|
|
if (!target.tab) {
|
|
reject(new Error('Invalid tab'));
|
|
return;
|
|
}
|
|
|
|
const tabId = target.tab.id;
|
|
const frameId = target.frameId;
|
|
const details = (
|
|
type === 'file' ?
|
|
{
|
|
file: value,
|
|
runAt: 'document_start',
|
|
cssOrigin: 'author',
|
|
allFrames: false,
|
|
matchAboutBlank: true
|
|
} :
|
|
{
|
|
code: value,
|
|
runAt: 'document_start',
|
|
cssOrigin: 'user',
|
|
allFrames: false,
|
|
matchAboutBlank: true
|
|
}
|
|
);
|
|
if (typeof frameId === 'number') {
|
|
details.frameId = frameId;
|
|
}
|
|
|
|
chrome.tabs.insertCSS(tabId, details, () => {
|
|
const e = chrome.runtime.lastError;
|
|
if (e) {
|
|
reject(new Error(e.message));
|
|
} else {
|
|
resolve();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
_injectStylesheetMV3(type, value, target) {
|
|
return new Promise((resolve, reject) => {
|
|
if (!target.tab) {
|
|
reject(new Error('Invalid tab'));
|
|
return;
|
|
}
|
|
|
|
const tabId = target.tab.id;
|
|
const frameId = target.frameId;
|
|
const details = (
|
|
type === 'file' ?
|
|
{origin: chrome.scripting.StyleOrigin.AUTHOR, files: [value]} :
|
|
{origin: chrome.scripting.StyleOrigin.USER, css: value}
|
|
);
|
|
details.target = {
|
|
tabId,
|
|
allFrames: false
|
|
};
|
|
if (typeof frameId === 'number') {
|
|
details.target.frameIds = [frameId];
|
|
}
|
|
|
|
chrome.scripting.insertCSS(details, () => {
|
|
const e = chrome.runtime.lastError;
|
|
if (e) {
|
|
reject(new Error(e.message));
|
|
} else {
|
|
resolve();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|