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 🙏

© 2026 – Pkg Stats / Ryan Hefner

@synthryn/sypi-netpeek

v0.6.0-beta.20260816.6a00fcae

Published

Optional extension: Capture and inspect Chromium Network traffic or imported HAR files with credential redaction. Use it when browser requests or responses are easier to inspect than copied cURL output. Primary capability: the netpeek tool; live capture n

Readme

sypi-netpeek

Read the browser's Network tab directly. The extension exposes one model tool, netpeek, with five operations selected by op:

  • attach: Connect to a Chromium-based browser's Chrome DevTools Protocol endpoint over ws://localhost:9222. The browser must run with --remote-debugging-port=9222. The operation subscribes to the Network domain and buffers request and response events in extension memory. It detects installed Chromium browsers, including Chrome, Chromium, Edge, Brave, Vivaldi, Arc, and Opera. If no browser answers, it prints the exact launch command for each detected browser and operating system. No browser is hardcoded.
  • list: Return a compact, filterable table (id method status size host path) with about 10 tokens per row. Filter by method, host, path, or status, and cap rows with limit.
  • get <id>: Return the full request and response for one id, including the body. The body is fetched with Network.getResponseBody. Base64 payloads are decoded, and binary bodies are flagged instead of dumped.
  • curl <id>: Return a reproducible cURL command for one request, with credential values redacted.
  • har <file>: Import a DevTools "Export HAR" file and read it with the same list, get, and curl operations. This supports work browsers that block --remote-debugging-port. Export a HAR from the Network panel and pass its path to netpeek. No live connection is needed.

The CDP client is built over an injectable transport seam (cdp.ts) carried over a WebSocket (each WebSocket message is one complete JSON frame, so there is nothing to re-frame). The whole flow (attach, event capture, body fetch, HAR import) is tested against an in-memory fake with no live browser. Zero runtime dependencies: raw WebSocket + JSON, feature-detected so a host without a global WebSocket (pre-Node-22) degrades to a clear "use op:\"har\"" error instead of crashing. It is on-demand and stateless on disk: the capture buffer lives only in memory, capped so a long session stays within the machine's memory ceiling, and nothing is ever written to the repo or ~/.sypi.

Security

Network traffic carries the highest-value secrets on the machine: session cookies, bearer tokens, API keys. Every captured request and response is scrubbed before it enters model context (redact.ts), in two layers:

  1. Name-based stripping: Headers and URL query parameters with credential-shaped names (Cookie, Set-Cookie, Authorization, X-Api-Key, ?access_token=…, and others) have their values replaced with [redacted]. A session cookie can have low entropy, and its header name is not a key=value assignment. A generic secret scanner could miss it.
  2. Value-based masking: Each remaining body, header value, and URL passes through the extension API's maskContent. The deterministic masking preserves shape and catches provider-prefixed tokens and JWTs embedded anywhere.

netpeek imports only @synthryn/sypi-coding-agent/extension-api. It shares redaction primitives with sypi-redact without importing that package. When sypi-redact is installed, its tool_result hook re-scans netpeek output for the session with its entropy and recurrence passes as a third host-level layer. The curl output remains structurally complete and reproducible, but it never contains a live cookie or bearer. Add credentials separately when replaying it.