streaming partial response as the data becomes available

[danielb2]

We desire to send initial HTML information (loading JS files etc) while loading the main data in order to speed up the load time for the end user.

const handler = function (request, reply) {

      const inStream = new Readable();
      inStream.push('ABCDEFGHIJKLM');
      reply(inStream);

      setTimeout(() => {

          inStream.push('NOPQRSTUVWXYZ');
          inStream.push(null);

      }, 50);
  };

The above does not work for sending partial content as it becomes available, however, if the stream is closed right away it does. Any idea how to accomplish sending chunks as it becomes available?

const handler = function (request, reply) {

      const inStream = new Readable();
      inStream.push('ABCDEFGHIJKLM');
      inStream.push(null);
      reply(inStream);

  };

the above does work.

Can this be done?

[kanongil]

Yes. You are not creating a valid readable.

[danielb2]

@kanongil can you supply with how I should be doing it ?

[danielb2]

My coworker took the discussion here

https://stackoverflow.com/questions/46634526/stream-an-html-response-using-hapi

and looks like we've made some progress

hapijs/hapi#3599

FYI @kanongil