JSON Forms Editor

This project is a maintained fork of https://github.com/eclipsesource/jsonforms-editor intended to continue its development.

Editor for JSON Schema and JSON Forms Ui Schema

This is a monorepo consisting of the @chobantonov/jsonforms-editor library component and the published JSON Forms editor app.

Live Demo

You can try a live demo of the editor.

Initial setup

• Install dependencies: pnpm i --frozen-lockfile

Build

• pnpm run build

The @chobantonov/jsonforms-editor library component will be located in jsonforms-editor/dist. The JSON Forms editor app will be located in app/build.

Develop

Recommended setup

• Node >= 22
• Visual Studio Code
• Install recommended extensions

Linting, formatting and import sorting should work automatically.

Scripts

• Build and watch jsonforms-editor library with pnpm run watch
• Start the app with pnpm start
• Run unit tests with pnpm run test
• Run UI tests with pnpm run cypress:open

Debugging in VS Code

Start the app by running pnpm start and start debugging in VS Code by pressing F5 or by clicking the green debug icon (launch config Chrome Debug).