GitHub - data-driven-forms/editor: WIP - Drag'n'Drop Editor for Data Driven Forms!

⚠️ THIS IS WIP REPOSITORY! ⚠️

Drag and Drop editor for building Data Driven Forms.

Packages

dnd

Drag and Drop system powering the editor.

  • Touch support
  • Nesting support
  • Supporting any kind of storage (useReducer, redux, etc.)
  • Custom "backend" => everything is controlled in JS and React

Roadmap

  • keyboard support

editor-core

A set of utilities for building Data Driven Forms editors. Using these components and hooks you can easily build and customize your own editor in short time.

editor-pro

An implementation of editor using editor-core utilities. Using Evergreen-ui to look neutral when using with other mappers.

  • Supports all mappers

evergreen-component-mapper

Set of basic components to power editor-pro properties editor. See more.

Available Scripts

In the project directory, you can run:

npm install

to install dependencies

npm bootstrap

to bootstrap packages (to link them)

npm run test

to run JEST test

npm run build

to build all packages

npm run clean-build

removes built folders (runs automatically before install)

npm run lint

to check linting rules (use npm run lint:fix to fix basic issues)

npm run integration:tests

to run integration test for the editor-pro


In each package directory you can run:

npm run start

to run a local playground

Release

Data Driven Forms editor follows semantic release to trigger new versions automatically.

You can use: fix(...): ..., feat(...): ... commit messages to release new packages.

Packages are handled seperately.