mirror of
https://github.com/boostorg/regex.git
synced 2026-07-05 07:51:00 +02:00
cppalliance-bot
2182 lines
74 KiB
JavaScript
2182 lines
74 KiB
JavaScript
/* GCOVR Custom JavaScript - Tree View & Interactivity */
|
||
|
||
(function() {
|
||
'use strict';
|
||
|
||
// Wait for DOM ready
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
initTheme();
|
||
initSidebar();
|
||
initSidebarResize();
|
||
initMobileMenu();
|
||
initFileTree();
|
||
initNavOverride();
|
||
initBreadcrumbs();
|
||
initSearch();
|
||
initFunctionRows();
|
||
initSorting();
|
||
initToggleButtons();
|
||
initCoverageNav();
|
||
initTreeControls();
|
||
initViewToggle();
|
||
initSettingsDropdown();
|
||
initTlaNavigation();
|
||
initLineHighlight();
|
||
initColumnToggles();
|
||
initPopupResize();
|
||
initFileNavTooltips();
|
||
initFileNavKeys();
|
||
initFunctionListPersistence();
|
||
|
||
// Reveal page now that all init is done
|
||
document.documentElement.classList.remove('no-transitions');
|
||
|
||
// Prefetch linked pages on hover for instant navigation
|
||
initPrefetch();
|
||
});
|
||
|
||
// ===========================================
|
||
// Breadcrumb Links
|
||
// ===========================================
|
||
|
||
// Find a node in the tree by its link (HTML filename) and return
|
||
// the full ancestor path as an array of nodes from root to target.
|
||
function findPathInTree(nodes, targetLink) {
|
||
for (var i = 0; i < nodes.length; i++) {
|
||
var node = nodes[i];
|
||
if (node.link === targetLink) {
|
||
return [node];
|
||
}
|
||
if (node.children) {
|
||
var childPath = findPathInTree(node.children, targetLink);
|
||
if (childPath) {
|
||
return [node].concat(childPath);
|
||
}
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
|
||
function initBreadcrumbs() {
|
||
var currentSpan = document.querySelector('.breadcrumb .current');
|
||
if (!currentSpan || !window.GCOVR_TREE_DATA) {
|
||
if (currentSpan) currentSpan.classList.add('ready');
|
||
return;
|
||
}
|
||
|
||
// Find current page in tree by its HTML filename — this is unambiguous
|
||
// since each page only appears once in the tree.
|
||
var currentPage = window.location.pathname.split('/').pop() || 'index.html';
|
||
var treePath = findPathInTree(window.GCOVR_TREE_DATA, currentPage);
|
||
|
||
if (!treePath || treePath.length === 0) {
|
||
currentSpan.classList.add('ready');
|
||
return;
|
||
}
|
||
|
||
// Build breadcrumb from the tree path (ancestor nodes → current node)
|
||
var fragment = document.createDocumentFragment();
|
||
var matchedSegments = [];
|
||
|
||
for (var i = 0; i < treePath.length; i++) {
|
||
var node = treePath[i];
|
||
var isLast = (i === treePath.length - 1);
|
||
|
||
if (i > 0) {
|
||
var sep = document.createElement('span');
|
||
sep.className = 'separator';
|
||
sep.textContent = '/';
|
||
fragment.appendChild(sep);
|
||
}
|
||
|
||
matchedSegments.push(node.name);
|
||
|
||
if (node.link && !isLast) {
|
||
var a = document.createElement('a');
|
||
a.href = node.link;
|
||
a.textContent = node.name;
|
||
fragment.appendChild(a);
|
||
} else {
|
||
var span = document.createElement('span');
|
||
span.className = 'current-file';
|
||
span.textContent = node.name;
|
||
fragment.appendChild(span);
|
||
}
|
||
}
|
||
|
||
currentSpan.innerHTML = '';
|
||
currentSpan.appendChild(fragment);
|
||
currentSpan.classList.add('ready');
|
||
|
||
// Update source-filename to match breadcrumb path
|
||
var sourceFilename = document.querySelector('.source-filename');
|
||
if (sourceFilename) {
|
||
sourceFilename.textContent = matchedSegments.join('/');
|
||
}
|
||
}
|
||
|
||
// ===========================================
|
||
// Theme Toggle
|
||
// ===========================================
|
||
|
||
function initTheme() {
|
||
const toggle = document.getElementById('theme-toggle');
|
||
const iconSun = toggle ? toggle.querySelector('.icon-sun') : null;
|
||
const iconMoon = toggle ? toggle.querySelector('.icon-moon') : null;
|
||
|
||
// Get system preference
|
||
function getSystemTheme() {
|
||
return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
|
||
}
|
||
|
||
// Get effective theme: saved preference or OS default
|
||
function getEffectiveTheme() {
|
||
var saved = localStorage.getItem('gcovr-theme');
|
||
return (saved === 'light' || saved === 'dark') ? saved : getSystemTheme();
|
||
}
|
||
|
||
// Apply theme to document
|
||
function applyTheme(theme) {
|
||
document.documentElement.setAttribute('data-theme', theme);
|
||
if (iconSun) iconSun.style.display = (theme === 'dark') ? 'block' : 'none';
|
||
if (iconMoon) iconMoon.style.display = (theme === 'light') ? 'block' : 'none';
|
||
}
|
||
|
||
// Apply current theme
|
||
applyTheme(getEffectiveTheme());
|
||
|
||
// Listen for system theme changes — only apply if no stored preference
|
||
window.matchMedia('(prefers-color-scheme: light)').addEventListener('change', function() {
|
||
var saved = localStorage.getItem('gcovr-theme');
|
||
if (saved !== 'light' && saved !== 'dark') {
|
||
applyTheme(getSystemTheme());
|
||
}
|
||
});
|
||
|
||
// Toggle between light and dark on click
|
||
if (toggle) {
|
||
toggle.addEventListener('click', function() {
|
||
var current = getEffectiveTheme();
|
||
var next = (current === 'dark') ? 'light' : 'dark';
|
||
localStorage.setItem('gcovr-theme', next);
|
||
applyTheme(next);
|
||
});
|
||
}
|
||
}
|
||
|
||
// ===========================================
|
||
// Tree Controls (Expand/Collapse All)
|
||
// ===========================================
|
||
|
||
function initTreeControls() {
|
||
var expandBtn = document.getElementById('expand-all');
|
||
var collapseBtn = document.getElementById('collapse-all');
|
||
|
||
if (expandBtn) {
|
||
expandBtn.addEventListener('click', function() {
|
||
document.querySelectorAll('.tree-item').forEach(function(item) {
|
||
if (!item.classList.contains('no-children')) {
|
||
item.classList.add('expanded');
|
||
var toggle = item.querySelector(':scope > .tree-item-header > .tree-folder-toggle');
|
||
if (toggle) toggle.textContent = '−';
|
||
}
|
||
});
|
||
saveExpandedFolders();
|
||
});
|
||
}
|
||
|
||
if (collapseBtn) {
|
||
collapseBtn.addEventListener('click', function() {
|
||
document.querySelectorAll('.tree-item').forEach(function(item) {
|
||
item.classList.remove('expanded');
|
||
var toggle = item.querySelector(':scope > .tree-item-header > .tree-folder-toggle');
|
||
if (toggle) toggle.textContent = '+';
|
||
});
|
||
saveExpandedFolders();
|
||
});
|
||
}
|
||
}
|
||
|
||
// ===========================================
|
||
// Sidebar Toggle
|
||
// ===========================================
|
||
|
||
function initSidebar() {
|
||
const sidebar = document.getElementById('sidebar');
|
||
const toggle = document.getElementById('sidebar-toggle');
|
||
const header = sidebar ? sidebar.querySelector('.sidebar-header') : null;
|
||
|
||
if (!sidebar) return;
|
||
|
||
// Load saved state
|
||
const isCollapsed = localStorage.getItem('sidebar-collapsed') === 'true';
|
||
if (isCollapsed) {
|
||
sidebar.classList.add('collapsed');
|
||
}
|
||
|
||
// Toggle button
|
||
if (toggle) {
|
||
toggle.addEventListener('click', function() {
|
||
sidebar.classList.toggle('collapsed');
|
||
sidebar.classList.remove('hover-expand');
|
||
var isNowCollapsed = sidebar.classList.contains('collapsed');
|
||
localStorage.setItem('sidebar-collapsed', isNowCollapsed);
|
||
// Restore custom width when un-collapsing
|
||
if (!isNowCollapsed) {
|
||
var savedWidth = localStorage.getItem('gcovr-sidebar-width');
|
||
if (savedWidth) {
|
||
document.documentElement.style.setProperty('--sidebar-width', savedWidth + 'px');
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
// Hover expand - expands when hovering sidebar content (not header or no-expand zones)
|
||
var hoverTimeout = null;
|
||
var HOVER_DELAY = 150; // ms delay before expanding
|
||
var isOverContent = false;
|
||
|
||
// Check if element is within a no-expand zone
|
||
function isInNoExpandZone(el) {
|
||
while (el && el !== sidebar) {
|
||
if (el.classList && el.classList.contains('no-expand')) {
|
||
return true;
|
||
}
|
||
el = el.parentElement;
|
||
}
|
||
return false;
|
||
}
|
||
|
||
function scheduleExpand() {
|
||
if (hoverTimeout) return; // already scheduled
|
||
if (sidebar.classList.contains('hover-expand')) return; // already expanded
|
||
hoverTimeout = setTimeout(function() {
|
||
if (isOverContent) {
|
||
sidebar.classList.add('hover-expand');
|
||
}
|
||
hoverTimeout = null;
|
||
}, HOVER_DELAY);
|
||
}
|
||
|
||
function cancelExpand() {
|
||
if (hoverTimeout) {
|
||
clearTimeout(hoverTimeout);
|
||
hoverTimeout = null;
|
||
}
|
||
sidebar.classList.remove('hover-expand');
|
||
}
|
||
|
||
sidebar.addEventListener('mouseenter', function(e) {
|
||
if (!sidebar.classList.contains('collapsed')) return;
|
||
// Check if entering over content area (not header or no-expand zones)
|
||
if (!header.contains(e.target) && !isInNoExpandZone(e.target)) {
|
||
isOverContent = true;
|
||
scheduleExpand();
|
||
}
|
||
});
|
||
|
||
sidebar.addEventListener('mousemove', function(e) {
|
||
if (!sidebar.classList.contains('collapsed')) return;
|
||
var wasOverContent = isOverContent;
|
||
isOverContent = !header.contains(e.target) && !isInNoExpandZone(e.target);
|
||
|
||
if (isOverContent && !wasOverContent && !sidebar.classList.contains('hover-expand')) {
|
||
scheduleExpand();
|
||
}
|
||
});
|
||
|
||
sidebar.addEventListener('mouseleave', function() {
|
||
isOverContent = false;
|
||
cancelExpand();
|
||
});
|
||
}
|
||
|
||
// ===========================================
|
||
// Sidebar Resize
|
||
// ===========================================
|
||
|
||
function initSidebarResize() {
|
||
var sidebar = document.getElementById('sidebar');
|
||
var handle = document.getElementById('sidebar-resize-handle');
|
||
if (!sidebar || !handle) return;
|
||
|
||
var MIN_WIDTH = 200;
|
||
var startX, startWidth;
|
||
|
||
// Restore saved width
|
||
var savedWidth = localStorage.getItem('gcovr-sidebar-width');
|
||
if (savedWidth && !sidebar.classList.contains('collapsed')) {
|
||
var w = parseInt(savedWidth, 10);
|
||
if (w >= MIN_WIDTH) {
|
||
document.documentElement.style.setProperty('--sidebar-width', w + 'px');
|
||
}
|
||
}
|
||
|
||
function getMaxWidth() {
|
||
return Math.floor(window.innerWidth * 0.5);
|
||
}
|
||
|
||
function onMouseMove(e) {
|
||
var newWidth = startWidth + (e.clientX - startX);
|
||
var maxW = getMaxWidth();
|
||
if (newWidth < MIN_WIDTH) newWidth = MIN_WIDTH;
|
||
if (newWidth > maxW) newWidth = maxW;
|
||
document.documentElement.style.setProperty('--sidebar-width', newWidth + 'px');
|
||
}
|
||
|
||
function onMouseUp() {
|
||
document.body.classList.remove('sidebar-resizing');
|
||
document.removeEventListener('mousemove', onMouseMove);
|
||
document.removeEventListener('mouseup', onMouseUp);
|
||
// Save the current width
|
||
var computed = parseInt(getComputedStyle(sidebar).width, 10);
|
||
localStorage.setItem('gcovr-sidebar-width', computed);
|
||
}
|
||
|
||
handle.addEventListener('mousedown', function(e) {
|
||
if (sidebar.classList.contains('collapsed')) return;
|
||
e.preventDefault();
|
||
startX = e.clientX;
|
||
startWidth = parseInt(getComputedStyle(sidebar).width, 10);
|
||
document.body.classList.add('sidebar-resizing');
|
||
document.addEventListener('mousemove', onMouseMove);
|
||
document.addEventListener('mouseup', onMouseUp);
|
||
});
|
||
|
||
// Double-click to reset to default width
|
||
var DEFAULT_WIDTH = 320;
|
||
handle.addEventListener('dblclick', function() {
|
||
if (sidebar.classList.contains('collapsed')) return;
|
||
document.documentElement.style.setProperty('--sidebar-width', DEFAULT_WIDTH + 'px');
|
||
localStorage.setItem('gcovr-sidebar-width', DEFAULT_WIDTH);
|
||
});
|
||
}
|
||
|
||
// ===========================================
|
||
// Mobile Menu
|
||
// ===========================================
|
||
|
||
function initMobileMenu() {
|
||
var sidebar = document.getElementById('sidebar');
|
||
var menuBtn = document.getElementById('mobile-menu-btn');
|
||
var backdrop = document.getElementById('sidebar-backdrop');
|
||
|
||
if (!menuBtn || !sidebar) return;
|
||
|
||
// Open sidebar on hamburger click
|
||
menuBtn.addEventListener('click', function() {
|
||
sidebar.classList.add('mobile-open');
|
||
});
|
||
|
||
// Close on backdrop click
|
||
if (backdrop) {
|
||
backdrop.addEventListener('click', function() {
|
||
sidebar.classList.remove('mobile-open');
|
||
});
|
||
}
|
||
|
||
// Close when clicking a navigation link
|
||
sidebar.addEventListener('click', function(e) {
|
||
if (e.target.closest('a[href]')) {
|
||
sidebar.classList.remove('mobile-open');
|
||
}
|
||
});
|
||
|
||
// Close on escape key
|
||
document.addEventListener('keydown', function(e) {
|
||
if (e.key === 'Escape' && sidebar.classList.contains('mobile-open')) {
|
||
sidebar.classList.remove('mobile-open');
|
||
}
|
||
});
|
||
}
|
||
|
||
// ===========================================
|
||
// File Tree - Load from tree.json
|
||
// ===========================================
|
||
|
||
function initFileTree() {
|
||
var treeContainer = document.getElementById('file-tree');
|
||
if (!treeContainer) return;
|
||
|
||
// Check for embedded tree data first (works for local file:// access)
|
||
if (window.GCOVR_TREE_DATA) {
|
||
window.GCOVR_TREE_DATA = normalizeTree(window.GCOVR_TREE_DATA);
|
||
deduplicateTree(window.GCOVR_TREE_DATA);
|
||
collapseSingleChildDirs(window.GCOVR_TREE_DATA);
|
||
deduplicateTree(window.GCOVR_TREE_DATA);
|
||
renderTree(treeContainer, window.GCOVR_TREE_DATA);
|
||
return;
|
||
}
|
||
|
||
// Fallback: try to load tree.json for full hierarchy
|
||
fetch('tree.json')
|
||
.then(function(response) {
|
||
if (!response.ok) throw new Error('No tree.json');
|
||
return response.json();
|
||
})
|
||
.then(function(tree) {
|
||
window.GCOVR_TREE_DATA = normalizeTree(tree);
|
||
deduplicateTree(window.GCOVR_TREE_DATA);
|
||
collapseSingleChildDirs(window.GCOVR_TREE_DATA);
|
||
deduplicateTree(window.GCOVR_TREE_DATA);
|
||
renderTree(treeContainer, window.GCOVR_TREE_DATA);
|
||
// Re-run dependent init now that the tree exists
|
||
initNavOverride();
|
||
initBreadcrumbs();
|
||
initSearch();
|
||
})
|
||
.catch(function(err) {
|
||
console.log('tree.json not found, using static sidebar');
|
||
// Keep existing static content from Jinja template
|
||
});
|
||
}
|
||
|
||
// cspell:ignore capy
|
||
// Collapse single-child directory chains: if a directory has exactly
|
||
// one child and that child is also a directory, absorb the grandchildren.
|
||
// e.g. include > boost > capy > [items] becomes include > [items]
|
||
function collapseSingleChildDirs(nodes) {
|
||
for (var i = 0; i < nodes.length; i++) {
|
||
var node = nodes[i];
|
||
if (!node.isDirectory || !node.children) continue;
|
||
while (node.children.length === 1 && node.children[0].isDirectory &&
|
||
node.children[0].children && node.children[0].children.length > 0) {
|
||
var child = node.children[0];
|
||
if (!node.link && child.link) node.link = child.link;
|
||
node.children = child.children;
|
||
}
|
||
collapseSingleChildDirs(node.children);
|
||
}
|
||
}
|
||
|
||
// Deduplicate tree: when a node has a child with the same name
|
||
// (e.g. include > include), merge the child's children upward.
|
||
// This happens when gcovr directory pages list entries with paths
|
||
// that include the parent directory name.
|
||
function deduplicateTree(nodes) {
|
||
for (var i = 0; i < nodes.length; i++) {
|
||
var node = nodes[i];
|
||
if (!node.children || node.children.length === 0) continue;
|
||
for (var j = node.children.length - 1; j >= 0; j--) {
|
||
var child = node.children[j];
|
||
if (child.name === node.name && child.isDirectory) {
|
||
node.children.splice(j, 1);
|
||
if (!node.link && child.link) node.link = child.link;
|
||
if (!node.coverage && child.coverage) node.coverage = child.coverage;
|
||
if (!node.coverageClass && child.coverageClass) node.coverageClass = child.coverageClass;
|
||
if (child.children) {
|
||
for (var k = 0; k < child.children.length; k++) {
|
||
node.children.push(child.children[k]);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
deduplicateTree(node.children);
|
||
}
|
||
}
|
||
|
||
// Normalize tree: expand multi-segment node names (e.g. "capy/buffers")
|
||
// into proper nested directory structures so the tree and breadcrumbs
|
||
// display correctly.
|
||
function normalizeTree(nodes) {
|
||
if (!nodes || nodes.length === 0) return nodes;
|
||
|
||
var groups = {};
|
||
var order = [];
|
||
|
||
for (var i = 0; i < nodes.length; i++) {
|
||
var node = nodes[i];
|
||
var slashIdx = node.name.indexOf('/');
|
||
|
||
if (slashIdx === -1) {
|
||
// Simple name — add directly or merge with existing group
|
||
if (groups[node.name]) {
|
||
var existing = groups[node.name];
|
||
if (node.link) existing.link = node.link;
|
||
if (node.coverage) existing.coverage = node.coverage;
|
||
if (node.coverageClass) existing.coverageClass = node.coverageClass;
|
||
if (node.children && node.children.length > 0) {
|
||
existing.children = (existing.children || []).concat(node.children);
|
||
}
|
||
} else {
|
||
var copy = {};
|
||
for (var key in node) {
|
||
if (node.hasOwnProperty(key)) copy[key] = node[key];
|
||
}
|
||
groups[node.name] = copy;
|
||
order.push(node.name);
|
||
}
|
||
} else {
|
||
// Multi-segment name — split on first '/' and group
|
||
var prefix = node.name.substring(0, slashIdx);
|
||
var rest = node.name.substring(slashIdx + 1);
|
||
|
||
if (!groups[prefix]) {
|
||
groups[prefix] = {
|
||
name: prefix,
|
||
isDirectory: true,
|
||
children: []
|
||
};
|
||
order.push(prefix);
|
||
}
|
||
if (!groups[prefix].children) groups[prefix].children = [];
|
||
|
||
// Create child node with remaining path as name
|
||
var childNode = {};
|
||
for (var key in node) {
|
||
if (node.hasOwnProperty(key)) childNode[key] = node[key];
|
||
}
|
||
childNode.name = rest;
|
||
groups[prefix].children.push(childNode);
|
||
}
|
||
}
|
||
|
||
// Build result with recursive normalization
|
||
var result = [];
|
||
for (var i = 0; i < order.length; i++) {
|
||
var node = groups[order[i]];
|
||
if (node.children && node.children.length > 0) {
|
||
node.children = normalizeTree(node.children);
|
||
}
|
||
result.push(node);
|
||
}
|
||
return result;
|
||
}
|
||
|
||
// Save expanded folder paths to localStorage
|
||
function saveExpandedFolders() {
|
||
var paths = [];
|
||
document.querySelectorAll('.tree-item.expanded[data-tree-path]').forEach(function(el) {
|
||
paths.push(el.getAttribute('data-tree-path'));
|
||
});
|
||
localStorage.setItem('gcovr-expanded-folders', JSON.stringify(paths));
|
||
}
|
||
|
||
function renderTree(container, tree) {
|
||
container.innerHTML = '';
|
||
|
||
if (!tree || tree.length === 0) {
|
||
container.innerHTML = '<div class="tree-loading">No files found</div>';
|
||
return;
|
||
}
|
||
|
||
tree.forEach(function(item) {
|
||
container.appendChild(createTreeItem(item, ''));
|
||
});
|
||
|
||
// Auto-expand to current file and highlight it
|
||
expandToCurrentFile(container);
|
||
}
|
||
|
||
function expandToCurrentFile(container) {
|
||
// Get current page filename
|
||
var currentPage = window.location.pathname.split('/').pop() || 'index.html';
|
||
|
||
// Find the link matching current page
|
||
var currentLink = container.querySelector('a[href="' + currentPage + '"]');
|
||
|
||
if (currentLink) {
|
||
// Mark as active
|
||
var treeItem = currentLink.closest('.tree-item');
|
||
if (treeItem) {
|
||
treeItem.classList.add('active');
|
||
}
|
||
|
||
// Expand all parent folders
|
||
var parent = currentLink.closest('.tree-children');
|
||
while (parent) {
|
||
var parentItem = parent.closest('.tree-item');
|
||
if (parentItem) {
|
||
parentItem.classList.add('expanded');
|
||
var toggle = parentItem.querySelector(':scope > .tree-item-header > .tree-folder-toggle');
|
||
if (toggle) toggle.textContent = '−';
|
||
}
|
||
parent = parentItem ? parentItem.parentElement.closest('.tree-children') : null;
|
||
}
|
||
}
|
||
|
||
// Restore previously expanded folders from localStorage
|
||
try {
|
||
var saved = localStorage.getItem('gcovr-expanded-folders');
|
||
if (saved) {
|
||
var paths = JSON.parse(saved);
|
||
paths.forEach(function(path) {
|
||
var el = container.querySelector('.tree-item[data-tree-path="' + CSS.escape(path) + '"]');
|
||
if (el && !el.classList.contains('no-children')) {
|
||
el.classList.add('expanded');
|
||
var toggle = el.querySelector(':scope > .tree-item-header > .tree-folder-toggle');
|
||
if (toggle) toggle.textContent = '−';
|
||
}
|
||
});
|
||
}
|
||
} catch (e) {
|
||
// Ignore localStorage errors
|
||
}
|
||
|
||
// Scroll active item into view instantly
|
||
if (currentLink) {
|
||
currentLink.scrollIntoView({ block: 'center', behavior: 'instant' });
|
||
}
|
||
}
|
||
|
||
// Clean relative path prefixes like '../../../' from names
|
||
function cleanPathName(name) {
|
||
if (!name) return 'unknown';
|
||
// Remove leading ./ or ../
|
||
while (name.indexOf('./') === 0 || name.indexOf('../') === 0) {
|
||
if (name.indexOf('./') === 0) {
|
||
name = name.substring(2);
|
||
} else if (name.indexOf('../') === 0) {
|
||
name = name.substring(3);
|
||
}
|
||
}
|
||
return name || 'unknown';
|
||
}
|
||
|
||
// Get just the filename from a path
|
||
function getDisplayName(name) {
|
||
var cleaned = cleanPathName(name);
|
||
var lastSlash = cleaned.lastIndexOf('/');
|
||
return lastSlash >= 0 ? cleaned.substring(lastSlash + 1) : cleaned;
|
||
}
|
||
|
||
function createTreeItem(item, parentPath) {
|
||
var hasChildren = item.children && item.children.length > 0;
|
||
var isDirectory = item.isDirectory || hasChildren;
|
||
var cleanedName = cleanPathName(item.name);
|
||
var treePath = parentPath ? (parentPath + '/' + cleanedName) : cleanedName;
|
||
|
||
var div = document.createElement('div');
|
||
div.className = 'tree-item' + (isDirectory ? ' is-folder' : '') + (hasChildren ? '' : ' no-children');
|
||
div.setAttribute('data-tree-path', treePath);
|
||
|
||
var header = document.createElement('div');
|
||
header.className = 'tree-item-header';
|
||
var toggle = null;
|
||
|
||
// Toggle button (+/-) for folders with children
|
||
if (hasChildren) {
|
||
toggle = document.createElement('button');
|
||
toggle.className = 'tree-folder-toggle';
|
||
toggle.textContent = '+';
|
||
toggle.setAttribute('aria-label', 'Toggle folder');
|
||
toggle.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
e.preventDefault();
|
||
var isExpanded = div.classList.toggle('expanded');
|
||
toggle.textContent = isExpanded ? '−' : '+';
|
||
saveExpandedFolders();
|
||
});
|
||
header.appendChild(toggle);
|
||
|
||
// Make entire header clickable to expand/collapse
|
||
header.style.cursor = 'pointer';
|
||
header.addEventListener('click', function(e) {
|
||
// If clicking directly on a link, let it navigate
|
||
if (e.target.closest('a')) return;
|
||
e.preventDefault();
|
||
var isExpanded = div.classList.toggle('expanded');
|
||
toggle.textContent = isExpanded ? '−' : '+';
|
||
saveExpandedFolders();
|
||
});
|
||
} else {
|
||
var spacer = document.createElement('span');
|
||
spacer.className = 'tree-spacer';
|
||
header.appendChild(spacer);
|
||
}
|
||
|
||
// Icon - different for folders vs files
|
||
var icon = document.createElement('span');
|
||
if (isDirectory) {
|
||
icon.className = 'tree-icon tree-icon-folder';
|
||
icon.innerHTML = '<svg viewBox="0 0 16 16" width="16" height="16"><path fill="currentColor" d="M1.75 1A1.75 1.75 0 000 2.75v10.5C0 14.216.784 15 1.75 15h12.5A1.75 1.75 0 0016 13.25v-8.5A1.75 1.75 0 0014.25 3H7.5a.25.25 0 01-.2-.1l-.9-1.2C6.07 1.26 5.55 1 5 1H1.75z"/></svg>';
|
||
} else {
|
||
icon.className = 'tree-icon tree-icon-file';
|
||
icon.innerHTML = '<svg viewBox="0 0 16 16" width="16" height="16"><path fill="currentColor" d="M3.75 1.5a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 00.25-.25V6h-2.75A1.75 1.75 0 019 4.25V1.5H3.75zm6.75.062V4.25c0 .138.112.25.25.25h2.688l-2.938-2.938zM2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75z"/></svg>';
|
||
}
|
||
header.appendChild(icon);
|
||
|
||
// Label (with link if available)
|
||
// Clean the display name to remove relative path prefixes like '../../../'
|
||
var displayName = getDisplayName(item.name);
|
||
var tooltipText = cleanPathName(item.fullPath || item.name);
|
||
var label = document.createElement('span');
|
||
label.className = 'tree-label';
|
||
label.title = tooltipText;
|
||
if (item.link) {
|
||
var link = document.createElement('a');
|
||
link.href = item.link;
|
||
link.textContent = displayName;
|
||
link.title = tooltipText;
|
||
label.appendChild(link);
|
||
} else {
|
||
label.textContent = displayName;
|
||
}
|
||
header.appendChild(label);
|
||
|
||
div.appendChild(header);
|
||
|
||
// Children container (for expand/collapse)
|
||
if (hasChildren) {
|
||
var childrenWrapper = document.createElement('div');
|
||
childrenWrapper.className = 'tree-children';
|
||
|
||
var childrenInner = document.createElement('div');
|
||
childrenInner.className = 'tree-children-inner';
|
||
item.children.forEach(function(child) {
|
||
childrenInner.appendChild(createTreeItem(child, treePath));
|
||
});
|
||
|
||
childrenWrapper.appendChild(childrenInner);
|
||
div.appendChild(childrenWrapper);
|
||
}
|
||
|
||
return div;
|
||
}
|
||
|
||
// ===========================================
|
||
// Search
|
||
// ===========================================
|
||
|
||
function initSearch() {
|
||
const searchInput = document.getElementById('file-search');
|
||
const fileTree = document.getElementById('file-tree');
|
||
const clearBtn = document.getElementById('search-clear');
|
||
const searchContainer = searchInput ? searchInput.closest('.sidebar-search') : null;
|
||
if (!searchInput || !fileTree) return;
|
||
|
||
// Store pre-search expanded state so we can restore it
|
||
var preSearchExpanded = null;
|
||
|
||
// Create no-results message
|
||
var noResults = document.createElement('div');
|
||
noResults.className = 'search-no-results';
|
||
noResults.textContent = 'No matching files';
|
||
noResults.style.display = 'none';
|
||
fileTree.appendChild(noResults);
|
||
|
||
function updateClearButton() {
|
||
if (searchContainer) {
|
||
searchContainer.classList.toggle('has-query', searchInput.value.trim() !== '');
|
||
}
|
||
}
|
||
|
||
// Clear button
|
||
if (clearBtn) {
|
||
clearBtn.addEventListener('click', function() {
|
||
searchInput.value = '';
|
||
sessionStorage.removeItem('gcovr-search');
|
||
updateClearButton();
|
||
performSearch('');
|
||
searchInput.focus();
|
||
});
|
||
}
|
||
|
||
var debounceTimer = null;
|
||
searchInput.addEventListener('input', function() {
|
||
updateClearButton();
|
||
clearTimeout(debounceTimer);
|
||
debounceTimer = setTimeout(function() {
|
||
var val = searchInput.value;
|
||
if (val.trim() !== '') {
|
||
sessionStorage.setItem('gcovr-search', val);
|
||
} else {
|
||
sessionStorage.removeItem('gcovr-search');
|
||
}
|
||
performSearch(val);
|
||
}, 150);
|
||
});
|
||
|
||
// Restore search state from sessionStorage on page load (synchronous
|
||
// since initFileTree has already built the tree before initSearch runs)
|
||
var savedSearch = sessionStorage.getItem('gcovr-search');
|
||
if (savedSearch) {
|
||
searchInput.value = savedSearch;
|
||
updateClearButton();
|
||
performSearch(savedSearch);
|
||
}
|
||
|
||
function performSearch(value) {
|
||
var query = value.toLowerCase().trim();
|
||
var allItems = fileTree.querySelectorAll('.tree-item');
|
||
|
||
// Clear all highlights
|
||
fileTree.querySelectorAll('.search-highlight').forEach(function(mark) {
|
||
var parent = mark.parentNode;
|
||
parent.replaceChild(document.createTextNode(mark.textContent), mark);
|
||
parent.normalize();
|
||
});
|
||
|
||
// If query is empty, restore original state
|
||
if (query === '') {
|
||
noResults.style.display = 'none';
|
||
allItems.forEach(function(item) {
|
||
item.style.display = '';
|
||
item.classList.remove('search-match');
|
||
});
|
||
// Restore pre-search expanded state
|
||
if (preSearchExpanded !== null) {
|
||
allItems.forEach(function(item) {
|
||
var path = item.getAttribute('data-tree-path');
|
||
var toggle = item.querySelector(':scope > .tree-item-header > .tree-folder-toggle');
|
||
if (toggle) {
|
||
if (preSearchExpanded.indexOf(path) >= 0) {
|
||
item.classList.add('expanded');
|
||
toggle.textContent = '\u2212';
|
||
} else {
|
||
item.classList.remove('expanded');
|
||
toggle.textContent = '+';
|
||
}
|
||
}
|
||
});
|
||
preSearchExpanded = null;
|
||
}
|
||
return;
|
||
}
|
||
|
||
// Save expanded state before first search
|
||
if (preSearchExpanded === null) {
|
||
preSearchExpanded = [];
|
||
allItems.forEach(function(item) {
|
||
if (item.classList.contains('expanded')) {
|
||
preSearchExpanded.push(item.getAttribute('data-tree-path'));
|
||
}
|
||
});
|
||
}
|
||
|
||
// Determine which items match (check full path and display name)
|
||
var matchSet = new Set();
|
||
|
||
allItems.forEach(function(item) {
|
||
var path = (item.getAttribute('data-tree-path') || '').toLowerCase();
|
||
var label = item.querySelector(':scope > .tree-item-header > .tree-label');
|
||
var text = label ? label.textContent.toLowerCase() : '';
|
||
if (path.includes(query) || text.includes(query)) {
|
||
matchSet.add(item);
|
||
}
|
||
});
|
||
|
||
// Also mark all ancestor items of matches as visible
|
||
var visibleSet = new Set(matchSet);
|
||
matchSet.forEach(function(item) {
|
||
var parent = item.parentElement;
|
||
while (parent && parent !== fileTree) {
|
||
if (parent.classList && parent.classList.contains('tree-item')) {
|
||
visibleSet.add(parent);
|
||
}
|
||
parent = parent.parentElement;
|
||
}
|
||
});
|
||
|
||
// Apply visibility, expand parents of matches, highlight text
|
||
var anyVisible = false;
|
||
allItems.forEach(function(item) {
|
||
var isVisible = visibleSet.has(item);
|
||
item.style.display = isVisible ? '' : 'none';
|
||
item.classList.toggle('search-match', matchSet.has(item));
|
||
|
||
if (isVisible) {
|
||
anyVisible = true;
|
||
// Auto-expand folders that contain matches
|
||
var toggle = item.querySelector(':scope > .tree-item-header > .tree-folder-toggle');
|
||
if (toggle && visibleSet.has(item) && !matchSet.has(item) || (toggle && matchSet.has(item) && item.classList.contains('is-folder'))) {
|
||
item.classList.add('expanded');
|
||
toggle.textContent = '\u2212';
|
||
}
|
||
}
|
||
|
||
// Highlight matched text in label
|
||
if (matchSet.has(item)) {
|
||
var label = item.querySelector(':scope > .tree-item-header > .tree-label');
|
||
if (label) {
|
||
highlightText(label, query);
|
||
}
|
||
}
|
||
});
|
||
|
||
noResults.style.display = anyVisible ? 'none' : '';
|
||
}
|
||
|
||
function highlightText(container, query) {
|
||
// Walk text nodes inside the label (may be inside an <a> tag)
|
||
var walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT, null, false);
|
||
var textNodes = [];
|
||
while (walker.nextNode()) {
|
||
textNodes.push(walker.currentNode);
|
||
}
|
||
textNodes.forEach(function(node) {
|
||
var text = node.textContent;
|
||
var lowerText = text.toLowerCase();
|
||
var idx = lowerText.indexOf(query);
|
||
if (idx === -1) return;
|
||
|
||
var frag = document.createDocumentFragment();
|
||
var lastIdx = 0;
|
||
while (idx !== -1) {
|
||
if (idx > lastIdx) {
|
||
frag.appendChild(document.createTextNode(text.substring(lastIdx, idx)));
|
||
}
|
||
var mark = document.createElement('mark');
|
||
mark.className = 'search-highlight';
|
||
mark.textContent = text.substring(idx, idx + query.length);
|
||
frag.appendChild(mark);
|
||
lastIdx = idx + query.length;
|
||
idx = lowerText.indexOf(query, lastIdx);
|
||
}
|
||
if (lastIdx < text.length) {
|
||
frag.appendChild(document.createTextNode(text.substring(lastIdx)));
|
||
}
|
||
node.parentNode.replaceChild(frag, node);
|
||
});
|
||
}
|
||
}
|
||
|
||
// ===========================================
|
||
// Progressive Function Row Rendering
|
||
// ===========================================
|
||
|
||
function initFunctionRows() {
|
||
var dataEl = document.getElementById('functions-data');
|
||
if (!dataEl) return;
|
||
|
||
var config = window.__functionsPageConfig || {};
|
||
var data = JSON.parse(dataEl.textContent);
|
||
var container = document.querySelector('.functions-body');
|
||
var loadingEl = document.getElementById('functions-loading');
|
||
var showBranches = config.showBranches;
|
||
var showConditions = config.showConditions;
|
||
var singlePage = config.singlePage;
|
||
var currentFile = config.htmlFilename || '';
|
||
|
||
if (data.length === 0) {
|
||
if (loadingEl) loadingEl.remove();
|
||
return;
|
||
}
|
||
|
||
// --- Virtual scrolling setup ---
|
||
var ROW_HEIGHT = 52;
|
||
var BUFFER = 10;
|
||
var visibleCount = Math.max(30, Math.ceil(container.clientHeight / ROW_HEIGHT) + BUFFER * 2);
|
||
var viewport, visibleEl;
|
||
var lastStartIdx = -1;
|
||
|
||
window.addEventListener('resize', function() {
|
||
visibleCount = Math.max(30, Math.ceil(container.clientHeight / ROW_HEIGHT) + BUFFER * 2);
|
||
lastStartIdx = -1;
|
||
renderVisible();
|
||
});
|
||
|
||
function buildHref(entry) {
|
||
if (singlePage) return '#' + entry.html_filename + '|l' + entry.line;
|
||
if (currentFile !== entry.html_filename) return entry.html_filename + '#l' + entry.line;
|
||
return '#l' + entry.line;
|
||
}
|
||
|
||
function entryKey(entry) {
|
||
return entry.name + '|' + entry.filename + ':' + entry.line;
|
||
}
|
||
|
||
function el(tag, cls, text) {
|
||
var node = document.createElement(tag);
|
||
if (cls) node.className = cls;
|
||
if (text !== undefined) node.textContent = text;
|
||
return node;
|
||
}
|
||
|
||
function createRow(entry) {
|
||
var row = el('div', 'function-row');
|
||
if (highlightKey && entryKey(entry) === highlightKey) {
|
||
row.classList.add('function-row-visited');
|
||
}
|
||
|
||
// col-function
|
||
var colFn = el('div', 'col-function');
|
||
var a = document.createElement('a');
|
||
a.href = buildHref(entry);
|
||
a.appendChild(el('span', 'function-name', entry.name));
|
||
a.appendChild(el('span', 'function-location', entry.filename + ':' + entry.line));
|
||
colFn.appendChild(a);
|
||
row.appendChild(colFn);
|
||
|
||
// col-calls
|
||
var colCalls = el('div', 'col-calls');
|
||
var callSpan;
|
||
if (entry.excluded) {
|
||
callSpan = el('span', 'excluded', 'excluded');
|
||
} else if (entry.execution_count === 0) {
|
||
callSpan = el('span', 'not-called', 'not called');
|
||
} else {
|
||
callSpan = el('span', 'called', entry.execution_count + 'x');
|
||
}
|
||
colCalls.appendChild(callSpan);
|
||
row.appendChild(colCalls);
|
||
|
||
// col-lines
|
||
row.appendChild(el('div', 'col-lines', entry.line_coverage + '%'));
|
||
|
||
// col-branches (optional)
|
||
if (showBranches) {
|
||
row.appendChild(el('div', 'col-branches', entry.branch_coverage + '%'));
|
||
}
|
||
|
||
// col-conditions (optional)
|
||
if (showConditions) {
|
||
row.appendChild(el('div', 'col-conditions', entry.condition_coverage + '%'));
|
||
}
|
||
|
||
return row;
|
||
}
|
||
|
||
function setupVirtualScroll() {
|
||
if (loadingEl) loadingEl.remove();
|
||
|
||
viewport = document.createElement('div');
|
||
viewport.className = 'functions-viewport';
|
||
viewport.style.height = (data.length * ROW_HEIGHT) + 'px';
|
||
|
||
visibleEl = document.createElement('div');
|
||
visibleEl.className = 'functions-visible';
|
||
|
||
viewport.appendChild(visibleEl);
|
||
container.appendChild(viewport);
|
||
}
|
||
|
||
function renderVisible() {
|
||
var scrollTop = container.scrollTop;
|
||
var startIdx = Math.max(0, Math.floor(scrollTop / ROW_HEIGHT) - BUFFER);
|
||
var endIdx = Math.min(data.length, startIdx + visibleCount + BUFFER);
|
||
|
||
// Skip re-render if the window hasn't shifted
|
||
if (startIdx === lastStartIdx) return;
|
||
lastStartIdx = startIdx;
|
||
|
||
visibleEl.style.top = (startIdx * ROW_HEIGHT) + 'px';
|
||
|
||
var frag = document.createDocumentFragment();
|
||
for (var i = startIdx; i < endIdx; i++) {
|
||
frag.appendChild(createRow(data[i]));
|
||
}
|
||
visibleEl.replaceChildren(frag);
|
||
}
|
||
|
||
// --- Scroll listener (rAF-throttled) ---
|
||
var ticking = false;
|
||
container.addEventListener('scroll', function() {
|
||
if (!ticking) {
|
||
requestAnimationFrame(function() { renderVisible(); ticking = false; });
|
||
ticking = true;
|
||
}
|
||
});
|
||
|
||
// --- Save state on navigation for back-button restore ---
|
||
var highlightKey = null;
|
||
container.addEventListener('click', function(e) {
|
||
var row = e.target.closest('.function-row');
|
||
if (!row) return;
|
||
var link = row.querySelector('a');
|
||
if (!link) return;
|
||
var nameEl = row.querySelector('.function-name');
|
||
var locEl = row.querySelector('.function-location');
|
||
if (nameEl && locEl) {
|
||
sessionStorage.setItem('gcovr-functions-clicked', nameEl.textContent + '|' + locEl.textContent);
|
||
}
|
||
sessionStorage.setItem('gcovr-functions-scrollTop', String(container.scrollTop));
|
||
});
|
||
|
||
// --- Data-level sorting ---
|
||
function sortData(key, ascending) {
|
||
data.sort(function(a, b) {
|
||
var aVal, bVal;
|
||
switch (key) {
|
||
case 'name': aVal = a.name; bVal = b.name; break;
|
||
case 'calls': aVal = a.excluded ? -1 : a.execution_count; bVal = b.excluded ? -1 : b.execution_count; break;
|
||
case 'lines': aVal = parseFloat(a.line_coverage) || 0; bVal = parseFloat(b.line_coverage) || 0; break;
|
||
case 'branches': aVal = parseFloat(a.branch_coverage) || 0; bVal = parseFloat(b.branch_coverage) || 0; break;
|
||
case 'conditions': aVal = parseFloat(a.condition_coverage) || 0; bVal = parseFloat(b.condition_coverage) || 0; break;
|
||
default: aVal = a.name; bVal = b.name;
|
||
}
|
||
if (typeof aVal === 'string' && typeof bVal === 'string') {
|
||
return ascending ? aVal.localeCompare(bVal) : bVal.localeCompare(aVal);
|
||
}
|
||
return ascending ? aVal - bVal : bVal - aVal;
|
||
});
|
||
lastStartIdx = -1; // force re-render
|
||
viewport.style.height = (data.length * ROW_HEIGHT) + 'px';
|
||
renderVisible();
|
||
}
|
||
|
||
// Intercept sort clicks on functions-header before initSorting runs
|
||
var funcHeaders = document.querySelectorAll('.functions-header .sortable');
|
||
funcHeaders.forEach(function(header) {
|
||
header.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
var sortKey = this.dataset.sort;
|
||
var isAscending = this.classList.contains('sorted-ascending');
|
||
|
||
// Update header classes
|
||
funcHeaders.forEach(function(h) {
|
||
h.classList.remove('sorted-ascending', 'sorted-descending');
|
||
});
|
||
this.classList.add(isAscending ? 'sorted-descending' : 'sorted-ascending');
|
||
|
||
sortData(sortKey, !isAscending);
|
||
}, true); // capture phase to beat initSorting
|
||
});
|
||
|
||
// --- Restore saved state (scroll + highlight) ---
|
||
function restoreSavedState() {
|
||
var saved = sessionStorage.getItem('gcovr-functions-clicked');
|
||
if (saved !== null) {
|
||
sessionStorage.removeItem('gcovr-functions-clicked');
|
||
highlightKey = saved;
|
||
}
|
||
var scroll = sessionStorage.getItem('gcovr-functions-scrollTop');
|
||
if (scroll !== null) {
|
||
sessionStorage.removeItem('gcovr-functions-scrollTop');
|
||
container.scrollTop = parseInt(scroll, 10);
|
||
}
|
||
if (saved !== null || scroll !== null) {
|
||
lastStartIdx = -1;
|
||
renderVisible();
|
||
}
|
||
}
|
||
|
||
// --- Initialize ---
|
||
data.sort(function(a, b) { return a.name.localeCompare(b.name); });
|
||
|
||
setupVirtualScroll();
|
||
renderVisible();
|
||
restoreSavedState();
|
||
|
||
// Also restore on bfcache navigation (browser Back button)
|
||
window.addEventListener('pageshow', function(e) {
|
||
if (e.persisted) restoreSavedState();
|
||
});
|
||
|
||
// Mark functions page so initSorting can skip it
|
||
container.dataset.virtualScroll = 'true';
|
||
}
|
||
|
||
|
||
|
||
// ===========================================
|
||
// Sorting
|
||
// ===========================================
|
||
|
||
function initSorting() {
|
||
var headerSets = [
|
||
{
|
||
selector: '.file-list-header .sortable, .functions-header .sortable',
|
||
getContainer: function() {
|
||
return document.getElementById('file-list') || document.querySelector('.functions-body');
|
||
},
|
||
defaultSort: { key: 'filename', ascending: true }
|
||
},
|
||
{
|
||
selector: '.source-function-header .sortable',
|
||
getContainer: function() {
|
||
return document.querySelector('.source-functions-list');
|
||
},
|
||
defaultSort: null
|
||
}
|
||
];
|
||
|
||
headerSets.forEach(function(set) {
|
||
var headers = document.querySelectorAll(set.selector);
|
||
if (!headers.length) return;
|
||
|
||
headers.forEach(function(header) {
|
||
header.addEventListener('click', function() {
|
||
var sortKey = this.dataset.sort;
|
||
var isAscending = this.classList.contains('sorted-ascending');
|
||
|
||
headers.forEach(function(h) {
|
||
h.classList.remove('sorted-ascending', 'sorted-descending');
|
||
});
|
||
|
||
this.classList.add(isAscending ? 'sorted-descending' : 'sorted-ascending');
|
||
|
||
sortList(set.getContainer(), sortKey, !isAscending);
|
||
});
|
||
});
|
||
|
||
if (set.defaultSort) {
|
||
sortList(set.getContainer(), set.defaultSort.key, set.defaultSort.ascending);
|
||
}
|
||
});
|
||
}
|
||
|
||
function sortList(container, key, ascending) {
|
||
if (!container) return;
|
||
// Virtual scroll handles its own sorting
|
||
if (container.dataset.virtualScroll) return;
|
||
|
||
var headerEl = container.querySelector('.source-function-header, .file-list-header, .functions-header');
|
||
var rows = Array.from(container.children).filter(function(el) { return el !== headerEl; });
|
||
|
||
rows.sort(function(a, b) {
|
||
// Directories always come first
|
||
var aIsDir = a.classList.contains('directory');
|
||
var bIsDir = b.classList.contains('directory');
|
||
if (aIsDir && !bIsDir) return -1;
|
||
if (!aIsDir && bIsDir) return 1;
|
||
|
||
var aVal = a.dataset[key] || a.querySelector('[data-sort]')?.dataset.sort || '';
|
||
var bVal = b.dataset[key] || b.querySelector('[data-sort]')?.dataset.sort || '';
|
||
|
||
// Try to parse as numbers
|
||
var aNum = parseFloat(aVal);
|
||
var bNum = parseFloat(bVal);
|
||
|
||
if (!isNaN(aNum) && !isNaN(bNum)) {
|
||
return ascending ? aNum - bNum : bNum - aNum;
|
||
}
|
||
|
||
// String comparison
|
||
return ascending ? aVal.localeCompare(bVal) : bVal.localeCompare(aVal);
|
||
});
|
||
|
||
rows.forEach(function(row) {
|
||
container.appendChild(row);
|
||
});
|
||
}
|
||
|
||
// ===========================================
|
||
// Toggle Buttons (Coverage Lines)
|
||
// ===========================================
|
||
|
||
function initToggleButtons() {
|
||
const buttons = document.querySelectorAll('.button_toggle_coveredLine, .button_toggle_uncoveredLine, .button_toggle_partialCoveredLine, .button_toggle_excludedLine');
|
||
|
||
buttons.forEach(function(button) {
|
||
var lineClass = button.value;
|
||
if (!document.querySelector('.' + lineClass)) {
|
||
button.disabled = true;
|
||
button.classList.remove('show_' + lineClass);
|
||
return;
|
||
}
|
||
button.addEventListener('click', function() {
|
||
const lineClass = this.value;
|
||
const showClass = 'show_' + lineClass;
|
||
|
||
// Toggle the button state
|
||
this.classList.toggle(showClass);
|
||
|
||
// Toggle visibility of lines
|
||
const lines = document.querySelectorAll('.' + lineClass);
|
||
lines.forEach(function(line) {
|
||
line.classList.toggle(showClass);
|
||
});
|
||
document.dispatchEvent(new CustomEvent('coverage-toggled'));
|
||
});
|
||
});
|
||
|
||
// Also handle simpler toggle buttons
|
||
const simpleToggles = document.querySelectorAll('.btn-toggle');
|
||
simpleToggles.forEach(function(button) {
|
||
button.addEventListener('click', function() {
|
||
// Use data attribute to get line class (persists after toggle)
|
||
const lineClass = this.dataset.lineClass;
|
||
if (!lineClass) return;
|
||
|
||
const showClass = 'show_' + lineClass;
|
||
this.classList.toggle(showClass);
|
||
const lines = document.querySelectorAll('.' + lineClass);
|
||
lines.forEach(function(line) {
|
||
line.classList.toggle(showClass);
|
||
});
|
||
document.dispatchEvent(new CustomEvent('coverage-toggled'));
|
||
});
|
||
});
|
||
}
|
||
|
||
// ===========================================
|
||
// Coverage Navigation (prev/next uncovered)
|
||
// ===========================================
|
||
|
||
function initCoverageNav() {
|
||
var prevBtn = document.getElementById('nav-prev');
|
||
var nextBtn = document.getElementById('nav-next');
|
||
var counter = document.getElementById('nav-counter');
|
||
|
||
if (!prevBtn || !nextBtn || !counter) return;
|
||
|
||
var gapLines = [];
|
||
var currentIndex = -1;
|
||
|
||
function collectGapLines() {
|
||
var uncovered = document.querySelectorAll('tr.uncoveredLine.show_uncoveredLine');
|
||
var partial = document.querySelectorAll('tr.partialCoveredLine.show_partialCoveredLine');
|
||
var merged = [];
|
||
var i;
|
||
for (i = 0; i < uncovered.length; i++) merged.push(uncovered[i]);
|
||
for (i = 0; i < partial.length; i++) merged.push(partial[i]);
|
||
// Sort by DOM order
|
||
merged.sort(function(a, b) {
|
||
var pos = a.compareDocumentPosition(b);
|
||
if (pos & Node.DOCUMENT_POSITION_FOLLOWING) return -1;
|
||
if (pos & Node.DOCUMENT_POSITION_PRECEDING) return 1;
|
||
return 0;
|
||
});
|
||
gapLines = merged;
|
||
currentIndex = -1;
|
||
updateCounter();
|
||
}
|
||
|
||
function updateCounter() {
|
||
if (gapLines.length === 0) {
|
||
counter.textContent = 'All lines covered';
|
||
prevBtn.disabled = true;
|
||
nextBtn.disabled = true;
|
||
} else {
|
||
var display = currentIndex >= 0 ? (currentIndex + 1) : 0;
|
||
counter.textContent = display + ' / ' + gapLines.length;
|
||
prevBtn.disabled = false;
|
||
nextBtn.disabled = false;
|
||
}
|
||
}
|
||
|
||
function navigateTo(index) {
|
||
if (gapLines.length === 0) return;
|
||
// Remove previous highlight
|
||
var prev = document.querySelector('tr.source-line.nav-highlight');
|
||
if (prev) prev.classList.remove('nav-highlight');
|
||
|
||
currentIndex = index;
|
||
var row = gapLines[currentIndex];
|
||
row.scrollIntoView({ block: 'center', behavior: 'instant' });
|
||
row.classList.add('nav-highlight');
|
||
setTimeout(function() {
|
||
row.classList.remove('nav-highlight');
|
||
}, 1500);
|
||
updateCounter();
|
||
}
|
||
|
||
function nextGap() {
|
||
if (gapLines.length === 0) return;
|
||
var next = currentIndex + 1;
|
||
if (next >= gapLines.length) next = 0;
|
||
navigateTo(next);
|
||
}
|
||
|
||
function prevGap() {
|
||
if (gapLines.length === 0) return;
|
||
var prev = currentIndex - 1;
|
||
if (prev < 0) prev = gapLines.length - 1;
|
||
navigateTo(prev);
|
||
}
|
||
|
||
prevBtn.addEventListener('click', prevGap);
|
||
nextBtn.addEventListener('click', nextGap);
|
||
|
||
document.addEventListener('keydown', function(e) {
|
||
var tag = (e.target.tagName || '').toLowerCase();
|
||
if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) return;
|
||
if (e.key === 'n') nextGap();
|
||
if (e.key === 'p') prevGap();
|
||
});
|
||
|
||
document.addEventListener('coverage-toggled', function() {
|
||
collectGapLines();
|
||
});
|
||
|
||
collectGapLines();
|
||
}
|
||
|
||
// ===========================================
|
||
// View Toggle (Nested / Flat)
|
||
// ===========================================
|
||
|
||
function initViewToggle() {
|
||
var toggleContainer = document.getElementById('view-toggle');
|
||
var fileList = document.getElementById('file-list');
|
||
var appContainer = document.querySelector('.app-container');
|
||
|
||
if (!toggleContainer) return;
|
||
|
||
// Always show the toggle
|
||
toggleContainer.style.display = '';
|
||
|
||
var buttons = toggleContainer.querySelectorAll('.view-btn');
|
||
var savedView = localStorage.getItem('gcovr-view-mode');
|
||
|
||
function setActiveButton(view) {
|
||
buttons.forEach(function(btn) {
|
||
btn.classList.toggle('active', btn.dataset.view === view);
|
||
});
|
||
}
|
||
|
||
// On non-directory pages (file/source views), still respect flat mode for sidebar
|
||
if (!fileList) {
|
||
if (appContainer && savedView === 'flat') {
|
||
appContainer.classList.add('flat-mode');
|
||
setActiveButton('flat');
|
||
}
|
||
|
||
// Allow toggling view mode from source pages
|
||
buttons.forEach(function(btn) {
|
||
btn.addEventListener('click', function() {
|
||
var view = this.dataset.view;
|
||
localStorage.setItem('gcovr-view-mode', view);
|
||
setActiveButton(view);
|
||
if (appContainer) {
|
||
if (view === 'flat') {
|
||
appContainer.classList.add('flat-mode');
|
||
} else {
|
||
appContainer.classList.remove('flat-mode');
|
||
document.documentElement.classList.remove('early-flat-mode');
|
||
}
|
||
}
|
||
});
|
||
});
|
||
return;
|
||
}
|
||
|
||
var originalNodes = null; // stash for restoring nested view
|
||
|
||
function collectFlatFiles(nodes, parentPath) {
|
||
var results = [];
|
||
for (var i = 0; i < nodes.length; i++) {
|
||
var node = nodes[i];
|
||
var cleanedName = node.name;
|
||
// Remove leading ./ or ../
|
||
while (cleanedName.indexOf('./') === 0 || cleanedName.indexOf('../') === 0) {
|
||
cleanedName = cleanedName.indexOf('./') === 0 ? cleanedName.substring(2) : cleanedName.substring(3);
|
||
}
|
||
var fullPath = parentPath ? (parentPath + '/' + cleanedName) : cleanedName;
|
||
|
||
if (node.isDirectory && node.children && node.children.length > 0) {
|
||
results = results.concat(collectFlatFiles(node.children, fullPath));
|
||
} else if (!node.isDirectory) {
|
||
var copy = {};
|
||
for (var key in node) {
|
||
if (node.hasOwnProperty(key)) copy[key] = node[key];
|
||
}
|
||
copy.fullPath = fullPath;
|
||
results.push(copy);
|
||
}
|
||
}
|
||
return results;
|
||
}
|
||
|
||
function buildFlatRow(file) {
|
||
var row = document.createElement('div');
|
||
row.className = 'file-row file';
|
||
row.setAttribute('data-filename', file.fullPath);
|
||
row.setAttribute('data-coverage', file.coverage || '0');
|
||
row.setAttribute('data-lines', file.linesTotal || '');
|
||
row.setAttribute('data-functions', file.functionsCoverage || '');
|
||
row.setAttribute('data-branches', file.branchesCoverage || '');
|
||
|
||
// Col name
|
||
var colName = document.createElement('div');
|
||
colName.className = 'col-name';
|
||
|
||
var icon = document.createElement('span');
|
||
icon.className = 'file-icon';
|
||
icon.innerHTML = '<svg viewBox="0 0 16 16" width="16" height="16"><path fill="currentColor" d="M3.75 1.5a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 00.25-.25V6h-2.75A1.75 1.75 0 019 4.25V1.5H3.75zm6.75.062V4.25c0 .138.112.25.25.25h2.688a.252.252 0 00-.011-.013l-2.914-2.914a.272.272 0 00-.013-.011zM2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75z"></path></svg>';
|
||
colName.appendChild(icon);
|
||
|
||
if (file.link) {
|
||
var a = document.createElement('a');
|
||
a.href = file.link;
|
||
a.textContent = file.fullPath;
|
||
a.title = file.fullPath;
|
||
colName.appendChild(a);
|
||
} else {
|
||
var span = document.createElement('span');
|
||
span.className = 'no-link';
|
||
span.textContent = file.fullPath;
|
||
span.title = file.fullPath;
|
||
colName.appendChild(span);
|
||
}
|
||
row.appendChild(colName);
|
||
|
||
// Col coverage
|
||
var colCov = document.createElement('div');
|
||
colCov.className = 'col-coverage';
|
||
|
||
var barContainer = document.createElement('div');
|
||
barContainer.className = 'coverage-bar-container';
|
||
var bar = document.createElement('div');
|
||
var linesCov = file.linesCoverage || '';
|
||
var linesClass = file.linesClass || file.coverageClass || '';
|
||
bar.className = 'coverage-bar ' + linesClass;
|
||
bar.style.width = (linesCov && linesCov !== '-') ? linesCov + '%' : '0%';
|
||
barContainer.appendChild(bar);
|
||
colCov.appendChild(barContainer);
|
||
|
||
var pct = document.createElement('span');
|
||
pct.className = 'coverage-percent ' + linesClass;
|
||
pct.textContent = (linesCov && linesCov !== '-') ? linesCov + '%' : '-';
|
||
colCov.appendChild(pct);
|
||
row.appendChild(colCov);
|
||
|
||
// Col lines
|
||
var colLines = document.createElement('div');
|
||
colLines.className = 'col-lines';
|
||
var execSpan = document.createElement('span');
|
||
execSpan.className = 'stat-value';
|
||
execSpan.textContent = file.linesExec || '';
|
||
colLines.appendChild(execSpan);
|
||
var sep = document.createElement('span');
|
||
sep.className = 'stat-separator';
|
||
sep.textContent = '/';
|
||
colLines.appendChild(sep);
|
||
var totalSpan = document.createElement('span');
|
||
totalSpan.className = 'stat-total';
|
||
totalSpan.textContent = file.linesTotal || '';
|
||
colLines.appendChild(totalSpan);
|
||
row.appendChild(colLines);
|
||
|
||
// Col functions (check if container has the column)
|
||
var container = fileList.closest('.file-list-container');
|
||
var hasFunctions = !container || !container.classList.contains('no-functions');
|
||
var hasBranches = !container || !container.classList.contains('no-branches');
|
||
var hasConditions = !container || !container.classList.contains('no-conditions');
|
||
var hasDecision = !container || !container.classList.contains('no-decision');
|
||
var hasCalls = !container || !container.classList.contains('no-calls');
|
||
|
||
if (hasFunctions) {
|
||
var colFunc = document.createElement('div');
|
||
colFunc.className = 'col-functions';
|
||
var funcVal = document.createElement('span');
|
||
var funcCov = file.functionsCoverage || '';
|
||
var funcClass = file.functionsClass || '';
|
||
funcVal.className = 'stat-value ' + funcClass;
|
||
funcVal.textContent = (funcCov && funcCov !== '-') ? funcCov + '%' : '-';
|
||
colFunc.appendChild(funcVal);
|
||
row.appendChild(colFunc);
|
||
}
|
||
|
||
if (hasBranches) {
|
||
var colBr = document.createElement('div');
|
||
colBr.className = 'col-branches';
|
||
var brVal = document.createElement('span');
|
||
var brCov = file.branchesCoverage || '';
|
||
var brClass = file.branchesClass || '';
|
||
brVal.className = 'stat-value ' + brClass;
|
||
brVal.textContent = (brCov && brCov !== '-') ? brCov + '%' : '-';
|
||
colBr.appendChild(brVal);
|
||
row.appendChild(colBr);
|
||
}
|
||
|
||
if (hasConditions) {
|
||
var colCond = document.createElement('div');
|
||
colCond.className = 'col-conditions';
|
||
var condVal = document.createElement('span');
|
||
var condCov = file.conditionsCoverage || '';
|
||
var condClass = file.conditionsClass || '';
|
||
condVal.className = 'stat-value ' + condClass;
|
||
condVal.textContent = (condCov && condCov !== '-') ? condCov + '%' : '-';
|
||
colCond.appendChild(condVal);
|
||
row.appendChild(colCond);
|
||
}
|
||
|
||
if (hasDecision) {
|
||
var colDec = document.createElement('div');
|
||
colDec.className = 'col-decision';
|
||
var decVal = document.createElement('span');
|
||
var decCov = file.decisionCoverage || '';
|
||
var decClass = file.decisionClass || '';
|
||
decVal.className = 'stat-value ' + decClass;
|
||
decVal.textContent = (decCov && decCov !== '-') ? decCov + '%' : '-';
|
||
colDec.appendChild(decVal);
|
||
row.appendChild(colDec);
|
||
}
|
||
|
||
if (hasCalls) {
|
||
var colCalls = document.createElement('div');
|
||
colCalls.className = 'col-calls';
|
||
var callsVal = document.createElement('span');
|
||
var callsCov = file.callsCoverage || '';
|
||
var callsClass = file.callsClass || '';
|
||
callsVal.className = 'stat-value ' + callsClass;
|
||
callsVal.textContent = (callsCov && callsCov !== '-') ? callsCov + '%' : '-';
|
||
colCalls.appendChild(callsVal);
|
||
row.appendChild(colCalls);
|
||
}
|
||
|
||
|
||
return row;
|
||
}
|
||
|
||
function switchToFlat() {
|
||
if (!window.GCOVR_TREE_DATA) return;
|
||
|
||
// Stash original DOM nodes
|
||
if (originalNodes === null) {
|
||
originalNodes = document.createDocumentFragment();
|
||
while (fileList.firstChild) {
|
||
originalNodes.appendChild(fileList.firstChild);
|
||
}
|
||
}
|
||
|
||
var flatFiles = collectFlatFiles(window.GCOVR_TREE_DATA, '');
|
||
|
||
// Sort by coverage ascending (matching default)
|
||
flatFiles.sort(function(a, b) {
|
||
var aVal = parseFloat(a.coverage) || 0;
|
||
var bVal = parseFloat(b.coverage) || 0;
|
||
return aVal - bVal;
|
||
});
|
||
|
||
while (fileList.firstChild) {
|
||
fileList.removeChild(fileList.firstChild);
|
||
}
|
||
for (var i = 0; i < flatFiles.length; i++) {
|
||
fileList.appendChild(buildFlatRow(flatFiles[i]));
|
||
}
|
||
|
||
if (appContainer) appContainer.classList.add('flat-mode');
|
||
setActiveButton('flat');
|
||
localStorage.setItem('gcovr-view-mode', 'flat');
|
||
}
|
||
|
||
function switchToNested() {
|
||
if (originalNodes !== null) {
|
||
while (fileList.firstChild) {
|
||
fileList.removeChild(fileList.firstChild);
|
||
}
|
||
fileList.appendChild(originalNodes);
|
||
originalNodes = null;
|
||
}
|
||
if (appContainer) appContainer.classList.remove('flat-mode');
|
||
document.documentElement.classList.remove('early-flat-mode');
|
||
setActiveButton('nested');
|
||
localStorage.setItem('gcovr-view-mode', 'nested');
|
||
|
||
// Re-run sorting to maintain state
|
||
sortList(document.getElementById('file-list') || document.querySelector('.functions-body'), 'filename', true);
|
||
}
|
||
|
||
buttons.forEach(function(btn) {
|
||
btn.addEventListener('click', function() {
|
||
var view = this.dataset.view;
|
||
if (view === 'flat') {
|
||
switchToFlat();
|
||
} else {
|
||
switchToNested();
|
||
}
|
||
});
|
||
});
|
||
|
||
// Apply saved preference on load
|
||
if (savedView === 'flat') {
|
||
// Defer to ensure tree data is loaded
|
||
setTimeout(function() {
|
||
switchToFlat();
|
||
}, 0);
|
||
}
|
||
}
|
||
|
||
// ===========================================
|
||
// Settings Dropdown (mobile gear icon)
|
||
// ===========================================
|
||
|
||
function initSettingsDropdown() {
|
||
var btn = document.getElementById('settings-btn');
|
||
var dropdown = document.getElementById('settings-dropdown');
|
||
var header = document.querySelector('.main-header');
|
||
if (!btn || !dropdown || !header) return;
|
||
|
||
var viewToggle = document.getElementById('view-toggle');
|
||
var themeToggle = document.getElementById('theme-toggle');
|
||
var isMobile = false;
|
||
|
||
// Reference node: settings-btn, so we can insert before it when moving back
|
||
function moveToDropdown() {
|
||
if (viewToggle && viewToggle.parentNode !== dropdown) {
|
||
dropdown.appendChild(viewToggle);
|
||
}
|
||
if (themeToggle && themeToggle.parentNode !== dropdown) {
|
||
dropdown.appendChild(themeToggle);
|
||
}
|
||
}
|
||
|
||
function moveToHeader() {
|
||
// Insert before settings-btn so they appear in original order
|
||
if (viewToggle && viewToggle.parentNode !== header) {
|
||
header.insertBefore(viewToggle, btn);
|
||
}
|
||
if (themeToggle && themeToggle.parentNode !== header) {
|
||
header.insertBefore(themeToggle, btn);
|
||
}
|
||
}
|
||
|
||
function checkBreakpoint() {
|
||
var nowMobile = window.innerWidth <= 1024;
|
||
if (nowMobile === isMobile) return;
|
||
isMobile = nowMobile;
|
||
if (isMobile) {
|
||
moveToDropdown();
|
||
} else {
|
||
dropdown.classList.remove('open');
|
||
moveToHeader();
|
||
}
|
||
}
|
||
|
||
// Toggle dropdown on button click
|
||
btn.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
dropdown.classList.toggle('open');
|
||
});
|
||
|
||
// Close on outside click
|
||
document.addEventListener('click', function(e) {
|
||
if (!dropdown.contains(e.target) && e.target !== btn) {
|
||
dropdown.classList.remove('open');
|
||
}
|
||
});
|
||
|
||
// Close on Escape
|
||
document.addEventListener('keydown', function(e) {
|
||
if (e.key === 'Escape') {
|
||
dropdown.classList.remove('open');
|
||
}
|
||
});
|
||
|
||
// Respond to resize
|
||
window.addEventListener('resize', checkBreakpoint);
|
||
|
||
// Initial check
|
||
checkBreakpoint();
|
||
}
|
||
|
||
// ===========================================
|
||
// Popup Resize (only when overflowing)
|
||
// ===========================================
|
||
|
||
function initPopupResize() {
|
||
var details = document.querySelectorAll('.branch-details, .condition-details, .decision-details, .call-details');
|
||
if (details.length === 0) return;
|
||
|
||
details.forEach(function(det) {
|
||
det.addEventListener('toggle', function() {
|
||
if (!det.open) return;
|
||
var popup = det.querySelector('.branch-popup, .condition-popup, .decision-popup, .call-popup');
|
||
if (!popup) return;
|
||
// Check after render if content overflows
|
||
requestAnimationFrame(function() {
|
||
if (popup.scrollHeight > popup.clientHeight) {
|
||
popup.classList.add('is-overflowing');
|
||
} else {
|
||
popup.classList.remove('is-overflowing');
|
||
}
|
||
});
|
||
});
|
||
});
|
||
}
|
||
|
||
// ===========================================
|
||
// Nav Override (prev/next follows tree order)
|
||
// ===========================================
|
||
|
||
function initNavOverride() {
|
||
if (!window.GCOVR_TREE_DATA) return;
|
||
|
||
var navPrev = document.querySelectorAll('.nav-prev');
|
||
var navNext = document.querySelectorAll('.nav-next');
|
||
if (navPrev.length === 0 && navNext.length === 0) return;
|
||
|
||
// DFS-flatten tree to collect file links in sidebar order
|
||
function collectLinks(nodes) {
|
||
var links = [];
|
||
for (var i = 0; i < nodes.length; i++) {
|
||
var node = nodes[i];
|
||
if (node.isDirectory && node.children && node.children.length > 0) {
|
||
links = links.concat(collectLinks(node.children));
|
||
} else if (!node.isDirectory && node.link) {
|
||
links.push(node.link);
|
||
}
|
||
}
|
||
return links;
|
||
}
|
||
|
||
var fileLinks = collectLinks(window.GCOVR_TREE_DATA);
|
||
if (fileLinks.length === 0) return;
|
||
|
||
var currentPage = window.location.pathname.split('/').pop() || 'index.html';
|
||
var idx = fileLinks.indexOf(currentPage);
|
||
if (idx === -1) return;
|
||
|
||
var prev = idx > 0 ? fileLinks[idx - 1] : null;
|
||
var next = idx < fileLinks.length - 1 ? fileLinks[idx + 1] : null;
|
||
|
||
function updateNavLinks(els, href) {
|
||
for (var i = 0; i < els.length; i++) {
|
||
var el = els[i];
|
||
if (href) {
|
||
// Enable: ensure it's an <a> with the correct href
|
||
if (el.tagName === 'A') {
|
||
el.setAttribute('href', href);
|
||
} else {
|
||
// Replace disabled <span> with an <a>
|
||
var a = document.createElement('a');
|
||
a.className = el.className.replace(/\bdisabled\b/, '').trim();
|
||
a.href = href;
|
||
a.title = el.title;
|
||
while (el.firstChild) a.appendChild(el.firstChild);
|
||
el.parentNode.replaceChild(a, el);
|
||
}
|
||
} else {
|
||
// Disable: ensure it's a <span> with disabled class
|
||
if (el.tagName === 'A') {
|
||
var span = document.createElement('span');
|
||
span.className = el.className + ' disabled';
|
||
span.title = el.title;
|
||
while (el.firstChild) span.appendChild(el.firstChild);
|
||
el.parentNode.replaceChild(span, el);
|
||
} else {
|
||
el.classList.add('disabled');
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
updateNavLinks(navPrev, prev);
|
||
updateNavLinks(navNext, next);
|
||
}
|
||
|
||
// ===========================================
|
||
// TLA Navigation (HIT/MIS/PAR links)
|
||
// ===========================================
|
||
|
||
function initTlaNavigation() {
|
||
var rows = document.querySelectorAll('.source-line');
|
||
if (rows.length === 0) return;
|
||
|
||
// Classify each row by coverage type
|
||
var COV_CLASSES = ['coveredLine', 'uncoveredLine', 'partialCoveredLine'];
|
||
var LABELS = { coveredLine: 'HIT', uncoveredLine: 'MIS', partialCoveredLine: 'PAR' };
|
||
var CSS_CLASSES = { coveredLine: 'tla-hit', uncoveredLine: 'tla-mis', partialCoveredLine: 'tla-par' };
|
||
|
||
// Build list of groups: contiguous runs of the same coverage class
|
||
var groups = []; // { type, firstRow }
|
||
var prevType = null;
|
||
|
||
for (var i = 0; i < rows.length; i++) {
|
||
var row = rows[i];
|
||
var type = null;
|
||
for (var j = 0; j < COV_CLASSES.length; j++) {
|
||
if (row.classList.contains(COV_CLASSES[j])) {
|
||
type = COV_CLASSES[j];
|
||
break;
|
||
}
|
||
}
|
||
if (type === null) {
|
||
prevType = null;
|
||
continue;
|
||
}
|
||
if (type !== prevType) {
|
||
groups.push({ type: type, firstRow: row });
|
||
prevType = type;
|
||
}
|
||
}
|
||
|
||
if (groups.length === 0) return;
|
||
|
||
// Determine the anchor prefix used in this page
|
||
var sampleAnchor = rows[0].querySelector('.col-lineno a');
|
||
var anchorPrefix = '';
|
||
if (sampleAnchor) {
|
||
var id = sampleAnchor.id;
|
||
var idx = id.indexOf('l');
|
||
if (idx > 0) {
|
||
anchorPrefix = id.substring(0, idx);
|
||
}
|
||
}
|
||
|
||
// For each group, find the line number from its first row
|
||
function getLineNo(row) {
|
||
var a = row.querySelector('.col-lineno a');
|
||
return a ? a.textContent.trim() : '';
|
||
}
|
||
|
||
// Build per-type lists for wrap-around linking
|
||
var byType = {};
|
||
for (var i = 0; i < groups.length; i++) {
|
||
var g = groups[i];
|
||
if (!byType[g.type]) byType[g.type] = [];
|
||
byType[g.type].push(i);
|
||
}
|
||
|
||
// For each group, compute next group index of same type
|
||
var nextGroupIdx = new Array(groups.length);
|
||
for (var type in byType) {
|
||
var indices = byType[type];
|
||
for (var k = 0; k < indices.length; k++) {
|
||
var nextK = (k + 1) % indices.length;
|
||
nextGroupIdx[indices[k]] = indices[nextK];
|
||
}
|
||
}
|
||
|
||
// Inject TLA links
|
||
for (var i = 0; i < groups.length; i++) {
|
||
var g = groups[i];
|
||
var cell = g.firstRow.querySelector('.col-tla');
|
||
if (!cell) continue;
|
||
|
||
var targetGroup = groups[nextGroupIdx[i]];
|
||
var targetLineNo = getLineNo(targetGroup.firstRow);
|
||
|
||
var targetId = anchorPrefix + 'l' + targetLineNo;
|
||
|
||
var a = document.createElement('a');
|
||
a.className = 'tla-link ' + CSS_CLASSES[g.type];
|
||
a.textContent = LABELS[g.type];
|
||
a.href = '#' + targetId;
|
||
a.addEventListener('click', function(e) {
|
||
var target = document.getElementById(this.getAttribute('href').substring(1));
|
||
if (target) {
|
||
e.preventDefault();
|
||
// Scroll within the source-table-container
|
||
var scrollBox = document.querySelector('.source-table-container');
|
||
var row = target.closest('tr');
|
||
if (scrollBox && row) {
|
||
var thead = scrollBox.querySelector('thead');
|
||
var theadHeight = thead ? thead.offsetHeight : 0;
|
||
scrollBox.scrollTo({ top: row.offsetTop - theadHeight - 8, behavior: 'instant' });
|
||
}
|
||
history.replaceState(null, '', this.getAttribute('href'));
|
||
// Highlight the target row (clear any previous highlight first)
|
||
var prev = document.querySelector('.highlight-target');
|
||
if (prev) prev.classList.remove('highlight-target');
|
||
if (row) row.classList.add('highlight-target');
|
||
}
|
||
});
|
||
cell.appendChild(a);
|
||
}
|
||
}
|
||
|
||
// ===========================================
|
||
// Line number click highlight
|
||
// ===========================================
|
||
|
||
function initLineHighlight() {
|
||
var clickedFnItem = null;
|
||
|
||
function highlightFromHash(scroll) {
|
||
var prev = document.querySelector('.highlight-target');
|
||
if (prev) prev.classList.remove('highlight-target');
|
||
var prevFn = document.querySelector('.source-function-item.selected');
|
||
if (prevFn) prevFn.classList.remove('selected');
|
||
var id = window.location.hash.slice(1);
|
||
if (!id) return;
|
||
var el = document.getElementById(id);
|
||
if (!el) return;
|
||
var fnItem = clickedFnItem || document.querySelector('.source-function-item[href="#' + id + '"]');
|
||
clickedFnItem = null;
|
||
if (fnItem) fnItem.classList.add('selected');
|
||
var row = el.closest('tr');
|
||
if (row) {
|
||
row.classList.add('highlight-target');
|
||
if (scroll) {
|
||
var scrollBox = document.querySelector('.source-table-container');
|
||
if (scrollBox) {
|
||
var thead = scrollBox.querySelector('thead');
|
||
var theadHeight = thead ? thead.offsetHeight : 0;
|
||
scrollBox.scrollTo({ top: row.offsetTop - theadHeight - 8, behavior: 'instant' });
|
||
} else {
|
||
row.scrollIntoView({ block: 'center' });
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
// Handle clicks on function list items directly
|
||
var fnList = document.querySelector('.source-functions-list');
|
||
if (fnList) {
|
||
fnList.addEventListener('click', function(e) {
|
||
var item = e.target.closest('.source-function-item');
|
||
if (!item) return;
|
||
e.preventDefault();
|
||
clickedFnItem = item;
|
||
var href = item.getAttribute('href');
|
||
if (href) history.replaceState(null, '', href);
|
||
highlightFromHash(true);
|
||
});
|
||
}
|
||
|
||
// Event delegation: single listener on the table container
|
||
var container = document.querySelector('.source-table-container');
|
||
if (container) {
|
||
container.addEventListener('click', function(e) {
|
||
var anchor = e.target.closest('.col-lineno a');
|
||
if (!anchor) return;
|
||
e.preventDefault();
|
||
if (anchor.id) history.replaceState(null, '', '#' + anchor.id);
|
||
highlightFromHash(false);
|
||
});
|
||
}
|
||
|
||
// Highlight + scroll on initial load and back/forward navigation
|
||
highlightFromHash(true);
|
||
window.addEventListener('hashchange', function() { highlightFromHash(true); });
|
||
}
|
||
|
||
// ===========================================
|
||
// Column Visibility Toggles
|
||
// ===========================================
|
||
|
||
function initColumnToggles() {
|
||
var buttons = document.querySelectorAll('.col-toggle');
|
||
if (buttons.length === 0) return;
|
||
|
||
var table = document.querySelector('.source-table');
|
||
if (!table) return;
|
||
|
||
// Restore saved state
|
||
var hidden = [];
|
||
try {
|
||
var saved = localStorage.getItem('gcovr-hidden-columns');
|
||
if (saved) {
|
||
hidden = JSON.parse(saved);
|
||
} else {
|
||
hidden = ['tla'];
|
||
}
|
||
} catch (e) {}
|
||
|
||
// Apply saved hidden columns
|
||
var fnList = document.querySelector('.source-functions-list');
|
||
for (var i = 0; i < hidden.length; i++) {
|
||
table.classList.add('hide-col-' + hidden[i]);
|
||
if (fnList) {
|
||
fnList.classList.add('hide-col-' + hidden[i]);
|
||
}
|
||
}
|
||
|
||
// Update button appearance to match state
|
||
buttons.forEach(function(btn) {
|
||
var col = btn.getAttribute('data-col');
|
||
if (hidden.indexOf(col) >= 0) {
|
||
btn.classList.remove('show-col');
|
||
}
|
||
});
|
||
|
||
// Handle clicks
|
||
buttons.forEach(function(btn) {
|
||
btn.addEventListener('click', function() {
|
||
var col = this.getAttribute('data-col');
|
||
var hideClass = 'hide-col-' + col;
|
||
var isHidden = table.classList.toggle(hideClass);
|
||
this.classList.toggle('show-col', !isHidden);
|
||
|
||
// Sync with function list sidebar
|
||
var fnList = document.querySelector('.source-functions-list');
|
||
if (fnList) {
|
||
fnList.classList.toggle(hideClass, isHidden);
|
||
}
|
||
|
||
// Save state
|
||
var current = [];
|
||
var allBtns = document.querySelectorAll('.col-toggle');
|
||
allBtns.forEach(function(b) {
|
||
if (!b.classList.contains('show-col')) {
|
||
current.push(b.getAttribute('data-col'));
|
||
}
|
||
});
|
||
localStorage.setItem('gcovr-hidden-columns', JSON.stringify(current));
|
||
});
|
||
});
|
||
}
|
||
|
||
// ===========================================
|
||
// File nav keyboard shortcuts ([ and ])
|
||
// ===========================================
|
||
|
||
function initFileNavKeys() {
|
||
var prevLink = document.querySelector('.source-nav-links .nav-prev') || document.querySelector('.nav-links .nav-prev');
|
||
var nextLink = document.querySelector('.source-nav-links .nav-next') || document.querySelector('.nav-links .nav-next');
|
||
if (!prevLink && !nextLink) return;
|
||
|
||
document.addEventListener('keydown', function(e) {
|
||
var tag = (e.target.tagName || '').toLowerCase();
|
||
if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) return;
|
||
// Re-query to pick up any DOM replacements by initNavOverride
|
||
var prev = document.querySelector('.source-nav-links a.nav-prev') || document.querySelector('.nav-links a.nav-prev');
|
||
var next = document.querySelector('.source-nav-links a.nav-next') || document.querySelector('.nav-links a.nav-next');
|
||
if (e.key === '[' && prev) {
|
||
window.location.href = prev.href;
|
||
}
|
||
if (e.key === ']' && next) {
|
||
window.location.href = next.href;
|
||
}
|
||
});
|
||
}
|
||
|
||
// ===========================================
|
||
// Enrich file nav tooltips with actual filenames
|
||
// ===========================================
|
||
|
||
function initFileNavTooltips() {
|
||
if (!window.GCOVR_TREE_DATA) return;
|
||
var links = document.querySelectorAll('.source-nav-links .nav-prev, .source-nav-links .nav-next, .nav-links .nav-prev, .nav-links .nav-next');
|
||
for (var i = 0; i < links.length; i++) {
|
||
var anchor = links[i];
|
||
var href = anchor.getAttribute('href');
|
||
if (!href || href === '#') continue;
|
||
var filename = href.replace(/^.*\//, '').replace(/#.*$/, '');
|
||
var node = findNodeInTree(window.GCOVR_TREE_DATA, filename);
|
||
if (node && node.name) {
|
||
var direction = anchor.classList.contains('nav-prev') ? 'Previous' : 'Next';
|
||
anchor.title = direction + ': ' + node.name;
|
||
}
|
||
}
|
||
}
|
||
|
||
function findNodeInTree(nodes, targetLink) {
|
||
for (var i = 0; i < nodes.length; i++) {
|
||
var node = nodes[i];
|
||
if (node.link === targetLink) return node;
|
||
if (node.children) {
|
||
var found = findNodeInTree(node.children, targetLink);
|
||
if (found) return found;
|
||
}
|
||
}
|
||
return null;
|
||
}
|
||
|
||
// ===========================================
|
||
// Prefetch pages on hover for instant nav
|
||
// ===========================================
|
||
|
||
function initPrefetch() {
|
||
// Skip for file:// protocol (fetch won't work)
|
||
if (location.protocol === 'file:') return;
|
||
|
||
var prefetched = {};
|
||
|
||
document.addEventListener('mouseover', function(e) {
|
||
var link = e.target.closest('a[href]');
|
||
if (!link) return;
|
||
|
||
var href = link.getAttribute('href');
|
||
// Only prefetch local HTML pages
|
||
if (!href || href.charAt(0) === '#' || href.indexOf('://') !== -1) return;
|
||
if (prefetched[href]) return;
|
||
|
||
prefetched[href] = true;
|
||
var prefetchLink = document.createElement('link');
|
||
prefetchLink.rel = 'prefetch';
|
||
prefetchLink.href = href;
|
||
document.head.appendChild(prefetchLink);
|
||
});
|
||
}
|
||
|
||
function initFunctionListPersistence() {
|
||
var details = document.querySelector('details.source-functions');
|
||
if (!details) return;
|
||
|
||
var key = 'gcovr-fn-list-open';
|
||
if (sessionStorage.getItem(key) === 'true') {
|
||
details.setAttribute('open', '');
|
||
}
|
||
|
||
details.addEventListener('toggle', function() {
|
||
sessionStorage.setItem(key, details.open ? 'true' : 'false');
|
||
});
|
||
}
|
||
|
||
})();
|