search

KaotoIO / kaoto-ui

Frontend for the Kaoto project to provide an easy-to-use integration framework based on Apache Camel.
https://www.kaoto.io
Apache License 2.0
89 stars 44 forks source link

Highlight corresponding source code when step is selected, and the other way around #1431

Open igarashitm opened 1 year ago

igarashitm commented 1 year ago

Please describe the feature that you want to propose

When a step is selected in the canvas, highlight the corresponding lines in the source code editor. It doesn't have to be automatic, but could be a context menu highlight source code or something.

Also when the code range is selected, highlight corresponding step(s).

Screenshot from 2023-03-09 09-28-57

kahboom commented 1 year ago

This would be really cool, but unfortunately only possible if we decide to start parsing the YAML. That was something we didn't want to do from the beginning, maybe @Delawen can also shed some light here as it relates to multi-DSL.

igarashitm commented 1 year ago

Yes, this would need several big jumps, parsing YAML would be monaco-editor + LSP and more tight integration with source code editor, and then UI would need to be highly pluggable (visualization/canvas extension?), if we want to stay DSL agnostic on ui core code.