import React, { useState, useRef, useEffect, useCallback, useMemo } from 'react'; import ReactDOM from 'react-dom/client'; import { EventHandler } from 'https://play.rosebud.ai/assets/eventHandler.js?8MyX' import { GameIdea } from 'https://play.rosebud.ai/assets/gameIdea.js?bqXV' import { AppInitializer } from 'https://play.rosebud.ai/assets/appInitializer.js?NYLG' import { TextToSpeechService } from 'https://play.rosebud.ai/assets/ttsService.js?cugP' import { AssetsLoader } from 'https://play.rosebud.ai/assets/assetsLoader.js?cF6Q' import { LocalStorageManager } from 'https://play.rosebud.ai/assets/storageManager.js?0f6o' import { ChatAIClass } from 'https://play.rosebud.ai/assets/chatAi.js?1X0m' import { CharacterSprite } from 'https://play.rosebud.ai/assets/characterSprite.js?bebq' import { SceneManager } from 'https://play.rosebud.ai/assets/sceneManager.js?IN78' import AI_BEHAVIOR_DESCRIPTION from 'https://play.rosebud.ai/assets/veronica_chat_ai_justMonika.js?TgjG'; import { SceneEvent, SoundEvent, PauseEvent, BackgroundEvent, ActionEvent, DialogueLine, ChatPromptEvent, ChatResponseEvent, SelectMenuEvent, HideEvent, GameIdeaEvent, DialogueScene, } from 'https://play.rosebud.ai/assets/sceneEvents.js?vOuJ'; window.EventHandler = EventHandler; window.LocalStorageManager = LocalStorageManager; window.TextToSpeechService = TextToSpeechService; window.AssetsLoader = AssetsLoader; window.ChatAIClass = ChatAIClass; window.SceneEvent = SceneEvent; window.AppInitializer = AppInitializer; window.SoundEvent = SoundEvent; window.PauseEvent = PauseEvent; window.BackgroundEvent = BackgroundEvent; window.ActionEvent = ActionEvent; window.DialogueLine = DialogueLine; window.ChatPromptEvent = ChatPromptEvent; window.ChatResponseEvent = ChatResponseEvent; window.SelectMenuEvent = SelectMenuEvent; window.HideEvent = HideEvent; window.GameIdeaEvent = GameIdeaEvent; window.DialogueScene = DialogueScene; window.CharacterSprite = CharacterSprite window.SceneManager = SceneManager window.GameIdea = GameIdea window.React = React; window.ReactDOM = ReactDOM; window.useState = useState; window.useRef = useRef; window.useEffect = useEffect; window.useCallback = useCallback; window.useMemo = useMemo; window.GAME_STATES = { WAITING: 'waiting', PLAYING: 'playing' }; window.AI_BEHAVIOR_DESCRIPTION = AI_BEHAVIOR_DESCRIPTION window.ASSETS = { backgrounds: { justMonika: 'https://play.rosebud.ai/assets/justMonika_bg.png?E61J', mainBg: 'https://play.rosebud.ai/assets/bg-main.png?Xrrp' }, characters: { monika: { expressions: { '1': 'https://play.rosebud.ai/assets/monika_a.png?ETdg' }, poses: { '1': { full: 'https://play.rosebud.ai/assets/ai_gold_clean1.png?JQyh' } } }, natsuki: { expressions: { '1': 'https://play.rosebud.ai/assets/natsuki_1t.png?v2NN' }, poses: { '1': { full: 'https://play.rosebud.ai/assets/ai_pink6.png?SBrM' } } }, yuri: { expressions: { '1': 'https://play.rosebud.ai/assets/yuri_a.png?CoS7' }, poses: { '1': { full: 'https://play.rosebud.ai/assets/A 2D character portrait of a reserved yet mature girl with a transparent background. She has a tall and slender figure, with long, straight brown hair that cascades elegantly around her pale face. Her soft hazel eyes hold a contemplative, introspective ga.png?DrnR' } } }, veronica: { expressions: { '1': 'https://play.rosebud.ai/assets/monika_a.png?ETdg' }, poses: { '1': { full: 'https://play.rosebud.ai/assets/ai_gold_clean1.png?JQyh' } } }, emily: { expressions: { '1': 'https://play.rosebud.ai/assets/natsuki_1t.png?v2NN' }, poses: { '1': { full: 'https://play.rosebud.ai/assets/ai_pink6.png?SBrM' } } }, shirley: { expressions: { '1': 'https://play.rosebud.ai/assets/yuri_a.png?CoS7' }, poses: { '1': { full: 'https://play.rosebud.ai/assets/A 2D character portrait of a reserved yet mature girl with a transparent background. She has a tall and slender figure, with long, straight brown hair that cascades elegantly around her pale face. Her soft hazel eyes hold a contemplative, introspective ga.png?DrnR' } } } }, ui: { dialogueBox: 'https://play.rosebud.ai/assets/dialogue_box_748x135.png?Vq2A' } }; window.GLOBAL_STORE = { audioResources: new Map(), dialogueBoxHidden: false, showSelectMenu: false, yuriMissing: false, prompts: [], gameIdeaUrls: [], soundEvents: new Map(), isGeneratingResponse: false, isProcessingDialogue: false, waitingForInput: false, waitingForTimeout: false, characters: new Map(), playerName: '', updateState(updates) { Object.entries(updates).forEach(([key, value]) => { this[key] = value; }); } } window.APP_SETTINGS = { controlVariables: { useLocalSceneData: true, muteSoundEvents: false, enableSceneSkip: true, useSavedSpeech: true, saveSpeechGeneration: true, allowSpeechGeneration: true, autoAdvanceDialogue: true, devMode: false, showDebugOnStart: false, enablePreloadCharacterAssetsLogs: false, enablePreloadBackgroundAssetsLogs: false, enableProcessEventDebugLogs: true, chatStorage: { clearOnInit: false, loadFromMemory: false, saveToMemory: true } }, gameIdeaDataUrl: 'https://play.rosebud.ai/assets/gameIdeas.json?ysxA', sceneLoader: { scenesToLoad: [ 'veronica_scene', 'test_scene', '01_v2_day1_scene_meetingMonika', '02_v2_day1_scene_meetingClub', '03_v2_day2_intro', '04_v2_day2_yuri_runs', '04_v2_day2_game_menu', '05_v2_day2_m_poem', '06_v2_day2_n_poem', '07_v2_day2_y_poem', '08_v2_day2_fight', '09_v2_day2_after_fight', '10_v2_day3_choose', '11_v2_day3_horror', '12_v2_just_monika_chat', '12_v2_just_monika_chat_copy', '13_v2_just_monika_chatAi', 'glitch_transition', 'explosion_scene' ], initialSceneQueue: [ 'glitch_transition', '01_v2_day1_scene_meetingMonika', '02_v2_day1_scene_meetingClub', '03_v2_day2_intro', '04_v2_day2_yuri_runs', '06_v2_day2_n_poem', '05_v2_day2_m_poem', '07_v2_day2_y_poem', '08_v2_day2_fight', '09_v2_day2_after_fight', '10_v2_day3_choose', '11_v2_day3_horror', 'explosion_scene', 'glitch_transition', '12_v2_just_monika_chat', '13_v2_just_monika_chatAi', ], sources: { explosion_scene: { id: 'explosion_scene', data: [ { id: 1, type: 'background', background: 'https://play.rosebud.ai/assets/bg_black.jpg?BiJs' }, { id: 2, type: 'pause', duration: 1 }, { id: 3, type: 'sound', category: 'effect', url: 'https://play.rosebud.ai/assets/explosion.mp3?p6hZ', loop: false, volume: 0.6 }, { id: 4, type: 'background', background: 'https://play.rosebud.ai/assets/bg_explosion.gif?cD21' }, { id: 5, type: 'pause', duration: 2 }, ] }, test_scene: { id: 'test_scene', data: [ { id: 1, type: 'background', background: 'https://play.rosebud.ai/assets/bg_destroyed_5.webp?hGoL' }, { id: 2, type: 'sound', category: 'music', url: 'https://play.rosebud.ai/assets/ac_11am_sassy.mp3?qRA5', loop: true, volume: 0.6 }, { id: 3, type: 'sound', category: 'music', url: 'https://play.rosebud.ai/assets/ac_2am_end.mp3?26kO', loop: true, volume: 0.6 }, { id: 4, type: 'sound', category: 'music', url: 'https://play.rosebud.ai/assets/ac_8am_main.mp3?KLO8', loop: true, volume: 0.6 }, { id: 5, type: 'sound', category: 'music', url: 'https://play.rosebud.ai/assets/ac_7am_main_alt.mp3?yJtD', loop: true, volume: 0.6 }, { id: 6, type: 'sound', category: 'music', url: 'https://play.rosebud.ai/assets/ac_7pm_main_chill.mp3?bOQd', loop: true, volume: 0.6 }, { id: 7, type: 'action', actions: [ { type: 'enter', character: 'Monika', position: 'middle', pose: '1', expression: '1' } ] }, { id: 8, type: 'dialogue', speaker: 'Monika', line: 'Hello! Come in side!' }, { id: 9, type: 'sound', category: 'stop' }, { id: 10, type: 'pause', duration: 1 }, ] }, veronica_scene: { id: 'veronica_scene', data: [ { id: 1, type: 'background', background: 'https://play.rosebud.ai/assets/bg_destroyed_5.webp?hGoL' }, { id: 2, type: 'action', actions: [ { type: 'enter', character: 'veronica', position: 'middle', pose: '1', expression: '1' } ] }, { id: 3, type: 'dialogue', speaker: 'Veronica', line: 'Hello! Come in side!' }, { id: 4, type: 'sound', category: 'stop' }, { id: 5, type: 'pause', duration: 1 }, { id: 6, type: 'dialogue', speaker: 'Veronica', line: 'I hope you enjoy your time here!' } ] }, glitch_transition: { id: 'glitch_transition', data: [ { "id": "1", "type": "sound", "category": "effect", "url": "https://play.rosebud.ai/assets/sfx_glitch1.ogg?1tHx", "volume": 0.2 }, { "id": "2", "type": "background", "background": "https://play.rosebud.ai/assets/bg_glitch-red.png?Zcug" }, { "id": "3", "type": "pause", "duration": 0.1 }, { "id": "5", "type": "background", "background": "https://play.rosebud.ai/assets/bg_glitch-green.png?bkOG" }, { "id": "6", "type": "pause", "duration": 0.3 }, { "id": "8", "type": "background", "background": "https://play.rosebud.ai/assets/bg_glitch-blue.png?QARH" }, { "id": "9", "type": "pause", "duration": 0.1 }, { "id": "11", "type": "background", "background": "https://play.rosebud.ai/assets/bg_glitch.jpg?LEZx" }, { "id": "10", "type": "background", "background": "https://play.rosebud.ai/assets/bg_glitch-green.png?bkOG" }, { "id": "11", "type": "pause", "duration": 1.0 }, { "id": "12", "type": "background", "background": "https://play.rosebud.ai/assets/bg_black.jpg?BiJs" }, { "id": 13, "type": "sound", "category": "stop" }, { "id": 14, "type": "pause", "duration": 0.2 } ] }, day2_poem_menu: { id: 'day2_poem_menu', data: [ { id: '1', type: 'background', background: 'https://play.rosebud.ai/assets/bg_club.png?bSy9' }, { id: '2', type: 'selectMenu', menuType: 'basic', trackVisits: true, persistent: true, prompts: [ { id: 1, content: "Natsuki", targetSceneId: 'day2_natsuki_poem', visited: false }, { id: 2, content: "Monika", targetSceneId: 'day2_monika_poem', visited: false }, { id: 3, content: "Yuri", targetSceneId: 'day2_yuri_poem', visited: true } ] } ] }, // URLs are formatted for user readability - don't edit. '01_v2_day1_scene_meetingMonika': { id: '01_v2_day1_scene_meetingMonika', jsonPath: 'https://play.rosebud.ai/assets/01_v2_day1_scene_meetingMonika.json?rwEm' }, '02_v2_day1_scene_meetingClub': { id: '02_v2_day1_scene_meetingClub', jsonPath: 'https://play.rosebud.ai/assets/02_v2_day1_scene_meetingClub.json?Z8tl' }, '03_v2_day2_intro': { id: '03_v2_day2_intro', jsonPath: 'https://play.rosebud.ai/assets/03_v2_day2_intro.json?rkEm' }, '04_v2_day2_yuri_runs': { id: '04_v2_day2_yuri_runs', jsonPath: 'https://play.rosebud.ai/assets/04_v2_day2_yuri_runs.json?11yK' }, '04_v2_day2_game_menu': { id: '04_v2_day2_game_menu', jsonPath: 'https://play.rosebud.ai/assets/04_v2_day2_game_menu.json?Vi4I' }, '05_v2_day2_m_poem': { id: '05_v2_day2_m_poem', jsonPath: 'https://play.rosebud.ai/assets/05_v2_day2_m_poem.json?9Y63' }, '06_v2_day2_n_poem': { id: '06_v2_day2_n_poem', jsonPath: 'https://play.rosebud.ai/assets/06_v2_day2_n_poem.json?NBUJ' }, '07_v2_day2_y_poem': { id: '07_v2_day2_y_poem', jsonPath: 'https://play.rosebud.ai/assets/07_v2_day2_y_poem.json?GMHy' }, '08_v2_day2_fight': { id: '08_v2_day2_fight', jsonPath: 'https://play.rosebud.ai/assets/08_v2_day2_fight.json?lUJy' }, '09_v2_day2_after_fight': { id: '09_v2_day2_after_fight', jsonPath: 'https://play.rosebud.ai/assets/09_v2_day2_after_fight.json?E9sW' }, '10_v2_day3_choose': { id: '10_v2_day3_choose', jsonPath: 'https://play.rosebud.ai/assets/10_v2_day3_choose.json?oDiD' }, '11_v2_day3_horror': { id: '11_v2_day3_horror', jsonPath: 'https://play.rosebud.ai/assets/11_v2_day3_horror.json?mJxe' }, '12_v2_just_monika_chat': { id: '12_v2_just_monika_chat', jsonPath: 'https://play.rosebud.ai/assets/12_v2_just_monika_chat.json?kzBA' }, '13_v2_just_monika_chatAi': { id: '13_v2_just_monika_chatAi', jsonPath: 'https://play.rosebud.ai/assets/13_v2_just_monika_chatAi.json?o4sp' } }, }, api: { urls: { development: 'http://localhost:3000', production: 'https://hey-monika-26737d62f92b.herokuapp.com' }, headers: { 'Content-Type': 'application/json' } }, speechConfig: { characters: { Sayori: { voiceId: 'vGQNBgLaiM3EdZtxIiuY', volumeMultiplier: 0.3 }, Shirley: { voiceId: '3wZbmt7q1ZGa1v0w9nvu', volumeMultiplier: 0.8 }, Emily: { voiceId: '2bk7ULW9HfwvcIbMWod0', volumeMultiplier: .9 }, Veronica: { voiceId: 'XiPS9cXxAVbaIWtGDHDh', volumeMultiplier: 1.0 }, Internal: { voiceId: 'L55dxfJcuGgA6v2SWaAQ', volumeMultiplier: 0.7 }, Protagonist: { voiceId: 'L55dxfJcuGgA6v2SWaAQ', volumeMultiplier: 0.95 } }, defaultVoiceId: 'default_voice', defaultVolumeMultiplier: 1.0, }, getApiBaseUrl: () => { console.group('🌐 Getting API Base URL'); const isDevMode = APP_SETTINGS.controlVariables.devMode; const baseUrl = isDevMode ? APP_SETTINGS.api.urls.development : APP_SETTINGS.api.urls.production; console.log(`Using ${isDevMode ? 'development' : 'production'} API:`, baseUrl); console.groupEnd(); return baseUrl; }, }; const getCharacterSprite = (character, expression = '1', pose = '1') => { const sprite = new CharacterSprite(character, expression, pose); return sprite.isValid() ? sprite : null; }; import baseStyles from 'https://play.rosebud.ai/assets/styles.js?WlZf' let styles = baseStyles + ` /* next Button */ .next-button:hover { transform: translateY(-1px); box-shadow: 0 3px 6px rgba(0,0,0,0.3); } .next-button:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(0,0,0,0.2); } /* Background */ .background-overlay { position: absolute; inset: 0; background-image: url(https://play.rosebud.ai/assets/justMonika_bg.png?E61J); background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0.95; z-index: 1; } ` const styleSheet = document.createElement("style"); styleSheet.innerText = styles; document.head.appendChild(styleSheet); const EVENT_HANDLER_STATES = { IDLE: 'idle', PROCESSING: 'processing', ERROR: 'error' }; window.EVENT_HANDLER_STATES = EVENT_HANDLER_STATES; const BackgroundOverlay = ({ backgroundUrl }) => { return (

); }; const AudioPlayer = ({ audioUrl, autoPlay = false, onEnded = () => { }, audioQueue = [], speaker = null, className = 'audio-player', volumeMultiplier = 1.0, loop = false, isSound = false, eventId = null, soundCategory = null, stopRequested = false }) => { const calculateVolume = useCallback(() => { if (isSound) { const soundEvent = Array.from(GLOBAL_STORE.soundEvents.values()) .find(event => event.id === eventId); if (soundEvent) { return APP_SETTINGS.controlVariables.muteSoundEvents ? 0 : Math.min(1, Math.max(0, soundEvent.volume * volumeMultiplier)); } return volumeMultiplier; } if (speaker) { const speakerConfig = APP_SETTINGS.speechConfig.characters[speaker]; const speakerMultiplier = speakerConfig?.volumeMultiplier || APP_SETTINGS.speechConfig.defaultVolumeMultiplier; return Math.min(1, Math.max(0, volumeMultiplier * speakerMultiplier)); } return volumeMultiplier; }, [isSound, eventId, volumeMultiplier, speaker]); const audioRef = useRef(null); const queueRef = useRef(audioQueue); const volumeRef = useRef(volumeMultiplier); const [error, setError] = useState(null); const [isPlaying, setIsPlaying] = useState(false); const playAudio = useCallback(async () => { if (!audioRef.current || !audioRef.current.src) return; try { setError(null); await audioRef.current.play(); setIsPlaying(true); } catch (err) { setError(err.message); setIsPlaying(false); console.error('Audio playback error:', err); } }, []); const stopAudio = useCallback(() => { if (!audioRef.current) return; audioRef.current.pause(); audioRef.current.currentTime = 0; setIsPlaying(false); if (isSound && eventId) { // Clean up the audio resource but don't remove from global store if (audioRef.current) { audioRef.current.src = ''; } } }, [isSound, eventId]); const playNextInQueue = useCallback(() => { if (queueRef.current.length > 0) { const nextAudio = queueRef.current.shift(); if (audioRef.current) { audioRef.current.src = nextAudio; playAudio(); } } }, [playAudio]); useEffect(() => { if (!audioRef.current || !audioUrl) return; audioRef.current.src = audioUrl; audioRef.current.loop = loop; const finalVolume = calculateVolume(); audioRef.current.volume = finalVolume; if (autoPlay) { playAudio(); } if (isSound && eventId) { const resourceEntry = { audio: audioRef.current, stop: () => { stopAudio(); if (audioRef.current) { audioRef.current.src = ''; } } }; GLOBAL_STORE.audioResources.set(eventId, resourceEntry); } return () => { stopAudio(); if (audioRef.current) { // Defensive cleanup audioRef.current.pause(); audioRef.current.removeAttribute('src'); audioRef.current.load(); } }; }, [audioUrl, autoPlay, loop, playAudio, stopAudio, isSound, eventId]); const stopAllAudio = useCallback(() => { // Stop all audio resources GLOBAL_STORE.audioResources.forEach((resource) => { resource.stop(); }); // Clear all sound events GLOBAL_STORE.updateState({ soundEvents: new Map() }); }, []); useEffect(() => { const audio = audioRef.current; if (!audio) return; // Check if there's a stop event in the sound events const stopEvent = Array.from(GLOBAL_STORE.soundEvents.values()) .find(event => event.category === 'stop'); if (stopEvent) { stopAllAudio(); // Remove the stop event after handling it const newSoundEvents = new Map(GLOBAL_STORE.soundEvents); newSoundEvents.delete(stopEvent.id); GLOBAL_STORE.updateState({ soundEvents: newSoundEvents }); return; } // Check if this specific sound should be stopped if (isSound && eventId) { const shouldStop = Array.from(GLOBAL_STORE.soundEvents.values()) .some(event => event.category === 'stop' && event.id === eventId); if (shouldStop) { stopAudio(); return; } } const handleEnded = () => { if (!loop) { setIsPlaying(false); // Defensive check: Ensure the audio element still exists if (audioRef.current) { // Additional cleanup audioRef.current.pause(); audioRef.current.removeAttribute('src'); audioRef.current.load(); } onEnded(); playNextInQueue(); } }; const handleError = (e) => { setError(e.message); setIsPlaying(false); console.error('Audio error:', e); }; audio.addEventListener('ended', handleEnded); audio.addEventListener('error', handleError); return () => { audio.removeEventListener('ended', handleEnded); audio.removeEventListener('error', handleError); }; }, [loop, onEnded, playNextInQueue]); useEffect(() => { if (audioRef.current) { const finalVolume = calculateVolume(); audioRef.current.volume = finalVolume; volumeRef.current = finalVolume; } }, [volumeMultiplier, calculateVolume]); return ( <>

{currentGameIdea.title}