perf(frontend): fix resource leaks and disable deep reactivity on media index

- useMediaWebSocket: shallowRef mediaIndex/tasks/loading/error/connected
  to eliminate Proxy overhead on the entire library data structure.
- useMediaWebSocket: replace per-task setTimeout leak with single 3s
  sweep interval for completed task cleanup.
- App.vue: remove {deep:true} watcher on mediaIndex; shallow ref change
  is sufficient to trigger search worker sync.
- useGamepadNavigation: rAF only when gamepads are connected; idle
  fallback to 500ms setTimeout to stop permanent 60fps CPU drain.
- useKeyboardNavigation: deduplicate synced scroll rAF requests to
  prevent overlapping animation frames.
- MediaDetail/SeriesFullView/CollageHero: pause, clear src, and load()
  video elements on unmount and before ref replacement to release
  decoder/memory resources.
- MediaDetail/SeriesFullView: clear all volume fade intervals on
  unmount to stop interval timer leaks.

This commit is contained in:

LeoVasanko

2026-05-27 20:28:51 +00:00

parent 79d3f40162

commit 96c2d52ee0

7 changed files with 149 additions and 28 deletions

									
										frontend/src/App.vue
									
		+1
		-1
	
												View File
												
				@@ -1020,7 +1020,7 @@ watch(mediaIndex, () => {

				    syncWorkerIndex()

				    runSearch()

				  }

				}, { deep: true })

				})

				// Sort by newest timestamp (descending)

				function sortByNewest(items: MediaItem[]): MediaItem[] {