Stream server-sent events for playlist, download, library, and feed updates.
npx skills add https://github.com/mralexsaavedra/spotiarr --skill spotiarr-sse
Please help me install this Agent Skill. Skill: spotiarr-sse Source: https://github.com/mralexsaavedra/spotiarr/tree/main/skills/spotiarr-sse Command: npx skills add https://github.com/mralexsaavedra/spotiarr --skill spotiarr-sse
It solves the problem of keeping the frontend in sync with backend changes by streaming real-time events instead of relying on manual refreshes.
useServerEvents to receive server-sent events and update the application state indirectly.Use the spotiarr-sse Skill to add real-time playlist, download, library, and feed updates by wiring a new SSE event end-to-end using the defined bus and frontend query invalidation pattern.
High-intent search queries and answers about installing and using this skill.
To sync frontend UI with backend data changes using server-sent events, you establish a single EventSource connection to stream updates and invalidate specific TanStack Query caches per event type instead of relying on manual refreshes.
TanStack Query cache invalidation with real-time SSE updates works by reacting to incoming event names from the EventSource stream and invalidating specific query keys rather than writing directly to local stores.
To add a new real-time SSE event end-to-end, you wire the backend emission through a dedicated app event bus with typed payloads and trigger frontend query invalidation using the established useServerEvents pattern.
Yes, you need a single EventSource connection for multiple real-time feed updates to enforce connection constraints and prevent resource leaks, managing all playlist, library, and download events through one stream.
You should use an event bus for backend SSE event emission instead of direct emission to ensure typed, contract-based event propagation and maintain consistent routing for playlist, download history, and feed updates.
A limitation of using TanStack Query invalidation for real-time updates is that it relies on indirect state updates through cache refetching rather than directly writing to local stores, which may cause brief loading states.
kibertoadAutomate data fetching and mutation with API contracts, typed HTTP client, and React Query.
YFGaiaAutomate oRPC contract-first API setup in the Dify frontend.
MadAppGangManage server state and data fetching in React with TanStack Query v5.
MybonoSet up WebSocket, Socket.io, and SSE servers with client code.