Stream de Preços do Looker

/v1/lookers/{id}/stream

curl --location --no-buffer \
  -H "Accept: text/event-stream" \
  -H "Cache-Control: no-cache" \
  'localhost:8080/v1/lookers/507f1f77bcf86cd799439011/stream'

const lookerId = '507f1f77bcf86cd799439011';
const source = new EventSource(`/v1/lookers/${lookerId}/stream`);

source.onmessage = (event) => {
    const price = JSON.parse(event.data);
    console.log(`${price.ticker} @ ${price.exchange}: ask=${price.ask} bid=${price.bid} stale=${price.stale}`);
};

source.onerror = () => {
    // EventSource reconecta automaticamente
};

// Ao desmontar:
// source.close();

data: {"ticker":"BTC-USDT","exchange":"binance","market":"SPOT","ask":85420.5,"bid":85418.2,"volume":12345.67,"stale":false,"updatedAt":"2026-04-02T14:00:01Z"}

data: {"ticker":"ETH-USDT","exchange":"binance","market":"SPOT","ask":1832.10,"bid":1831.90,"volume":54321.0,"stale":false,"updatedAt":"2026-04-02T14:00:01Z"}

{
  "ticker": "BTC-USDT",
  "exchange": "binance",
  "market": "SPOT",
  "ask": 85420.50,
  "bid": 85418.20,
  "volume": 12345.67,
  "stale": false,
  "updatedAt": "2026-04-02T14:00:01.000Z"
}

import { useLookerStream } from 'src/hooks/useLookerStream';

function LookerDetailsPage({ lookerId }) {
    const { prices, connected } = useLookerStream(lookerId);

    return (
        <div>
            {connected ? '🟢 Conectado' : '🔴 Reconectando...'}
            {cryptos.map(crypto => {
                const key = `${crypto.ticker}:${crypto.exchange}`;
                const price = prices[key];
                return (
                    <CryptoCard
                        key={key}
                        crypto={crypto}
                        priceData={price}
                    />
                );
            })}
        </div>
    );
}