Stability: 2 - Stable
An implementation of the WHATWG Streams Standard.
The WHATWG Streams Standard (or "web streams") defines an API for handling streaming data. It is similar to the Node.js Streams API but emerged later and has become the "standard" API for streaming data across many JavaScript environments.
There are three primary types of objects:
ReadableStream
- Represents a source of streaming data.WritableStream
- Represents a destination for streaming data.TransformStream
- Represents an algorithm for transforming streaming data.
This example creates a simple ReadableStream
that pushes the current
performance.now()
timestamp once every second forever. An async iterable
is used to read the data from the stream.
import {
ReadableStream,
} from 'node:stream/web';
import {
setInterval as every,
} from 'node:timers/promises';
import {
performance,
} from 'node:perf_hooks';
const SECOND = 1000;
const stream = new ReadableStream({
async start(controller) {
for await (const _ of every(SECOND))
controller.enqueue(performance.now());
},
});
for await (const value of stream)
console.log(value);
const {
ReadableStream,
} = require('node:stream/web');
const {
setInterval: every,
} = require('node:timers/promises');
const {
performance,
} = require('node:perf_hooks');
const SECOND = 1000;
const stream = new ReadableStream({
async start(controller) {
for await (const _ of every(SECOND))
controller.enqueue(performance.now());
},
});
(async () => {
for await (const value of stream)
console.log(value);
})();
underlyingSource
{Object}start
{Function} A user-defined function that is invoked immediately when theReadableStream
is created.controller
{ReadableStreamDefaultController|ReadableByteStreamController}- Returns:
undefined
or a promise fulfilled withundefined
.
pull
{Function} A user-defined function that is called repeatedly when theReadableStream
internal queue is not full. The operation may be sync or async. If async, the function will not be called again until the previously returned promise is fulfilled.controller
{ReadableStreamDefaultController|ReadableByteStreamController}- Returns: A promise fulfilled with
undefined
.
cancel
{Function} A user-defined function that is called when theReadableStream
is canceled.reason
{any}- Returns: A promise fulfilled with
undefined
.
type
{string} Must be'bytes'
orundefined
.autoAllocateChunkSize
{number} Used only whentype
is equal to'bytes'
. When set to a non-zero value a view buffer is automatically allocated toReadableByteStreamController.byobRequest
. When not set one must use stream's internal queues to transfer data via the default readerReadableStreamDefaultReader
.
strategy
{Object}highWaterMark
{number} The maximum internal queue size before backpressure is applied.size
{Function} A user-defined function used to identify the size of each chunk of data.chunk
{any}- Returns: {number}
- Type: {boolean} Set to
true
if there is an active reader for this {ReadableStream}.
The readableStream.locked
property is false
by default, and is
switched to true
while there is an active reader consuming the
stream's data.
reason
{any}- Returns: A promise fulfilled with
undefined
once cancelation has been completed.
options
{Object}mode
{string}'byob'
orundefined
- Returns: {ReadableStreamDefaultReader|ReadableStreamBYOBReader}
import { ReadableStream } from 'node:stream/web';
const stream = new ReadableStream();
const reader = stream.getReader();
console.log(await reader.read());
const { ReadableStream } = require('node:stream/web');
const stream = new ReadableStream();
const reader = stream.getReader();
reader.read().then(console.log);
Causes the readableStream.locked
to be true
.
transform
{Object}readable
{ReadableStream} TheReadableStream
to whichtransform.writable
will push the potentially modified data it receives from thisReadableStream
.writable
{WritableStream} TheWritableStream
to which thisReadableStream
's data will be written.
options
{Object}preventAbort
{boolean} Whentrue
, errors in thisReadableStream
will not causetransform.writable
to be aborted.preventCancel
{boolean} Whentrue
, errors in the destinationtransform.writable
do not cause thisReadableStream
to be canceled.preventClose
{boolean} Whentrue
, closing thisReadableStream
does not causetransform.writable
to be closed.signal
{AbortSignal} Allows the transfer of data to be canceled using an {AbortController}.
- Returns: {ReadableStream} From
transform.readable
.
Connects this {ReadableStream} to the pair of {ReadableStream} and
{WritableStream} provided in the transform
argument such that the
data from this {ReadableStream} is written in to transform.writable
,
possibly transformed, then pushed to transform.readable
. Once the
pipeline is configured, transform.readable
is returned.
Causes the readableStream.locked
to be true
while the pipe operation
is active.
import {
ReadableStream,
TransformStream,
} from 'node:stream/web';
const stream = new ReadableStream({
start(controller) {
controller.enqueue('a');
},
});
const transform = new TransformStream({
transform(chunk, controller) {
controller.enqueue(chunk.toUpperCase());
},
});
const transformedStream = stream.pipeThrough(transform);
for await (const chunk of transformedStream)
console.log(chunk);
// Prints: A
const {
ReadableStream,
TransformStream,
} = require('node:stream/web');
const stream = new ReadableStream({
start(controller) {
controller.enqueue('a');
},
});
const transform = new TransformStream({
transform(chunk, controller) {
controller.enqueue(chunk.toUpperCase());
},
});
const transformedStream = stream.pipeThrough(transform);
(async () => {
for await (const chunk of transformedStream)
console.log(chunk);
// Prints: A
})();
destination
{WritableStream} A {WritableStream} to which thisReadableStream
's data will be written.options
{Object}preventAbort
{boolean} Whentrue
, errors in thisReadableStream
will not causedestination
to be aborted.preventCancel
{boolean} Whentrue
, errors in thedestination
will not cause thisReadableStream
to be canceled.preventClose
{boolean} Whentrue
, closing thisReadableStream
does not causedestination
to be closed.signal
{AbortSignal} Allows the transfer of data to be canceled using an {AbortController}.
- Returns: A promise fulfilled with
undefined
Causes the readableStream.locked
to be true
while the pipe operation
is active.
- Returns: {ReadableStream[]}
Returns a pair of new {ReadableStream} instances to which this
ReadableStream
's data will be forwarded. Each will receive the
same data.
Causes the readableStream.locked
to be true
.
options
{Object}preventCancel
{boolean} Whentrue
, prevents the {ReadableStream} from being closed when the async iterator abruptly terminates. Default:false
.
Creates and returns an async iterator usable for consuming this
ReadableStream
's data.
Causes the readableStream.locked
to be true
while the async iterator
is active.
import { Buffer } from 'node:buffer';
const stream = new ReadableStream(getSomeSource());
for await (const chunk of stream.values({ preventCancel: true }))
console.log(Buffer.from(chunk).toString());
The {ReadableStream} object supports the async iterator protocol using
for await
syntax.
import { Buffer } from 'node:buffer';
const stream = new ReadableStream(getSomeSource());
for await (const chunk of stream)
console.log(Buffer.from(chunk).toString());
The async iterator will consume the {ReadableStream} until it terminates.
By default, if the async iterator exits early (via either a break
,
return
, or a throw
), the {ReadableStream} will be closed. To prevent
automatic closing of the {ReadableStream}, use the readableStream.values()
method to acquire the async iterator and set the preventCancel
option to
true
.
The {ReadableStream} must not be locked (that is, it must not have an existing active reader). During the async iteration, the {ReadableStream} will be locked.
A {ReadableStream} instance can be transferred using a {MessagePort}.
const stream = new ReadableStream(getReadableSourceSomehow());
const { port1, port2 } = new MessageChannel();
port1.onmessage = ({ data }) => {
data.getReader().read().then((chunk) => {
console.log(chunk);
});
};
port2.postMessage(stream, [stream]);
iterable
{Iterable} Object implementing theSymbol.asyncIterator
orSymbol.iterator
iterable protocol.
A utility method that creates a new {ReadableStream} from an iterable.
import { ReadableStream } from 'node:stream/web';
async function* asyncIterableGenerator() {
yield 'a';
yield 'b';
yield 'c';
}
const stream = ReadableStream.from(asyncIterableGenerator());
for await (const chunk of stream)
console.log(chunk); // Prints: 'a', 'b', 'c'
const { ReadableStream } = require('node:stream/web');
async function* asyncIterableGenerator() {
yield 'a';
yield 'b';
yield 'c';
}
(async () => {
const stream = ReadableStream.from(asyncIterableGenerator());
for await (const chunk of stream)
console.log(chunk); // Prints: 'a', 'b', 'c'
})();
By default, calling readableStream.getReader()
with no arguments
will return an instance of ReadableStreamDefaultReader
. The default
reader treats the chunks of data passed through the stream as opaque
values, which allows the {ReadableStream} to work with generally any
JavaScript value.
stream
{ReadableStream}
Creates a new {ReadableStreamDefaultReader} that is locked to the given {ReadableStream}.
reason
{any}- Returns: A promise fulfilled with
undefined
.
Cancels the {ReadableStream} and returns a promise that is fulfilled when the underlying stream has been canceled.
- Type: {Promise} Fulfilled with
undefined
when the associated {ReadableStream} is closed or rejected if the stream errors or the reader's lock is released before the stream finishes closing.
- Returns: A promise fulfilled with an object:
value
{ArrayBuffer}done
{boolean}
Requests the next chunk of data from the underlying {ReadableStream} and returns a promise that is fulfilled with the data once it is available.
Releases this reader's lock on the underlying {ReadableStream}.
The ReadableStreamBYOBReader
is an alternative consumer for
byte-oriented {ReadableStream}s (those that are created with
underlyingSource.type
set equal to 'bytes'
when the
ReadableStream
was created).
The BYOB
is short for "bring your own buffer". This is a
pattern that allows for more efficient reading of byte-oriented
data that avoids extraneous copying.
import {
open,
} from 'node:fs/promises';
import {
ReadableStream,
} from 'node:stream/web';
import { Buffer } from 'node:buffer';
class Source {
type = 'bytes';
autoAllocateChunkSize = 1024;
async start(controller) {
this.file = await open(new URL(import.meta.url));
this.controller = controller;
}
async pull(controller) {
const view = controller.byobRequest?.view;
const {
bytesRead,
} = await this.file.read({
buffer: view,
offset: view.byteOffset,
length: view.byteLength,
});
if (bytesRead === 0) {
await this.file.close();
this.controller.close();
}
controller.byobRequest.respond(bytesRead);
}
}
const stream = new ReadableStream(new Source());
async function read(stream) {
const reader = stream.getReader({ mode: 'byob' });
const chunks = [];
let result;
do {
result = await reader.read(Buffer.alloc(100));
if (result.value !== undefined)
chunks.push(Buffer.from(result.value));
} while (!result.done);
return Buffer.concat(chunks);
}
const data = await read(stream);
console.log(Buffer.from(data).toString());
stream
{ReadableStream}
Creates a new ReadableStreamBYOBReader
that is locked to the
given {ReadableStream}.
reason
{any}- Returns: A promise fulfilled with
undefined
.
Cancels the {ReadableStream} and returns a promise that is fulfilled when the underlying stream has been canceled.
- Type: {Promise} Fulfilled with
undefined
when the associated {ReadableStream} is closed or rejected if the stream errors or the reader's lock is released before the stream finishes closing.
view
{Buffer|TypedArray|DataView}- Returns: A promise fulfilled with an object:
value
{ArrayBuffer}done
{boolean}
Requests the next chunk of data from the underlying {ReadableStream} and returns a promise that is fulfilled with the data once it is available.
Do not pass a pooled {Buffer} object instance in to this method.
Pooled Buffer
objects are created using Buffer.allocUnsafe()
,
or Buffer.from()
, or are often returned by various node:fs
module
callbacks. These types of Buffer
s use a shared underlying
{ArrayBuffer} object that contains all of the data from all of
the pooled Buffer
instances. When a Buffer
, {TypedArray},
or {DataView} is passed in to readableStreamBYOBReader.read()
,
the view's underlying ArrayBuffer
is detached, invalidating
all existing views that may exist on that ArrayBuffer
. This
can have disastrous consequences for your application.
Releases this reader's lock on the underlying {ReadableStream}.
Every {ReadableStream} has a controller that is responsible for
the internal state and management of the stream's queue. The
ReadableStreamDefaultController
is the default controller
implementation for ReadableStream
s that are not byte-oriented.
Closes the {ReadableStream} to which this controller is associated.
- Type: {number}
Returns the amount of data remaining to fill the {ReadableStream}'s queue.
chunk
{any}
Appends a new chunk of data to the {ReadableStream}'s queue.
error
{any}
Signals an error that causes the {ReadableStream} to error and close.
Every {ReadableStream} has a controller that is responsible for
the internal state and management of the stream's queue. The
ReadableByteStreamController
is for byte-oriented ReadableStream
s.
- Type: {ReadableStreamBYOBRequest}
Closes the {ReadableStream} to which this controller is associated.
- Type: {number}
Returns the amount of data remaining to fill the {ReadableStream}'s queue.
chunk
: {Buffer|TypedArray|DataView}
Appends a new chunk of data to the {ReadableStream}'s queue.
error
{any}
Signals an error that causes the {ReadableStream} to error and close.
When using ReadableByteStreamController
in byte-oriented
streams, and when using the ReadableStreamBYOBReader
,
the readableByteStreamController.byobRequest
property
provides access to a ReadableStreamBYOBRequest
instance
that represents the current read request. The object
is used to gain access to the ArrayBuffer
/TypedArray
that has been provided for the read request to fill,
and provides methods for signaling that the data has
been provided.
bytesWritten
{number}
Signals that a bytesWritten
number of bytes have been written
to readableStreamBYOBRequest.view
.
view
{Buffer|TypedArray|DataView}
Signals that the request has been fulfilled with bytes written
to a new Buffer
, TypedArray
, or DataView
.
- Type: {Buffer|TypedArray|DataView}
The WritableStream
is a destination to which stream data is sent.
import {
WritableStream,
} from 'node:stream/web';
const stream = new WritableStream({
write(chunk) {
console.log(chunk);
},
});
await stream.getWriter().write('Hello World');
underlyingSink
{Object}start
{Function} A user-defined function that is invoked immediately when theWritableStream
is created.controller
{WritableStreamDefaultController}- Returns:
undefined
or a promise fulfilled withundefined
.
write
{Function} A user-defined function that is invoked when a chunk of data has been written to theWritableStream
.chunk
{any}controller
{WritableStreamDefaultController}- Returns: A promise fulfilled with
undefined
.
close
{Function} A user-defined function that is called when theWritableStream
is closed.- Returns: A promise fulfilled with
undefined
.
- Returns: A promise fulfilled with
abort
{Function} A user-defined function that is called to abruptly close theWritableStream
.reason
{any}- Returns: A promise fulfilled with
undefined
.
type
{any} Thetype
option is reserved for future use and must be undefined.
strategy
{Object}highWaterMark
{number} The maximum internal queue size before backpressure is applied.size
{Function} A user-defined function used to identify the size of each chunk of data.chunk
{any}- Returns: {number}
reason
{any}- Returns: A promise fulfilled with
undefined
.
Abruptly terminates the WritableStream
. All queued writes will be
canceled with their associated promises rejected.
- Returns: A promise fulfilled with
undefined
.
Closes the WritableStream
when no additional writes are expected.
- Returns: {WritableStreamDefaultWriter}
Creates and returns a new writer instance that can be used to write
data into the WritableStream
.
- Type: {boolean}
The writableStream.locked
property is false
by default, and is
switched to true
while there is an active writer attached to this
WritableStream
.
A {WritableStream} instance can be transferred using a {MessagePort}.
const stream = new WritableStream(getWritableSinkSomehow());
const { port1, port2 } = new MessageChannel();
port1.onmessage = ({ data }) => {
data.getWriter().write('hello');
};
port2.postMessage(stream, [stream]);
stream
{WritableStream}
Creates a new WritableStreamDefaultWriter
that is locked to the given
WritableStream
.
reason
{any}- Returns: A promise fulfilled with
undefined
.
Abruptly terminates the WritableStream
. All queued writes will be
canceled with their associated promises rejected.
- Returns: A promise fulfilled with
undefined
.
Closes the WritableStream
when no additional writes are expected.
- Type: {Promise} Fulfilled with
undefined
when the associated {WritableStream} is closed or rejected if the stream errors or the writer's lock is released before the stream finishes closing.
- Type: {number}
The amount of data required to fill the {WritableStream}'s queue.
- Type: {Promise} Fulfilled with
undefined
when the writer is ready to be used.
Releases this writer's lock on the underlying {ReadableStream}.
chunk
: {any}- Returns: A promise fulfilled with
undefined
.
Appends a new chunk of data to the {WritableStream}'s queue.
The WritableStreamDefaultController
manage's the {WritableStream}'s
internal state.
error
{any}
Called by user-code to signal that an error has occurred while processing
the WritableStream
data. When called, the {WritableStream} will be aborted,
with currently pending writes canceled.
- Type: {AbortSignal} An
AbortSignal
that can be used to cancel pending write or close operations when a {WritableStream} is aborted.
A TransformStream
consists of a {ReadableStream} and a {WritableStream} that
are connected such that the data written to the WritableStream
is received,
and potentially transformed, before being pushed into the ReadableStream
's
queue.
import {
TransformStream,
} from 'node:stream/web';
const transform = new TransformStream({
transform(chunk, controller) {
controller.enqueue(chunk.toUpperCase());
},
});
await Promise.all([
transform.writable.getWriter().write('A'),
transform.readable.getReader().read(),
]);
transformer
{Object}start
{Function} A user-defined function that is invoked immediately when theTransformStream
is created.controller
{TransformStreamDefaultController}- Returns:
undefined
or a promise fulfilled withundefined
transform
{Function} A user-defined function that receives, and potentially modifies, a chunk of data written totransformStream.writable
, before forwarding that on totransformStream.readable
.chunk
{any}controller
{TransformStreamDefaultController}- Returns: A promise fulfilled with
undefined
.
flush
{Function} A user-defined function that is called immediately before the writable side of theTransformStream
is closed, signaling the end of the transformation process.controller
{TransformStreamDefaultController}- Returns: A promise fulfilled with
undefined
.
readableType
{any} thereadableType
option is reserved for future use and must beundefined
.writableType
{any} thewritableType
option is reserved for future use and must beundefined
.
writableStrategy
{Object}highWaterMark
{number} The maximum internal queue size before backpressure is applied.size
{Function} A user-defined function used to identify the size of each chunk of data.chunk
{any}- Returns: {number}
readableStrategy
{Object}highWaterMark
{number} The maximum internal queue size before backpressure is applied.size
{Function} A user-defined function used to identify the size of each chunk of data.chunk
{any}- Returns: {number}
- Type: {ReadableStream}
- Type: {WritableStream}
A {TransformStream} instance can be transferred using a {MessagePort}.
const stream = new TransformStream();
const { port1, port2 } = new MessageChannel();
port1.onmessage = ({ data }) => {
const { writable, readable } = data;
// ...
};
port2.postMessage(stream, [stream]);
The TransformStreamDefaultController
manages the internal state
of the TransformStream
.
- Type: {number}
The amount of data required to fill the readable side's queue.
chunk
{any}
Appends a chunk of data to the readable side's queue.
reason
{any}
Signals to both the readable and writable side that an error has occurred while processing the transform data, causing both sides to be abruptly closed.
Closes the readable side of the transport and causes the writable side to be abruptly closed with an error.
init
{Object}highWaterMark
{number}
- Type: {number}
- Type: {Function}
chunk
{any}- Returns: {number}
init
{Object}highWaterMark
{number}
- Type: {number}
- Type: {Function}
chunk
{any}- Returns: {number}
Creates a new TextEncoderStream
instance.
- Type: {string}
The encoding supported by the TextEncoderStream
instance.
- Type: {ReadableStream}
- Type: {WritableStream}
encoding
{string} Identifies theencoding
that thisTextDecoder
instance supports. Default:'utf-8'
.options
{Object}fatal
{boolean}true
if decoding failures are fatal.ignoreBOM
{boolean} Whentrue
, theTextDecoderStream
will include the byte order mark in the decoded result. Whenfalse
, the byte order mark will be removed from the output. This option is only used whenencoding
is'utf-8'
,'utf-16be'
, or'utf-16le'
. Default:false
.
Creates a new TextDecoderStream
instance.
- Type: {string}
The encoding supported by the TextDecoderStream
instance.
- Type: {boolean}
The value will be true
if decoding errors result in a TypeError
being
thrown.
- Type: {boolean}
The value will be true
if the decoding result will include the byte order
mark.
- Type: {ReadableStream}
- Type: {WritableStream}
format
{string} One of either'deflate'
or'gzip'
.
- Type: {ReadableStream}
- Type: {WritableStream}
format
{string} One of either'deflate'
or'gzip'
.
- Type: {ReadableStream}
- Type: {WritableStream}
The utility consumer functions provide common options for consuming streams.
They are accessed using:
import {
arrayBuffer,
blob,
buffer,
json,
text,
} from 'node:stream/consumers';
const {
arrayBuffer,
blob,
buffer,
json,
text,
} = require('node:stream/consumers');
stream
{ReadableStream|stream.Readable|AsyncIterator}- Returns: {Promise} Fulfills with an
ArrayBuffer
containing the full contents of the stream.
import { arrayBuffer } from 'node:stream/consumers';
import { Readable } from 'node:stream';
import { TextEncoder } from 'node:util';
const encoder = new TextEncoder();
const dataArray = encoder.encode('hello world from consumers!');
const readable = Readable.from(dataArray);
const data = await arrayBuffer(readable);
console.log(`from readable: ${data.byteLength}`);
// Prints: from readable: 76
const { arrayBuffer } = require('node:stream/consumers');
const { Readable } = require('node:stream');
const { TextEncoder } = require('node:util');
const encoder = new TextEncoder();
const dataArray = encoder.encode('hello world from consumers!');
const readable = Readable.from(dataArray);
arrayBuffer(readable).then((data) => {
console.log(`from readable: ${data.byteLength}`);
// Prints: from readable: 76
});
stream
{ReadableStream|stream.Readable|AsyncIterator}- Returns: {Promise} Fulfills with a {Blob} containing the full contents of the stream.
import { blob } from 'node:stream/consumers';
const dataBlob = new Blob(['hello world from consumers!']);
const readable = dataBlob.stream();
const data = await blob(readable);
console.log(`from readable: ${data.size}`);
// Prints: from readable: 27
const { blob } = require('node:stream/consumers');
const dataBlob = new Blob(['hello world from consumers!']);
const readable = dataBlob.stream();
blob(readable).then((data) => {
console.log(`from readable: ${data.size}`);
// Prints: from readable: 27
});
stream
{ReadableStream|stream.Readable|AsyncIterator}- Returns: {Promise} Fulfills with a {Buffer} containing the full contents of the stream.
import { buffer } from 'node:stream/consumers';
import { Readable } from 'node:stream';
import { Buffer } from 'node:buffer';
const dataBuffer = Buffer.from('hello world from consumers!');
const readable = Readable.from(dataBuffer);
const data = await buffer(readable);
console.log(`from readable: ${data.length}`);
// Prints: from readable: 27
const { buffer } = require('node:stream/consumers');
const { Readable } = require('node:stream');
const { Buffer } = require('node:buffer');
const dataBuffer = Buffer.from('hello world from consumers!');
const readable = Readable.from(dataBuffer);
buffer(readable).then((data) => {
console.log(`from readable: ${data.length}`);
// Prints: from readable: 27
});
stream
{ReadableStream|stream.Readable|AsyncIterator}- Returns: {Promise} Fulfills with the contents of the stream parsed as a
UTF-8 encoded string that is then passed through
JSON.parse()
.
import { json } from 'node:stream/consumers';
import { Readable } from 'node:stream';
const items = Array.from(
{
length: 100,
},
() => ({
message: 'hello world from consumers!',
}),
);
const readable = Readable.from(JSON.stringify(items));
const data = await json(readable);
console.log(`from readable: ${data.length}`);
// Prints: from readable: 100
const { json } = require('node:stream/consumers');
const { Readable } = require('node:stream');
const items = Array.from(
{
length: 100,
},
() => ({
message: 'hello world from consumers!',
}),
);
const readable = Readable.from(JSON.stringify(items));
json(readable).then((data) => {
console.log(`from readable: ${data.length}`);
// Prints: from readable: 100
});
stream
{ReadableStream|stream.Readable|AsyncIterator}- Returns: {Promise} Fulfills with the contents of the stream parsed as a UTF-8 encoded string.
import { text } from 'node:stream/consumers';
import { Readable } from 'node:stream';
const readable = Readable.from('Hello world from consumers!');
const data = await text(readable);
console.log(`from readable: ${data.length}`);
// Prints: from readable: 27
const { text } = require('node:stream/consumers');
const { Readable } = require('node:stream');
const readable = Readable.from('Hello world from consumers!');
text(readable).then((data) => {
console.log(`from readable: ${data.length}`);
// Prints: from readable: 27
});