nyeongna/datacontract-editor

Edit your data contract in the Data Contract Editor

Data Contract Editor

The Data Contract Editor is like VS Code, but for data contracts. It's enterprise-friendly as it stores your data contracts in your browser.

Features

• ✅ Syntax highlighting
• ✅ Code completion
• ✅ Error checking
• ✅ Privacy-friendly (no data leaves your browser)
• ✅ Live HTML preview
• ✅ Share data contracts via URLs

Try it out at editor.datacontract.com.

Development Setup

# run locally
npm install
npm run dev

# build for production
npm install
npm run build
cp public/templates.js dist/templates.js
# deploy dist folder

How to update the templates

Templates are taken from the Data Contract CLI. To update the templates, do the following:

1. Copy the templates from /datacontract-cli/datacontract/templates to public: cp -r ../datacontract-cli/datacontract/templates public
2. remove .items() everywhere (in all templates)
3. replace "True" with "true", replace "False" with "false"
4. Fix datacontract.html so that it does not contain all the wrapper stuff around it
5. npm run precompile

License

MIT

Credits

Created by Dr. Simon Harrer and Jochen Christ.

Supported by INNOQ.