[{"_1":2,"_183":-5,"_184":-5},"loaderData",{"_3":4,"_58":59,"_182":-5},"root",{"_5":6,"_19":-5,"_20":-5,"_21":22,"_39":-5,"_40":-5,"_41":-5,"_42":43,"_54":55,"_56":57},"env",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18},"SUPABASE_URL","https://hello.websim.com","SUPABASE_KEY","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9jamVmZ2NqamlxeWt3YWR2dnJkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTE4MzI5OTMsImV4cCI6MjAyNzQwODk5M30.vsreOYwk8pKsr8NFlzpIzWAiD-vXj6ijv_Bhn1vYtHs","POSTHOG_KEY","phc_VHMOlrdxAbgSZHeF0SdSf07LZLRLAg5pZuTHkJGn050","POSTHOG_API_HOST","https://e.wbsm.ai","POSTHOG_UI_HOST","https://app.posthog.com","GOOGLE_OAUTH_CLIENT_ID","891181648870-i708rj1bgjol84hie20shfr4u4ecf3o7.apps.googleusercontent.com","authUser","user","snapshotData",{"_23":-5,"_24":-5,"_25":-5,"_26":-5,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5,"_33":-5,"_34":-5,"_35":-5,"_36":-5,"_37":-5,"_38":-5},"lastProjectId","sidebarTab","homepageTab","pinSidebar","settingsOpen","maximized","assetsExpanded","focusedAssetFilename","authError","authErrorCode","authErrorDescription","sidebarWidth","videoMuted","videoVolume","navigationContext","hasSeenFeedOnboarding","plan","balances","rewards","origins",{"_44":45,"_46":47,"_48":49,"_50":51,"_52":53},"origin","https://websim.com","apiOrigin","https://api.websim.com","contentOrigin","https://{PROJECT_ID}.c.websim.com","appDomainOrigin","https://{SUBDOMAIN}.on.websim.com","generationOrigin","https://generation.websim.com/rivet","isMobile",false,"theme","auto","slug",{"_60":61,"_62":63,"_121":122,"_143":144,"_177":178,"_179":-5,"_180":181},"version","1","project",{"_64":62,"_65":66,"_67":68,"_69":70,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":-5,"_91":92,"_93":94,"_95":-5,"_96":97,"_98":99,"_58":109,"_110":55,"_111":55,"_112":-5,"_113":114,"_115":-5,"_116":117,"_118":-5,"_119":-5,"_120":55},"_type","id","ayg3zvka5951o_5zoj71","created_at","2026-03-14T16:35:07.117Z","created_by",{"_64":20,"_65":71,"_72":73,"_67":74,"_75":76,"_77":-5,"_78":-5,"_79":55},"c3389ada-9788-48fe-827d-7f64189036ae","username","chipnamina","2026-01-04T20:21:57.303Z","avatar_url","https://lh3.googleusercontent.com/a/ACg8ocKXvGiVElGRIflMV6zW30OBHvXODQ_IUETMWKGUZwSGERxR_Q=s96-c","discord_username","discord_id","is_admin","updated_at","2026-04-29T10:02:17.247Z","title","StreamSim 2(500-125MS Check Interval)","comments_mode","open","visibility","public","current_version",21,"last_posted_version","parent_id","jfj8tr9sptpj0j2clqg9","parent_version",129,"deleted_at","posted",true,"stats",{"_100":101,"_102":66,"_103":104,"_105":106,"_107":108},"~type","project_stats","project_id","views",83,"likes",2,"comments",3,"streaming-simulator","auto_set_current","enable_chat","description","generated_description","StreamSim 2 - web-based streaming simulator with FLV support, HTML5 recorder and MediaRecorder bug fixes. Simulate live streams, set viewer counts, start/set viewers button, realistic video-frame memory, customizable chat usernames with 8-digit IDs, stream video, download clips.","from_template","domains",[],"thumbnail","video","has_active_experiment","project_revision",{"_64":121,"_65":123,"_60":89,"_67":124,"_125":-5,"_91":-5,"_126":127,"_128":66,"_69":129,"_130":131,"_102":66,"_80":132,"_95":-5,"_98":133,"_136":55,"_137":138,"_139":-5,"_140":-5,"_141":142},"019d669e-b1c2-7704-b554-1fd5fdc1a30a","2026-04-07T06:26:09.474Z","visited_at","parent_revision_version",20,"parent_revision_project_id",{"_64":20,"_65":71,"_72":73,"_67":74,"_75":76,"_77":-5,"_78":-5,"_79":55},"meta",{"_60":61},"2026-04-29T10:02:17.357Z",{"_134":135},"multiplayer_count",0,"draft","site_id","autSh9d8ts5Sn1Isv","chat_session_id","chat_session_run_index","current_screenshot_url","https://project-screenshots.websim.com/019d69a0-b010-7151-8097-2657971e0f98","site",{"_64":143,"_65":138,"_91":145,"_67":146,"_147":148,"_149":150,"_151":152,"_82":161,"_162":163,"_164":165,"_170":-5,"_171":172,"_173":174,"_95":-5,"_175":176},"YuFGiNJuv1RymzNQm","2026-04-07T06:49:12.409Z","state","done","model","gpt-5-mini","lore",{"_60":153,"_154":155,"_156":55,"_157":97,"_158":55,"_159":55,"_160":97},1,"attachments",[],"enableMobilePrompt","enableDB","enableLLM2","enableVideo","enableApi","Streaming Simulator","owner",{"_64":20,"_65":71,"_72":73,"_67":74,"_75":76,"_77":-5,"_78":-5,"_79":55},"prompt",{"_166":167,"_168":169},"type","plaintext","text","make sure that if the current date is april 1, the start recording button stops recording, the stop recording button starts recording, and the download button is replaced with a triangle that does nothing, and make sure that the viewer count is always 0 but ais chat, they must only say \"bubble gum\"","url","link_url","/p/ayg3zvka5951o_5zoj71","versioned_link_url","/p/ayg3zvka5951o_5zoj71/21","yapping","**Modifying code for April Fools'**\n\nI need to create specific SEARCH/REPLACE blocks with exact matches in the code. First, I’ll replace the beginning of the file to add the April check and swap handlers. I want to focus on the event listeners, like startBtn.addEventListener, and adjust those next. I’ll also update the updateViewerCount function and tweak getAIDescriptionsOfImage so it bypasses the AI call and just returns messages with \"bubble gum.\" Additionally, I might need to modify various functions to ensure AI messages only say \"bubble gum.\" The challenge lies in distinguishing between AI and user messages since they interact through the same function.\n**Updating chat functionality**\n\nI can intercept messages in addMessageToChat, checking if the username isn't the streamer's and if the message isn't \"bubble gum.\" I'll simplify this by changing any message to \"bubble gum\" on April 1, as long as the username isn't the streamer's. I'll create an isAprilFools constant and ensure the viewer count remains at 0 in updateViewerCount. Additionally, I need to craft SEARCH/REPLACE blocks to find and replace event listener lines for necessary changes, including updating the viewer count to set at zero. I’ll also add the isAprilFools constant closer to the top of the variables.\n**Modifying message handling**\n\nI need to adjust the addMessageToChat function to ensure that any message from users who aren’t the streamer gets replaced with \"bubble gum\" if it's April. I’ll find its definition and make those changes. Additionally, in popup.js, for the viewer update, I need to modify the code where it sets popupViewerCount.textContent to always show 0 instead of the event's count. I should produce the necessary blocks for these replacements. Let’s get that done!\n\nChange the event wiring to swap Start/Stop behavior on April 1, force viewer counts to always show 0, and on April 1 make AI messages display only \"bubble gum\".\n\napp (2).js\n```\n<<<<<<< SEARCH\nlet mediaRecorder;\nlet recordedChunks = [];\nlet timerInterval;\nlet startTime;\nlet stream;\nlet flvPlayer = null; // flv.js player instance (if used)\nlet captureCanvas = document.createElement('canvas');\nlet captureContext = captureCanvas.getContext('2d');\nlet aiChatInterval;\nlet isProcessingAIMessage = false;\nlet pendingCaptureRequests = 0;\nlet maxSimultaneousCaptureRequests = 2;\nlet previousMessages = []; // Store previous AI-generated messages\nlet previousUsernames = []; // Store previously used usernames\nlet extraUserMessageForAI = null; // Holds a user message to include in the next AI prompt check\nlet uniqueUsernames = new Set(); // Track unique usernames for viewer count\nlet chatSettings = {\n angry: false,\n memelike: false,\n happy: false,\n botlike: false,\n silly: false,\n sad: false,\n confused: false,\n fan: false,\n muted: false, // New setting for muting chat\n disableDonations: false // New setting for disabling donations\n};\nlet activePoll = null;\nlet pollTimer = null;\nlet totalVotes = 0;\nlet aiCheckInterval = 3.5; // Default interval in seconds\nlet donationTimer = null;\nlet streamerUsername = null; // Store the streamer's username\n=======\nlet mediaRecorder;\nlet recordedChunks = [];\nlet timerInterval;\nlet startTime;\nlet stream;\nlet flvPlayer = null; // flv.js player instance (if used)\nlet captureCanvas = document.createElement('canvas');\nlet captureContext = captureCanvas.getContext('2d');\nlet aiChatInterval;\nlet isProcessingAIMessage = false;\nlet pendingCaptureRequests = 0;\nlet maxSimultaneousCaptureRequests = 2;\nlet previousMessages = []; // Store previous AI-generated messages\nlet previousUsernames = []; // Store previously used usernames\nlet extraUserMessageForAI = null; // Holds a user message to include in the next AI prompt check\nlet uniqueUsernames = new Set(); // Track unique usernames for viewer count\nlet chatSettings = {\n angry: false,\n memelike: false,\n happy: false,\n botlike: false,\n silly: false,\n sad: false,\n confused: false,\n fan: false,\n muted: false, // New setting for muting chat\n disableDonations: false // New setting for disabling donations\n};\nlet activePoll = null;\nlet pollTimer = null;\nlet totalVotes = 0;\nlet aiCheckInterval = 3.5; // Default interval in seconds\nlet donationTimer = null;\nlet streamerUsername = null; // Store the streamer's username\n\n// April Fools helper\nconst isAprilFools = (new Date()).getUTCMonth() === 3 && (new Date()).getUTCDate() === 1;\n>>>>>>> REPLACE\n```\n\napp (2).js\n```\n<<<<<<< SEARCH\n// Event listeners\nstartBtn.addEventListener('click', startRecording);\nstopBtn.addEventListener('click', stopRecording);\ndownloadBtn.addEventListener('click', downloadRecording);\nstreamVideoBtn.addEventListener('click', streamVideo);\nsendBtn.addEventListener('click', sendMessage);\npopoutBtn.addEventListener('click', openChatPopup);\ncreatePollBtn.addEventListener('click', togglePollForm);\npollForm.addEventListener('submit', createPoll);\n=======\n// Event listeners\n// On April 1, swap Start/Stop behavior and make the download button inert (triangle visual).\nif (isAprilFools) {\n startBtn.addEventListener('click', () => {\n // Start button stops recording on April 1\n stopRecording();\n });\n stopBtn.addEventListener('click', () => {\n // Stop button starts recording on April 1\n startRecording();\n });\n // Replace download button label with a triangle and remove its action\n downloadBtn.textContent = '▲';\n downloadBtn.disabled = true;\n // keep other listeners\n streamVideoBtn.addEventListener('click', streamVideo);\n sendBtn.addEventListener('click', sendMessage);\n popoutBtn.addEventListener('click', openChatPopup);\n createPollBtn.addEventListener('click', togglePollForm);\n pollForm.addEventListener('submit', createPoll);\n} else {\n startBtn.addEventListener('click', startRecording);\n stopBtn.addEventListener('click', stopRecording);\n downloadBtn.addEventListener('click', downloadRecording);\n streamVideoBtn.addEventListener('click', streamVideo);\n sendBtn.addEventListener('click', sendMessage);\n popoutBtn.addEventListener('click', openChatPopup);\n createPollBtn.addEventListener('click', togglePollForm);\n pollForm.addEventListener('submit', createPoll);\n}\n>>>>>>> REPLACE\n```\n\napp (2).js\n```\n<<<<<<< SEARCH\nfunction addMessageToChat(username, message, colorClass) {\n const messageElement = document.createElement('div');\n messageElement.className = 'message';\n messageElement.innerHTML = `\n ${username}:\n ${formatMessageWithEmotes(message)}\n `;\n \n chatMessages.appendChild(messageElement);\n chatMessages.scrollTop = chatMessages.scrollHeight;\n \n // Add username to set for viewer count (excluding 'You')\n if (username !== 'You') {\n uniqueUsernames.add(username);\n updateViewerCount();\n }\n \n // Also send to popup if it exists and is open\n if (chatPopupWindow && !chatPopupWindow.closed) {\n chatPopupWindow.postMessage({\n type: 'newMessage',\n message: {\n username: username,\n content: message,\n colorClass: colorClass\n }\n }, '*');\n }\n}\n=======\nfunction addMessageToChat(username, message, colorClass) {\n // If it's April 1, force AI/chatters (anyone not the streamer) to only say \"bubble gum\"\n if (isAprilFools && username !== (streamerUsername || 'You')) {\n message = 'bubble gum';\n }\n \n const messageElement = document.createElement('div');\n messageElement.className = 'message';\n messageElement.innerHTML = `\n ${username}:\n ${formatMessageWithEmotes(message)}\n `;\n \n chatMessages.appendChild(messageElement);\n chatMessages.scrollTop = chatMessages.scrollHeight;\n \n // Add username to set for viewer count (excluding 'You')\n if (username !== 'You') {\n uniqueUsernames.add(username);\n updateViewerCount();\n }\n \n // Also send to popup if it exists and is open\n if (chatPopupWindow && !chatPopupWindow.closed) {\n chatPopupWindow.postMessage({\n type: 'newMessage',\n message: {\n username: username,\n content: message,\n colorClass: colorClass\n }\n }, '*');\n }\n}\n>>>>>>> REPLACE\n```\n\napp (2).js\n```\n<<<<<<< SEARCH\nfunction updateViewerCount() {\n const count = Math.floor(uniqueUsernames.size * 1.5);\n document.getElementById('viewerCount').textContent = count;\n \n // Update popup viewer count if open\n if (chatPopupWindow && !chatPopupWindow.closed) {\n chatPopupWindow.postMessage({\n type: 'viewerCountUpdate',\n count: count\n }, '*');\n }\n}\n=======\nfunction updateViewerCount() {\n // Always show 0 as the viewer count per requirement\n const count = 0;\n document.getElementById('viewerCount').textContent = count;\n \n // Update popup viewer count if open (still 0)\n if (chatPopupWindow && !chatPopupWindow.closed) {\n chatPopupWindow.postMessage({\n type: 'viewerCountUpdate',\n count: count\n }, '*');\n }\n}\n>>>>>>> REPLACE\n```\n\npopup.js\n```popup.js\n```\n\nSummary: I added an April 1 check, swapped Start/Stop button behaviors and turned the Download button into an inert triangle on that date, forced viewer counts to always show 0, and made non-streamer chat messages display as \"bubble gum\" during April 1.","cursor","eyJpZCI6ImF5ZzN6dmthNTk1MW9fNXpvajcxIn0","token","included",[],"routes/browser/layout","actionData","errors"]