diff options
Diffstat (limited to 'ext/fg')
-rw-r--r-- | ext/fg/float.html | 3 | ||||
-rw-r--r-- | ext/fg/js/text-source-element.js | 122 | ||||
-rw-r--r-- | ext/fg/js/text-source-range.js (renamed from ext/fg/js/source.js) | 115 |
3 files changed, 124 insertions, 116 deletions
diff --git a/ext/fg/float.html b/ext/fg/float.html index 2c15f0d2..df85bc62 100644 --- a/ext/fg/float.html +++ b/ext/fg/float.html @@ -53,7 +53,8 @@ <script src="/mixed/js/cache-map.js"></script> <script src="/mixed/js/document-util.js"></script> <script src="/fg/js/dom-text-scanner.js"></script> - <script src="/fg/js/source.js"></script> + <script src="/fg/js/text-source-range.js"></script> + <script src="/fg/js/text-source-element.js"></script> <script src="/mixed/js/audio-system.js"></script> <script src="/mixed/js/dictionary-data-util.js"></script> <script src="/mixed/js/display.js"></script> diff --git a/ext/fg/js/text-source-element.js b/ext/fg/js/text-source-element.js new file mode 100644 index 00000000..16ac5cd5 --- /dev/null +++ b/ext/fg/js/text-source-element.js @@ -0,0 +1,122 @@ +/* + * Copyright (C) 2016-2020 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 TextSourceElement { + constructor(element, fullContent=null, startOffset=0, endOffset=0) { + this._element = element; + this._fullContent = (typeof fullContent === 'string' ? fullContent : TextSourceElement.getElementContent(element)); + this._startOffset = startOffset; + this._endOffset = endOffset; + this._content = this._fullContent.substring(this._startOffset, this._endOffset); + } + + get element() { + return this._element; + } + + get fullContent() { + return this._fullContent; + } + + get startOffset() { + return this._startOffset; + } + + get endOffset() { + return this._endOffset; + } + + clone() { + return new TextSourceElement(this._element, this._fullContent, this._startOffset, this._endOffset); + } + + cleanup() { + // NOP + } + + text() { + return this._content; + } + + setEndOffset(length, fromEnd=false) { + if (fromEnd) { + const delta = Math.min(this._fullContent.length - this._endOffset, length); + this._endOffset += delta; + this._content = this._fullContent.substring(this._startOffset, this._endOffset); + return delta; + } else { + const delta = Math.min(this._fullContent.length - this._startOffset, length); + this._endOffset = this._startOffset + delta; + this._content = this._fullContent.substring(this._startOffset, this._endOffset); + return delta; + } + } + + setStartOffset(length) { + const delta = Math.min(this._startOffset, length); + this._startOffset -= delta; + this._content = this._fullContent.substring(this._startOffset, this._endOffset); + return delta; + } + + getRect() { + return this._element.getBoundingClientRect(); + } + + getWritingMode() { + return 'horizontal-tb'; + } + + select() { + // NOP + } + + deselect() { + // NOP + } + + equals(other) { + return ( + typeof other === 'object' && + other !== null && + other instanceof TextSourceElement && + this._element === other.element && + this._fullContent === other.fullContent && + this._startOffset === other.startOffset + ); + } + + static getElementContent(element) { + let content; + switch (element.nodeName.toUpperCase()) { + case 'BUTTON': + content = element.textContent; + break; + case 'IMG': + content = element.getAttribute('alt') || ''; + break; + default: + content = `${element.value}`; + break; + } + + // Remove zero-width non-joiner + content = content.replace(/\u200c/g, ''); + + return content; + } +} diff --git a/ext/fg/js/source.js b/ext/fg/js/text-source-range.js index 70f14179..86a57ae1 100644 --- a/ext/fg/js/source.js +++ b/ext/fg/js/text-source-range.js @@ -19,10 +19,6 @@ * DOMTextScanner */ -/* - * TextSourceRange - */ - class TextSourceRange { constructor(range, content, imposterContainer, imposterSourceElement) { this.range = range; @@ -151,114 +147,3 @@ class TextSourceRange { } } } - - -/* - * TextSourceElement - */ - -class TextSourceElement { - constructor(element, fullContent=null, startOffset=0, endOffset=0) { - this._element = element; - this._fullContent = (typeof fullContent === 'string' ? fullContent : TextSourceElement.getElementContent(element)); - this._startOffset = startOffset; - this._endOffset = endOffset; - this._content = this._fullContent.substring(this._startOffset, this._endOffset); - } - - get element() { - return this._element; - } - - get fullContent() { - return this._fullContent; - } - - get startOffset() { - return this._startOffset; - } - - get endOffset() { - return this._endOffset; - } - - clone() { - return new TextSourceElement(this._element, this._fullContent, this._startOffset, this._endOffset); - } - - cleanup() { - // NOP - } - - text() { - return this._content; - } - - setEndOffset(length, fromEnd=false) { - if (fromEnd) { - const delta = Math.min(this._fullContent.length - this._endOffset, length); - this._endOffset += delta; - this._content = this._fullContent.substring(this._startOffset, this._endOffset); - return delta; - } else { - const delta = Math.min(this._fullContent.length - this._startOffset, length); - this._endOffset = this._startOffset + delta; - this._content = this._fullContent.substring(this._startOffset, this._endOffset); - return delta; - } - } - - setStartOffset(length) { - const delta = Math.min(this._startOffset, length); - this._startOffset -= delta; - this._content = this._fullContent.substring(this._startOffset, this._endOffset); - return delta; - } - - getRect() { - return this._element.getBoundingClientRect(); - } - - getWritingMode() { - return 'horizontal-tb'; - } - - select() { - // NOP - } - - deselect() { - // NOP - } - - equals(other) { - return ( - typeof other === 'object' && - other !== null && - other instanceof TextSourceElement && - this._element === other.element && - this._fullContent === other.fullContent && - this._startOffset === other.startOffset - ); - } - - static getElementContent(element) { - let content; - switch (element.nodeName.toUpperCase()) { - case 'BUTTON': - content = element.textContent; - break; - case 'IMG': - content = element.getAttribute('alt') || ''; - break; - default: - content = `${element.value}`; - break; - } - - // Remove zero-width non-joiner - content = content.replace(/\u200c/g, ''); - - return content; - } -} |