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

@fiberplane/agents

v0.5.3

Published

A toolkit for introspecting and debugging agents built with Cloudflare's Agents SDK.

Readme

@fiberplane/agents

A toolkit for introspecting and debugging agents built with Cloudflare's Agents SDK.

agents-playground-preview

Overview

@fiberplane/agents provides debugging and introspection capabilities for agents built with Cloudflare's Agents SDK. It allows you to monitor agent state, track messages, and view instance information in real-time.

Installation

npm install @fiberplane/agents
# or
yarn add @fiberplane/agents
# or
pnpm add @fiberplane/agents

Usage

1. Wrap your worker's fetch entrypoint

Use the fiberplane wrapper for your worker's fetch entrypoint:

import { fiberplane } from "@fiberplane/agents";

export default {
  fetch: fiberplane(
    async (request: Request, env: Env, ctx: ExecutionContext) => {
      // Your existing worker logic...
      return await routeAgentRequest(request, env) || 
        new Response("Not found", { status: 404 });
    }
  ),
};

2. Use the withInstrumentation

Add the withInstrumentation mixin to any agent class you want to introspect:

import { withInstrumentation } from "@fiberplane/agents";
import { Agent } from "agents";

class SpecialAgent extends Agent<MyEnv, MyState> {
  // Your agent implementation...
}

const MySpecialAgent = withInstrumentation(SpecialAgent)

2b. Bonus step: gain visibility into your LLM calls

When you use Cloudflare's AI Gateway you can gain visibility into the most recent calls by adding an CLOUDFLARE_API_TOKEN and CLOUDFLARE_ACCOUNT_ID to your .dev.vars file. The API token only needs AI Gateway:Read permissions. See the Cloudflare documentation around Create API Token

3. Access the Agents playground in your browser by appending /fp to your worker's URL

Features

  • State Introspection: Monitor the internal state of your agents
  • Message Tracking: View incoming and outgoing messages between agents
  • Instance Monitoring: Track each instance of your agents
  • Database Inspection: View the state of underlying SQLite database used by the agent
  • AI Gateway Inspection: Gain visibility into the calls that go through Cloudflare's AI Gateway

Current Status

This package is in early development and is considered a work in progress. APIs may change in future releases. Also, please do not use this package in production yet.

Publishing a New Version

This package uses the changeset workflow for versioning:

  1. Run pnpm build:agents from the root of the monorepo
  2. Run pnpm changeset from the root of the monorepo
  3. Select major/minor/patch version increment
  4. Add a summary of changes
  5. Run pnpm changeset version when happy with the change description
  6. Commit changelog changes
  7. Run pnpm -F @fiberplane/agents publish

License

MIT/Apache-2.0