From 6be2aad28d8912237eadfb08d368ee2283ebc1aa Mon Sep 17 00:00:00 2001 From: Thomas Hallock Date: Tue, 11 Nov 2025 16:42:38 -0600 Subject: [PATCH] debug: stringify all virtualization logging output MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Changed all console.log calls to use string concatenation instead of object logging, making output easy to copy/paste as plain text. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .../worksheets/components/WorksheetPreview.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/apps/web/src/app/create/worksheets/components/WorksheetPreview.tsx b/apps/web/src/app/create/worksheets/components/WorksheetPreview.tsx index a470d1b8..184b7df3 100644 --- a/apps/web/src/app/create/worksheets/components/WorksheetPreview.tsx +++ b/apps/web/src/app/create/worksheets/components/WorksheetPreview.tsx @@ -115,7 +115,7 @@ function PreviewContent({ formState, initialData, isScrolling = false }: Workshe // Virtualization decision based on page count, not config source // Always virtualize multi-page worksheets for performance const shouldVirtualize = totalPages > 1 - console.log('[VIRTUALIZATION] shouldVirtualize:', shouldVirtualize, 'totalPages:', totalPages) + console.log('[VIRTUALIZATION] shouldVirtualize: ' + shouldVirtualize + ', totalPages: ' + totalPages) // Initialize visible pages - start with first page only const [visiblePages, setVisiblePages] = useState>(() => new Set([0])) @@ -127,7 +127,7 @@ function PreviewContent({ formState, initialData, isScrolling = false }: Workshe // Debug: Log visible pages changes useEffect(() => { - console.log('[VIRTUALIZATION] visiblePages changed:', Array.from(visiblePages).sort()) + console.log('[VIRTUALIZATION] visiblePages changed: [' + Array.from(visiblePages).sort().join(', ') + ']') }, [visiblePages]) // Reset to first page when preview updates @@ -160,7 +160,7 @@ function PreviewContent({ formState, initialData, isScrolling = false }: Workshe return } - console.log('[VIRTUALIZATION] Setting up IntersectionObserver - shouldVirtualize:', shouldVirtualize) + console.log('[VIRTUALIZATION] Setting up IntersectionObserver - shouldVirtualize: ' + shouldVirtualize) const observer = new IntersectionObserver( (entries) => { @@ -191,7 +191,7 @@ function PreviewContent({ formState, initialData, isScrolling = false }: Workshe const pageIndex = Number(entry.target.getAttribute('data-page-index')) if (entry.isIntersecting) { - console.log('[VIRTUALIZATION] Page', pageIndex, 'is intersecting - adding to visible set') + console.log('[VIRTUALIZATION] Page ' + pageIndex + ' is intersecting - adding to visible set') // Add visible page next.add(pageIndex) // Preload adjacent pages for smooth scrolling @@ -202,7 +202,7 @@ function PreviewContent({ formState, initialData, isScrolling = false }: Workshe // Log if visible pages changed if (next.size !== prev.size || ![...next].every(p => prev.has(p))) { - console.log('[VIRTUALIZATION] Updating visible pages:', Array.from(prev).sort(), '->', Array.from(next).sort()) + console.log('[VIRTUALIZATION] Updating visible pages: [' + Array.from(prev).sort().join(', ') + '] -> [' + Array.from(next).sort().join(', ') + ']') } return next @@ -267,7 +267,7 @@ function PreviewContent({ formState, initialData, isScrolling = false }: Workshe {pages.map((page, index) => { const isVisible = visiblePages.has(index) if (index === 0) { - console.log('[VIRTUALIZATION] Rendering pages - total:', totalPages, 'visible:', Array.from(visiblePages).sort()) + console.log('[VIRTUALIZATION] Rendering pages - total: ' + totalPages + ', visible: [' + Array.from(visiblePages).sort().join(', ') + ']') } return (