amvcp-regex-vis

What problem does it solve?

It solves the difficulty of understanding, debugging, and iterating on JavaScript regular expressions by turning regex text into an interactive visual editor that reports both the original and the edited pattern plus its AST.

Core Features & Use Cases

• Interactive regex visualization: Render a JS regex as a node/tree structure so the user can see how the pattern is composed.
• In-browser editing with undo/redo: Edit the pattern through the visual UI with shift+click extension and Cmd-Z / Cmd-Shift-Z undo/redo.
• Structured edit results for the agent: Submit returns the original and edited regex strings and the full AST.Regex so the agent can explain and compare changes.
• Multi-mount support on a single page: Multiple .ve-regex wrappers can coexist independently without AST-state collisions.

Quick Start

Ask the agent: "Visualize this regex ^([a-z]+)@([a-z]+)\\.com$ and help me edit it to also match org and net domains."