\n ${amount}\n ${username}\n

${formatMessageWithEmotes(message)}

\n `;\n \n chatMessages.appendChild(donationElement);\n chatMessages.scrollTop = chatMessages.scrollHeight;\n \n uniqueUsernames.add(username);\n updateViewerCount();\n \n if (chatPopupWindow && !chatPopupWindow.closed) {\n chatPopupWindow.postMessage({\n type: 'newDonation',\n donation: {\n username: username,\n amount: amount,\n message: message,\n type: type\n }\n }, '*');\n }\n}\n=======\nfunction addDonationToChat(username, amount, message, type) {\n const donationElement = document.createElement('div');\n donationElement.className = 'donation-message';\n \n // Add avatar if enabled\n if (showAvatarsToggle && showAvatarsToggle.checked) {\n const avatarData = generateAvatarPlaceholder(username);\n const avatarDiv = document.createElement('div');\n avatarDiv.className = 'chat-avatar donation-avatar';\n avatarDiv.style.backgroundColor = avatarData.color;\n avatarDiv.textContent = avatarData.initial;\n donationElement.prepend(avatarDiv); \n }\n\n if (type === \"bits\") {\n donationElement.classList.add('bits-donation');\n } else {\n donationElement.classList.add('dollars-donation');\n }\n \n donationElement.innerHTML += `\n

\n ${amount}\n ${username}\n

${formatMessageWithEmotes(message)}

\n `;\n \n chatMessages.appendChild(donationElement);\n chatMessages.scrollTop = chatMessages.scrollHeight;\n \n uniqueUsernames.add(username);\n updateViewerCount();\n \n // Record donation in local Wall of Fame store (keeps recent donation timestamp and amount)\n try {\n const key = 'wall_of_fame_data';\n const raw = localStorage.getItem(key);\n const store = raw ? JSON.parse(raw) : { playtime: {}, donors: [] };\n // add donor entry (keep last 20)\n store.donors = store.donors || [];\n store.donors.unshift({ username, amount, message, at: Date.now() });\n if (store.donors.length > 20) store.donors.length = 20;\n localStorage.setItem(key, JSON.stringify(store));\n // refresh UI if visible\n if (document.getElementById('wallOfFameList')) updateWallOfFame();\n } catch (e) {\n console.warn('Failed to store donation for Wall of Fame:', e);\n }\n \n if (chatPopupWindow && !chatPopupWindow.closed) {\n chatPopupWindow.postMessage({\n type: 'newDonation',\n donation: {\n username: username,\n amount: amount,\n message: message,\n type: type\n }\n }, '*');\n }\n}\n>>>>>>> REPLACE\n```\n\njavascript\n```\n<<<<<<< SEARCH\nfunction stopDonationGeneration() {\n clearInterval(donationTimer);\n}\n=======\nfunction stopDonationGeneration() {\n clearInterval(donationTimer);\n}\n\n// --- Wall of Fame: track session playtime (local) and render leaderboard + recent donors ---\n// Store structure in localStorage under 'wall_of_fame_data':\n// { playtime: { username: totalMillis }, donors: [{username, amount, message, at}, ...] }\n\nlet _sessionStartForWall = 0;\n\n// start/stop hooks (non-invasive): record when start/stop buttons used\nstartBtn.addEventListener('click', () => {\n _sessionStartForWall = Date.now();\n});\n\n// When stop is clicked (or recording stops), accumulate session time for streamerDisplayName\nstopBtn.addEventListener('click', () => {\n try {\n if (_sessionStartForWall && streamerDisplayName) {\n const delta = Math.max(0, Date.now() - _sessionStartForWall);\n const key = 'wall_of_fame_data';\n const raw = localStorage.getItem(key);\n const store = raw ? JSON.parse(raw) : { playtime: {}, donors: [] };\n store.playtime = store.playtime || {};\n store.playtime[streamerDisplayName] = (store.playtime[streamerDisplayName] || 0) + delta;\n localStorage.setItem(key, JSON.stringify(store));\n _sessionStartForWall = 0;\n if (document.getElementById('wallOfFameList')) updateWallOfFame();\n }\n } catch (e) {\n console.warn('Wall of Fame session record failed:', e);\n }\n});\n\n// Manual refresh button in Workshop\ndocument.addEventListener('DOMContentLoaded', () => {\n const refreshBtn = document.getElementById('refreshWallBtn');\n if (refreshBtn) {\n refreshBtn.addEventListener('click', updateWallOfFame);\n }\n // initial render if panel present\n if (document.getElementById('wallOfFameList')) updateWallOfFame();\n});\n\n// Update Wall of Fame UI from localStorage\nfunction updateWallOfFame() {\n try {\n const key = 'wall_of_fame_data';\n const raw = localStorage.getItem(key);\n const store = raw ? JSON.parse(raw) : { playtime: {}, donors: [] };\n const listEl = document.getElementById('wallOfFameList');\n if (!listEl) return;\n listEl.innerHTML = '';\n\n // Top by playtime (top 5)\n const playEntries = Object.keys(store.playtime || {}).map(u => ({ username: u, ms: store.playtime[u] || 0 }));\n playEntries.sort((a,b) => b.ms - a.ms);\n if (playEntries.length) {\n const header = document.createElement('li');\n header.style.marginBottom = '6px';\n header.style.color = '#adadb8';\n header.textContent = 'Top playtime:';\n listEl.appendChild(header);\n playEntries.slice(0,5).forEach((p, idx) => {\n const hrs = Math.floor(p.ms / 3600000);\n const mins = Math.floor((p.ms % 3600000) / 60000);\n const el = document.createElement('li');\n el.style.marginBottom = '6px';\n el.innerHTML = `${idx+1}. ${p.username} — ${hrs}h ${mins}m`;\n listEl.appendChild(el);\n });\n }\n\n // Recent donors (most recent 5)\n const donors = (store.donors || []).slice(0,5);\n if (donors.length) {\n const header2 = document.createElement('li');\n header2.style.marginTop = '8px';\n header2.style.marginBottom = '6px';\n header2.style.color = '#adadb8';\n header2.textContent = 'Recent donors:';\n listEl.appendChild(header2);\n donors.forEach(d => {\n const rel = timeAgo(d.at);\n const el = document.createElement('li');\n el.style.marginBottom = '6px';\n el.innerHTML = `${d.username} — ${d.amount} (${rel})`;\n listEl.appendChild(el);\n });\n }\n\n if (!playEntries.length && !donors.length) {\n listEl.innerHTML = `

No wall entries yet — play or receive a donation to populate this list.

`;\n }\n } catch (e) {\n console.warn('Failed to update Wall of Fame:', e);\n }\n}\n\nfunction timeAgo(ts) {\n const s = Math.floor((Date.now() - ts) / 1000);\n if (s < 60) return `${s}s ago`;\n if (s < 3600) return `${Math.floor(s/60)}m ago`;\n if (s < 86400) return `${Math.floor(s/3600)}h ago`;\n return `${Math.floor(s/86400)}d ago`;\n}\n>>>>>>> REPLACE\n```\n\nSummary: I added a Workshop \"Wall of Fame\" panel, improved the update log text, and wired local tracking so sessions and donations are recorded (persisted in localStorage) and surfaced in the Workshop; also added a refresh button and small hooks to capture session time and donations for the leaderboard.","page_description","cursor","eyJpZCI6IjBkcDQzejk2MV95b2t0MzJyeG15In0","token","included",[],"routes/browser/layout","actionData","errors"]

TwitchSim (REIMAGINED) (5K SPECIAL)