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?MzHo' import { Poem } from 'https://play.rosebud.ai/assets/poem.js?hyek' import { AppInitializer } from 'https://play.rosebud.ai/assets/appInitializer.js?jhTb' import { TextToSpeechService } from 'https://play.rosebud.ai/assets/ttsService.js?KKLQ' import { AssetsLoader } from 'https://play.rosebud.ai/assets/assetsLoader.js?ri6y' import { LocalStorageManager } from 'https://play.rosebud.ai/assets/localStorage.js?tRTb' 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?tdEx' import AI_BEHAVIOR_DESCRIPTION from 'https://play.rosebud.ai/assets/monika_chat_ai_v2.js?N3Re'; import { SceneEvent, SoundEvent, PauseEvent, BackgroundEvent, ActionEvent, DialogueLine, ChatPromptEvent, ChatResponseEvent, SelectMenuEvent, HideEvent, PoemEvent, DialogueScene } from 'https://play.rosebud.ai/assets/sceneEvents.js?ZDtP'; export class EventHandler { constructor() { if (EventHandler.instance) { return EventHandler.instance; } EventHandler.instance = this; this._processingState = EVENT_HANDLER_STATES.IDLE; if (!GLOBAL_STORE.characters) { GLOBAL_STORE.characters = new Map(); } if (!GLOBAL_STORE.soundEvents) { GLOBAL_STORE.soundEvents = new Map(); } } getState() { return this._processingState; } setState(newState) { if (!Object.values(EVENT_HANDLER_STATES).includes(newState)) { throw new Error(`Invalid event handler state: ${newState}`); } this._processingState = newState; return this._processingState; } isProcessing() { return this._processingState === EVENT_HANDLER_STATES.PROCESSING; } isError() { return this._processingState === EVENT_HANDLER_STATES.ERROR; } reset() { this._processingState = EVENT_HANDLER_STATES.IDLE; return this._processingState; } getGlobalState() { return { showSelectMenu: GLOBAL_STORE.showSelectMenu, prompts: GLOBAL_STORE.prompts, soundEvents: GLOBAL_STORE.soundEvents, dialogueBoxHidden: GLOBAL_STORE.dialogueBoxHidden, characters: GLOBAL_STORE.characters, isGeneratingResponse: GLOBAL_STORE.isGeneratingResponse, isProcessingDialogue: GLOBAL_STORE.isProcessingDialogue }; } async _processSingleEvent(event, callbacks = {}, options = {}) { const eventId = event?.id || 'unknown'; try { switch (event?.type) { case 'poem': await this.processPoemEvent(event, callbacks); break; case 'hide': await this.processHideEvent(event, callbacks); break; case 'selectMenu': await this.processSelectMenuEvent(event, callbacks); break; case 'chatPrompt': await this.processChatPromptEvent(event, options.chatAI); case 'chatResponse': await this.processChatResponseEvent(event, options.chatAI); break; case 'background': await this.processBackgroundEvent(event, callbacks, options.setBackground); break; case 'action': await this.processActionEvent(event, options.characters); await new Promise(resolve => setTimeout(resolve, 0)); break; case 'sound': await this.processSoundEvent(event, callbacks); break; case 'pause': await new Promise(resolve => setTimeout(resolve, event.duration * 1000)); break; case 'dialogue': await this.processDialogueEvent(event, callbacks); break; default: console.log('⚠️ Unknown event type:', event?.type); callbacks.handleNextEvent?.(); } } catch (error) { console.error('❌ Error processing event:', { eventId, type: event?.type, error: error.message, stack: error.stack, state: this.getState(), timestamp: new Date().toISOString() }); this.setState(EVENT_HANDLER_STATES.ERROR); throw error; } } async processEvent(event, callbacks = {}, options = {}) { const eventId = event?.id; console.group(`▶️ Event Processing: ${event?.type} [ID: ${eventId}]`); console.log('Event Details:', JSON.stringify({ ...event, _state: this.getState(), _timestamp: new Date().toISOString() }, null, 2)); if (this.isProcessing()) { console.warn('🔒 Event Handler busy'); console.groupEnd(); return; } try { this.setState(EVENT_HANDLER_STATES.PROCESSING); const result = await this._processSingleEvent(event, callbacks, options); if (!this.isError()) { this.setState(EVENT_HANDLER_STATES.IDLE); const isWaitingForInput = GLOBAL_STORE.waitingForInput; if (eventId && !isWaitingForInput) { const removed = window.sceneManager.removeEventFromQueue(eventId); console.log(`✓ Queue: Removed ${event?.type} [ID: ${eventId}]`); } else { console.log('⏸️ Queue: Skip remove'); this.setState(EVENT_HANDLER_STATES.IDLE); } const hasMoreEvents = window.sceneManager.hasUnprocessedEvents(); if (!isWaitingForInput) { console.log('✓ Final State:', JSON.stringify({ scene: window.sceneManager.getCurrentScene()?.id, currentEvent: window.sceneManager.getCurrentEvent()?.type, eventQueueSize: window.sceneManager.getEventQueue().size, eventsRemaining: Array.from(window.sceneManager.getEventQueue().values()) .filter(data => !data.processed).length, }, null, 2)); } if (!hasMoreEvents) { console.log('✓ Flow: Completing scene'); console.groupEnd(); await callbacks.completeScene?.(); } else if (callbacks.handleNextEvent && !isWaitingForInput) { console.log('⏭️ Flow: Moving to next event'); console.groupEnd(); callbacks.handleNextEvent(); } else if (isWaitingForInput) { console.log('⏸️ Flow: Waiting for input'); console.groupEnd(); } } else { console.log('⚠️ Flow: Skipping due to error'); console.groupEnd(); } } catch (error) { console.group('Error'); console.error('❌ Error during event processing:', { eventId: event?.id, type: event?.type, error: error.message, stack: error.stack, state: this.getState(), timestamp: new Date().toISOString() }); console.groupEnd(); this.setState(EVENT_HANDLER_STATES.ERROR); throw error; } } logEventState() { console.log('Current Event State:', { processingState: this.getState(), isProcessing: this.isProcessing(), isError: this.isError(), timestamp: new Date().toISOString() }); } updateUIState(updates) { GLOBAL_STORE.updateState(updates); } async processHideEvent(event, callbacks) { if (event.target === 'dialogueBox') { console.log('Hiding dialogue box'); this.updateUIState({ dialogueBoxHidden: true }); return; } try { const characterKey = event.target.toLowerCase(); const currentGlobalCharacters = new Map(GLOBAL_STORE.characters); if (currentGlobalCharacters.has(characterKey)) { const updatedCharacters = this.updateCharacterState( currentGlobalCharacters, characterKey, { visible: false, isExiting: true } ); GLOBAL_STORE.characters = new Map(updatedCharacters); this.updateUIState({ characters: new Map(updatedCharacters) }); console.log('Characters after hide:', Array.from(GLOBAL_STORE.characters.entries()) ); } else { console.warn(`Character ${characterKey} not found in current characters map`); } } catch (error) { console.error('Error processing hide event:', error); throw error; } } processSelectMenuEvent(event, callbacks) { try { const success = window.sceneManager.updateSelectMenuState(event.prompts); if (!success) { console.error('Failed to update select menu state'); return; } window.sceneManager.setActiveSelectMenu(event); this.updateUIState({ waitingForInput: true, blockingDialogue: true }); console.log('Select menu state updated:', JSON.stringify({ eventId: event.id, fullState: { prompts: event.prompts, menuType: event.menuType, trackVisits: event.trackVisits, persistent: event.persistent, globalState: window.sceneManager.getSelectMenuState() } }, null, 2)); } catch (error) { console.error('Error processing select menu event:', error); window.sceneManager.clearSelectMenuState(); window.sceneManager.clearActiveSelectMenu(); } finally { } } async waitForSoundInitialization() { await new Promise(resolve => setTimeout(resolve, 100)); } processChatPromptEvent(event, chatAI) { if (event.messageHistory?.length) { event.messageHistory.forEach(message => { chatAI?.addMessage('assistant', message); }); } chatAI?.addMessage('assistant', event.initialMessage); this.updateUIState({ waitingForInput: true, blockingDialogue: true }); } processChatResponseEvent(event, chatAI) { this.updateUIState({ waitingForInput: true, blockingDialogue: true }); } processBackgroundEvent(event, callbacks, setBackground) { if (setBackground && event.background) { setBackground(event.background); } else { console.warn('Background not set:', { hasSetBackground: !!setBackground, hasBackground: !!event.background }); } } async processDialogueEvent(event, callbacks) { try { this.updateUIState({ dialogueBoxHidden: false, isProcessingDialogue: true, waitingForInput: true, blockingDialogue: true }); if (APP_SETTINGS.controlVariables.useSavedSpeech) { console.log('🎤 Waiting for TTS processing...'); } return false; } catch (error) { console.error('❌ Error processing dialogue event:', error); throw error; } finally { this.updateUIState({ isProcessingDialogue: false }); } } async processSoundEvent(event, callbacks) { if (event.category === 'stop') { this.updateUIState({ soundEvents: new Map() }); Array.from(GLOBAL_STORE.audioResources.entries()).forEach(([id, resource]) => { if (resource.stop) { resource.stop(); } GLOBAL_STORE.audioResources.delete(id); }); } else { const currentSounds = GLOBAL_STORE.soundEvents || new Map(); const newSoundEvents = new Map(currentSounds); if (event.category === 'background') { Array.from(newSoundEvents.entries()).forEach(([id, evt]) => { if (evt.category === 'background') { newSoundEvents.delete(id); } }); } newSoundEvents.set(event.id, event); this.updateUIState({ soundEvents: newSoundEvents }); } console.log('Sound event processing complete, current sound events:', Array.from(GLOBAL_STORE.soundEvents.entries()) ); await new Promise(resolve => setTimeout(resolve, 100)); callbacks.handleNextEvent(); } updateCharacterState(characters, charKey, updates, requiresExisting = true) { if (requiresExisting && !characters.has(charKey)) { console.warn('Character not found:', charKey); return characters; } const newCharacters = new Map(characters); const currentState = newCharacters.get(charKey) || {}; const newState = { ...currentState, ...updates }; newCharacters.set(charKey, newState); return newCharacters; } createActionHandlers(characters, charKey, action) { return { enter: () => this.updateCharacterState( characters, charKey, { position: action.position || 'middle', visible: true, isExiting: false, expression: action.expression || '1', pose: action.pose || '1' }, false ), expression: () => action.expression ? this.updateCharacterState( characters, charKey, { expression: action.expression } ) : characters, pose: () => action.pose ? this.updateCharacterState( characters, charKey, { pose: action.pose } ) : characters, exit: () => this.updateCharacterState( characters, charKey, { visible: false, isExiting: true } ), move: () => action.position ? this.updateCharacterState( characters, charKey, { position: action.position } ) : characters }; } processActionEvent(currentEvent, characters) { try { if (!currentEvent.actions?.length) { console.warn('No actions to process or invalid actions array'); return characters; } const currentGlobalCharacters = new Map(GLOBAL_STORE.characters); const updatedCharacters = new Map([ ...Array.from(currentGlobalCharacters.entries()), ...Array.from(characters.entries()) ]); currentEvent.actions.forEach(action => { const charKey = action.character.toLowerCase(); const handlers = this.createActionHandlers(updatedCharacters, charKey, action); const handler = handlers[action.type]; if (!handler) { console.warn('Unknown action type:', action.type); return; } const result = handler(); result.forEach((value, key) => { updatedCharacters.set(key, value); }); }); GLOBAL_STORE.characters = new Map(updatedCharacters); this.updateUIState({ characters: new Map(updatedCharacters) }); return updatedCharacters; } catch (error) { console.group('❌ Action Event Processing Error'); console.error('Error details:', error); console.log('Failed event:', currentEvent); console.log('Current character states:', characters); console.groupEnd(); throw error; } } async processPoemEvent(event, callbacks) { try { this.updateUIState({ waitingForInput: true, blockingDialogue: true }); return false; } catch (error) { console.error('❌ Error processing poem event:', error); throw error; } } handleInputEvent(event, callbacks) { console.group('▶️🎮 Processing Input Event'); try { this.updateUIState({ waitingForInput: false, isProcessingDialogue: false }); if (event?.id) { const removed = window.sceneManager.removeEventFromQueue(event.id); console.log(`Event ${event.id} removed from queue:`, removed); } if (callbacks?.handleNextEvent) { console.log('⏭️ Triggering next event processing'); console.groupEnd() callbacks.handleNextEvent(); } } catch (error) { console.error('❌ Error processing dialogue input:', error); throw error; } } } 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.PoemEvent = PoemEvent; window.DialogueScene = DialogueScene; window.CharacterSprite = CharacterSprite window.SceneManager = SceneManager window.Poem = Poem 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': { left: 'https://play.rosebud.ai/assets/monika_1l.png?fhp9', right: 'https://play.rosebud.ai/assets/monika_1r.png?9sq5' } } }, sayori: { expressions: { '1': 'https://play.rosebud.ai/assets/sayori_a.png?T27s' }, poses: { '1': { left: 'https://play.rosebud.ai/assets/sayori_1l.png?SwBq', right: 'https://play.rosebud.ai/assets/sayori_1r.png?HYbe' } } }, natsuki: { expressions: { '1': 'https://play.rosebud.ai/assets/natsuki_1t.png?v2NN' }, poses: { '1': { left: 'https://play.rosebud.ai/assets/natsuki_1l.png?ygzA', right: 'https://play.rosebud.ai/assets/natsuki_1r.png?glSA' } } }, yuri: { expressions: { '1': 'https://play.rosebud.ai/assets/yuri_a.png?CoS7', }, poses: { '1': { left: 'https://play.rosebud.ai/assets/yuri_1l.png?5VjN', right: 'https://play.rosebud.ai/assets/yuri_1r.png?sKDz' }, 'stab_1': { full: 'https://play.rosebud.ai/assets/yuri_stab_1.png?YiE1' }, 'stab_2': { full: 'https://play.rosebud.ai/assets/yuri_stab_2.png?DP78' }, 'stab_3': { full: 'https://play.rosebud.ai/assets/yuri_stab_3.png?i5OG' }, 'stab_4': { full: 'https://play.rosebud.ai/assets/yuri_stab_4.png?Q5Zc' }, 'stab_5': { full: 'https://play.rosebud.ai/assets/yuri_stab_5.png?13ZN' }, 'stab_6-full': { full: 'https://play.rosebud.ai/assets/yuri_stab_6-full.png?H1Ip' }, '2': { left: 'https://play.rosebud.ai/assets/yuri_2l.png?tKFm', right: 'https://play.rosebud.ai/assets/yuri_2r.png?QrkM' }, '2b': { left: 'https://play.rosebud.ai/assets/yuri_2bl.png?aAgw', right: 'https://play.rosebud.ai/assets/yuri_2br.png?Vqew' } } } }, 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: [], poems: [], soundEvents: new Map(), isGeneratingResponse: false, isProcessingDialogue: false, waitingForInput: false, characters: new Map(), updateState(updates) { Object.entries(updates).forEach(([key, value]) => { this[key] = value; }); } } window.APP_SETTINGS = { createSelectMenuOnInit: false, poemsDataUrl: 'https://play.rosebud.ai/assets/poems.json?xKWm', sceneLoader: { scenesToLoad: [ 'test_visited_menu', 'test_character_enter', 'test_character_enter2', 'day2_intro', 'day2_yuri_runs', 'day2_after_fight', 'day2_fight', 'monika_yuri_scene', 'intro_scene', 'ch1_y_end', 'test_scene_1', 'test_scene_2', 'day2_poem_menu', 'day2_monika_poem', 'day2_natsuki_poem', 'day2_yuri_poem', 'yuri_loses_it', 'yuri_dies', 'just_monika_chat' ], initialSceneQueue: [ 'test_visited_menu', 'test_character_enter2', // 'intro_scene', // 'day2_intro', // 'day2_yuri_runs', // 'day2_poem_menu', // 'day2_fight', // 'day2_after_fight', // 'yuri_loses_it', // 'yuri_dies', // 'day2_yuri_runs', // 'day2_poem_menu', // 'just_monika_chat' ], sources: { test_visited_menu: { id: 'test_visited_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: "Test Option", targetSceneId: 'test_character_enter', characterId: 'monika', visited: false } ] } ] }, test_character_enter: { id: 'test_character_enter', data: [ { id: '1', type: 'background', background: 'https://play.rosebud.ai/assets/bg_club.png?bSy9' }, { id: '2', type: 'action', actions: [ { type: 'enter', character: 'monika', position: 'middle', expression: '1' } ] }, { id: '3', type: 'dialogue', speaker: 'Monika', line: "Hi! This is a test scene~" } ] }, test_character_enter2: { id: 'test_character_enter2', data: [ { id: '1', type: 'background', background: 'https://play.rosebud.ai/assets/bg_club.png?bSy9' }, { id: '2', type: 'action', actions: [ { type: 'enter', character: 'yuri', position: 'middle', expression: '1' } ] }, { id: '3', type: 'dialogue', speaker: 'Yuri', line: "Hi! This is another test scene~" } ] }, day2_intro: { id: 'day2_intro', jsonPath: 'https://play.rosebud.ai/assets/day2_intro.json?jDMG' }, day2_yuri_runs: { id: 'day2_yuri_runs', jsonPath: 'https://play.rosebud.ai/assets/day2_yuri_runs.json?n72y' }, monika_yuri_scene: { id: 'monika_yuri_scene', data: [ { "id": "1", "type": "background", "background": "https://play.rosebud.ai/assets/bg_club.png?bSy9" }, { "id": "2", "type": "action", "actions": [ { "type": "enter", "character": "Monika", "position": "middle" } ] }, { "id": "3", "type": "dialogue", "speaker": "Monika", "line": "Hey, I was just thinking about you~" }, { "id": "4", "type": "action", "actions": [ { "type": "enter", "character": "yuri", "position": "left", "zorder": 2 } ] }, { "id": "5", "type": "dialogue", "speaker": "Yuri", "line": "I'm back..." }, { "id": "6", "type": "dialogue", "speaker": "Yuri", "line": "Did I miss anything?" }, { "id": "7", "type": "action", "actions": [ { "type": "enter", "character": "yuri", "position": "left", "zorder": 2 } ] }, { "id": "8", "type": "action", "actions": [ { "type": "enter", "character": "monika", "position": "middle", "zorder": 2 } ] }, { "id": "9", "type": "dialogue", "speaker": "Monika", "line": "Not really..." } ] }, ch1_y_end: { id: 'ch1_y_end', data: [ { "id": 1, "type": "poem", "poemId": "poem_y1" }, { "id": 2, "type": "action", "actions": [ { "type": "enter", "character": "Yuri", "position": "middle" } ] }, { "id": 2, "type": "dialogue", "speaker": "Yuri", "line": "..." }, { "id": 4, "type": "dialogue", "speaker": "Yuri", "line": "I...I'm sorry I have such terrible handwriting!" }, { "id": 5, "type": "dialogue", "speaker": "Protagonist", "line": "What??" } ] }, test_scene_1: { id: 'test_scene_1', jsonPath: 'https://play.rosebud.ai/assets/test_scene.json?47zv', }, test_scene_2: { id: 'test_scene_2', data: [ { id: '1', type: 'background', background: 'https://play.rosebud.ai/assets/bg_class.png?hGz4' }, { id: '2', type: 'action', actions: [ { character: 'monika', type: 'enter', position: 'middle', expression: '1' } ] }, { id: '3', type: 'poem', poemId: 'poem_m4' }, { id: '4', type: 'dialogue', speaker: 'Monika', line: "So, what did you think of my poem? I wrote it specially for you~" } ] }, 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', characterId: 'natsuki', visited: false }, { id: 2, content: "Monika", targetSceneId: 'day2_monika_poem', characterId: 'monika', visited: false }, { id: 3, content: "Yuri", targetSceneId: 'day2_yuri_poem', characterId: 'yuri', visited: true } ] } ] }, day2_monika_poem: { id: 'day2_monika_poem', jsonPath: 'https://play.rosebud.ai/assets/day2_m_poem.json?1meL' }, day2_natsuki_poem: { id: 'day2_natsuki_poem', jsonPath: 'https://play.rosebud.ai/assets/day2_n_poem.json?6RYM' }, day2_yuri_poem: { id: 'day2_yuri_poem', jsonPath: 'https://play.rosebud.ai/assets/day2_y_poem.json?FJBL' }, day2_fight: { id: 'day2_fight', jsonPath: 'https://play.rosebud.ai/assets/day2_fight.json?5tNk' }, day2_after_fight: { id: 'day2_after_fight', jsonPath: 'https://play.rosebud.ai/assets/day2_after_fight.json?bhIl' }, intro_scene: { id: 'intro_scene', skipToId: null, jsonPath: 'https://play.rosebud.ai/assets/intro_scene.json?K0RV' }, just_monika_chat: { id: 'just_monika_chat', jsonPath: 'https://play.rosebud.ai/assets/just_monika.json?CuPP' }, just_monika_short_chat: { id: 'just_monika_short_chat', jsonPath: 'https://play.rosebud.ai/assets/just_monika_shortChat.json?Z52I' }, yuri_loses_it: { id: 'yuri_loses_it', jsonPath: "https://play.rosebud.ai/assets/yuri_loses_it.json?UyDM" }, yuri_dies: { id: 'yuri_dies', jsonPath: "https://play.rosebud.ai/assets/yuri_dies.json?eDns" }, } }, controlVariables: { useLocalSceneData: true, muteSoundEvents: true, enableSceneSkip: true, useSavedSpeech: false, saveSpeechGeneration: true, allowSpeechGeneration: false, autoAdvanceDialogue: false, devMode: true, enablePreloadCharacterAssetsLogs: false, enablePreloadBackgroundAssetsLogs: false, enableProcessEventDebugLogs: true, chatStorage: { clearOnInit: true, loadFromMemory: true, saveToMemory: true } }, 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 }, Yuri: { voiceId: '3wZbmt7q1ZGa1v0w9nvu', volumeMultiplier: 0.8 }, Natsuki: { voiceId: '2bk7ULW9HfwvcIbMWod0', volumeMultiplier: .9 }, Monika: { 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?pabN' let styles = baseStyles + `` 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, volumeMultiplier = 1.0, loop = false, isSound = false, eventId = null, soundCategory = null }) => { 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; } // Handle voice audio 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); }, []); 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 () => { if (isSound && eventId) { const resource = GLOBAL_STORE.audioResources.get(eventId); if (resource?.stop) { resource.stop(); } GLOBAL_STORE.audioResources.delete(eventId); } stopAudio(); if (audioRef.current) { audioRef.current.src = ''; } }; }, [audioUrl, autoPlay, loop, playAudio, stopAudio, isSound, eventId]); useEffect(() => { const audio = audioRef.current; if (!audio) return; const handleEnded = () => { if (!loop) { setIsPlaying(false); 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 ( <>

{currentPoem.title}