Support for detecting devServer via cookie

[lubomirblazekcz]

Currently the detection is done via nette.json file, which is ok for local development. But once you want to use vite on the server, this wont work and you have to enter the url manualy via devServer option.

Which is ok, but the developer experience for that cloud be better. It would be nice if this worked like with setting debug mode via cookie. So you would check if a cookie with the name nette-vite (like nette-debug) is set with the url https://localhost:5173, and enable the dev server.

Or you could allow function in the devServer, so we could write this logic ourselfs. Something like this:

devServer: App\Services\ViteCookie

[lubomirblazekcz]

You could also do an automatic detection via tracy (the devServer url would still need to be configured manually in config), which would check if the nette.json exits and tracy would set the cookie manually and reload the page with vite dev server, or reload it without if the file is not present. Like this:

(await fetch('http://localhost:5173/assets/.vite/nette.json')).status === 200

This would work when you remap the publicDir in vite to publicDir: '../www'.

So the only thing the developer would do, is to set nette-debug via cookie, and tracy would do the rest for you.

Full example:

fetch('http://localhost:5173/assets/.vite/nette.json').then((response) => response.json()).then(() => {
    if (!document.cookie.includes('nette-vite')) {
        document.cookie = `nette-vite=true;path=/`
        document.location.reload()
    }
}).catch(() => {
    if (document.cookie.includes('nette-vite')) {
        document.cookie = 'nette-vite=;max-age=0'
        document.location.reload()
    }
})

[dg]

Setting a cookie for Nette Assets is nothing to do with Tracy, I wouldn't involve it (her?) at all.

But the solution of allowing devServer to contain a reference to custom logic sounds good. Perhaps a callback? Can you send a PR?