Request: Import existing config to visualize it

[mathieutu]

Is there an existing issue that is already proposing this?

• I have searched the existing issues

Is your feature request related to a problem? Please describe it

No response

Describe the solution you'd like

For now, if we paste a config in the editor, we can visualize and edit it.

Teachability, documentation, adoption, migration strategy

Nothing fancy. Maybe a button import.

Or even better when doing a change in the editor, reflect it in the chart view.

What is the motivation / use case for changing the behavior?

It could be really cool to present our workflows, or to edit easily when complex CI config.

[adamdmharvey]

@mathieutu This is actually how it already works.

There's a blue button on the interface with an up arrow that looks like so:

If you click that, you can search for a local YAML file to load. If I take the sample CCI config file from their docs (https://circleci.com/docs/sample-config) and save it to a file, click that blue icon, and load it, it looks like so:

I'll agree it's not immediately obvious. I separately had opened enhancement #265 to get tool tips to help call it out further, as well.

I will note, depending on the complexity of your pipeline, I've found some of mine don't load. You can try to load but may not see anything happen. If you open the JavaScript console for your browser, if you see errors, it may be a more advanced feature that isn't supported yet. (there are a few bugs reported for that already, but you may find others, and I'm sure as the project team matures the VCE they'll start to get picked up!)

Does that help?

[KyleTryon]

Thank you @adamdmharvey,
As you mentioned, we will do a better job at making this more obvious. I hope your answer has resolved this question but please let us know if not @mathieutu

[mathieutu]

Indeed as it didn't work with my config, I didn't think it was the way. I'll post you the console error.