Why I cannot get messages in real-time but only when the browser closes the pending call?

I’m trying to use protobuf-ts with server streaming (https://github.com/improbable-eng/grpc-web/tree/master/go/grpcweb in Golang) but I don’t get messages from server until connection is closed.

I’m using Svelte 3 like this:

<script lang="ts">
	import { onDestroy, onMount } from 'svelte';

  const transport = new GrpcWebFetchTransport({ baseUrl: '/', format: 'binary' });

  const service = new EventServiceClient(transport)

	const abortController = new AbortController();

	onMount(async () => {
		const call = service.flow({}, { abort: abortController.signal });

    for await (const response of call.responses) {
			console.log('got another response!', response);
		}
	});

	onDestroy(() => abortController.abort());
</script>

The call in in pending state for about 2.2 min. After that I get all messages logged in console.

I need them in real-time!

Where am I doing wrong?

[timostamm]

I am sorry you got stuck with this, but I’m afraid there is nothing we can do from the protobuf-ts side. This needs some debugging of the go code to pinpoint the cause.

[frederikhors]

XMLHttpRequest has a limitation, the only way for clients to read the response as chunks is to use a text-based format. That’s why grpc-web has the text format.

If I remove that library from my backend server protobuf-ts streaming works with binary format too, not only text.

Here is the code for that middleware: https://github.com/volatiletech/authboss/blob/master/client_state.go#L123.