debug: add comprehensive console logging to investigate pagination hang

Add extensive console logging to track the flow of chunked note loading:

- NotesService.fetchNotes(): Log API calls, response structure, and update paths
- App.loadNotes(): Log initial load flow and cursor management
- NotesView.onEndOfNotes(): Log scroll trigger, cursor state, and display count updates

This will help diagnose why the pagination is still hanging despite the chunked
loading implementation. The logging will show:
- When and with what parameters fetchNotes is called
- What data structure is returned from the API
- Which update path is taken (incremental vs full)
- How the cursor and display count are being managed

Author: cbcoutinho

src/App.vue

@@ -131,17 +131,22 @@ export default {
 
 	methods: {
 		async loadNotes() {
+			console.log('[App.loadNotes] Starting initial load')
 			try {
 				// Load only the first chunk on initial load (50 notes)
 				// Subsequent chunks will be loaded on-demand when scrolling
 				const data = await fetchNotes(50, null)
+				console.log('[App.loadNotes] fetchNotes returned:', data)
 
 				if (data === null) {
 					// nothing changed (304 response)
+					console.log('[App.loadNotes] 304 Not Modified - no changes')
 					return
 				}
 
 				if (data && data.noteIds) {
+					console.log('[App.loadNotes] Success - received', data.noteIds.length, 'note IDs')
+					console.log('[App.loadNotes] Next cursor:', data.chunkCursor)
 					this.error = false
 					// Route to default note after first chunk
 					this.routeDefault(0)
@@ -150,6 +155,7 @@ export default {
 					store.commit('setNotesChunkCursor', data.chunkCursor || null)
 				} else if (this.loading.notes) {
 					// only show error state if not loading in background
+					console.log('[App.loadNotes] Error - no noteIds in response')
 					this.error = data?.errorMessage || true
 				} else {
 					console.error('Server error while updating list of notes: ' + (data?.errorMessage || 'Unknown error'))
@@ -159,7 +165,7 @@ export default {
 				if (this.loading.notes) {
 					this.error = true
 				}
-				console.error('Failed to load notes:', err)
+				console.error('[App.loadNotes] Exception:', err)
 			} finally {
 				this.loading.notes = false
 				this.startRefreshTimer(config.interval.notes.refresh)

src/NotesService.js

@@ -74,6 +74,7 @@ export const getDashboardData = () => {
 }
 
 export const fetchNotes = async (chunkSize = 50, chunkCursor = null) => {
+	console.log('[fetchNotes] Called with chunkSize:', chunkSize, 'cursor:', chunkCursor)
 	const lastETag = store.state.sync.etag
 	const lastModified = store.state.sync.lastModified
 	const headers = {}
@@ -107,27 +108,36 @@ export const fetchNotes = async (chunkSize = 50, chunkCursor = null) => {
 			params.append('chunkCursor', chunkCursor) // Continue from previous chunk
 		}
 
-		const response = await axios.get(
-			generateUrl('/apps/notes/api/v1/notes' + (params.toString() ? '?' + params.toString() : '')),
-			{ headers },
-		)
+		const url = generateUrl('/apps/notes/api/v1/notes' + (params.toString() ? '?' + params.toString() : ''))
+		console.log('[fetchNotes] Requesting:', url)
+
+		const response = await axios.get(url, { headers })
+
+		console.log('[fetchNotes] Response received, status:', response.status)
+		console.log('[fetchNotes] Response data type:', Array.isArray(response.data) ? 'array' : typeof response.data)
+		console.log('[fetchNotes] Response data keys:', Object.keys(response.data || {}))
 
 		const data = response.data
 		const notes = data.notes || []
 		const noteIds = data.noteIds || notes.map(note => note.id)
 		const nextCursor = data.chunkCursor || null
 		const isLastChunk = !nextCursor
 
+		console.log('[fetchNotes] Processed:', notes.length, 'notes, noteIds:', noteIds.length, 'nextCursor:', nextCursor, 'isLastChunk:', isLastChunk)
+
 		// Update notes incrementally
 		if (chunkCursor) {
 			// Subsequent chunk - use incremental update
+			console.log('[fetchNotes] Using incremental update for subsequent chunk')
 			store.dispatch('updateNotesIncremental', { notes, isLastChunk })
 			if (isLastChunk) {
 				// Final chunk - clean up deleted notes
+				console.log('[fetchNotes] Final chunk - cleaning up deleted notes')
 				store.dispatch('finalizeNotesUpdate', noteIds)
 			}
 		} else {
 			// First chunk - use full update
+			console.log('[fetchNotes] Using full update for first chunk')
 			store.dispatch('updateNotes', { noteIds, notes })
 		}
 
@@ -136,6 +146,7 @@ export const fetchNotes = async (chunkSize = 50, chunkCursor = null) => {
 		store.commit('setSyncLastModified', response.headers['last-modified'])
 		store.commit('setNotesLoadingInProgress', false)
 
+		console.log('[fetchNotes] Completed successfully')
 		return {
 			noteIds,
 			chunkCursor: nextCursor,
@@ -144,10 +155,11 @@ export const fetchNotes = async (chunkSize = 50, chunkCursor = null) => {
 	} catch (err) {
 		store.commit('setNotesLoadingInProgress', false)
 		if (err?.response?.status === 304) {
+			console.log('[fetchNotes] 304 Not Modified - no changes')
 			store.commit('setSyncLastModified', err.response.headers['last-modified'])
 			return null
 		} else {
-			console.error(err)
+			console.error('[fetchNotes] Error:', err)
 			handleSyncError(t('notes', 'Fetching notes has failed.'), err)
 			throw err
 		}

src/components/NotesView.vue

@@ -209,8 +209,10 @@ export default {
 		},
 
 		async onEndOfNotes(isVisible) {
+			console.log('[NotesView.onEndOfNotes] Triggered, isVisible:', isVisible, 'isLoadingMore:', this.isLoadingMore)
 			// Prevent rapid-fire loading by checking if we're already loading a batch
 			if (!isVisible || this.isLoadingMore) {
+				console.log('[NotesView.onEndOfNotes] Skipping - not visible or already loading')
 				return
 			}
 
@@ -220,33 +222,46 @@ export default {
 			try {
 				// Check if there are more notes to fetch from the server
 				const chunkCursor = store.state.sync.chunkCursor
+				console.log('[NotesView.onEndOfNotes] Current cursor:', chunkCursor)
+				console.log('[NotesView.onEndOfNotes] displayedNotesCount:', this.displayedNotesCount, 'filteredNotes.length:', this.filteredNotes.length)
 
 				if (chunkCursor) {
 					// Fetch next chunk from the API
+					console.log('[NotesView.onEndOfNotes] Fetching next chunk from API')
 					const data = await fetchNotes(50, chunkCursor)
+					console.log('[NotesView.onEndOfNotes] Fetch complete, data:', data)
 
 					if (data && data.noteIds) {
 						// Update cursor for next fetch
+						console.log('[NotesView.onEndOfNotes] Updating cursor to:', data.chunkCursor)
 						store.commit('setNotesChunkCursor', data.chunkCursor || null)
 
 						// Increment display count to show newly loaded notes
-						this.displayedNotesCount = Math.min(
+						const newCount = Math.min(
 							this.displayedNotesCount + 50,
 							this.filteredNotes.length
 						)
+						console.log('[NotesView.onEndOfNotes] Updating displayedNotesCount from', this.displayedNotesCount, 'to', newCount)
+						this.displayedNotesCount = newCount
 					}
 				} else if (this.displayedNotesCount < this.filteredNotes.length) {
 					// No more chunks to fetch, but we have cached notes to display
+					console.log('[NotesView.onEndOfNotes] No cursor, but have cached notes to display')
 					this.$nextTick(() => {
-						this.displayedNotesCount = Math.min(
+						const newCount = Math.min(
 							this.displayedNotesCount + 50,
 							this.filteredNotes.length
 						)
+						console.log('[NotesView.onEndOfNotes] Updating displayedNotesCount from', this.displayedNotesCount, 'to', newCount)
+						this.displayedNotesCount = newCount
 					})
+				} else {
+					console.log('[NotesView.onEndOfNotes] All notes loaded, nothing to do')
 				}
 			} finally {
 				// Reset loading flag after operation completes
 				this.$nextTick(() => {
+					console.log('[NotesView.onEndOfNotes] Resetting isLoadingMore flag')
 					this.isLoadingMore = false
 				})
 			}