Stabilisation d'un moteur temps réel multi-composants avec WebSocket partagé

Contexte : Une application analytique en Svelte affiche des événements temps réel dans plusieurs widgets simultanément. Le Problème : Chaque composant ouvre sa propre connexion WebSocket, provoquant une surcharge serveur et des données dupliquées. Contraintes : Vous devez utiliser uniquement les stores natifs Svelte. Aucune librairie externe autorisée. La connexion doit être mutualisée et correctement nettoyée. Code actuel : // Feed.svelte <script> import { onMount } from 'svelte'; let messages = []; onMount(() => { const socket = new WebSocket('wss://example.com/feed'); socket.onmessage = (event) => { messages = [...messages, event.data]; }; }); </script> Livrable attendu : Concevoir une architecture basée sur un store partagé garantissant une seule connexion active et une diffusion réactive vers tous les composants.