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

giraflow-cli

v0.2.2

Published

Giraflow CLI – analyze and visualize Information Flow models in the terminal

Readme

Giraflow CLI

CLI tool for visualizing and analyzing Information Flow models (.giraflow.json).

Installation

npm install -g giraflow-cli

Usage

Visualize an existing model

giraflow-cli <file> [options]

Options

| Option | Description | |--------|-------------| | -v, --view <mode> | timeline, slice, or table | | -e, --example | Show example data | | -s, --schema <path> | Validate against JSON schema | | --validate | Validate against bundled schema | | -o, --output <file> | Export to file |

Examples

# Interactive mode (prompts for view)
giraflow-cli model.giraflow.json

# Slice view with scenarios
giraflow-cli model.giraflow.json -v slice

# Timeline with example data
giraflow-cli model.giraflow.json -v timeline -e

# Table view for documentation
giraflow-cli model.giraflow.json -v table

Create a new model

giraflow-cli create [output-file]

Starts an interactive wizard that guides you through building a .giraflow.json model step by step.

Workflow

  1. Model metadata — Name (required) and description (optional)
  2. Element loop — Repeat until done:
    • Choose element type: Event, State View, Actor, or Command

    • Enter a name

    • Fill in type-specific fields (all optional, press Enter to skip):

      | Type | Optional fields | |------|----------------| | Event | producedBy (command name), externalSource | | State View | sourcedFrom (comma-separated event names) | | Actor | readsView (defaults to last state), sendsCommand | | Command | — |

    • Add example data (choose one):

      • None — skip
      • Free text — stored as a string value
      • Key-Value pairs — interactive loop, stored as a JSON object
    • Confirm whether to add another element

  3. Save — writes the model as JSON with 2-space indentation

Examples

# Specify output file directly
giraflow-cli create my-model.giraflow.json

# Let the wizard ask for the filename (defaults to <name>.giraflow.json)
giraflow-cli create

Views

Timeline

Chronological flow with symbols (●Event ◆State ▶Command ○Actor). Use -e to include example data.

Timeline View

With example data (-e):

Timeline View with Data

Slice

Detailed panels with JSON examples and Given-When-Then scenarios.

Slice View

Table

Tabular overview per element type with data flow tree.

Table View

See Also

giraflow — Live preview server with hot reload for viewing models in the browser.

Links