tag found to check."); + } - if (firstPara) { - var computedPara=window.getComputedStyle(firstPara).fontFamily; - var computedAlign=window.getComputedStyle(firstPara).textAlign; - console.log(logTag + ": [PARAGRAPH] Computed font-family: " + computedPara); - console.log(logTag + ": [PARAGRAPH] Inner Text Sample: " + firstPara.innerText.substring(0, 20)); + if (fontFamily && fontFamily !== "") { + var isCheckAvailable = document.fonts && document.fonts.check; + + if (isCheckAvailable) { + var loaded = document.fonts.check("12px '" + fontFamily + "'"); + console.log(logTag + ": Font Loading Status -> document.fonts.check('" + fontFamily + "') = " + loaded); + } else { + console.log(logTag + ": document.fonts API not available."); } + } + }, - else { - console.log(logTag + ": [PARAGRAPH] No
tag found to check.");
- }
+ 300,
+ );
- if (fontFamily && fontFamily !=="") {
- var isCheckAvailable=(document.fonts && document.fonts.check);
+ if (window.reportScrollState) {
+ setTimeout(window.reportScrollState, 60);
+ }
+ };
- if (isCheckAvailable) {
- var loaded=document.fonts.check("12px '" + fontFamily + "'");
- console.log(logTag + ": Font Loading Status -> document.fonts.check('" + fontFamily + "') = " + loaded);
+ window.TOC_FRAGMENTS = window.TOC_FRAGMENTS || [];
+
+ window.setTocFragments = function (jsonArray) {
+ console.log("FRAG_NAV_DEBUG: window.setTocFragments called with " + jsonArray.length + " items.");
+ window.TOC_FRAGMENTS = jsonArray;
+ // Immediate audit and report
+ window.auditTocFragments();
+ window.reportScrollState();
+ };
+
+ window.reportScrollState = function () {
+ if (typeof PageInfoReporter !== "undefined" && PageInfoReporter.updateScrollState) {
+ var scrollY = Math.round(window.scrollY || window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
+ var scrollHeight = Math.round(Math.max(document.body.scrollHeight, document.documentElement.scrollHeight));
+ var clientHeight = Math.round(document.documentElement.clientHeight || window.innerHeight || 0);
+
+ if (clientHeight === 0) return;
+
+ var activeFragment = null;
+ var hasFoundAnyElementInDom = false;
+
+ if (window.TOC_FRAGMENTS && window.TOC_FRAGMENTS.length > 0) {
+ // Adjust threshold to be slightly more forgiving (padding + 60px)
+ var threshold = window.VIEWPORT_PADDING_TOP + 60;
+
+ for (var i = 0; i < window.TOC_FRAGMENTS.length; i++) {
+ var id = window.TOC_FRAGMENTS[i];
+ // FIX: Look for both 'id' and 'name' attributes
+ var el = document.getElementById(id) || document.querySelector('[name="' + id + '"]');
+
+ if (el) {
+ hasFoundVisible = true;
+ var rect = el.getBoundingClientRect();
+
+ // Log individual element positions so we can see them in your FRAG_NAV_DEBUG filter
+ console.log("FRAG_NAV_DEBUG: Checking #" + id + " | rect.top: " + Math.round(rect.top) + " | threshold: " + threshold);
+
+ if (rect.top <= threshold) {
+ activeFragment = id;
+ } else {
+ break;
}
-
- else {
- console.log(logTag + ": document.fonts API not available.");
+ } else {
+ if (!hasFoundVisible) {
+ activeFragment = id;
}
}
}
-
- , 300);
-
- if (window.reportScrollState) {
- setTimeout(window.reportScrollState, 60);
}
+
+ // Fallback for the very start of the chapter
+ if (activeFragment === null && scrollY < 50 && window.TOC_FRAGMENTS && window.TOC_FRAGMENTS.length > 0) {
+ activeFragment = window.TOC_FRAGMENTS[0];
+ }
+
+ PageInfoReporter.updateScrollState(scrollY, scrollHeight, clientHeight, activeFragment);
}
- ;
+ window.reportTopChunk();
+ };
- window.TOC_FRAGMENTS=window.TOC_FRAGMENTS || [];
+ // ADD THIS NEW DIAGNOSTIC FUNCTION
+ window.auditTocFragments = function () {
+ console.log("FRAG_NAV_DEBUG: --- Starting DOM Audit ---");
- window.setTocFragments=function (jsonArray) {
- console.log("FRAG_NAV_DEBUG: window.setTocFragments called with " + jsonArray.length + " items.");
- window.TOC_FRAGMENTS=jsonArray;
- // Immediate audit and report
- window.auditTocFragments();
+ if (!window.TOC_FRAGMENTS || window.TOC_FRAGMENTS.length === 0) {
+ console.log("FRAG_NAV_DEBUG: Audit failed - window.TOC_FRAGMENTS is empty.");
+ return;
+ }
+
+ var foundCount = 0;
+
+ window.TOC_FRAGMENTS.forEach((id) => {
+ var el = document.getElementById(id);
+
+ if (el) {
+ foundCount++;
+ console.log("FRAG_NAV_DEBUG: [FOUND] ID: " + id + " | Tag: " + el.tagName + " | OffsetTop: " + el.offsetTop);
+ } else {
+ console.log("FRAG_NAV_DEBUG: [MISSING] ID: " + id + " - Not in DOM.");
+ }
+ });
+ console.log("FRAG_NAV_DEBUG: Audit complete. Found " + foundCount + "/" + window.TOC_FRAGMENTS.length);
+
+ // Also log some random IDs from the DOM to see what's actually there
+ var allWithId = document.querySelectorAll("[id]");
+ console.log(
+ "FRAG_NAV_DEBUG: Sample IDs existing in DOM: " +
+ Array.from(allWithId)
+ .slice(0, 5)
+ .map((el) => el.id)
+ .join(", "),
+ );
+ };
+
+ window.addEventListener("scroll", window.reportScrollState, { passive: true });
+ window.addEventListener("resize", window.reportScrollState);
+
+ window.triggerInitialScrollStateReport = function () {
+ var attempts = 0;
+ var maxAttempts = 7;
+ var baseInterval = 100;
+
+ function tryReport() {
+ attempts++;
window.reportScrollState();
- }
+ var currentClientHeight = document.documentElement.clientHeight || window.innerHeight || 0;
- ;
-
-
- window.reportScrollState=function () {
- if (typeof PageInfoReporter !=='undefined' && PageInfoReporter.updateScrollState) {
- var scrollY=Math.round(window.scrollY || window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
- var scrollHeight=Math.round(Math.max(document.body.scrollHeight, document.documentElement.scrollHeight));
- var clientHeight=Math.round(document.documentElement.clientHeight || window.innerHeight || 0);
-
- if (clientHeight===0) return;
-
- var activeFragment=null;
- var hasFoundAnyElementInDom=false;
-
- if (window.TOC_FRAGMENTS && window.TOC_FRAGMENTS.length > 0) {
- // Adjust threshold to be slightly more forgiving (padding + 60px)
- var threshold=window.VIEWPORT_PADDING_TOP + 60;
-
- for (var i=0; i < window.TOC_FRAGMENTS.length; i++) {
- var id=window.TOC_FRAGMENTS[i];
- // FIX: Look for both 'id' and 'name' attributes
- var el=document.getElementById(id) || document.querySelector('[name="' + id + '"]');
-
- if (el) {
- hasFoundVisible=true;
- var rect=el.getBoundingClientRect();
-
- // Log individual element positions so we can see them in your FRAG_NAV_DEBUG filter
- console.log("FRAG_NAV_DEBUG: Checking #" + id + " | rect.top: " + Math.round(rect.top) + " | threshold: " + threshold);
-
- if (rect.top <=threshold) {
- activeFragment=id;
- }
-
- else {
- break;
- }
- }
-
- else {
- if ( !hasFoundVisible) {
- activeFragment=id;
- }
- }
- }
- }
-
- // Fallback for the very start of the chapter
- if (activeFragment===null && scrollY < 50 && window.TOC_FRAGMENTS && window.TOC_FRAGMENTS.length > 0) {
- activeFragment=window.TOC_FRAGMENTS[0];
- }
-
- PageInfoReporter.updateScrollState(scrollY, scrollHeight, clientHeight, activeFragment);
- }
-
- window.reportTopChunk();
- }
-
- ;
-
- // ADD THIS NEW DIAGNOSTIC FUNCTION
- window.auditTocFragments=function () {
- console.log("FRAG_NAV_DEBUG: --- Starting DOM Audit ---");
-
- if ( !window.TOC_FRAGMENTS || window.TOC_FRAGMENTS.length===0) {
- console.log("FRAG_NAV_DEBUG: Audit failed - window.TOC_FRAGMENTS is empty.");
+ if (currentClientHeight > 0) {
+ setTimeout(window.reportScrollState, 50);
return;
}
- var foundCount=0;
-
- window.TOC_FRAGMENTS.forEach(id=> {
- var el=document.getElementById(id);
-
- if (el) {
- foundCount++;
- console.log("FRAG_NAV_DEBUG: [FOUND] ID: " + id + " | Tag: " + el.tagName + " | OffsetTop: " + el.offsetTop);
- }
-
- else {
- console.log("FRAG_NAV_DEBUG: [MISSING] ID: " + id + " - Not in DOM.");
- }
- });
- console.log("FRAG_NAV_DEBUG: Audit complete. Found " + foundCount + "/" + window.TOC_FRAGMENTS.length);
-
- // Also log some random IDs from the DOM to see what's actually there
- var allWithId=document.querySelectorAll('[id]');
- console.log("FRAG_NAV_DEBUG: Sample IDs existing in DOM: " + Array.from(allWithId).slice(0, 5).map(el=> el.id).join(", "));
- }
-
- ;
-
- window.addEventListener('scroll', window.reportScrollState, {
- passive: true
- });
- window.addEventListener('resize', window.reportScrollState);
-
- window.triggerInitialScrollStateReport=function () {
- var attempts=0; var maxAttempts=7; var baseInterval=100;
-
- function tryReport() {
- attempts++; window.reportScrollState();
- var currentClientHeight=document.documentElement.clientHeight || window.innerHeight || 0;
-
- if (currentClientHeight > 0) {
- setTimeout(window.reportScrollState, 50); return;
- }
-
if (attempts < maxAttempts) {
- var retryDelay=baseInterval + (attempts * 50); setTimeout(tryReport, retryDelay);
+ var retryDelay = baseInterval + attempts * 50;
+ setTimeout(tryReport, retryDelay);
}
}
setTimeout(tryReport, baseInterval);
- }
+ };
- ;
-
- window.scrollToChapterStart=function () {
+ window.scrollToChapterStart = function () {
requestAnimationFrame(function () {
- window.scrollTo(0, 0);
+ window.scrollTo(0, 0);
- setTimeout(function () {
- window.reportScrollState();
- }
+ setTimeout(
+ function () {
+ window.reportScrollState();
+ },
- , 100);
- });
- }
+ 100,
+ );
+ });
+ };
- ;
-
- window.scrollToChapterEnd=function () {
+ window.scrollToChapterEnd = function () {
requestAnimationFrame(function () {
- var targetScrollY=(document.body.scrollHeight || document.documentElement.scrollHeight) - (window.innerHeight || document.documentElement.clientHeight);
- if (targetScrollY < 0) targetScrollY=0;
- window.scrollTo(0, targetScrollY);
+ var targetScrollY =
+ (document.body.scrollHeight || document.documentElement.scrollHeight) - (window.innerHeight || document.documentElement.clientHeight);
+ if (targetScrollY < 0) targetScrollY = 0;
+ window.scrollTo(0, targetScrollY);
- setTimeout(function () {
- window.reportScrollState();
- }
+ setTimeout(
+ function () {
+ window.reportScrollState();
+ },
- , 100);
- });
- }
+ 100,
+ );
+ });
+ };
- ;
-
- window.scrollToSpecificY=function (yPosition) {
- if (typeof yPosition==='number' && yPosition >=0) {
+ window.scrollToSpecificY = function (yPosition) {
+ if (typeof yPosition === "number" && yPosition >= 0) {
window.scrollTo(0, yPosition);
- setTimeout(function () {
+ setTimeout(
+ function () {
window.reportScrollState();
- }
+ },
- , 100);
- }
-
- else {
- setTimeout(function () {
+ 100,
+ );
+ } else {
+ setTimeout(
+ function () {
window.reportScrollState();
- }
+ },
- , 100);
+ 100,
+ );
}
- }
-
- ;
+ };
function initializeReaderContent() {
applyMobileOptimizationsAndSelection();
}
- if (document.readyState==='complete' || document.readyState==='interactive') {
+ if (document.readyState === "complete" || document.readyState === "interactive") {
initializeReaderContent();
+ } else {
+ document.addEventListener("DOMContentLoaded", initializeReaderContent);
}
- else {
- document.addEventListener('DOMContentLoaded', initializeReaderContent);
- }
+ window.clearSearchHighlights = function () {
+ document.querySelectorAll("mark.search-highlight").forEach(function (el) {
+ var parent = el.parentNode;
- window.clearSearchHighlights=function () {
- document.querySelectorAll('mark.search-highlight').forEach(function (el) {
- var parent=el.parentNode;
-
- if (parent) {
- while (el.firstChild) {
- parent.insertBefore(el.firstChild, el);
- }
-
- parent.removeChild(el);
- parent.normalize();
+ if (parent) {
+ while (el.firstChild) {
+ parent.insertBefore(el.firstChild, el);
}
- });
+
+ parent.removeChild(el);
+ parent.normalize();
+ }
+ });
return "JS: Search highlights cleared.";
- }
+ };
- ;
-
- window.highlightAllOccurrences=function (query) {
+ window.highlightAllOccurrences = function (query) {
window.clearSearchHighlights();
- if ( !query || query.length < 2) return "JS: Query too short for highlighting.";
+ if (!query || query.length < 2) return "JS: Query too short for highlighting.";
- var walker=document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
- var nodesToModify=[];
+ var walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
+ var nodesToModify = [];
- while (node=walker.nextNode()) {
+ while ((node = walker.nextNode())) {
if (node.nodeValue.toLowerCase().includes(query.toLowerCase())) {
nodesToModify.push(node);
}
}
- var regex = new RegExp('(' + query.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&') + ')', 'gi');
+ var regex = new RegExp("(" + query.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&") + ")", "gi");
nodesToModify.forEach(function (textNode) {
- if (textNode.parentNode && textNode.parentNode.tagName !=='SCRIPT' && textNode.parentNode.tagName !=='STYLE') {
- var tempDiv=document.createElement('div');
- tempDiv.innerHTML=textNode.nodeValue.replace(regex, '$1');
+ if (textNode.parentNode && textNode.parentNode.tagName !== "SCRIPT" && textNode.parentNode.tagName !== "STYLE") {
+ var tempDiv = document.createElement("div");
+ tempDiv.innerHTML = textNode.nodeValue.replace(regex, '$1');
- var parent=textNode.parentNode;
+ var parent = textNode.parentNode;
- while (tempDiv.firstChild) {
- parent.insertBefore(tempDiv.firstChild, textNode);
+ while (tempDiv.firstChild) {
+ parent.insertBefore(tempDiv.firstChild, textNode);
+ }
+
+ parent.removeChild(textNode);
+ }
+ });
+
+ return "JS: Highlighted " + document.querySelectorAll("mark.search-highlight").length + " occurrences.";
+ };
+
+ window.scrollToOccurrence = function (index) {
+ var highlights = document.querySelectorAll("mark.search-highlight");
+
+ if (highlights && index >= 0 && index < highlights.length) {
+ var element = highlights[index];
+
+ element.scrollIntoView({ behavior: "auto", block: "center", inline: "nearest" });
+ return "JS: Scrolled to occurrence " + index;
+ }
+
+ return "JS: Occurrence " + index + " not found.";
+ };
+
+ window.removeHighlight = function () {
+ var highlightNode;
+ var removedCount = 0;
+
+ while ((highlightNode = document.querySelector(".tts-highlight")) !== null) {
+ var parent = highlightNode.parentNode;
+
+ if (parent) {
+ try {
+ while (highlightNode.firstChild) {
+ parent.insertBefore(highlightNode.firstChild, highlightNode);
}
- parent.removeChild(textNode);
+ parent.removeChild(highlightNode);
+ parent.normalize();
+ removedCount++;
+ } catch (e) {
+ if (highlightNode.parentNode) {
+ // Check if it wasn't already removed by a concurrent process
+ highlightNode.remove(); // Fallback removal
+ }
+
+ break; // Exit loop on error to prevent infinite loop on a problematic node
}
- });
-
- return "JS: Highlighted " + document.querySelectorAll('mark.search-highlight').length + " occurrences.";
- }
-
- ;
-
- window.scrollToOccurrence=function (index) {
- var highlights=document.querySelectorAll('mark.search-highlight');
-
- if (highlights && index >=0 && index < highlights.length) {
- var element=highlights[index];
-
- element.scrollIntoView({
- behavior: 'auto', block: 'center', inline: 'nearest'
- });
- return "JS: Scrolled to occurrence " + index;
- }
-
- return "JS: Occurrence " + index + " not found.";
-}
-
-;
-
-window.removeHighlight=function () {
- var highlightNode;
- var removedCount=0;
-
- while ((highlightNode=document.querySelector('.tts-highlight')) !==null) {
- var parent=highlightNode.parentNode;
-
- if (parent) {
- try {
- while (highlightNode.firstChild) {
- parent.insertBefore(highlightNode.firstChild, highlightNode);
+ } else {
+ try {
+ highlightNode.remove();
+ removedCount++;
+ } catch (e_orphan) {
+ // console.error("JS: Error removing orphaned highlight node: " + e_orphan.message, highlightNode);
}
- parent.removeChild(highlightNode);
- parent.normalize();
- removedCount++;
- }
-
- catch (e) {
- if (highlightNode.parentNode) {
- // Check if it wasn't already removed by a concurrent process
- highlightNode.remove(); // Fallback removal
- }
-
- break; // Exit loop on error to prevent infinite loop on a problematic node
+ break;
}
}
+ };
- else {
- try {
- highlightNode.remove();
- removedCount++;
- }
+ const TTS_HIGHLIGHT_LOG_TAG = "TTS_HIGHLIGHT_DIAGNOSIS";
- catch (e_orphan) {
- // console.error("JS: Error removing orphaned highlight node: " + e_orphan.message, highlightNode);
- }
-
- break;
- }
- }
-}
-
-;
-
-const TTS_HIGHLIGHT_LOG_TAG="TTS_HIGHLIGHT_DIAGNOSIS";
-
-window.highlightFromCfi=function (cfi, textToHighlight, startOffset) {
- console.log(`$ {
+ window.highlightFromCfi = function (cfi, textToHighlight, startOffset) {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
@@ -778,12 +769,12 @@ window.highlightFromCfi=function (cfi, textToHighlight, startOffset) {
}
, Text='${textToHighlight.substring(0, 50)}...' `);
- window.removeHighlight();
+ window.removeHighlight();
- if ( !cfi || !textToHighlight) {
- const errorMsg="JS: CFI or text missing.";
+ if (!cfi || !textToHighlight) {
+ const errorMsg = "JS: CFI or text missing.";
- console.log(`$ {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
@@ -792,21 +783,21 @@ window.highlightFromCfi=function (cfi, textToHighlight, startOffset) {
}
`);
- return errorMsg;
- }
+ return errorMsg;
+ }
- try {
- console.log(`$ {
+ try {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
: Resolving CFI to node...`);
- const location=window.getNodeAndOffsetFromCfi(cfi);
+ const location = window.getNodeAndOffsetFromCfi(cfi);
- if ( !location || !location.node) {
- const errorMsg="JS: Could not find node for CFI.";
+ if (!location || !location.node) {
+ const errorMsg = "JS: Could not find node for CFI.";
- console.log(`$ {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
@@ -815,10 +806,10 @@ window.highlightFromCfi=function (cfi, textToHighlight, startOffset) {
}
`);
- return errorMsg;
- }
+ return errorMsg;
+ }
- console.log(`$ {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
@@ -828,25 +819,24 @@ window.highlightFromCfi=function (cfi, textToHighlight, startOffset) {
, Text content: '${(location.node.textContent || "").substring(0, 50)}...' `);
+ const baseNode = location.node;
+ let remainingOffset = startOffset;
- const baseNode=location.node;
- let remainingOffset=startOffset;
+ const treeWalker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
+ treeWalker.currentNode = baseNode;
- const treeWalker=document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
- treeWalker.currentNode=baseNode;
+ let currentNode = baseNode.nodeType === Node.TEXT_NODE ? baseNode : treeWalker.nextNode();
- let currentNode=(baseNode.nodeType===Node.TEXT_NODE) ? baseNode : treeWalker.nextNode();
+ // 1. Find the starting text node and character position
+ while (currentNode && remainingOffset >= currentNode.nodeValue.length) {
+ remainingOffset -= currentNode.nodeValue.length;
+ currentNode = treeWalker.nextNode();
+ }
- // 1. Find the starting text node and character position
- while (currentNode && remainingOffset >=currentNode.nodeValue.length) {
- remainingOffset -=currentNode.nodeValue.length;
- currentNode=treeWalker.nextNode();
- }
+ if (!currentNode) {
+ const errorMsg = "JS: Text offset is out of bounds for the CFI node.";
- if ( !currentNode) {
- const errorMsg="JS: Text offset is out of bounds for the CFI node.";
-
- console.log(`$ {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
@@ -855,10 +845,10 @@ window.highlightFromCfi=function (cfi, textToHighlight, startOffset) {
}
`);
- return errorMsg;
- }
+ return errorMsg;
+ }
- console.log(`$ {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
@@ -868,19 +858,19 @@ window.highlightFromCfi=function (cfi, textToHighlight, startOffset) {
`);
- const range=document.createRange();
- range.setStart(currentNode, remainingOffset);
+ const range = document.createRange();
+ range.setStart(currentNode, remainingOffset);
- // 2. Find the ending text node and character position
- let remainingTextLength=textToHighlight.length;
- let endNode=currentNode;
- let endOffset=remainingOffset;
- let sanityCheck=0;
+ // 2. Find the ending text node and character position
+ let remainingTextLength = textToHighlight.length;
+ let endNode = currentNode;
+ let endOffset = remainingOffset;
+ let sanityCheck = 0;
- while (remainingTextLength > 0 && endNode && sanityCheck < 50) {
- const availableLength=endNode.nodeValue.length - endOffset;
+ while (remainingTextLength > 0 && endNode && sanityCheck < 50) {
+ const availableLength = endNode.nodeValue.length - endOffset;
- console.log(`$ {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
@@ -894,24 +884,22 @@ window.highlightFromCfi=function (cfi, textToHighlight, startOffset) {
`);
- if (availableLength >=remainingTextLength) {
- endOffset +=remainingTextLength;
- remainingTextLength=0;
+ if (availableLength >= remainingTextLength) {
+ endOffset += remainingTextLength;
+ remainingTextLength = 0;
+ } else {
+ remainingTextLength -= availableLength;
+ // Important: We need a fresh walker starting from the endNode to find the *next* text node reliably
+ const nextNodeWalker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
+ nextNodeWalker.currentNode = endNode;
+ endNode = nextNodeWalker.nextNode();
+ endOffset = 0; // Start from the beginning of the next node
+ }
+
+ sanityCheck++;
}
- else {
- remainingTextLength -=availableLength;
- // Important: We need a fresh walker starting from the endNode to find the *next* text node reliably
- const nextNodeWalker=document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
- nextNodeWalker.currentNode=endNode;
- endNode=nextNodeWalker.nextNode();
- endOffset=0; // Start from the beginning of the next node
- }
-
- sanityCheck++;
- }
-
- console.log(`$ {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
@@ -921,42 +909,35 @@ window.highlightFromCfi=function (cfi, textToHighlight, startOffset) {
`);
-
- if (remainingTextLength > 0) {
- console.log(`$ {
+ if (remainingTextLength > 0) {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
: Text to highlight was longer than found text nodes. Highlighting to end of last found node.`);
- if (endNode) {
- range.setEnd(endNode, endNode.nodeValue.length);
+ if (endNode) {
+ range.setEnd(endNode, endNode.nodeValue.length);
+ } else {
+ const lastKnownGoodNode = range.endContainer;
+ range.setEnd(lastKnownGoodNode, lastKnownGoodNode.nodeValue.length);
+ }
+ } else {
+ range.setEnd(endNode, endOffset);
}
- else {
- const lastKnownGoodNode=range.endContainer;
- range.setEnd(lastKnownGoodNode, lastKnownGoodNode.nodeValue.length);
- }
- }
+ const highlightSpan = document.createElement("span");
+ highlightSpan.className = "tts-highlight";
- else {
- range.setEnd(endNode, endOffset);
- }
-
- const highlightSpan=document.createElement('span');
- highlightSpan.className='tts-highlight';
-
- try {
- console.log(`$ {
+ try {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
: Attempting to surround content with highlight span.`);
- range.surroundContents(highlightSpan);
- }
-
- catch (e) {
- console.log(`$ {
+ range.surroundContents(highlightSpan);
+ } catch (e) {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
@@ -965,28 +946,23 @@ window.highlightFromCfi=function (cfi, textToHighlight, startOffset) {
}
`);
- const contents=range.extractContents();
- highlightSpan.appendChild(contents);
- range.insertNode(highlightSpan);
- }
+ const contents = range.extractContents();
+ highlightSpan.appendChild(contents);
+ range.insertNode(highlightSpan);
+ }
- console.log(`$ {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
: Highlight successful. Scrolling into view.`);
- highlightSpan.scrollIntoView({
- behavior: 'smooth', block: 'center', inline: 'nearest'
- });
- return "JS: Highlight successful.";
+ highlightSpan.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
+ return "JS: Highlight successful.";
+ } catch (e) {
+ const errorMsg = "JS: Error during highlightFromCfi: " + e.message;
-}
-
-catch (e) {
- const errorMsg="JS: Error during highlightFromCfi: " + e.message;
-
- console.log(`$ {
+ console.log(`$ {
TTS_HIGHLIGHT_LOG_TAG
}
@@ -995,260 +971,246 @@ catch (e) {
}
`);
- return errorMsg;
-}
-}
-
-;
-
-window.extractTextWithCfiFromTop=function () {
- try {
- // 1. Find the element at the top of the viewport.
- const viewportX=window.innerWidth / 2;
- const viewportY=window.VIEWPORT_PADDING_TOP + 20; // A bit down from the very top edge
- let topElement=document.elementFromPoint(viewportX, viewportY);
-
- if ( !topElement) {
- // Fallback if nothing is found (e.g., blank space between elements)
- topElement=document.body.querySelector('p, h1, h2, h3, h4, img, svg, table, li');
- if ( !topElement) return "[]"; // Chapter seems empty
+ return errorMsg;
}
+ };
- // 2. Find its containing block-level element that we use for TTS.
- const ttsNodeSelector='p, h1, h2, h3, h4, h5, h6, li, blockquote';
- let startBlock=topElement.closest(ttsNodeSelector);
+ window.extractTextWithCfiFromTop = function () {
+ try {
+ // 1. Find the element at the top of the viewport.
+ const viewportX = window.innerWidth / 2;
+ const viewportY = window.VIEWPORT_PADDING_TOP + 20; // A bit down from the very top edge
+ let topElement = document.elementFromPoint(viewportX, viewportY);
- if ( !startBlock) {
- // If the element itself isn't in a TTS block, fall back to the start of the chapter.
- console.log("Could not find a starting TTS block. Falling back to full chapter.");
- return window.extractTextWithCfi();
- }
+ if (!topElement) {
+ // Fallback if nothing is found (e.g., blank space between elements)
+ topElement = document.body.querySelector("p, h1, h2, h3, h4, img, svg, table, li");
+ if (!topElement) return "[]"; // Chapter seems empty
+ }
- // 3. Get all potential TTS nodes.
- const allContentNodes=Array.from(document.body.querySelectorAll(ttsNodeSelector));
+ // 2. Find its containing block-level element that we use for TTS.
+ const ttsNodeSelector = "p, h1, h2, h3, h4, h5, h6, li, blockquote";
+ let startBlock = topElement.closest(ttsNodeSelector);
- // 4. Find the index of our starting block.
- const startIndex=allContentNodes.findIndex(node=> node===startBlock);
+ if (!startBlock) {
+ // If the element itself isn't in a TTS block, fall back to the start of the chapter.
+ console.log("Could not find a starting TTS block. Falling back to full chapter.");
+ return window.extractTextWithCfi();
+ }
- if (startIndex===-1) {
- // Should be rare if startBlock was found, but as a safeguard:
- console.log("Could not find the start block in the node list. Falling back to full chapter.");
- return window.extractTextWithCfi();
- }
+ // 3. Get all potential TTS nodes.
+ const allContentNodes = Array.from(document.body.querySelectorAll(ttsNodeSelector));
- // 5. Slice the array and process it.
- const nodesToProcess=allContentNodes.slice(startIndex);
- const results=[];
+ // 4. Find the index of our starting block.
+ const startIndex = allContentNodes.findIndex((node) => node === startBlock);
- nodesToProcess.forEach(node=> {
- const text=node.innerText ? node.innerText.trim() : "";
+ if (startIndex === -1) {
+ // Should be rare if startBlock was found, but as a safeguard:
+ console.log("Could not find the start block in the node list. Falling back to full chapter.");
+ return window.extractTextWithCfi();
+ }
- if (text.length > 0 && node.offsetParent !==null) {
+ // 5. Slice the array and process it.
+ const nodesToProcess = allContentNodes.slice(startIndex);
+ const results = [];
+
+ nodesToProcess.forEach((node) => {
+ const text = node.innerText ? node.innerText.trim() : "";
+
+ if (text.length > 0 && node.offsetParent !== null) {
try {
- const cfi=getCfiPathForElement(node, 0);
+ const cfi = getCfiPathForElement(node, 0);
if (cfi) {
- results.push({
- cfi: cfi, text: text
- });
+ results.push({ cfi: cfi, text: text });
+ }
+ } catch (e) {
+ // ignore CFI generation errors for a single node
}
}
+ });
- catch (e) {
- // ignore CFI generation errors for a single node
- }
- }
- });
+ return JSON.stringify(results);
+ } catch (e) {
+ // On any error, fall back to extracting everything to not break TTS completely.
+ return window.extractTextWithCfi();
+ }
+ };
- return JSON.stringify(results);
+ window.extractTextWithCfi = function () {
+ const results = [];
+ const contentNodes = document.body.querySelectorAll("p, h1, h2, h3, h4, h5, h6, li, blockquote");
-}
+ contentNodes.forEach((node) => {
+ const text = node.innerText ? node.innerText.trim() : "";
-catch (e) {
- // On any error, fall back to extracting everything to not break TTS completely.
- return window.extractTextWithCfi();
-}
-}
-
-;
-
-window.extractTextWithCfi=function () {
- const results=[];
- const contentNodes=document.body.querySelectorAll('p, h1, h2, h3, h4, h5, h6, li, blockquote');
-
- contentNodes.forEach(node=> {
- const text=node.innerText ? node.innerText.trim() : "";
-
- if (text.length > 0 && node.offsetParent !==null) {
+ if (text.length > 0 && node.offsetParent !== null) {
try {
- const cfi=getCfiPathForElement(node, 0);
+ const cfi = getCfiPathForElement(node, 0);
if (cfi) {
- results.push({
- cfi: cfi, text: text
- });
+ results.push({ cfi: cfi, text: text });
+ }
+ } catch (e) {}
+ }
+ });
+ const jsonResult = JSON.stringify(results);
+ return jsonResult;
+ };
+
+ window.TtsBridgeHelper = {
+ extractAndRelayText: function () {
+ try {
+ const structuredTextJson = window.extractTextWithCfiFromTop();
+
+ if (typeof TtsBridge !== "undefined" && TtsBridge.onStructuredTextExtracted) {
+ TtsBridge.onStructuredTextExtracted(structuredTextJson);
+ }
+ } catch (e) {
+ if (typeof TtsBridge !== "undefined" && TtsBridge.onStructuredTextExtracted) {
+ TtsBridge.onStructuredTextExtracted("[]");
}
}
+ },
+ };
- catch (e) {}
- }
- });
-const jsonResult=JSON.stringify(results);
-return jsonResult;
-}
+ window.reportTopChunk = function () {
+ if (typeof ProgressReporter === "undefined" || typeof ProgressReporter.updateTopChunk === "undefined") return;
-;
+ const topElement = document.elementFromPoint(window.innerWidth / 2, window.VIEWPORT_PADDING_TOP + 1);
-window.TtsBridgeHelper= {
- extractAndRelayText: function () {
- try {
- const structuredTextJson=window.extractTextWithCfiFromTop();
+ if (topElement) {
+ const chunkContainer = topElement.closest("[data-chunk-index]");
- if (typeof TtsBridge !=='undefined' && TtsBridge.onStructuredTextExtracted) {
- TtsBridge.onStructuredTextExtracted(structuredTextJson);
+ if (chunkContainer) {
+ const chunkIndex = parseInt(chunkContainer.dataset.chunkIndex, 10);
+
+ if (!isNaN(chunkIndex)) {
+ ProgressReporter.updateTopChunk(chunkIndex);
+ }
+ } else {
+ ProgressReporter.updateTopChunk(0);
}
}
+ };
- catch (e) {
- if (typeof TtsBridge !=='undefined' && TtsBridge.onStructuredTextExtracted) {
- TtsBridge.onStructuredTextExtracted("[]");
+ window.AiBridgeHelper = {
+ extractAndRelayTextForSummarization: function () {
+ var textContent = "";
+
+ try {
+ var mainElement = document.querySelector('article, [role="main"], main, body');
+
+ if (mainElement) {
+ textContent = mainElement.innerText || mainElement.textContent || "";
+ } else {
+ textContent = document.body.innerText || document.body.textContent || "";
+ }
+
+ if (typeof AiBridge !== "undefined" && AiBridge.onContentExtractedForSummarization) {
+ AiBridge.onContentExtractedForSummarization(textContent.trim());
+ }
+ } catch (e) {
+ if (typeof AiBridge !== "undefined" && AiBridge.onContentExtractedForSummarization) {
+ AiBridge.onContentExtractedForSummarization("");
+ }
}
- }
- }
-}
+ },
+ };
-;
+ window.checkImagesForDiagnosis = function () {
+ const images = document.querySelectorAll("img, image"); // 'image' for SVG images
+ const logTag = "ImageDiagnosis";
+ console.log(logTag + ": JS checkImagesForDiagnosis called. Found " + images.length + " image elements.");
-window.reportTopChunk=function () {
- if (typeof ProgressReporter==='undefined' || typeof ProgressReporter.updateTopChunk==='undefined') return;
-
- const topElement=document.elementFromPoint(window.innerWidth / 2, window.VIEWPORT_PADDING_TOP + 1);
-
- if (topElement) {
- const chunkContainer=topElement.closest('[data-chunk-index]');
-
- if (chunkContainer) {
- const chunkIndex=parseInt(chunkContainer.dataset.chunkIndex, 10);
-
- if ( !isNaN(chunkIndex)) {
- ProgressReporter.updateTopChunk(chunkIndex);
- }
- }
-
- else {
- ProgressReporter.updateTopChunk(0);
- }
- }
-}
-
-;
-
-window.AiBridgeHelper= {
- extractAndRelayTextForSummarization: function () {
- var textContent="";
-
- try {
- var mainElement=document.querySelector('article, [role="main"], main, body');
-
- if (mainElement) {
- textContent=mainElement.innerText || mainElement.textContent || "";
- }
-
- else {
- textContent=document.body.innerText || document.body.textContent || "";
- }
-
- if (typeof AiBridge !=='undefined' && AiBridge.onContentExtractedForSummarization) {
- AiBridge.onContentExtractedForSummarization(textContent.trim());
- }
- }
-
- catch (e) {
- if (typeof AiBridge !=='undefined' && AiBridge.onContentExtractedForSummarization) {
- AiBridge.onContentExtractedForSummarization("");
- }
- }
- }
-}
-
-;
-
-window.checkImagesForDiagnosis=function () {
- const images=document.querySelectorAll('img, image'); // 'image' for SVG images
- const logTag="ImageDiagnosis";
- console.log(logTag + ": JS checkImagesForDiagnosis called. Found " + images.length + " image elements.");
-
- images.forEach((img, index)=> {
- const src=img.src || img.getAttribute('xlink:href');
+ images.forEach((img, index) => {
+ const src = img.src || img.getAttribute("xlink:href");
console.log(logTag + ": Image #" + index + " | src: '" + src + "'");
function processImage() {
console.log(logTag + ": Processing Image #" + index + " (complete=" + img.complete + ")");
console.log(logTag + ": Image #" + index + " | clientWidth: " + img.clientWidth + ", clientHeight: " + img.clientHeight);
console.log(logTag + ": Image #" + index + " | naturalWidth: " + img.naturalWidth + ", naturalHeight: " + img.naturalHeight);
- console.log(logTag + ": Image #" + index + " | is visible (offsetParent): " + (img.offsetParent !==null));
+ console.log(logTag + ": Image #" + index + " | is visible (offsetParent): " + (img.offsetParent !== null));
- const style=window.getComputedStyle(img);
- console.log(logTag + ": Image #" + index + " | computed display: '" + style.display + "', visibility: '" + style.visibility + "', opacity: '" + style.opacity + "'");
+ const style = window.getComputedStyle(img);
+ console.log(
+ logTag +
+ ": Image #" +
+ index +
+ " | computed display: '" +
+ style.display +
+ "', visibility: '" +
+ style.visibility +
+ "', opacity: '" +
+ style.opacity +
+ "'",
+ );
// FIX: If height has collapsed, manually calculate and set it forcefully.
- if (img.complete && img.naturalWidth > 0 && img.clientWidth > 0 && img.clientHeight===0) {
+ if (img.complete && img.naturalWidth > 0 && img.clientWidth > 0 && img.clientHeight === 0) {
console.log(logTag + ": CORRECTING GEOMETRY for Image #" + index);
- const parent=img.parentElement;
+ const parent = img.parentElement;
if (parent) {
- const parentStyle=window.getComputedStyle(parent);
- console.log(logTag + ": Parent <" + parent.tagName + "> computed height: " + parentStyle.height + ", overflow: " + parentStyle.overflow);
+ const parentStyle = window.getComputedStyle(parent);
+ console.log(
+ logTag +
+ ": Parent <" +
+ parent.tagName +
+ "> computed height: " +
+ parentStyle.height +
+ ", overflow: " +
+ parentStyle.overflow,
+ );
// Force the parent's height to be determined by its content. This is crucial.
- parent.style.setProperty('height', 'auto', 'important');
+ parent.style.setProperty("height", "auto", "important");
}
- const aspectRatio=img.naturalHeight / img.naturalWidth;
- const correctHeight=img.clientWidth * aspectRatio;
+ const aspectRatio = img.naturalHeight / img.naturalWidth;
+ const correctHeight = img.clientWidth * aspectRatio;
// Remove the conflicting max-height property and then set the explicit height.
- img.style.setProperty('max-height', 'none', 'important');
- img.style.setProperty('height', correctHeight + 'px', 'important');
+ img.style.setProperty("max-height", "none", "important");
+ img.style.setProperty("height", correctHeight + "px", "important");
console.log(logTag + ": Corrective styles applied to Image #" + index + ". Verifying height after a short delay for reflow...");
// After applying styles, wait a moment for the browser to reflow the layout
// before reporting the new height and updating the scroll state.
- setTimeout(function () {
+ setTimeout(
+ function () {
console.log(logTag + ": Verified height for Image #" + index + ": " + img.clientHeight + "px");
window.reportScrollState(); // Update scroll metrics now that the image has height
- }
+ },
- , 150);
+ 150,
+ );
}
- img.onerror=function () {
+ img.onerror = function () {
console.log(logTag + ": ERROR: Image #" + index + " FAILED to load. Src was: '" + src + "'");
- }
+ };
- ;
-
- if (img.complete && img.naturalWidth===0) {
- console.log(logTag + ": WARNING: Image #" + index + " is complete but has 0 naturalWidth, may indicate loading error. Src: '" + src + "'");
+ if (img.complete && img.naturalWidth === 0) {
+ console.log(
+ logTag + ": WARNING: Image #" + index + " is complete but has 0 naturalWidth, may indicate loading error. Src: '" + src + "'",
+ );
}
}
if (img.complete) {
processImage();
- }
-
- else {
- img.onload=processImage;
+ } else {
+ img.onload = processImage;
}
});
-}
+ };
-;
+ const CFI_LOG_TAG = "CFI_DIAGNOSIS";
-const CFI_LOG_TAG="CFI_DIAGNOSIS";
-
-function log(message) {
- console.log(`$ {
+ function log(message) {
+ console.log(`$ {
CFI_LOG_TAG
}
@@ -1257,46 +1219,48 @@ function log(message) {
}
`);
-}
+ }
-function resolveCfiPath(rootElement, path) {
- log(`Attempting to resolve path '${path}' from root <$ {
+ function resolveCfiPath(rootElement, path) {
+ log(`Attempting to resolve path '${path}' from root <$ {
rootElement.tagName
}
>`);
- let currentNode=rootElement;
- const steps=path.substring(1).split('/').map(Number);
+ let currentNode = rootElement;
+ const steps = path.substring(1).split("/").map(Number);
- for (let i=0; i < steps.length; i++) {
- const cfiIndex=steps[i];
+ for (let i = 0; i < steps.length; i++) {
+ const cfiIndex = steps[i];
- if ( !currentNode) {
- log(`Traversal failed: currentNode became null before step $ {
+ if (!currentNode) {
+ log(`Traversal failed: currentNode became null before step $ {
i
}
(CFI index $ {
cfiIndex
}).`);
- return null;
- }
+ return null;
+ }
- const elementChildren=Array.from(currentNode.childNodes).filter(node=> node.nodeType===Node.ELEMENT_NODE);
- const childNodeIndex=(cfiIndex - 2) / 2;
+ const elementChildren = Array.from(currentNode.childNodes).filter((node) => node.nodeType === Node.ELEMENT_NODE);
+ const childNodeIndex = (cfiIndex - 2) / 2;
- if (childNodeIndex >=0 && childNodeIndex < elementChildren.length) {
- currentNode=elementChildren[childNodeIndex];
- }
-
- else {
- const childrenTags=elementChildren.map(node=> `<$ {
+ if (childNodeIndex >= 0 && childNodeIndex < elementChildren.length) {
+ currentNode = elementChildren[childNodeIndex];
+ } else {
+ const childrenTags = elementChildren
+ .map(
+ (node) => `<$ {
node.tagName || "TEXT"
}
- >`).join(', ');
+ >`,
+ )
+ .join(", ");
- log(`Step $ {
+ log(`Step $ {
i
}
@@ -1317,7 +1281,7 @@ function resolveCfiPath(rootElement, path) {
]`);
- log(`Parent Node HTML at failure point (<$ {
+ log(`Parent Node HTML at failure point (<$ {
currentNode.tagName
}
@@ -1326,26 +1290,26 @@ function resolveCfiPath(rootElement, path) {
}
...`); // ADD THIS LINE
- return null; // Path is invalid from this root
+ return null; // Path is invalid from this root
+ }
}
+
+ return currentNode;
}
- return currentNode;
-}
-
-window.getNodeAndOffsetFromCfi=function (cfi) {
- log(`getNodeAndOffsetFromCfi called with: $ {
+ window.getNodeAndOffsetFromCfi = function (cfi) {
+ log(`getNodeAndOffsetFromCfi called with: $ {
cfi
}
`);
- try {
- var pathParts=cfi.split(':');
- var nodePath=pathParts[0];
- var charOffset=pathParts.length > 1 ? parseInt(pathParts[1], 10) : 0;
+ try {
+ var pathParts = cfi.split(":");
+ var nodePath = pathParts[0];
+ var charOffset = pathParts.length > 1 ? parseInt(pathParts[1], 10) : 0;
- log(`Parsed CFI: path=$ {
+ log(`Parsed CFI: path=$ {
nodePath
}
@@ -1355,18 +1319,18 @@ window.getNodeAndOffsetFromCfi=function (cfi) {
`);
- let cfiRoot=document.getElementById('content-container') || document.body;
- let pathToResolve=nodePath;
+ let cfiRoot = document.getElementById("content-container") || document.body;
+ let pathToResolve = nodePath;
- const firstChunk=cfiRoot.querySelector('[data-chunk-index]');
+ const firstChunk = cfiRoot.querySelector("[data-chunk-index]");
- if (firstChunk && pathToResolve.startsWith ('/4/')) {
- log(`Paginator CFI detected. Adjusting root to first chunk and stripping '/4' from path.`);
- cfiRoot=firstChunk;
- pathToResolve='/' + pathToResolve.substring(3);
- }
+ if (firstChunk && pathToResolve.startsWith("/4/")) {
+ log(`Paginator CFI detected. Adjusting root to first chunk and stripping '/4' from path.`);
+ cfiRoot = firstChunk;
+ pathToResolve = "/" + pathToResolve.substring(3);
+ }
- log(`CFI Root is <$ {
+ log(`CFI Root is <$ {
cfiRoot.tagName
}
@@ -1376,88 +1340,76 @@ window.getNodeAndOffsetFromCfi=function (cfi) {
`);
- let resolvedNode=resolveCfiPath(cfiRoot, pathToResolve);
+ let resolvedNode = resolveCfiPath(cfiRoot, pathToResolve);
- log(`Resolution attempt #1 (from CFI root) result: $ {
+ log(`Resolution attempt #1 (from CFI root) result: $ {
resolvedNode ? resolvedNode.tagName : 'null'
}
`);
- if ( !resolvedNode) {
- log("Resolution failed from all roots.");
- return null;
- }
+ if (!resolvedNode) {
+ log("Resolution failed from all roots.");
+ return null;
+ }
- let currentNode=resolvedNode;
+ let currentNode = resolvedNode;
- log(`Successfully resolved containing element: <$ {
+ log(`Successfully resolved containing element: <$ {
currentNode.tagName || 'TEXT_NODE'
}
>`);
- if (currentNode.nodeType===Node.ELEMENT_NODE) {
- const treeWalker=document.createTreeWalker(currentNode, NodeFilter.SHOW_TEXT, null, false);
- const firstTextNode=treeWalker.nextNode();
+ if (currentNode.nodeType === Node.ELEMENT_NODE) {
+ const treeWalker = document.createTreeWalker(currentNode, NodeFilter.SHOW_TEXT, null, false);
+ const firstTextNode = treeWalker.nextNode();
- if (firstTextNode) {
- log(`Found first text node inside element to apply offset.`);
- currentNode=firstTextNode;
+ if (firstTextNode) {
+ log(`Found first text node inside element to apply offset.`);
+ currentNode = firstTextNode;
+ } else {
+ log(`Could not find a text node inside the target element. Using the element itself.`);
+ }
}
- else {
- log(`Could not find a text node inside the target element. Using the element itself.`);
- }
- }
-
- return {
- node: currentNode, offset: charOffset
- }
-
- ;
- }
-
- catch (e) {
- log(`ERROR in getNodeAndOffsetFromCfi: $ {
+ return { node: currentNode, offset: charOffset };
+ } catch (e) {
+ log(`ERROR in getNodeAndOffsetFromCfi: $ {
e.message
}
`);
- return null;
- }
-}
+ return null;
+ }
+ };
-;
+ window.getCfiPathForElement = function (element, charOffset) {
+ const logStack = [];
-window.getCfiPathForElement=function (element, charOffset) {
- const logStack=[];
+ try {
+ var path = [];
+ var currentNode = element;
- try {
- var path=[];
- var currentNode=element;
+ if (currentNode.nodeType === Node.TEXT_NODE) {
+ logStack.push(`Initial node is a TEXT_NODE. Calculating cumulative offset.`);
- if (currentNode.nodeType===Node.TEXT_NODE) {
- logStack.push(`Initial node is a TEXT_NODE. Calculating cumulative offset.`);
+ // --- FIX: Accumulate offsets from previous siblings ---
+ var accumulatedOffset = charOffset || 0;
+ var sibling = currentNode.previousSibling;
- // --- FIX: Accumulate offsets from previous siblings ---
- var accumulatedOffset=charOffset || 0;
- var sibling=currentNode.previousSibling;
+ while (sibling) {
+ if (sibling.nodeType === Node.TEXT_NODE) {
+ accumulatedOffset += sibling.nodeValue.length;
+ } else if (sibling.nodeType === Node.ELEMENT_NODE) {
+ // Elements like , contribute text content to the flow
+ accumulatedOffset += (sibling.textContent || "").length;
+ }
- while (sibling) {
- if (sibling.nodeType===Node.TEXT_NODE) {
- accumulatedOffset +=sibling.nodeValue.length;
+ sibling = sibling.previousSibling;
}
- else if (sibling.nodeType===Node.ELEMENT_NODE) {
- // Elements like , contribute text content to the flow
- accumulatedOffset +=(sibling.textContent || "").length;
- }
-
- sibling=sibling.previousSibling;
- }
-
- logStack.push(`Original offset: $ {
+ logStack.push(`Original offset: $ {
charOffset
}
@@ -1466,45 +1418,49 @@ window.getCfiPathForElement=function (element, charOffset) {
}
`);
- charOffset=accumulatedOffset;
- // -----------------------------------------------------
+ charOffset = accumulatedOffset;
+ // -----------------------------------------------------
- logStack.push(`Using its parent <$ {
+ logStack.push(`Using its parent <$ {
currentNode.parentNode.tagName
}
> for path generation.`);
- currentNode=currentNode.parentNode;
- }
+ currentNode = currentNode.parentNode;
+ }
- const root=document.getElementById('content-container') || document.body;
+ const root = document.getElementById("content-container") || document.body;
- logStack.push(`Using <$ {
+ logStack.push(`Using <$ {
root.tagName
}
id='${root.id}' class='${root.className}' > as the consistent CFI root.`);
- while (currentNode && currentNode !==root && currentNode.parentNode) {
- const parentNode=currentNode.parentNode;
- const elementSiblings=Array.from(parentNode.childNodes).filter(node=> node.nodeType===Node.ELEMENT_NODE);
- const nodeIndex=elementSiblings.indexOf(currentNode);
+ while (currentNode && currentNode !== root && currentNode.parentNode) {
+ const parentNode = currentNode.parentNode;
+ const elementSiblings = Array.from(parentNode.childNodes).filter((node) => node.nodeType === Node.ELEMENT_NODE);
+ const nodeIndex = elementSiblings.indexOf(currentNode);
- if (nodeIndex===-1) {
- currentNode=parentNode;
- continue;
- }
+ if (nodeIndex === -1) {
+ currentNode = parentNode;
+ continue;
+ }
- const cfiIndex=(nodeIndex * 2) + 2;
- path.unshift(cfiIndex);
+ const cfiIndex = nodeIndex * 2 + 2;
+ path.unshift(cfiIndex);
- const childrenTags=elementSiblings.map(node=> `<$ {
+ const childrenTags = elementSiblings
+ .map(
+ (node) => `<$ {
node.tagName || "TEXT"
}
- >`).join(', ');
+ >`,
+ )
+ .join(", ");
- logStack.push(`GENERATION: Parent <$ {
+ logStack.push(`GENERATION: Parent <$ {
parentNode.tagName
}
@@ -1534,468 +1490,337 @@ window.getCfiPathForElement=function (element, charOffset) {
`);
- currentNode=parentNode;
- }
+ currentNode = parentNode;
+ }
- var cfi=`/` + path.join('/');
+ var cfi = `/` + path.join("/");
- if (charOffset !==undefined && charOffset > 0) {
- cfi +=':' + charOffset;
- }
+ if (charOffset !== undefined && charOffset > 0) {
+ cfi += ":" + charOffset;
+ }
- logStack.push(`Final CFI generated: $ {
+ logStack.push(`Final CFI generated: $ {
cfi
}
`);
- return {
- cfi: cfi, log: logStack
- }
-
- ;
- }
-
- catch (e) {
- logStack.push(`ERROR in getCfiPathForElement: $ {
+ return { cfi: cfi, log: logStack };
+ } catch (e) {
+ logStack.push(`ERROR in getCfiPathForElement: $ {
e.message
}
`);
- return {
- cfi: `/2`, log: logStack
+ return { cfi: `/2`, log: logStack };
}
+ };
- ;
- }
-}
+ window.getCurrentCfi = function() {
+ const debugLog = [];
+ let finalCfi = "/2"; // Fallback to root
-;
+ function logCfi(m) { debugLog.push(m); }
-window.getCurrentCfi=function () {
- const debugLog=[];
- let finalCfi="/2";
+ try {
+ const viewportX = window.innerWidth / 2;
+ // Probe slightly further down to avoid headers/padding issues
+ const viewportY = window.VIEWPORT_PADDING_TOP + 50;
- try {
- const viewportX=window.innerWidth / 2;
- const viewportY=window.VIEWPORT_PADDING_TOP + 5;
+ logCfi("Probing for CFI at " + viewportX + "," + viewportY);
- debugLog.push(`Probing for CFI at coordinates: x=$ {
- viewportX
- }
+ let topElement = document.elementFromPoint(viewportX, viewportY);
- , y=$ {
- viewportY
- }
+ // FIX: Ignore empty chunk containers or the container wrapper itself
+ if (topElement && (topElement.id === 'content-container' ||
+ (topElement.classList && topElement.classList.contains('chunk-container') && topElement.innerText.trim() === ""))) {
- (padding top: $ {
- window.VIEWPORT_PADDING_TOP
- })`);
-
- let topElement=document.elementFromPoint(viewportX, viewportY);
-
- if ( !topElement) {
- debugLog.push("elementFromPoint returned null. Trying to find the first element in the body as a fallback.");
- topElement=document.body.querySelector('p, h1, h2, h3, h4, img, svg, table, li');
-
- if ( !topElement) {
- debugLog.push("No meaningful elements found in body. Aborting.");
-
- return JSON.stringify({
- cfi: finalCfi, log: debugLog
- });
- }
- }
-
- debugLog.push(`Initial element found: <$ {
- topElement.tagName
- }
-
- id='${topElement.id}' class='${topElement.className}' >`);
-
- debugLog.push(`Element's text content (first 50 chars): '$ {
- (topElement.textContent || "").trim().substring(0, 50)
- }
-
- '`);
-
- // Ensure we are inside our content root, not on the body or html itself
- const contentRoot=document.getElementById('content-container') || document.body;
-
- if ( !contentRoot.contains(topElement)) {
- topElement=contentRoot.querySelector('p, h1, h2, h3, h4, img, svg, table, li') || contentRoot.firstElementChild;
-
- debugLog.push(`Initial element was outside content root. Switched to first meaningful child: <$ {
- topElement ? topElement.tagName : 'null'
+ logCfi("Hit empty chunk or container. scanning for first visible content...");
+ // Fallback: Query specifically for content elements
+ const elements = document.querySelectorAll('p, h1, h2, h3, h4, h5, h6, li, span, div.chunk-container');
+ for (let i = 0; i < elements.length; i++) {
+ const el = elements[i];
+ const rect = el.getBoundingClientRect();
+ // Find first element that is effectively visible below the top padding
+ if (rect.bottom > window.VIEWPORT_PADDING_TOP && el.innerText.trim().length > 0) {
+ topElement = el;
+ logCfi("Found alternative content element: <" + el.tagName + ">");
+ break;
+ }
}
-
- >`);
- }
-
- let range=document.caretRangeFromPoint ? document.caretRangeFromPoint(viewportX, viewportY) : null;
- let nodeForCfi;
- let offsetForCfi=0;
-
- if (range && range.startContainer && range.startContainer.nodeType===Node.TEXT_NODE && range.startContainer.textContent.trim().length > 0) {
- nodeForCfi=range.startContainer;
- offsetForCfi=range.startOffset;
-
- debugLog.push(`Success with caretRangeFromPoint. Node: "${nodeForCfi.nodeValue.substring(0, 30)}...", Offset: $ {
- offsetForCfi
- }
-
- `);
- }
-
- else {
- debugLog.push("caretRangeFromPoint failed or found non-text/empty node. Using element-based CFI.");
- const treeWalker=document.createTreeWalker(topElement, NodeFilter.SHOW_TEXT, null, false);
- let firstTextNode=treeWalker.nextNode();
- nodeForCfi=(firstTextNode && firstTextNode.textContent.trim().length > 0) ? firstTextNode : topElement;
- offsetForCfi=0;
-
- debugLog.push(`Using fallback node for CFI generation: <$ {
- nodeForCfi.tagName || 'TEXT_NODE'
- }
-
- >`);
- }
-
- const cfiResult=getCfiPathForElement(nodeForCfi, offsetForCfi);
- finalCfi=cfiResult.cfi;
- debugLog.push(...cfiResult.log);
-
- }
-
- catch (e) {
- debugLog.push(`FATAL ERROR in getCurrentCfi: $ {
- e.message
}
- `);
- }
-
- return JSON.stringify({
- cfi: finalCfi, log: debugLog
- });
-}
-
-;
-
-window.scrollToCfi=function (cfi) {
- log(`scrollToCfi called with: $ {
- cfi
- }
-
- `);
- let cleanCfi=cfi;
-
- if (cfi && cfi.includes('@')) {
- log("Old CFI format detected. Stripping prefix.");
- cleanCfi=cfi.substring(cfi.indexOf('@') + 1);
-
- log(`Cleaned CFI is now: $ {
- cleanCfi
+ if (!topElement) {
+ logCfi("No element found. Fallback to body first child.");
+ topElement = document.body.firstElementChild;
}
- `);
+ if (!topElement) {
+ return JSON.stringify({ cfi: finalCfi, log: debugLog });
+ }
+
+ logCfi("Selected Reference Element: <" + topElement.tagName + "> ID:" + topElement.id);
+
+ // Try caret range for precision
+ let range = null;
+ if (document.caretRangeFromPoint) {
+ range = document.caretRangeFromPoint(viewportX, viewportY);
+ }
+
+ let nodeForCfi;
+ let offsetForCfi = 0;
+
+ if (range && range.startContainer && range.startContainer.nodeType === Node.TEXT_NODE) {
+ nodeForCfi = range.startContainer;
+ offsetForCfi = range.startOffset;
+ logCfi("Precision match via caretRangeFromPoint.");
+ } else {
+ // Walker fallback
+ const treeWalker = document.createTreeWalker(topElement, NodeFilter.SHOW_TEXT, null, false);
+ let firstTextNode = treeWalker.nextNode();
+ nodeForCfi = (firstTextNode && firstTextNode.textContent.trim().length > 0) ? firstTextNode : topElement;
+ offsetForCfi = 0;
+ logCfi("Fallback match via TreeWalker.");
+ }
+
+ const cfiResult = window.getCfiPathForElement(nodeForCfi, offsetForCfi);
+ finalCfi = cfiResult.cfi;
+ // Merge logs
+ if (cfiResult.log) debugLog.push(...cfiResult.log);
+
+ } catch (e) {
+ debugLog.push("Error in getCurrentCfi: " + e.message);
+ }
+
+ // We intentionally do not use TAG_BM here as this is called frequently on scroll.
+ // The CfiBridge in Kotlin logs this separately.
+ return JSON.stringify({ cfi: finalCfi, log: debugLog });
+ };
+
+ const TAG_BM = "BookmarkDiagnosis";
+
+ function logBm(msg) {
+ console.log(TAG_BM + ": " + msg);
}
- if ( !cleanCfi || !cleanCfi.startsWith ('/')) {
- log("CFI is null or has invalid format, not scrolling.");
- return;
- }
+ window.scrollToCfi = function(cfi) {
+ logBm("scrollToCfi called with: " + cfi);
+ let cleanCfi = cfi;
- setTimeout(()=> {
- log(`Executing scroll for CFI '${cleanCfi}' after delay.`);
+ if (cfi && cfi.includes('@')) {
+ cleanCfi = cfi.substring(cfi.indexOf('@') + 1);
+ }
+
+ if (!cleanCfi || !cleanCfi.startsWith('/')) {
+ logBm("Invalid CFI format, aborting scroll.");
+ if (window.CfiBridge && window.CfiBridge.onScrollFinished) {
+ window.CfiBridge.onScrollFinished(false);
+ }
+ return;
+ }
+
+ let attempts = 0;
+ const maxAttempts = 20;
+
+ function attemptScroll() {
+ attempts++;
+ logBm("Scroll Attempt " + attempts + "/" + maxAttempts + " for " + cleanCfi);
try {
- const location=window.getNodeAndOffsetFromCfi(cleanCfi);
+ const location = window.getNodeAndOffsetFromCfi(cleanCfi);
if (location && location.node) {
- log(`Successfully found location for CFI. Node Type: $ {
- location.node.nodeType
- }
+ logBm("Target node FOUND. Node: " + location.node.nodeName);
- , Node Name: $ {
- location.node.nodeName
- }
+ if (!document.body.contains(location.node)) {
+ logBm("Node found but detached. Retrying...");
+ if (attempts < maxAttempts) setTimeout(attemptScroll, 100);
+ return;
+ }
- `);
-
- if (location.node.nodeType===Node.TEXT_NODE && location.offset > 0) {
+ if (location.node.nodeType === Node.TEXT_NODE && location.offset > 0) {
try {
- const range=document.createRange();
- const validOffset=Math.min(location.offset, location.node.nodeValue.length);
+ const range = document.createRange();
+ const validOffset = Math.min(location.offset, location.node.nodeValue.length);
range.setStart(location.node, validOffset);
range.collapse(true);
+ const rect = range.getBoundingClientRect();
- const rect=range.getBoundingClientRect();
-
- if (rect.top !==0 || rect.left !==0) {
- const currentScrollY=window.scrollY;
- const targetScrollY=currentScrollY + rect.top - window.VIEWPORT_PADDING_TOP;
-
- log(`Precise scroll calculated. Rect top: $ {
- rect.top
+ if (rect.top !== 0 || rect.bottom !== 0) {
+ const targetScrollY = window.scrollY + rect.top - window.VIEWPORT_PADDING_TOP;
+ window.scrollTo({ top: targetScrollY, behavior: 'auto' });
+ setTimeout(() => {
+ window.reportScrollState();
+ if (window.CfiBridge && window.CfiBridge.onScrollFinished) {
+ window.CfiBridge.onScrollFinished(true);
}
-
- , Current scrollY: $ {
- currentScrollY
- }
-
- , Target scrollY: $ {
- targetScrollY
- }
-
- `);
-
- window.scrollTo({
- top: targetScrollY, behavior: 'auto'
- });
-
- setTimeout(window.reportScrollState, 150);
- return;
- }
-
- else {
- log("Range rect.top was 0, indicating an issue or the element is already at the top. Falling back to element scroll.");
- }
- }
-
- catch (rangeError) {
- log(`Error during precise scroll calculation: $ {
- rangeError.message
+ }, 150);
+ return;
}
-
- . Falling back.`);
- }
- }
-
- const targetElement=(location.node.nodeType===Node.TEXT_NODE) ? location.node.parentNode : location.node;
-
- log(`Using fallback scrollIntoView for element: <$ {
- targetElement.tagName
- }
-
- >`);
-
- targetElement.scrollIntoView({
- behavior: 'auto', block: 'start', inline: 'nearest'
- });
-
- setTimeout(()=> {
- const newScrollY=window.scrollY;
-
- log(`ScrollY AFTER fallback scroll: $ {
- newScrollY
+ } catch (e) {
+ logBm("Precise scroll failed: " + e.message);
}
+ }
- `);
- window.reportScrollState();
+ const targetElement = (location.node.nodeType === Node.TEXT_NODE) ? location.node.parentNode : location.node;
+ targetElement.scrollIntoView({ behavior: 'auto', block: 'start', inline: 'nearest' });
+
+ setTimeout(() => {
+ if (window.VIEWPORT_PADDING_TOP > 0) window.scrollBy(0, -window.VIEWPORT_PADDING_TOP);
+ window.reportScrollState();
+ if (window.CfiBridge && window.CfiBridge.onScrollFinished) {
+ window.CfiBridge.onScrollFinished(true);
+ }
+ }, 150);
+
+ } else {
+ if (attempts < maxAttempts) {
+ setTimeout(attemptScroll, 100);
+ } else {
+ logBm("Max attempts reached. Scroll failed.");
+ if (window.CfiBridge && window.CfiBridge.onScrollFinished) {
+ window.CfiBridge.onScrollFinished(false);
+ }
+ }
+ }
+ } catch (e) {
+ logBm("Fatal error: " + e.message);
+ if (window.CfiBridge && window.CfiBridge.onScrollFinished) {
+ window.CfiBridge.onScrollFinished(false);
+ }
+ }
+ }
+
+ attemptScroll();
+ };
+
+ window.getElementByCfi = function(cfi) {
+ logBm("getElementByCfi called with: " + cfi);
+ try {
+ const location = window.getNodeAndOffsetFromCfi(cfi);
+ if (location && location.node) {
+ logBm("Found node: " + location.node.nodeName);
+ return (location.node.nodeType === Node.TEXT_NODE) ? location.node.parentNode : location.node;
+ }
+ logBm("Node not found.");
+ return null;
+ } catch (e) {
+ logBm("Error: " + e.message);
+ return null;
+ }
+ };
+
+ window.isElementInViewport = function (el) {
+ if (!el || typeof el.getBoundingClientRect !== "function") return false;
+ const rect = el.getBoundingClientRect();
+ const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+ return rect.top >= 0 && rect.top <= viewportHeight;
+ };
+
+ window.getSnippetForCfi = function (cfi) {
+ var TAG_DIAG = "BookmarkDiagnosis";
+ console.log(TAG_DIAG + ": getSnippetForCfi called with CFI: " + cfi);
+ const location = window.getNodeAndOffsetFromCfi(cfi);
+
+ if (location && location.node) {
+ let textNode = location.node.nodeType === Node.TEXT_NODE ? location.node : null;
+ let offset = location.offset;
+
+ if (!textNode) {
+ const treeWalker = document.createTreeWalker(location.node, NodeFilter.SHOW_TEXT, null, false);
+ textNode = treeWalker.nextNode();
+ offset = 0;
+ }
+
+ if (textNode) {
+ const fullText = textNode.textContent;
+ const lastSpace = fullText.lastIndexOf(" ", offset);
+ const startIndex = lastSpace === -1 ? 0 : lastSpace + 1;
+
+ let snippet = fullText.substring(startIndex);
+
+ const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
+ walker.currentNode = textNode;
+
+ while (snippet.length < 160) {
+ const nextNode = walker.nextNode();
+
+ if (nextNode) {
+ snippet += " " + nextNode.textContent;
+ } else {
+ break;
+ }
}
- , 150);
-
- }
-
- else {
- log("FAILED to find the target node for CFI: " + cleanCfi);
- }
- }
-
- catch (e) {
- log("FATAL ERROR during scrollToCfi: " + e.message);
- }
-}
-
-, 250);
-}
-
-;
-
-window.getElementByCfi=function (cfi) {
- var TAG_DIAG="BookmarkDiagnosis";
- console.log(TAG_DIAG + ": getElementByCfi called with CFI: " + cfi);
-
- try {
- var pathParts=cfi.split('!')[0].split(':')[0];
- var steps=pathParts.substring(1).split('/').map(Number);
- console.log(TAG_DIAG + ": Parsed steps: " + JSON.stringify(steps));
- var currentNode=document.body;
-
- for (var i=1; i < steps.length; i++) {
- if ( !currentNode) {
- console.log(TAG_DIAG + ": Traversal failed. currentNode became null at step " + i);
- return null;
- }
-
- var cfiIndex=steps[i];
-
- const children=Array.from(currentNode.childNodes).filter(node=> {
- return node.nodeType===Node.ELEMENT_NODE || (node.nodeType===Node.TEXT_NODE && node.textContent.trim() !=='');
- });
-
- var childNodeIndex=(cfiIndex - 2) / 2;
- console.log(TAG_DIAG + ": Step " + i + " (CFI index " + cfiIndex + "): Looking for child at index " + childNodeIndex + " among " + children.length + " children.");
-
-
- if (childNodeIndex < 0 || childNodeIndex >=children.length) {
- console.log(TAG_DIAG + ": Path is invalid. Child index " + childNodeIndex + " is out of bounds.");
- return null; // Path is invalid for this document
- }
-
- currentNode=children[childNodeIndex];
-
- if (currentNode) {
- console.log(TAG_DIAG + ": Found node for step " + i + ": " + (currentNode.tagName || "TEXT_NODE"));
+ const finalSnippet = snippet.trim().replace(/\s+/g, " ").substring(0, 150);
+ console.log(TAG_DIAG + ": Snippet generated: '" + finalSnippet + "'");
+ return finalSnippet;
}
}
- if ( !currentNode) {
- console.log(TAG_DIAG + ": Final currentNode is null.");
+ console.log(TAG_DIAG + ": No usable text found for CFI. Returning empty snippet.");
+ return "";
+ };
+
+ window.findFirstVisibleCfi = function (cfiArray) {
+ if (!Array.isArray(cfiArray)) {
return null;
}
- var resultNode=(currentNode.nodeType===Node.TEXT_NODE) ? currentNode.parentNode : currentNode;
- console.log(TAG_DIAG + ": Successfully found element: " + (resultNode ? resultNode.tagName : "null"));
- return resultNode;
+ const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
+ const activationZoneEnd = window.VIEWPORT_PADDING_TOP + (viewportHeight - window.VIEWPORT_PADDING_TOP) * 0.6;
- }
+ for (const cfi of cfiArray) {
+ const location = window.getNodeAndOffsetFromCfi(cfi);
- catch (e) {
- console.log(TAG_DIAG + ": Error during getElementByCfi: " + e.message);
+ if (location && location.node) {
+ try {
+ const node = location.node;
+ // Use the element's rect for stability, not a potentially zero-height range rect.
+ const elementForRect = node.nodeType === Node.TEXT_NODE ? node.parentNode : node;
+ const rect = elementForRect.getBoundingClientRect();
+ const nodeName = elementForRect.nodeName;
+
+ // The element is "active" if:
+ // 1. It's positioned at the top of the content, even if under the padding.
+ const isAtContentTop = rect.top >= 0 && rect.top < window.VIEWPORT_PADDING_TOP;
+ // 2. Any part of it overlaps with the main "reading zone" below the padding.
+ const isInReadingZone = rect.bottom > window.VIEWPORT_PADDING_TOP && rect.top < activationZoneEnd;
+
+ if ((isAtContentTop && rect.height > 0) || isInReadingZone) {
+ return cfi;
+ }
+ } catch (e) {
+ console.log(TAG + ": Error processing CFI " + cfi + ": " + e.message);
+ }
+ } else {
+ console.log(TAG + ": No node found for CFI: " + cfi);
+ }
+ }
+
+ console.log(TAG + ": No visible bookmarked element found in viewport. Returning null.");
return null;
- }
-}
-
-;
-
-window.isElementInViewport=function (el) {
- if ( !el || typeof el.getBoundingClientRect !=='function') return false;
- const rect=el.getBoundingClientRect();
- const viewportHeight=window.innerHeight || document.documentElement.clientHeight;
- return (rect.top >=0 && rect.top <=viewportHeight);
-}
-
-;
-
-window.getSnippetForCfi=function (cfi) {
- var TAG_DIAG="BookmarkDiagnosis";
- console.log(TAG_DIAG + ": getSnippetForCfi called with CFI: " + cfi);
- const location=window.getNodeAndOffsetFromCfi(cfi);
-
- if (location && location.node) {
- let textNode=location.node.nodeType===Node.TEXT_NODE ? location.node : null;
- let offset=location.offset;
-
- if ( !textNode) {
- const treeWalker=document.createTreeWalker(location.node, NodeFilter.SHOW_TEXT, null, false);
- textNode=treeWalker.nextNode();
- offset=0;
- }
-
- if (textNode) {
- const fullText=textNode.textContent;
- const lastSpace=fullText.lastIndexOf(' ', offset);
- const startIndex=(lastSpace===-1) ? 0 : lastSpace + 1;
-
- let snippet=fullText.substring(startIndex);
-
- const walker=document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
- walker.currentNode=textNode;
-
- while (snippet.length < 160) {
- const nextNode=walker.nextNode();
-
- if (nextNode) {
- snippet +=" " + nextNode.textContent;
- }
-
- else {
- break;
- }
- }
-
- const finalSnippet=snippet.trim().replace(/\s+/g, ' ').substring(0, 150);
- console.log(TAG_DIAG + ": Snippet generated: '" + finalSnippet + "'");
- return finalSnippet;
- }
- }
-
- console.log(TAG_DIAG + ": No usable text found for CFI. Returning empty snippet.");
- return "";
-}
-
-;
-
-window.findFirstVisibleCfi=function (cfiArray) {
-
- if ( !Array.isArray(cfiArray)) {
- return null;
- }
-
- const viewportHeight=window.innerHeight || document.documentElement.clientHeight;
- const activationZoneEnd=window.VIEWPORT_PADDING_TOP + ((viewportHeight - window.VIEWPORT_PADDING_TOP) * 0.6);
-
- for (const cfi of cfiArray) {
- const location=window.getNodeAndOffsetFromCfi(cfi);
-
- if (location && location.node) {
- try {
- const node=location.node;
- // Use the element's rect for stability, not a potentially zero-height range rect.
- const elementForRect=(node.nodeType===Node.TEXT_NODE) ? node.parentNode : node;
- const rect=elementForRect.getBoundingClientRect();
- const nodeName=elementForRect.nodeName;
-
- // The element is "active" if:
- // 1. It's positioned at the top of the content, even if under the padding.
- const isAtContentTop=rect.top >=0 && rect.top < window.VIEWPORT_PADDING_TOP;
- // 2. Any part of it overlaps with the main "reading zone" below the padding.
- const isInReadingZone=rect.bottom > window.VIEWPORT_PADDING_TOP && rect.top < activationZoneEnd;
-
- if ((isAtContentTop && rect.height > 0) || isInReadingZone) {
- return cfi;
- }
- }
-
- catch (e) {
- console.log(TAG + ": Error processing CFI " + cfi + ": " + e.message);
- }
- }
-
- else {
- console.log(TAG + ": No node found for CFI: " + cfi);
- }
- }
-
- console.log(TAG + ": No visible bookmarked element found in viewport. Returning null.");
- return null;
-}
-
-;
-
+ };
})();
(function () {
- // --- VIRTUALIZATION LOGIC ---
- if (window.virtualization) return;
+ // --- VIRTUALIZATION LOGIC ---
+ if (window.virtualization) return;
- let currentBottomChunkIndex=0;
- let totalChunks=0;
- let isLoading=false;
- let observer;
+ let currentBottomChunkIndex = 0;
+ let totalChunks = 0;
+ let isLoading = false;
+ let observer;
- window.virtualization= {
- totalChunks: 0,
- chunksData: [],
- chunkHeights: [],
- observer: null,
+ window.virtualization = {
+ totalChunks: 0,
+ chunksData: [],
+ chunkHeights: [],
+ observer: null,
- init: function (initialChunkIndex, total) {
- console.log(`Virtualization: Init with $ {
+ init: function (initialChunkIndex, total) {
+ console.log(`Virtualization: Init with $ {
total
}
@@ -2004,104 +1829,97 @@ window.findFirstVisibleCfi=function (cfiArray) {
}
`);
- this.totalChunks=total;
- this.chunksData=new Array(total).fill(null);
- this.chunkHeights=new Array(total).fill(0);
+ this.totalChunks = total;
+ this.chunksData = new Array(total).fill(null);
+ this.chunkHeights = new Array(total).fill(0);
- const container=document.getElementById('content-container');
+ const container = document.getElementById("content-container");
- if (container) {
- container.querySelectorAll('.chunk-container').forEach(div=> {
- let idx=parseInt(div.dataset.chunkIndex, 10);
- let content=div.innerHTML.trim();
+ if (container) {
+ container.querySelectorAll(".chunk-container").forEach((div) => {
+ let idx = parseInt(div.dataset.chunkIndex, 10);
+ let content = div.innerHTML.trim();
- if (content.length > 0) {
- this.chunksData=content;
- this.chunkHeights=div.getBoundingClientRect().height;
- }
- });
- }
-
- this.setupObserver();
+ if (content.length > 0) {
+ this.chunksData = content;
+ this.chunkHeights = div.getBoundingClientRect().height;
+ }
+ });
}
- ,
+ this.setupObserver();
+ },
- setupObserver: function () {
- if (this.observer) this.observer.disconnect();
+ setupObserver: function () {
+ if (this.observer) this.observer.disconnect();
- this.observer=new IntersectionObserver((entries)=> {
- let scrollAdjust=0;
+ this.observer = new IntersectionObserver(
+ (entries) => {
+ let scrollAdjust = 0;
- entries.forEach(entry=> {
- let div=entry.target;
- let idx=parseInt(div.dataset.chunkIndex, 10);
+ entries.forEach((entry) => {
+ let div = entry.target;
+ let idx = parseInt(div.dataset.chunkIndex, 10);
- if (entry.isIntersecting) {
- if ( !this.chunksData) {
- if (window.ContentBridge && window.ContentBridge.requestChunk) {
- window.ContentBridge.requestChunk(idx);
- }
- }
-
- else if (div.innerHTML==='') {
- let oldHeight=div.getBoundingClientRect().height;
- div.innerHTML=this.chunksData;
- div.style.height='';
- let newHeight=div.getBoundingClientRect().height;
- this.chunkHeights=newHeight;
-
- if (div.getBoundingClientRect().top < 0) {
- scrollAdjust +=(newHeight - oldHeight);
- }
- }
+ if (entry.isIntersecting) {
+ if (!this.chunksData) {
+ if (window.ContentBridge && window.ContentBridge.requestChunk) {
+ window.ContentBridge.requestChunk(idx);
}
+ } else if (div.innerHTML === "") {
+ let oldHeight = div.getBoundingClientRect().height;
+ div.innerHTML = this.chunksData;
+ div.style.height = "";
+ let newHeight = div.getBoundingClientRect().height;
+ this.chunkHeights = newHeight;
- else {
- if (div.innerHTML !=='') {
- let oldHeight=div.getBoundingClientRect().height;
- this.chunkHeights=oldHeight;
- div.style.height=oldHeight + 'px';
- div.innerHTML='';
- }
+ if (div.getBoundingClientRect().top < 0) {
+ scrollAdjust += newHeight - oldHeight;
}
- });
-
- if (scrollAdjust !==0) {
- window.scrollBy(0, scrollAdjust);
+ }
+ } else {
+ if (div.innerHTML !== "") {
+ let oldHeight = div.getBoundingClientRect().height;
+ this.chunkHeights = oldHeight;
+ div.style.height = oldHeight + "px";
+ div.innerHTML = "";
+ }
}
+ });
+ if (scrollAdjust !== 0) {
+ window.scrollBy(0, scrollAdjust);
}
+ },
- , {
- rootMargin: '2500px 0px'
- });
+ { rootMargin: "2500px 0px" },
+ );
- document.querySelectorAll('.chunk-container').forEach(div=> {
- this.observer.observe(div);
- });
- }
-
- ,
+ document.querySelectorAll(".chunk-container").forEach((div) => {
+ this.observer.observe(div);
+ });
+ },
appendChunk: function (index, htmlContent) {
- console.log(`Virtualization: Receiving chunk $ {
- index
+ console.log(`Virtualization: Receiving chunk ${index} from Kotlin`);
+
+ if (Array.isArray(this.chunksData)) {
+ this.chunksData[index] = htmlContent;
+ }
+
+ let div = document.querySelector(`.chunk-container[data-chunk-index="${index}"]`);
+
+ if (div && div.innerHTML === "") {
+ let oldHeight = div.getBoundingClientRect().height;
+ div.innerHTML = htmlContent;
+ div.style.height = "";
+
+ let newHeight = div.getBoundingClientRect().height;
+ if (Array.isArray(this.chunkHeights)) {
+ this.chunkHeights[index] = newHeight;
}
- from Kotlin`);
- this.chunksData=htmlContent;
-
- let div=document.querySelector(`.chunk-container`);
-
- if (div && div.innerHTML==='') {
- let oldHeight=div.getBoundingClientRect().height;
- div.innerHTML=htmlContent;
- div.style.height='';
- let newHeight=div.getBoundingClientRect().height;
- this.chunkHeights=newHeight;
-
- if (div.getBoundingClientRect().top < 0) {
+ if (div.getBoundingClientRect().bottom < 0) {
window.scrollBy(0, newHeight - oldHeight);
}
}
@@ -2109,33 +1927,30 @@ window.findFirstVisibleCfi=function (cfiArray) {
if (window.checkImagesForDiagnosis) {
setTimeout(window.checkImagesForDiagnosis, 100);
}
- }
- }
+ },
+ };
- ;
-
- const HL_LOG_TAG="HIGHLIGHT_DEBUG";
-
- window.HighlightBridgeHelper= {
+ const HL_LOG_TAG = "HIGHLIGHT_DEBUG";
+ window.HighlightBridgeHelper = {
updateHighlightStyle: function (cfi, newColorClass, colorId) {
console.log(`${HL_LOG_TAG}: updateHighlightStyle called. CFI: ${cfi}, Class: ${newColorClass}`);
var allSpans = document.querySelectorAll('span[class*="user-highlight-"]');
- allSpans.forEach(span => {
- var currentCfiAttr = span.getAttribute('data-cfi') || "";
- var cfis = currentCfiAttr.split('|');
+ allSpans.forEach((span) => {
+ var currentCfiAttr = span.getAttribute("data-cfi") || "";
+ var cfis = currentCfiAttr.split("|");
if (cfis.includes(cfi)) {
var classesToRemove = [];
for (var i = 0; i < span.classList.length; i++) {
- if (span.classList[i].startsWith('user-highlight-')) {
+ if (span.classList[i].startsWith("user-highlight-")) {
classesToRemove.push(span.classList[i]);
}
}
- classesToRemove.forEach(cls => span.classList.remove(cls));
+ classesToRemove.forEach((cls) => span.classList.remove(cls));
span.classList.add(newColorClass);
}
@@ -2158,20 +1973,20 @@ window.findFirstVisibleCfi=function (cfiArray) {
}
`);
- var selection=window.getSelection();
+ var selection = window.getSelection();
- if ( !selection || selection.rangeCount===0 || selection.toString().trim()==="") {
+ if (!selection || selection.rangeCount === 0 || selection.toString().trim() === "") {
return;
}
try {
- var range=selection.getRangeAt(0);
- var text=range.toString();
+ var range = selection.getRangeAt(0);
+ var text = range.toString();
- var safeStartNode=range.startContainer;
- var safeStartOffset=range.startOffset;
- var safeEndNode=range.endContainer;
- var safeEndOffset=range.endOffset;
+ var safeStartNode = range.startContainer;
+ var safeStartOffset = range.startOffset;
+ var safeEndNode = range.endContainer;
+ var safeEndOffset = range.endOffset;
console.log(`$ {
HL_LOG_TAG
@@ -2193,16 +2008,16 @@ window.findFirstVisibleCfi=function (cfiArray) {
`);
- var startResult=getCfiPathForElement(safeStartNode, safeStartOffset);
- var startCfi=startResult.cfi;
+ var startResult = getCfiPathForElement(safeStartNode, safeStartOffset);
+ var startCfi = startResult.cfi;
- var endResult=getCfiPathForElement(safeEndNode, safeEndOffset);
- var endCfi=endResult.cfi;
+ var endResult = getCfiPathForElement(safeEndNode, safeEndOffset);
+ var endCfi = endResult.cfi;
- var finalCfi=startCfi;
+ var finalCfi = startCfi;
- if (startCfi !==endCfi) {
- finalCfi=startCfi + "|" + endCfi;
+ if (startCfi !== endCfi) {
+ finalCfi = startCfi + "|" + endCfi;
console.log(`$ {
HL_LOG_TAG
@@ -2229,7 +2044,7 @@ window.findFirstVisibleCfi=function (cfiArray) {
`);
- range=this.normalizeRangeBoundaries(range);
+ range = this.normalizeRangeBoundaries(range);
this.highlightRangeSafe(range, colorClass, finalCfi);
selection.removeAllRanges();
@@ -2237,121 +2052,112 @@ window.findFirstVisibleCfi=function (cfiArray) {
if (window.HighlightBridge) {
window.HighlightBridge.onHighlightCreated(finalCfi, text, colorId);
}
- }
-
- catch (e) {
- console.log(`$ {
+ } catch (e) {
+ console.log(
+ `$ {
HL_LOG_TAG
}
- : Create Error: ` + e.message);
+ : Create Error: ` + e.message,
+ );
}
- }
-
- ,
+ },
normalizeRangeBoundaries: function (range) {
- var startContainer=range.startContainer;
- var startOffset=range.startOffset;
- var endContainer=range.endContainer;
- var endOffset=range.endOffset;
+ var startContainer = range.startContainer;
+ var startOffset = range.startOffset;
+ var endContainer = range.endContainer;
+ var endOffset = range.endOffset;
- if (startContainer.nodeType===Node.TEXT_NODE && startOffset > 0 && startOffset < startContainer.length) {
- var newStartNode=startContainer.splitText(startOffset);
+ if (startContainer.nodeType === Node.TEXT_NODE && startOffset > 0 && startOffset < startContainer.length) {
+ var newStartNode = startContainer.splitText(startOffset);
range.setStart(newStartNode, 0);
- if (endContainer===startContainer) {
- endContainer=newStartNode;
- endOffset=endOffset - startOffset;
+ if (endContainer === startContainer) {
+ endContainer = newStartNode;
+ endOffset = endOffset - startOffset;
}
}
- if (endContainer.nodeType===Node.TEXT_NODE && endOffset > 0 && endOffset < endContainer.length) {
+ if (endContainer.nodeType === Node.TEXT_NODE && endOffset > 0 && endOffset < endContainer.length) {
endContainer.splitText(endOffset);
range.setEnd(endContainer, endOffset);
}
return range;
- }
-
- ,
+ },
highlightRangeSafe: function (range, className, newCfi) {
- var nodes=this.getTextNodesInRange(range);
+ var nodes = this.getTextNodesInRange(range);
- nodes.forEach(node=> {
- var parent=node.parentNode;
+ nodes.forEach((node) => {
+ var parent = node.parentNode;
- if (parent && parent.tagName==='SPAN' && parent.classList.contains(className)) {
- var currentCfi=parent.getAttribute('data-cfi') || "";
- var cfiList=currentCfi.split('|');
+ if (parent && parent.tagName === "SPAN" && parent.classList.contains(className)) {
+ var currentCfi = parent.getAttribute("data-cfi") || "";
+ var cfiList = currentCfi.split("|");
- if ( !cfiList.includes(newCfi)) {
- parent.setAttribute('data-cfi', currentCfi + "|" + newCfi);
- }
+ if (!cfiList.includes(newCfi)) {
+ parent.setAttribute("data-cfi", currentCfi + "|" + newCfi);
}
-
- else {
- if (node.nodeValue.trim().length===0) return;
- var span=document.createElement('span');
- span.className=className;
- span.setAttribute('data-cfi', newCfi);
- node.parentNode.insertBefore(span, node);
- span.appendChild(node);
- }
- });
- }
-
- ,
+ } else {
+ if (node.nodeValue.trim().length === 0) return;
+ var span = document.createElement("span");
+ span.className = className;
+ span.setAttribute("data-cfi", newCfi);
+ node.parentNode.insertBefore(span, node);
+ span.appendChild(node);
+ }
+ });
+ },
getTextNodesInRange: function (range) {
- var textNodes=[];
- var container=range.commonAncestorContainer;
- var root=(container.nodeType===Node.TEXT_NODE) ? container.parentNode : container;
+ var textNodes = [];
+ var container = range.commonAncestorContainer;
+ var root = container.nodeType === Node.TEXT_NODE ? container.parentNode : container;
- var walker=document.createTreeWalker(root,
+ var walker = document.createTreeWalker(
+ root,
NodeFilter.SHOW_TEXT,
{
- acceptNode: function (node) {
- return range.intersectsNode(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
- }
+ acceptNode: function (node) {
+ return range.intersectsNode(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+ },
+ },
+
+ false,
+ );
+
+ while (walker.nextNode()) {
+ textNodes.push(walker.currentNode);
}
- ,
- false);
+ return textNodes;
+ },
- while (walker.nextNode()) {
- textNodes.push(walker.currentNode);
- }
-
- return textNodes;
- }
-
- ,
-
- removeHighlightByCfi: function (cfiToRemove, optionalCssClass) {
- console.log(`$ {
+ removeHighlightByCfi: function (cfiToRemove, optionalCssClass) {
+ console.log(`$ {
HL_LOG_TAG
}
: removeHighlightByCfi called.`);
- console.log(`$ {
+ console.log(`$ {
HL_LOG_TAG
}
: -> Target CFI: '${cfiToRemove}' `);
- console.log(`$ {
+ console.log(`$ {
HL_LOG_TAG
}
: -> Optional Class: '${optionalCssClass}' `);
- // 1. Select all highlight spans manually to avoid selector syntax errors
- var allSpans=document.querySelectorAll('span[data-cfi]');
+ // 1. Select all highlight spans manually to avoid selector syntax errors
+ var allSpans = document.querySelectorAll("span[data-cfi]");
- console.log(`$ {
+ console.log(`$ {
HL_LOG_TAG
}
@@ -2361,13 +2167,13 @@ window.findFirstVisibleCfi=function (cfiArray) {
`);
- var foundCount=0;
- var removedCount=0;
- var updatedCount=0;
+ var foundCount = 0;
+ var removedCount = 0;
+ var updatedCount = 0;
- allSpans.forEach(span=> {
- var currentCfiAttr=span.getAttribute('data-cfi') || "";
- var cfiList=currentCfiAttr.split('|');
+ allSpans.forEach((span) => {
+ var currentCfiAttr = span.getAttribute("data-cfi") || "";
+ var cfiList = currentCfiAttr.split("|");
// Detailed check for match
if (cfiList.includes(cfiToRemove)) {
@@ -2383,25 +2189,21 @@ window.findFirstVisibleCfi=function (cfiArray) {
]`);
- var newCfiList=cfiList.filter(c=> c !==cfiToRemove);
-
- if (newCfiList.length===0) {
+ var newCfiList = cfiList.filter((c) => c !== cfiToRemove);
+ if (newCfiList.length === 0) {
// CASE 1: No other highlights on this span -> Remove entirely
console.log(`$ {
HL_LOG_TAG
}
: -> Removing span entirely (no remaining CFIs).`);
- var parent=span.parentNode;
+ var parent = span.parentNode;
while (span.firstChild) parent.insertBefore(span.firstChild, span);
parent.removeChild(span);
parent.normalize();
removedCount++;
- }
-
- else {
-
+ } else {
// CASE 2: Overlapping highlight -> Update data-cfi
console.log(`$ {
HL_LOG_TAG
@@ -2410,7 +2212,7 @@ window.findFirstVisibleCfi=function (cfiArray) {
: -> Updating span (remaining CFIs: $ {
newCfiList.join('|')
}).`);
- span.setAttribute('data-cfi', newCfiList.join('|'));
+ span.setAttribute("data-cfi", newCfiList.join("|"));
if (optionalCssClass) {
console.log(`$ {
@@ -2423,9 +2225,7 @@ window.findFirstVisibleCfi=function (cfiArray) {
`);
span.classList.remove(optionalCssClass);
- }
-
- else {
+ } else {
console.log(`$ {
HL_LOG_TAG
}
@@ -2438,7 +2238,7 @@ window.findFirstVisibleCfi=function (cfiArray) {
}
});
- console.log(`$ {
+ console.log(`$ {
HL_LOG_TAG
}
@@ -2456,117 +2256,104 @@ window.findFirstVisibleCfi=function (cfiArray) {
`);
- if (foundCount===0) {
- console.log(`$ {
+ if (foundCount === 0) {
+ console.log(`$ {
HL_LOG_TAG
}
: No exact matches found. Attempting legacy fallback.`);
- this.removeHighlightByCfiLegacy(cfiToRemove);
- }
- }
-
- ,
-
- removeHighlightByCfiLegacy: function (cfi) {
- try {
- var location=window.getNodeAndOffsetFromCfi(cfi);
-
- if (location && location.node) {
- var target=location.node;
- if (target.nodeType===Node.TEXT_NODE) target=target.parentNode;
-
- if (target.tagName==='SPAN' && target.className.startsWith ('user-highlight-')) {
- var parent=target.parentNode;
- while (target.firstChild) parent.insertBefore(target.firstChild, target);
- parent.removeChild(target);
- parent.normalize();
- }
+ this.removeHighlightByCfiLegacy(cfiToRemove);
}
- }
+ },
- catch (e) {}
- }
+ removeHighlightByCfiLegacy: function (cfi) {
+ try {
+ var location = window.getNodeAndOffsetFromCfi(cfi);
- ,
+ if (location && location.node) {
+ var target = location.node;
+ if (target.nodeType === Node.TEXT_NODE) target = target.parentNode;
- restoreHighlights: function (jsonArrayString) {
- try {
- var highlights=JSON.parse(jsonArrayString);
- var self=this;
+ if (target.tagName === "SPAN" && target.className.startsWith("user-highlight-")) {
+ var parent = target.parentNode;
+ while (target.firstChild) parent.insertBefore(target.firstChild, target);
+ parent.removeChild(target);
+ parent.normalize();
+ }
+ }
+ } catch (e) {}
+ },
- highlights.forEach(function (h) {
+ restoreHighlights: function (jsonArrayString) {
+ try {
+ var highlights = JSON.parse(jsonArrayString);
+ var self = this;
+
+ highlights.forEach(function (h) {
self.applyHighlight(h.cfi, h.text, h.cssClass);
});
- }
-
- catch (e) {
- console.log(`$ {
+ } catch (e) {
+ console.log(
+ `$ {
HL_LOG_TAG
}
- : Error restoring: ` + e.message);
- }
- }
+ : Error restoring: ` + e.message,
+ );
+ }
+ },
- ,
+ applyHighlight: function (cfi, text, cssClass) {
+ // "Healed" Apply Logic: Checks text equality before applying
+ try {
+ if (document.querySelector(`span[data-cfi='${cfi}']`)) return;
- applyHighlight: function (cfi, text, cssClass) {
+ const location = window.getNodeAndOffsetFromCfi(cfi);
+ if (!location || !location.node) return;
- // "Healed" Apply Logic: Checks text equality before applying
- try {
- if (document.querySelector(`span[data-cfi='${cfi}']`)) return;
+ let startNode = location.node;
+ let startOffset = location.offset;
- const location=window.getNodeAndOffsetFromCfi(cfi);
- if ( !location || !location.node) return;
+ if (startNode.nodeType === Node.TEXT_NODE) {
+ const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
+ walker.currentNode = startNode;
- let startNode=location.node;
- let startOffset=location.offset;
+ while (startNode && startOffset >= startNode.nodeValue.length) {
+ if (startOffset === startNode.nodeValue.length) {
+ const next = walker.nextNode();
- if (startNode.nodeType===Node.TEXT_NODE) {
- const walker=document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
- walker.currentNode=startNode;
-
- while (startNode && startOffset >=startNode.nodeValue.length) {
- if (startOffset===startNode.nodeValue.length) {
- const next=walker.nextNode();
-
- if (next) {
- startOffset -=startNode.nodeValue.length;
- startNode=next;
+ if (next) {
+ startOffset -= startNode.nodeValue.length;
+ startNode = next;
+ } else {
+ break;
+ }
+ } else {
+ startOffset -= startNode.nodeValue.length;
+ startNode = walker.nextNode();
}
-
- else {
- break;
- }
- }
-
- else {
- startOffset -=startNode.nodeValue.length;
- startNode=walker.nextNode();
}
}
- }
- // 1. Text Verification / Healing
- if (text && text.length > 0 && startNode && startNode.nodeType===Node.TEXT_NODE) {
- const nodeVal=startNode.nodeValue;
- // Check if text matches at exact offset
- const substring=nodeVal.substring(startOffset, startOffset + text.length);
+ // 1. Text Verification / Healing
+ if (text && text.length > 0 && startNode && startNode.nodeType === Node.TEXT_NODE) {
+ const nodeVal = startNode.nodeValue;
+ // Check if text matches at exact offset
+ const substring = nodeVal.substring(startOffset, startOffset + text.length);
- // Allow for some whitespace looseness (trim comparison)
- if (substring !==text && substring.trim() !==text.trim()) {
- console.log(`$ {
+ // Allow for some whitespace looseness (trim comparison)
+ if (substring !== text && substring.trim() !== text.trim()) {
+ console.log(`$ {
HL_LOG_TAG
}
: Text mismatch at CFI. Searching nearby... Expected: '${text.substring(0, 10)}...', Found: '${substring.substring(0, 10)}...' `);
- // Try finding the text in the whole node
- const foundIndex=nodeVal.indexOf(text);
+ // Try finding the text in the whole node
+ const foundIndex = nodeVal.indexOf(text);
- if (foundIndex !==-1) {
- console.log(`$ {
+ if (foundIndex !== -1) {
+ console.log(`$ {
HL_LOG_TAG
}
@@ -2579,92 +2366,83 @@ window.findFirstVisibleCfi=function (cfiArray) {
}
.`);
- startOffset=foundIndex;
- }
+ startOffset = foundIndex;
+ } else {
+ // Simple fuzzy: Try finding first 20 chars
+ const partial = text.substring(0, Math.min(text.length, 20));
+ const partialIndex = nodeVal.indexOf(partial);
- else {
- // Simple fuzzy: Try finding first 20 chars
- const partial=text.substring(0, Math.min(text.length, 20));
- const partialIndex=nodeVal.indexOf(partial);
-
- if (partialIndex !==-1) {
- console.log(`$ {
+ if (partialIndex !== -1) {
+ console.log(`$ {
HL_LOG_TAG
}
: Found partial match. Adjusting offset.`);
- startOffset=partialIndex;
+ startOffset = partialIndex;
+ }
}
}
}
- }
- if ( !startNode) return;
+ if (!startNode) return;
- const range=document.createRange();
+ const range = document.createRange();
- // Set Start
- if (startNode.nodeType===Node.TEXT_NODE) {
-
- // Ensure offset is valid
- if (startOffset > startNode.nodeValue.length) {
- startOffset=Math.max(0, startNode.nodeValue.length - 1);
- }
- }
-
- range.setStart(startNode, startOffset);
-
- const treeWalker=document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
- treeWalker.currentNode=startNode;
-
- let currentNode=treeWalker.currentNode;
- let remainingOffset=startOffset;
- let remainingLen=text.length;
- let endNode=currentNode;
- let endOffset=startOffset;
-
- while (remainingLen > 0 && endNode) {
- let avail=endNode.nodeValue.length - endOffset;
-
- if (avail >=remainingLen) {
- endOffset +=remainingLen;
- remainingLen=0;
+ // Set Start
+ if (startNode.nodeType === Node.TEXT_NODE) {
+ // Ensure offset is valid
+ if (startOffset > startNode.nodeValue.length) {
+ startOffset = Math.max(0, startNode.nodeValue.length - 1);
+ }
}
- else {
- remainingLen -=avail;
- endNode=treeWalker.nextNode();
- endOffset=0;
+ range.setStart(startNode, startOffset);
+
+ const treeWalker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);
+ treeWalker.currentNode = startNode;
+
+ let currentNode = treeWalker.currentNode;
+ let remainingOffset = startOffset;
+ let remainingLen = text.length;
+ let endNode = currentNode;
+ let endOffset = startOffset;
+
+ while (remainingLen > 0 && endNode) {
+ let avail = endNode.nodeValue.length - endOffset;
+
+ if (avail >= remainingLen) {
+ endOffset += remainingLen;
+ remainingLen = 0;
+ } else {
+ remainingLen -= avail;
+ endNode = treeWalker.nextNode();
+ endOffset = 0;
+ }
}
+
+ if (endNode) {
+ range.setEnd(endNode, endOffset);
+ var normalizedRange = this.normalizeRangeBoundaries(range);
+ this.highlightRangeSafe(normalizedRange, cssClass, cfi);
+ }
+ } catch (e) {
+ console.log(e);
}
-
- if (endNode) {
- range.setEnd(endNode, endOffset);
- var normalizedRange=this.normalizeRangeBoundaries(range);
- this.highlightRangeSafe(normalizedRange, cssClass, cfi);
- }
- }
-
- catch (e) {
- console.log(e);
- }
- }
-}
-
-;
+ },
+ };
})();
(function () {
- const TAG_AUTO_SCROLL="AutoScrollDiagnosis";
+ const TAG_AUTO_SCROLL = "AutoScrollDiagnosis";
- window.autoScroll= {
- active: false,
- speed: 1.0,
- accumulator: 0.0,
- animationId: null,
+ window.autoScroll = {
+ active: false,
+ speed: 1.0,
+ accumulator: 0.0,
+ animationId: null,
- start: function (speed) {
- console.log(`$ {
+ start: function (speed) {
+ console.log(`$ {
TAG_AUTO_SCROLL
}
@@ -2673,29 +2451,29 @@ window.findFirstVisibleCfi=function (cfiArray) {
}
`);
- this.active=true;
- this.speed=speed || this.speed;
- this.accumulator=0.0;
- if (this.animationId) cancelAnimationFrame(this.animationId);
- this.loop();
- },
+ this.active = true;
+ this.speed = speed || this.speed;
+ this.accumulator = 0.0;
+ if (this.animationId) cancelAnimationFrame(this.animationId);
+ this.loop();
+ },
- stop: function () {
- this.active = false;
- if (this.animationId) {
- cancelAnimationFrame(this.animationId);
- this.animationId = null;
- }
+ stop: function () {
+ this.active = false;
+ if (this.animationId) {
+ cancelAnimationFrame(this.animationId);
+ this.animationId = null;
+ }
- const container = document.getElementById('content-container') || document.body;
- if (container) {
- container.style.transform = 'none';
- window.scrollBy(0, 0);
- }
- },
+ const container = document.getElementById("content-container") || document.body;
+ if (container) {
+ container.style.transform = "none";
+ window.scrollBy(0, 0);
+ }
+ },
- updateSpeed: function (newSpeed) {
- console.log(`$ {
+ updateSpeed: function (newSpeed) {
+ console.log(`$ {
TAG_AUTO_SCROLL
}
@@ -2704,45 +2482,43 @@ window.findFirstVisibleCfi=function (cfiArray) {
}
`);
- this.speed=newSpeed;
+ this.speed = newSpeed;
+ },
+
+ loop: function () {
+ if (!this.active) return;
+
+ this.accumulator += this.speed;
+
+ const totalPixelsToScroll = Math.floor(this.accumulator);
+
+ if (totalPixelsToScroll >= 1) {
+ const prevScrollY = window.scrollY;
+ window.scrollBy(0, totalPixelsToScroll);
+
+ this.accumulator -= totalPixelsToScroll;
+
+ const scrollY = window.scrollY;
+ const docHeight = document.documentElement.scrollHeight;
+ const innerH = window.innerHeight;
+ const isAtBottom = scrollY + innerH >= docHeight - 3;
+ const isStuck = totalPixelsToScroll > 0 && scrollY === prevScrollY && prevScrollY > 0;
+
+ if (isAtBottom || isStuck) {
+ this.stop();
+ if (window.AutoScrollBridge && window.AutoScrollBridge.onChapterEnd) {
+ window.AutoScrollBridge.onChapterEnd();
+ }
+ return;
+ }
}
- ,
+ const container = document.getElementById("content-container") || document.body;
+ if (container) {
+ container.style.transform = `translate3d(0, -${this.accumulator}px, 0)`;
+ }
- loop: function () {
- if (!this.active) return;
-
- this.accumulator += this.speed;
-
- const totalPixelsToScroll = Math.floor(this.accumulator);
-
- if (totalPixelsToScroll >= 1) {
- const prevScrollY = window.scrollY;
- window.scrollBy(0, totalPixelsToScroll);
-
- this.accumulator -= totalPixelsToScroll;
-
- const scrollY = window.scrollY;
- const docHeight = document.documentElement.scrollHeight;
- const innerH = window.innerHeight;
- const isAtBottom = (scrollY + innerH) >= (docHeight - 3);
- const isStuck = (totalPixelsToScroll > 0 && scrollY === prevScrollY && prevScrollY > 0);
-
- if (isAtBottom || isStuck) {
- this.stop();
- if (window.AutoScrollBridge && window.AutoScrollBridge.onChapterEnd) {
- window.AutoScrollBridge.onChapterEnd();
- }
- return;
- }
- }
-
- const container = document.getElementById('content-container') || document.body;
- if (container) {
- container.style.transform = `translate3d(0, -${this.accumulator}px, 0)`;
- }
-
- this.animationId = requestAnimationFrame(this.loop.bind(this));
- },
- };
- })();
\ No newline at end of file
+ this.animationId = requestAnimationFrame(this.loop.bind(this));
+ },
+ };
+})();
diff --git a/app/src/main/java/com/aryan/reader/AppNavigation.kt b/app/src/main/java/com/aryan/reader/AppNavigation.kt
index c28370c..faa30d1 100644
--- a/app/src/main/java/com/aryan/reader/AppNavigation.kt
+++ b/app/src/main/java/com/aryan/reader/AppNavigation.kt
@@ -128,8 +128,6 @@ fun AppNavigation(
initialPage = initialPage,
initialBookmarksJson = initialBookmarksJson,
isProUser = uiState.isProUser,
- pendingSyncUpdate = uiState.pendingSyncUpdate?.takeIf { it.bookId == bookId },
- onClearPendingSyncUpdate = viewModel::clearPendingSyncUpdate,
onNavigateBack = {
Timber.d("Back action triggered from PDF Viewer.")
viewModel.clearSelectedFile()
@@ -182,8 +180,6 @@ fun AppNavigation(
initialBookmarksJson = initialBookmarksJson,
isProUser = uiState.isProUser,
coverImagePath = coverPath,
- pendingSyncUpdate = uiState.pendingSyncUpdate?.takeIf { it.bookId == bookId },
- onClearPendingSyncUpdate = viewModel::clearPendingSyncUpdate,
onNavigateBack = {
Timber.d("Back action from EPUB Reader. Clearing selected file to navigate home.")
viewModel.clearSelectedFile()
diff --git a/app/src/main/java/com/aryan/reader/FolderSyncWorker.kt b/app/src/main/java/com/aryan/reader/FolderSyncWorker.kt
index 697ea94..f3eb645 100644
--- a/app/src/main/java/com/aryan/reader/FolderSyncWorker.kt
+++ b/app/src/main/java/com/aryan/reader/FolderSyncWorker.kt
@@ -17,6 +17,7 @@
*
* mail: epistemereader@gmail.com
*/
+// FolderSyncWorker.kt
package com.aryan.reader
import android.content.Context
@@ -24,8 +25,10 @@ import android.net.Uri
import timber.log.Timber
import androidx.core.net.toUri
import androidx.documentfile.provider.DocumentFile
-import androidx.work.CoroutineWorker
+import androidx.work.OneTimeWorkRequestBuilder
+import androidx.work.ExistingWorkPolicy
import androidx.work.WorkManager
+import androidx.work.CoroutineWorker
import androidx.work.WorkerParameters
import com.aryan.reader.data.RecentFileItem
import com.aryan.reader.data.RecentFilesRepository
@@ -33,8 +36,11 @@ import com.aryan.reader.epub.EpubParser
import com.aryan.reader.epub.MobiParser
import com.aryan.reader.pdf.PdfCoverGenerator
import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.sync.Mutex
+import kotlinx.coroutines.sync.withLock
import kotlinx.coroutines.withContext
import androidx.core.content.edit
+import com.aryan.reader.data.LocalSyncUtils
class FolderSyncWorker(
private val appContext: Context,
@@ -42,182 +48,362 @@ class FolderSyncWorker(
) : CoroutineWorker(appContext, workerParams) {
private val recentFilesRepository = RecentFilesRepository(appContext)
- private val bookImporter = BookImporter(appContext)
private val epubParser = EpubParser(appContext)
private val mobiParser = MobiParser(appContext)
private val pdfCoverGenerator = PdfCoverGenerator(appContext)
+ private val bookImporter = BookImporter(appContext)
companion object {
const val WORK_NAME = "FolderSyncWorker"
+ const val WORK_NAME_ONETIME = "FolderSyncWorker_OneTime"
+ const val KEY_METADATA_ONLY = "key_metadata_only"
+ private val syncMutex = Mutex()
}
override suspend fun doWork(): Result {
- Timber.d("Worker starting folder sync check.")
+ val isMetadataOnly = inputData.getBoolean(KEY_METADATA_ONLY, false)
+ Timber.tag("FolderSync").d("Worker: Request received (MetadataOnly=$isMetadataOnly). Waiting for lock...")
+
+ return withContext(Dispatchers.IO) {
+ syncMutex.withLock {
+ Timber.tag("FolderSync").d("Worker: Lock acquired. Starting Sync.")
+ performSync(isMetadataOnly)
+ }
+ }
+ }
+
+ private suspend fun performSync(metadataOnly: Boolean): Result {
val prefs = appContext.getSharedPreferences("reader_user_prefs", Context.MODE_PRIVATE)
val folderUriString = prefs.getString(MainViewModel.KEY_SYNCED_FOLDER_URI, null)
- if (folderUriString.isNullOrBlank()) {
- Timber.d("No sync folder configured. Worker stopping.")
- return Result.success()
- }
-
+ if (folderUriString.isNullOrBlank()) return Result.success()
val folderUri = folderUriString.toUri()
- return withContext(Dispatchers.IO) {
+ try {
try {
- val documentTree = DocumentFile.fromTreeUri(appContext, folderUri)
- if (documentTree == null || !documentTree.isDirectory) {
- Timber.e("Could not read the synced folder URI: $folderUriString. Cancelling worker.")
- WorkManager.getInstance(appContext).cancelUniqueWork(WORK_NAME)
- return@withContext Result.failure()
- }
+ appContext.contentResolver.takePersistableUriPermission(
+ folderUri,
+ android.content.Intent.FLAG_GRANT_READ_URI_PERMISSION
+ )
+ } catch (_: SecurityException) {
+ return Result.failure()
+ }
- val filesToScan = mutableListOf