How to set the first query of LastEventId

[abda11ah]

Hi,

I'm trying to avoid the "Subscriber disconnected" + "New subscriber" after each page change.

As I read in the docs, i need to send first a LastEventId query parameter to get one then reuse it to avoid loosing connection.

"When the request contains a Last-Event-ID HTTP header or a lastEventID query parameter the hub MUST set a Last-Event-ID header on the HTTP response"

I tried to set 0 as value of the LastEventId

 url.searchParams.append('lastEventID', '');
// or 
 url.searchParams.append('lastEventID', 0);
 const eventSourceOptions = {
                    withCredentials: true,
                    headers: {
                        'Authorization': `Bearer ${jwtToken}`,
                    }
                };

the connection is successful but the returned LastEventId is also 0 and i continuously get "Subscriber disconnected" + "New subscriber" + a new {"id":"urn:uuid:36d883aa-4015-4241-aaae-bde887c2662e","last_event_id":"0" .....

so please How to set the first LastEventId so it will return a random value instead of what i gave ?

[abda11ah]

At least is it possible to get the ":" heartbeat i receive each 30 seconds (the : of chrome eventstream), to update a timestamp "last_seen" SQL field in users table in the php side ? (But without POSTing again this event via ajax)

[abda11ah]

OK, i just found how to :

After the first connection, i have to fetch it like this :

//my initial topic 
url.searchParams.append('topic', `user|${this.userId}`);

......
.......

// fetch it 
this.eventSource.onopen = (event) => {
                    console.log('Successfully connected to Mercure hub');


                    fetch(`${this.mercureUrl}/subscriptions/user|${this.userId}`)
                    .then(response => response.json())
                    .then(data => {
                        console.log("Initial lastEventID:", data.lastEventID);
                    })