Skip to content

flowfig 0.3.0

Choose a tag to compare

@iamalvisng iamalvisng released this 30 Sep 05:05
· 276 commits to main since this release

One command from a question to a figure, captions you can read, a box that lights up when the packet arrives, and colors for the outcome.

npx flowfig draw "how does login work"

New

  • flowfig draw "<question>". Runs Claude Code on your repo to draw the figure, then checks it with check --strict and verify. It prints the result, the agent's reply and the cost. Needs Claude Code on the machine.
  • tone on a hop and on a box. green for success, orange for a warning or a miss, red for an error, gray for idle, purple for async. The packet, the edge, the arrowhead and the box take the color.
  • Links to documents. source can point to a Markdown heading, for example docs/sop/refunds.md#step-3-approve-the-refund, so a process figure stays in step with its SOP.

Improvements

  • Readable timing. Each step holds long enough to read its caption. An explicit ms on a step still wins.
  • Arrival look. The box that a packet reaches gets a border, a tint and a glow, then fades. Boxes the step visited keep a light trail.
  • Agents now color the outcome with tone and mark every queue send and unawaited call as async.

Fixes

  • A short hop in a long animation no longer jumps.
  • White text on the orange tone now has enough contrast, and check tests text on every tone.
  • Fixes in the GitHub Action's install step.

Requirements

  • Node 18 or later.
  • React 18 or later, only for the <Flow /> player.
  • flowfig draw needs Claude Code. It does not run on Windows yet.

Upgrade

No breaking change. Figures get the new timing and look the next time you render them.

Full Changelog: v0.2.0...v0.3.0