Enable Discovery debug logging for production troubleshooting

- Add DISCOVERY_LOG_LEVEL=debug
- Add DISCOVERY_SHOW_PROGRESS=true
- Temporary changes for debugging InitializerProcessor fixes on production
This commit is contained in:
2025-08-11 20:13:26 +02:00
parent 59fd3dd3b1
commit 55a330b223
3683 changed files with 2956207 additions and 16948 deletions

View File

@@ -1,15 +1,12 @@
// modules/core/click-manager.js
import { Logger } from './logger.js';
import { useEvent } from './useEvent.js';
import {navigateTo} from "./navigateTo";
import {SimpleCache} from "../utils/cache";
import { navigateTo } from "./navigateTo";
import { LinkPrefetcher } from './LinkPrefetcher.js';
let callback = null;
let unsubscribes = [];
let cleanupInterval = null;
const prefetchCache = new SimpleCache(20, 60000); //new Map();
const maxCacheSize = 20; // max. Anzahl gecachter Seiten
const cacheTTL = 60000; // Lebensdauer in ms (60s)
let prefetcher = null;
function isInternal(link) {
return link.origin === location.origin;
@@ -36,15 +33,14 @@ function handleClick(e) {
if (isInternal(link)) {
e.preventDefault();
const cached = prefetchCache.get(href);
const valid = cached && Date.now() - cached.timestamp < cacheTTL;
const cached = prefetcher ? prefetcher.getCached(href) : null;
const options = {
viewTransition: link.hasAttribute('data-view-transition'),
replace: link.hasAttribute('data-replace'),
modal: link.hasAttribute('data-modal'),
prefetched: valid,
data: valid ? cached.data : null,
prefetched: cached !== null,
data: cached,
};
Logger.info(`[click-manager] internal: ${href}`, options);
@@ -57,37 +53,18 @@ function handleClick(e) {
}
}
let prefetchTimeout;
function handleMouseOver(e) {
clearTimeout(prefetchTimeout);
const link = e.target.closest('a[href]');
if (!link || !isInternal(link)) return;
const href = link.getAttribute('href');
if (!href || prefetchCache.has(href)) return;
// optional: Wait 150ms to reduce noise
prefetchTimeout = setTimeout(() => prefetch(href), 150);
if (!link || !prefetcher) return;
prefetcher.handleHover(link);
}
function prefetch(href) {
Logger.info(`[click-manager] prefetching: ${href}`);
fetch(href)
.then(res => res.text())
.then(html => {
if (prefetchCache.cache.size >= maxCacheSize) {
const oldestKey = [...prefetchCache.cache.entries()].sort((a, b) => a[1].timestamp - b[1].timestamp)[0][0];
prefetchCache.cache.delete(oldestKey);
}
prefetchCache.set(href, {
data: html,
timestamp: Date.now(),
});
})
.catch(err => {
Logger.warn(`[click-manager] prefetch failed for ${href}`, err);
});
function handleMouseOut(e) {
const link = e.target.closest('a[href]');
if (!link || !prefetcher) return;
prefetcher.handleMouseLeave();
}
function handlePopState() {
@@ -97,40 +74,77 @@ function handlePopState() {
}
export function getPrefetched(href) {
const cached = prefetchCache.get(href);
const valid = cached && Date.now() - cached.timestamp < cacheTTL;
return valid ? cached.data : null;
return prefetcher ? prefetcher.getCached(href) : null;
}
export function prefetchHref(href) {
if (!href || prefetchCache.has(href)) return;
prefetch(href);
if (!href || !prefetcher) return;
prefetcher.prefetch(href, { priority: 'high' });
}
export function init(onNavigate) {
export function prefetchUrls(urls) {
if (!prefetcher) return;
prefetcher.prefetchEager(urls);
}
export function init(onNavigate, prefetchOptions = {}) {
callback = onNavigate;
// Initialize prefetcher with options
prefetcher = new LinkPrefetcher({
strategies: ['hover', 'visible'],
hoverDelay: 150,
observerMargin: '50px',
maxCacheSize: 20,
cacheTTL: 60000,
...prefetchOptions
});
unsubscribes = [
useEvent(document, 'click', handleClick),
useEvent(document, 'mouseover', handleMouseOver),
useEvent(document, 'mouseout', handleMouseOut),
useEvent(window, 'popstate', handlePopState),
]
cleanupInterval = setInterval(() => {
for (const [key, val] of prefetchCache.cache.entries()) {
if (Date.now() - val.timestamp > prefetchCache.ttl) {
prefetchCache.cache.delete(key);
}
];
// Observe all initial links if visible strategy is enabled
if (prefetchOptions.strategies?.includes('visible') !== false) {
// Wait for DOM to be ready
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', () => {
prefetcher.observeLinks();
});
} else {
prefetcher.observeLinks();
}
}, 120000);
}
// Support for eager prefetching via data attributes
document.querySelectorAll('a[data-prefetch="eager"]').forEach(link => {
const href = link.getAttribute('href');
if (href) {
prefetcher.prefetch(href, { priority: 'high' });
}
});
Logger.info('[click-manager] ready');
Logger.info('[click-manager] ready with prefetching');
}
export function destroy() {
callback = null;
prefetchCache.clear();
if (prefetcher) {
prefetcher.destroy();
prefetcher = null;
}
unsubscribes.forEach(unsub => unsub());
unsubscribes = [];
Logger.info('[click-manager] destroyed');
}
// Export prefetcher for advanced usage
export function getPrefetcher() {
return prefetcher;
}