Hello everybody,

in the last few days, I have been working on a GUI for camel-k, for a few 
reasons: 
- I know nothing about Camel, so this seemed a good way to test the water
- Nicola asked me if I could do it :D

The main, and only, goal was to edit a custom resource and save it. Since to do 
that I had to figure out how to talk with the server, I added also a custom 
resource definitions "explorer" (it's just a list of CRDs really...).

This is as POC as it gets, so don't expect to find it particularly useful (well 
the editing part works, so I guess it's useful if you need that!).

I'd like to know what you guys think about this and if it can be useful for the 
project.

The code's here https://github.com/riccardo-forina/camel-k-ui and you can see a 
demo here https://drive.google.com/open?id=1OzDPGdAEtU8PajZxJY5HKXQ1OyrH6s79

About the technical details, it's a React app bootstrapped with 
create-react-app (the typescript version) and with 2 external dependencies:
- react-patternfly (version 3)
- monaco-editor, which is the editor component used by Visual Studio Code

If you want to test it out locally, the process is:
$ yarn
$ yarn start
$ point a browser to http://localhost:3000

You then need to add a new OAuth client to the server. In the README.md there 
is a copy-pastable snippet to create one, already set up to work with the app 
running locally on the default port.

Cheers,
Riccardo

Reply via email to