+23

src/app.jsx

reviewed

··· 68 68 counts[key] = Object.keys(states[key]).length; 69 69 }); 70 70 console.warn('STATE stats', counts); 71 71 + 72 72 + const { statuses } = states; 73 73 + const unmountedPosts = []; 74 74 + for (const key in statuses) { 75 75 + const $post = document.querySelector(`[data-state-post-id="${key}"]`); 76 76 + if (!$post) { 77 77 + unmountedPosts.push(key); 78 78 + } 79 79 + } 80 80 + console.warn('Unmounted posts', unmountedPosts.length, unmountedPosts); 71 81 }; 82 82 + 83 83 + // Experimental "garbage collection" for states 84 84 + // Every 5 minutes 85 85 + // Only posts for now 86 86 + setInterval(() => { 87 87 + const { statuses } = states; 88 88 + for (const key in statuses) { 89 89 + const $post = document.querySelector(`[data-state-post-id="${key}"]`); 90 90 + if (!$post) { 91 91 + delete states.statuses[key]; 92 92 + } 93 93 + } 94 94 + }, 5 * 60 * 1000); 72 95 73 96 // Preload icons 74 97 // There's probably a better way to do this

+1

src/components/media-post.jsx

reviewed

··· 116 116 const filterTitleStr = filterInfo?.titlesStr; 117 117 return ( 118 118 <Parent 119 119 + data-state-post-id={sKey} 119 120 onMouseEnter={debugHover} 120 121 key={mediaKey} 121 122 data-spoiler-text={

+1

src/components/status.jsx

reviewed

··· 973 973 974 974 return ( 975 975 <article 976 976 + data-state-post-id={sKey} 976 977 ref={(node) => { 977 978 statusRef.current = node; 978 979 // Use parent node if it's in focus