I went through some code and it looks a bit complex.
I was wondering if anybody has rolled out their own or if there is a simple code example out there.
I need to integrate JSON forms into the legacy web application so that JSONForms schema/uischema can control the behavior of the legacy app in terms of display, setting required field based on values etc.
we don’t really offer a “Standalone” JSON Forms lib which you can simply consume via a <script/>. If you need something like this, then you either need to build it yourself or use the linked jsonforms-angular-webcomponent. You can find an example of its usage here.
The same should be possible with the Angular or Vue bindings if you prefer.
If you don’t want to employ any of these frameworks you would need to create “VanillaJS” bindings and a “VanillaJS” renderer set completely from scratch without the comfort of any of these UI libraries, i.e. you need your own state management and DOM update mechanisms.
For starters I would like to recommend our architecture overview and checking out our various seeds. We have a simple Vue seed which you can find here and a much more elaborate example Vue application as part of the Vuetify renderers repository. Studying the seed and/or the example app should be sufficient to get you up to using JSON Forms.
That seed Vue project is written in typescript. I think I know where my confusion is. This is meant to be used with Node as your backend. Thats why I keep seeing “@jsonforms/core”. I use asp.net core for my backend. Do you or any site have a compiled jsonforms.js file that I can reference in a script tag?
We don’t provide an up to date bundled version of JSON Forms out of the box, see this previous discussion for more pointers.
We have an older build available which bundles the Angular and Angular Material renderers into one webcomponent which you could use out of the box. Here we did use it. However at this point I would only recommend this as a POC.