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

@gakwaya/app-agent-state-manager

v1.3.2

Published

App state integration and tracking for App-Agent

Downloads

1,367

Readme

@gakwaya/app-agent-state-manager

State management integration for App-Agent - tracks application state changes and maintains history.

Features

  • State Tracking: Automatic state change detection
  • Change Detection: Diff algorithm for state comparison
  • Significance Scoring: Classifies changes as minor/moderate/major
  • History Management: Compresses and maintains state history
  • Event System: Listeners for state changes
  • Debouncing: Configurable threshold for change detection

Usage

import { StateManager } from '@gakwaya/app-agent-state-manager';

const stateManager = new StateManager({
  getAppState: async () => ({
    currentView: 'shop',
    user: { id: '123', role: 'customer', isAuthenticated: true },
    context: { cartItems: [] },
    timestamp: Date.now(),
  }),
  stateChangeThreshold: 1000,
  historyLimit: 100,
  onStateChange: (diff, newState, oldState) => {
    console.log('State changed:', diff.changeType);
    console.log('Changes:', diff.changes);
  },
});

// Start automatic tracking
stateManager.startTracking(1000);

// Manual state check
const currentState = await stateManager.getCurrentState();

// Compare two states
const diff = stateManager.getStateDiff(oldState, newState);
console.log(stateManager.formatStateDiff(diff));

// Listen to changes
stateManager.addListener((diff, newState, oldState) => {
  console.log('Significant change:', diff.changeType);
});

// Get history
const history = stateManager.getHistory();

// Compress history to save space
stateManager.compressHistory();

// Clean up
stateManager.dispose();

API

StateManager

Constructor

new StateManager(config: StateManagerConfig)

StateManagerConfig:

  • getAppState: Callback to get current application state
  • stateChangeThreshold: Time threshold for debouncing (default: 1000ms)
  • historyLimit: Maximum history entries (default: 100)
  • onStateChange: Callback when significant change detected

Methods

getCurrentState(): Promise

  • Get current application state

startTracking(intervalMs?): void

  • Start automatic state change tracking
  • Interval: Check interval in ms (default: 1000)

stopTracking(): void

  • Stop automatic tracking

getStateDiff(oldState, newState): StateDiff

  • Calculate difference between two states

isStateSignificant(diff): boolean

  • Check if change is significant (moderate or major)

formatStateDiff(diff): string

  • Format state diff for display

getHistory(): StateHistory

  • Get compressed state history

compressHistory(): StateHistory

  • Compress history by merging similar entries

addListener(listener): void

  • Add state change listener

removeListener(listener): void

  • Remove state change listener

clearHistory(): void

  • Clear all history

dispose(): void

  • Clean up resources

State Types

StateDiff

interface StateDiff {
  hasChanges: boolean;
  changes: FieldChange[];
  changeType: 'none' | 'minor' | 'moderate' | 'major';
}

FieldChange

interface FieldChange {
  path: string; // e.g., 'user.id', 'currentView'
  oldValue: unknown;
  newValue: unknown;
  type: 'added' | 'removed' | 'updated';
}

Change Significance

Changes are classified as:

  • None: No changes detected
  • Minor: Small changes in context or timestamp
  • Moderate: View changes or user attribute updates (3+ fields)
  • Major: User identity, role, or authentication changes

History Compression

The state manager automatically compresses history by:

  • Merging similar consecutive states
  • Limiting total entries (configurable)
  • Storing only significant changes

License

MIT