Add option to automatically abort response stream if the data stopped arriving for longer than a specified time

[kornelski]

I'd like to have an option to abort (internally by the browser, not via a JS API) requests that have stalled, i.e. close the TCP/IP connection if the time since the last bit data received exceeded a specified timeout.

This is different from a deadline (#179, #20), because it allows very slow, but steady, responses to stream forever.

fetch('/1MB.json', {timeout: 5000}).then(res => res.json);

This promise would succeed on a GPRS connection with a good signal that requires 4 minutes to download the file, but thanks to a good signal it delivers the file at a good consistent pace, so there's never a gap longer than 5 seconds between received chunks of the file.

This promise would fail on a fast 4G connection in 5 seconds after the user has lost signal, even if a portion of the file has already been downloaded, but due to lost signal the rest of the file stopped arriving.

Timeout-since-last-data-arrived is a timeout independent of file size and mostly indifferent to the network speed. This allows developers to use shorter timeouts than if they had to use a worst-case-scenario deadline for the whole response to arrive, so the application can react to failing network conditions quicker, and minimize time spent in a "stuck" state.

[afilp]

+1

[jpierson]

+1

[aronwoost]

❤️

[rogeriochaves]

+1

[okjungsoo]

+1

[annevk]

If you consider responding to this issue with +1, please subscribe instead and maybe read https://wiki.whatwg.org/wiki/FAQ#.2B1. Not sure why this is almost exclusively happening here, but this is not helping.

[wheresrhys]

I think the breakdown between this issue and #179 clarifies #20, but I think neither of them address the original aim of #20, which is to have an equivalent of xhr timeout.

I originally raised #20 with a far more naive understanding of the fetch & streaming APIs, but this is also the standpoint many developers will be coming to fetch from. 'If the content doesn't arrive in Nms, abort and show an error message' will still be a common/the commonest use case (perhaps not for developers strongly versed in SW, streams etc... but that isn't most developers)

With that in mind I'd prefer an API something like:

opts.timeout - timeout in miliseconds
opts.timeoutType - 'headers' (equivalent to #179), 'stream' (equivalent to this issue) or 'content' (which sets a timeout on .json() or .text())

'content' would have no effect if .blob() is called. 'stream' would probably still have an effect if .text() or .json() are called, but it could also make sense for it to not do. Both 'stream' and 'content' would reject if headers do not return in time. I'm not sure which I would favour as the default, but probably 'content' as then the behaviour is more friendly for developers moving to fetch from xhr

[wheresrhys]

Or what would make more sense, and fit with the extensible web ethos of low level APIs first, is accepting an object for timeout allowing numerous timeouts to be specified

e.g.

timeout: {
   firstByte: 700,
   headers: 1000,
   fullContent: 2000,
   interPackage: 50
}

with timeout: 2000 being an alias for timeout: {content: 2000}

[annevk]

@wheresrhys that would only fit with the extensible web efforts if browser network libraries had such an API. I very much doubt they do.

[as-aaron]

The lack of some way to set reasonable timeouts makes this API unusable for Cordova based mobile apps. Users expect their apps to respond in a reasonable time and we need to be able to control this.

Yes you can use settimeout and then ignore the request but leaving a no longer useful connection open in the background that may waste data is not acceptable for a mobile app where connectivity is potentially flaky, especially if you want to limit the number of connections to your API.

[adambene]

The lack of some way to set reasonable timeouts makes this API unusable for Cordova based mobile apps. Users expect their apps to respond in a reasonable time and we need to be able to control this.

Same here, but ReactNative.