import { useEffect } from 'react'
import { APP_CONFIG_UPDATED } from '#/events/constants'
import { IRPCActionType } from '~/universal/types/enum'
import { AlbumSource } from '#/types/cloudAlbum'
import { appActions } from '@/store'
import { useAlbumStore } from '@/store/album/store'
import { ipc } from '@/utils/bridge'

export function RendererRuntimeBridge () {
  // Refresh config-derived state whenever the main process broadcasts an app-config update.
  useEffect(() => {
    const handleAppConfigUpdated = () => {
      Promise.all([
        appActions.refreshAppConfig(),
        appActions.refreshPicBeds()
      ]).catch((error) => {
        console.error('Failed to refresh renderer app state after config update', error)
      })
    }

    return ipc.on(APP_CONFIG_UPDATED, handleAppConfigUpdated)
  }, [])

  // Sync album source changes from other renderer windows (relayed via main process RPC).
  useEffect(() => {
    return ipc.on(IRPCActionType.SYNC_ALBUM_SOURCE, (source: AlbumSource) => {
      useAlbumStore.setState((state) => {
        state.albumSource = source
      })
    })
  }, [])

  return null
}