${phoneticsHtml ? `
${phoneticsHtml}
` : ''}
${meaningsHtml}${wordFormsHtml}${examplesHtml}
${escapeHtml(errorMsg)}
`);
}
requestAnimationFrame(() => showPopupAt(getSelectionRect()));
}
});
}
function showTranslationForSelection(selectionRect, text, options = {}) {
if (window.__translookup_confirm_showing) return;
const currentRect = getSelectionRect() || selectionRect;
if (!currentRect || !isValidSelection(text)) {
lastSelectionText = '';
hidePopup();
return;
}
if (!options.force && lastSelectionText === text && popup && !popup.classList.contains('mini-mode')) return;
lastSelectionText = text;
const popupEl = createPopup();
popupEl.classList.remove('mini-mode');
fetchAndRender(text);
}
function getSelectionRect() {
const selection = window.getSelection();
if (selection && !selection.isCollapsed && selection.rangeCount > 0) {
savedRange = selection.getRangeAt(0).cloneRange();
}
if (!savedRange) return null;
const range = savedRange;
let rect = range.getBoundingClientRect();
if (rect && rect.width > 0 && rect.height > 0) return rect;
const clientRects = Array.from(range.getClientRects()).filter(r => r.width > 0 && r.height > 0);
if (clientRects.length === 0) return null;
const left = Math.min(...clientRects.map(r => r.left));
const top = Math.min(...clientRects.map(r => r.top));
const right = Math.max(...clientRects.map(r => r.right));
const bottom = Math.max(...clientRects.map(r => r.bottom));
return { left, top, width: right - left, height: bottom - top, right, bottom };
}
document.addEventListener('dblclick', event => {
if (window.__translookup_confirm_showing) return;
if (isEventInsidePopup(event)) return;
const disableOutsideClose = GM_getValue('disable_outside_click_close', false);
if (disableOutsideClose && popup && popup.style.display === 'block' && !popup.classList.contains('mini-mode')) {
return;
}
const text = getSelectedText();
if (!text) return;
const selectionRect = getSelectionRect();
if (!selectionRect) return;
showMiniLookupPopup(selectionRect, text);
}, true);
function handlePendingSelection() {
if (window.__translookup_confirm_showing) return;
if (interactingWithPopup) return;
const text = getSelectedText();
const disableOutsideClose = GM_getValue('disable_outside_click_close', false);
if (disableOutsideClose && popup && popup.style.display === 'block' && !popup.classList.contains('mini-mode')) {
return;
}
if (!text) {
if (popup && popup.style.display === 'block') {
if (popup.classList.contains('mini-mode')) {
hidePopup();
lastSelectionText = '';
} else {
return;
}
}
return;
}
if (popup && popup.style.display === 'block' && !popup.classList.contains('mini-mode')) {
if (text === lastSelectionText) return;
}
const active = getClosestElement(document.activeElement, 'input, textarea, [contenteditable="true"]');
if (active) return;
const selectionRect = getSelectionRect();
if (!selectionRect) return;
showMiniLookupPopup(selectionRect, text);
}
function isTextInputTarget(element) {
return getClosestElement(element, 'input, textarea, [contenteditable="true"]');
}
function scheduleSelectionCheck() {
if (window.__translookup_confirm_showing) return;
clearTimeout(selectionTimeout);
selectionTimeout = setTimeout(handlePendingSelection, 150);
}
function selectionChanged(event) {
if (window.__translookup_confirm_showing) return;
if (
interactingWithPopup ||
isEventInsidePopup(event) ||
isTextInputTarget(event.target)
) {
return;
}
if (pointerIsDown && touchScrollActive) {
return;
}
if (pointerIsDown) {
touchSelectionPending = true;
clearTimeout(selectionTimeout);
selectionTimeout = setTimeout(() => {
if (touchScrollActive) return;
touchSelectionPending = false;
handlePendingSelection();
}, 120);
return;
}
scheduleSelectionCheck();
}
function selectionMouseUp(event) {
if (window.__translookup_confirm_showing) return;
pointerIsDown = false;
if (
event.type === 'touchend' &&
touchSource === 'popup'
) {
clearTimeout(selectionTimeout);
touchSelectionPending = false;
touchScrollActive = false;
if (interactingWithPopup) {
clearTimeout(popupInteractionTimeout);
popupInteractionTimeout = setTimeout(() => {
interactingWithPopup = false;
mouseDownInPopup = false;
}, 300);
}
touchSource = null;
return;
}
if (
event.type === 'touchend' &&
touchSource === 'page' &&
touchScrollActive
) {
clearTimeout(selectionTimeout);
touchSelectionPending = false;
setTimeout(() => {
touchScrollActive = false;
}, 80);
touchSource = null;
return;
}
if (interactingWithPopup) {
clearTimeout(popupInteractionTimeout);
popupInteractionTimeout = setTimeout(() => {
interactingWithPopup = false;
}, 300);
}
if (
event.type === 'mouseup' &&
event.button !== 0
) {
return;
}
if (
isEventInsidePopup(event) ||
isTextInputTarget(event.target)
) {
return;
}
if (event.type === 'touchend') {
if (touchSelectionPending) {
clearTimeout(selectionTimeout);
touchSelectionPending = false;
selectionTimeout = setTimeout(() => {
if (!touchScrollActive) {
handlePendingSelection();
}
}, 80);
} else {
scheduleSelectionCheck();
}
touchSource = null;
return;
}
scheduleSelectionCheck();
}
document.addEventListener('mousedown', event => {
if (event.button === 2) return;
pointerIsDown = true;
clearTimeout(selectionTimeout);
if (isEventInsidePopup(event)) {
interactingWithPopup = true;
mouseDownInPopup = true;
clearTimeout(popupInteractionTimeout);
} else {
interactingWithPopup = false;
mouseDownInPopup = true;
const disableOutsideClose = GM_getValue('disable_outside_click_close', false);
if (popup && (!disableOutsideClose || popup.classList.contains('mini-mode'))) {
hidePopup();
}
}
}, true);
document.addEventListener('touchstart', event => {
pointerIsDown = true;
clearTimeout(selectionTimeout);
touchScrollActive = false;
touchSelectionPending = false;
suppressNextOutsideClick = false;
const touch = event.touches && event.touches[0];
if (touch) {
touchStartX = touch.clientX;
touchStartY = touch.clientY;
}
if (isEventInsidePopup(event)) {
touchSource = 'popup';
interactingWithPopup = true;
mouseDownInPopup = true;
clearTimeout(popupInteractionTimeout);
return;
}
touchSource = 'page';
interactingWithPopup = false;
}, {
capture: true,
passive: true
});
document.addEventListener('touchmove', event => {
const touch = event.touches && event.touches[0];
if (!touch) return;
const dx = touch.clientX - touchStartX;
const dy = touch.clientY - touchStartY;
if ((dx * dx + dy * dy) <= 64) {
return;
}
if (touchSource === 'popup') {
touchScrollActive = false;
touchSelectionPending = false;
clearTimeout(selectionTimeout);
return;
}
if (touchSource === 'page') {
touchScrollActive = true;
touchSelectionPending = false;
clearTimeout(selectionTimeout);
if (
popup &&
popup.style.display === 'block' &&
!popup.classList.contains('mini-mode')
) {
suppressNextOutsideClick = true;
}
}
}, {
capture: true,
passive: true
});
document.addEventListener('selectionchange', selectionChanged, true);
document.addEventListener('mouseup', selectionMouseUp, true);
document.addEventListener('touchend', selectionMouseUp, true);
document.addEventListener('touchcancel', selectionMouseUp, true);
let repositionTimeout = null;
document.addEventListener('scroll', () => {
clearTimeout(repositionTimeout);
repositionTimeout = setTimeout(repositionPopup, 50);
}, { capture: true, passive: true });
window.addEventListener('resize', () => {
clearTimeout(repositionTimeout);
repositionTimeout = setTimeout(repositionPopup, 50);
});
document.addEventListener('click', event => {
if (window.__translookup_confirm_showing) return;
if (suppressNextOutsideClick) {
suppressNextOutsideClick = false;
return;
}
if (mouseDownInPopup) {
mouseDownInPopup = false;
return;
}
if (popup && popup.style.display === 'block') {
const rect = popup.getBoundingClientRect();
if (event.clientX >= rect.left && event.clientX <= rect.right &&
event.clientY >= rect.top && event.clientY <= rect.bottom) {
return;
}
}
if (!popup || !isEventInsidePopup(event)) {
const disableOutsideClose = GM_getValue('disable_outside_click_close', false);
if (
!disableOutsideClose ||
popup.classList.contains('mini-mode')
) {
hidePopup();
}
}
}, true);
window.addEventListener('keydown', event => {
if (event.altKey && event.key.toLowerCase() === 'q') {
const text = getSelectedText();
const selectionRect = getSelectionRect();
if (text && selectionRect) {
showTranslationForSelection(selectionRect, text, { force: true });
}
}
}, true);
function ensureDataIntegrity() {
let words = GM_getValue('favorite_words', []);
if (!Array.isArray(words)) {
GM_setValue('favorite_words', []);
} else {
migrateFavoriteData();
}
let notes = GM_getValue(NOTES_STORAGE_KEY, []);
if (!Array.isArray(notes)) {
GM_setValue(NOTES_STORAGE_KEY, []);
}
}
migrateFavoriteData();
cleanOldDeletedItems();
setInterval(cleanOldDeletedItems, 24 * 60 * 60 * 1000);
ensureDataIntegrity();
})();