1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
/*
* Copyright (C) 2016 Alex Yatskov <alex@foosoft.net>
* Author: Alex Yatskov <alex@foosoft.net>
*
* 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 <http://www.gnu.org/licenses/>.
*/
function getRangeAtCursor(e, lookAhead) {
const range = document.caretRangeFromPoint(e.clientX, e.clientY);
if (range === null) {
return null;
}
const node = range.startContainer;
if (node.nodeType !== 3 /* TEXT_NODE */) {
return null;
}
const offset = range.startOffset;
const length = Math.min(node.length - offset, lookAhead);
if (length === 0) {
return null;
}
range.setEnd(node, offset + length);
return range;
}
function getRangePaddedRect(range) {
const node = range.startContainer;
const startOffset = range.startOffset;
const endOffset = range.endOffset;
range.setStart(node, Math.max(0, startOffset - 1));
range.setEnd(node, Math.min(node.length, endOffset + 1));
const rect = range.getBoundingClientRect();
range.setStart(node, startOffset);
range.setEnd(node, endOffset);
return rect;
}
function getPopupPositionForRange(popup, range, offset) {
const rangeRect = range.getBoundingClientRect();
const popupRect = popup.get(0).getBoundingClientRect();
let posX = rangeRect.left;
if (posX + popupRect.width >= window.innerWidth) {
posX = window.innerWidth - popupRect.width;
}
let posY = rangeRect.bottom + offset;
if (posY + popupRect.height >= window.innerHeight) {
posY = rangeRect.top - popupRect.height - offset;
}
return {x: posX, y: posY};
}
function renderDefs(terms) {
const outputs = [];
for (let term of terms) {
outputs.push(renderDef(term));
}
return outputs.join('');
}
function renderDef(term) {
return `
<div class="yomichan-def">
<span class="yomichan-def-expression">${term.expression}</span>
<span class="yomichan-def-rules">${term.rules.join(' < ')}</span>
<span class="yomichan-def-reading">${term.reading}</span>
<span class="yomichan-def-glossary">${term.glossary}</span>
</div>
`;
}
|