An open API service indexing awesome lists of open source software.

https://github.com/eclipsesource/jsonforms-editor

Visual Editor for JSON Schema and JSON Forms Ui Schema
https://github.com/eclipsesource/jsonforms-editor

Last synced: over 1 year ago
JSON representation

Visual Editor for JSON Schema and JSON Forms Ui Schema

Awesome Lists containing this project

README

          

# jsonforms-editor

Editor for JSON Schema and JSON Forms Ui Schema

[![Build Status](https://travis-ci.com/eclipsesource/jsonforms-editor.svg?branch=master)](https://travis-ci.com/eclipsesource/jsonforms-editor) [![Netlify Status](https://api.netlify.com/api/v1/badges/2c2a42d3-77fb-4cd8-aca1-4cfa6c9a4a03/deploy-status)](https://app.netlify.com/sites/jsonforms-editor/deploys)

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

## Live Demo

You can try a [live demo of the editor](https://jsonforms-editor.netlify.app/) on Netlify.

## Setup

- `npm ci`
- `npm run init`

## Build

- `npm run build`

The `@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 >= 12
- Visual Studio Code
- Install recommended extensions

Linting, formatting and import sorting should work automatically.

### Scripts

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

### Debugging in VS Code

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