npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

sse-stream-transform

v1.0.0

Published

SSE Transform Stream for parsing Server-Sent Events (SSE) using Web Streams API

Readme

SSE Stream Transform

Transform Server-Sent Events (SSE) raw response streams into SSE objects stream.

Battle-tested in production environments.

Background

Server-Sent Events (SSE) is a standard for streaming text-based event data from a server to a client over HTTP. While the SSE protocol is widely supported in browsers via the EventSource API, handling SSE streams in other JavaScript environments (like Node.js or Deno) often requires custom parsing of the raw stream data.

More info about SSE at MDN

Isomorphic

Support any JavaScript runtime in server and client side (Node.js, Deno, Bun, Browser, etc.) that supports the Web Streams API.

Exported as ESM and CommonJS.

Usage

Installation:

npm install sse-stream-transform

Using the transformer to consume SSE messages:

import {SseStreamTransform} from "sse-stream-transform";

// also works in CommonJS:
// const {SseStreamTransform} = require("sse-stream-transform");

// endpoint that returns SSE response stream
const response = await fetch("https://example.com/sse-endpoint");

// iterate over SSE messages using for-await-of 
// and the SseStreamTransform
for await (const msg of response.body.pipeThrough(new SseStreamTransform())) {
    console.log("Received SSE message:", msg);
}

SSE Message Format

The raw SSE stream consists of text lines formatted according to the SSE specification, where each message is composed of multiple lines starting with field names like data:, event:, etc, and messages are separated by double newlines.

The only required field is data:. Other fields like event:, id:, and retry: are optional. Multiple data: lines within a single message are concatenated with optional newline characters.

Example raw SSE message:

data: First line of data
data: Second line of data
event: customEvent
id: 12345

data: Another message

The SseStreamTransform outputs SSE messages as objects with the following structure:

interface SseMessage {
    data: string;           // Event data
    [key: string]: string;  // Additional fields
}

Made with ♥ to the JavaScript community.