The API Preview Form become quite complex to use when there are many endpoints.
I am going to propose a UI upgrade to use a navigation tree instead of vertical tabs
Vertical Tabs replaced with Navigation tree (resembling Postman, Bruno approaches)
| Comment | File | Size | Author |
|---|---|---|---|
| #7 | command-implementation.png | 120.03 KB | aronne |
| #7 | abstract-command.png | 91.86 KB | aronne |
| #7 | 3612388-7.diff | 47.02 KB | aronne |
| #4 | YAML-Example-Services-fake-hierarchy-API-Umami-Food-Magazine-07-23-2026_10_36_AM.png | 303.56 KB | marco.pagliarulo |
Show commandsStart within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
changes
Comments
Comment #3
marco.pagliarulo commentedComment #4
marco.pagliarulo commentedInstead of showing a list of ordered endpoints, a navigation tree is shown, with the addition of a search input that list all the available endpoints filterable by typing the name. Additionally the Method is shown at the side of the endpoint.
This approach is meant to resemble the navigation provided by API Clients like Postman and Bruno
Comment #5
marco.pagliarulo commentedComment #6
marco.pagliarulo commentedComment #7
aronne commentedCiao Marco,
thank you for your great work, I've appreciated it a lot. This improvement is something I wanted to deal with since a long time but I've never had the time to work on it. I've used your implementation as a starting point to build something a little more polished and clear and you can find my implementation in the attached patch.
As you can see from the attached images there's a counter showing the number of http config requests available for each command; you can also see when a command exstends another command and if a command is an abstract one (a command without http method).
The hierarchy structure you proposed is very nice and I think it's a great improvement. Thank you again for your contribution.
Comment #11
aronne commented