yomichan/ext/js/display/query-parser.js

228 lines
7.3 KiB
JavaScript
Raw Normal View History

2019-10-29 21:49:36 +00:00
/*
* Copyright (C) 2019-2021 Yomichan Authors
2019-10-29 21:49:36 +00:00
*
* 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
2020-01-01 17:00:31 +00:00
* along with this program. If not, see <https://www.gnu.org/licenses/>.
2019-10-29 21:49:36 +00:00
*/
2020-03-11 02:30:36 +00:00
/* global
* TextScanner
*/
2019-10-29 21:49:36 +00:00
class QueryParser extends EventDispatcher {
constructor({getSearchContext, documentUtil}) {
super();
this._getSearchContext = getSearchContext;
this._documentUtil = documentUtil;
this._text = '';
this._setTextToken = null;
this._selectedParser = null;
this._parseResults = [];
this._queryParser = document.querySelector('#query-parser-content');
this._queryParserModeContainer = document.querySelector('#query-parser-mode-container');
this._queryParserModeSelect = document.querySelector('#query-parser-mode-select');
this._textScanner = new TextScanner({
node: this._queryParser,
getSearchContext,
documentUtil,
searchTerms: true,
searchKanji: false,
searchOnClick: true
});
2019-10-29 21:49:36 +00:00
}
get text() {
return this._text;
}
prepare() {
this._textScanner.prepare();
this._textScanner.on('clear', this._onTextScannerClear.bind(this));
this._textScanner.on('searched', this._onSearched.bind(this));
this._queryParserModeSelect.addEventListener('change', this._onParserChange.bind(this), false);
}
setOptions({selectedParser, termSpacing, scanning}) {
let selectedParserChanged = false;
if (selectedParser === null || typeof selectedParser === 'string') {
selectedParserChanged = (this._selectedParser !== selectedParser);
this._selectedParser = selectedParser;
}
if (typeof termSpacing === 'boolean') {
this._queryParser.dataset.termSpacing = `${termSpacing}`;
}
if (scanning !== null && typeof scanning === 'object') {
this._textScanner.setOptions(scanning);
}
this._textScanner.setEnabled(true);
if (selectedParserChanged && this._parseResults.length > 0) {
this._renderParseResult();
}
2020-02-10 20:09:23 +00:00
}
async setText(text) {
this._text = text;
this._setPreview(text);
const token = {};
this._setTextToken = token;
this._parseResults = await yomichan.api.textParse(text, this._getOptionsContext());
if (this._setTextToken !== token) { return; }
this._refreshSelectedParser();
this._renderParserSelect();
this._renderParseResult();
}
// Private
_onTextScannerClear() {
this._textScanner.clearSelection();
}
_onSearched(e) {
const {error} = e;
if (error !== null) {
log.error(error);
return;
}
if (e.type === null) { return; }
2019-10-30 01:58:24 +00:00
this.trigger('searched', e);
2019-10-29 21:49:36 +00:00
}
_onParserChange(e) {
const value = e.currentTarget.value;
this._setSelectedParser(value);
}
_getOptionsContext() {
return this._getSearchContext().optionsContext;
}
_refreshSelectedParser() {
if (this._parseResults.length > 0 && !this._getParseResult()) {
const value = this._parseResults[0].id;
this._setSelectedParser(value);
}
}
_setSelectedParser(value) {
const optionsContext = this._getOptionsContext();
yomichan.api.modifySettings([{
action: 'set',
path: 'parsing.selectedParser',
value,
scope: 'profile',
optionsContext
}], 'search');
2019-11-12 21:57:21 +00:00
}
_getParseResult() {
const selectedParser = this._selectedParser;
return this._parseResults.find((r) => r.id === selectedParser);
2019-11-12 21:57:21 +00:00
}
_setPreview(text) {
const terms = [[{text, reading: ''}]];
this._queryParser.textContent = '';
this._queryParser.dataset.parsed = 'false';
this._queryParser.appendChild(this._createParseResult(terms));
}
_renderParserSelect() {
const visible = (this._parseResults.length > 1);
if (visible) {
this._updateParserModeSelect(this._queryParserModeSelect, this._parseResults, this._selectedParser);
2019-11-12 21:57:21 +00:00
}
this._queryParserModeContainer.hidden = !visible;
2019-11-12 21:57:21 +00:00
}
_renderParseResult() {
const parseResult = this._getParseResult();
this._queryParser.textContent = '';
this._queryParser.dataset.parsed = 'true';
2020-02-06 02:00:02 +00:00
if (!parseResult) { return; }
this._queryParser.appendChild(this._createParseResult(parseResult.content));
}
_updateParserModeSelect(select, parseResults, selectedParser) {
const fragment = document.createDocumentFragment();
let index = 0;
let selectedIndex = -1;
for (const parseResult of parseResults) {
const option = document.createElement('option');
option.value = parseResult.id;
switch (parseResult.source) {
case 'scanning-parser':
option.textContent = 'Scanning parser';
break;
case 'mecab':
option.textContent = `MeCab: ${parseResult.dictionary}`;
break;
default:
option.textContent = `Unknown source: ${parseResult.source}`;
break;
}
fragment.appendChild(option);
if (selectedParser === parseResult.id) {
selectedIndex = index;
}
++index;
}
select.textContent = '';
select.appendChild(fragment);
select.selectedIndex = selectedIndex;
}
_createParseResult(terms) {
const fragment = document.createDocumentFragment();
for (const term of terms) {
const termNode = document.createElement('span');
termNode.className = 'query-parser-term';
for (const segment of term) {
if (segment.reading.trim().length === 0) {
termNode.appendChild(document.createTextNode(segment.text));
} else {
termNode.appendChild(this._createSegment(segment));
}
}
fragment.appendChild(termNode);
}
return fragment;
}
_createSegment(segment) {
const segmentNode = document.createElement('ruby');
segmentNode.className = 'query-parser-segment';
const textNode = document.createElement('span');
textNode.className = 'query-parser-segment-text';
const readingNode = document.createElement('rt');
readingNode.className = 'query-parser-segment-reading';
segmentNode.appendChild(textNode);
segmentNode.appendChild(readingNode);
textNode.textContent = segment.text;
readingNode.textContent = segment.reading;
return segmentNode;
}
2019-10-29 21:49:36 +00:00
}