[Workflow] Add a profiler

[lyrixx]

Q	A
Branch?	6.4
Bug fix?	no
New feature?	yes
Deprecations?	no
Tickets
License	MIT
Doc PR

---

With this project lyrixx/SFLive-Paris2016-Workflow

workflow.webm

[lyrixx]

I'm totally a bad UI designer, so I found this on the web, and I adapted it a bit.
Feel free to replace it with something better

cc @jonathanlevaillant

[stof]

This panel does not collect any info related to the request. It only collect info about the configuration of the project, which will be the same for all requests. In the past, we removed some panels like that.

[lyrixx]

I thought about doing everything at runtime (I mean without all the collector stuff). But I changed my mind because the workflow can evolve between 2 requests. And we collect already some information about listener, doctrine entities. API-P does the same with the resources, and so on

And this panel is really useful. I'm working on a new projet, with a huge workflow, and it helped me a lot to build the configuration.

And I plan to add more information to it, like the list of all event listeners. This features has been requested in #50976

So I would be very happy to get this merged, it'll be a game changer for everyone using the workflow component

[fabpot]

We already one such panel: "configuration"

[lyrixx]

Note: In future version, this panal will also display more things

• The current marking of the subject (if a call has been made to the workflow obliviously)
• Current content of TransitionBlockerList
• Perf metrics about all listeners

---

So it could not fit in the configuration panel

It will be something like the security panel : some configuration + some request related content

[94noni]

i also find it useful even if not linked to request/response flow
reminds me #39114

[fabpot]

Thank you @lyrixx.

[andreybolonin]

@lyrixx I used your WorkflowExtension to dump Workflow builded on the fly (in Controller), but I see some blocks is rendered on grey background

How you fixed this?

I used the same code on frontend (mermaid.js and the same ver of bootstrap.min.css)

[lyrixx]

I'm not sure to understand your issue. Could could open a github discussion to talk about that? Thanks