1. Visualizing a URL-matching regex
Backend DeveloperBackground
A developer needs to document a complex URL routing regex pattern for an API gateway to ensure team members understand the path parameters.
Problem
The regex pattern is difficult to read and explain in plain text.
How to use
Input the URL pattern into the Regular Expression field and set the flags to i.
Pattern: ^(https?)://([^/:]+)(:\d+)?(/.*)?$
Flags: iOutcome
An SVG diagram is generated showing clear branches for optional protocols, hostnames, ports, and paths, alongside a list of the four numbered capture groups.