Opinionated VS Code extension for designing Operaton and Camunda
form-js form definitions, with an embedded visual playground editor.
⚠️ AI-Generated Code Notice
This project is developed primarily using AI coding agents (Claude, GitHub Copilot, etc.).
Review AI-generated code carefully before relying on it in production.
Features
Visual form editor with drag-and-drop
Form definition and preview side-by-side
Properties panel for field configuration
Form input/output data preview
Resizable editor panels
Synchronized JSON edit mode - Toggle between visual and text editor with live sync
Edit .form files as JSON with full syntax highlighting
Changes sync automatically between visual and text editors
Use Command Palette: "Form-JS Modeler: Toggle Text Editor"
Development
Prerequisites
This project uses devenv for development environment management.
# Enter the development environment
devenv shell
# Install dependencies
make install
# Build
make build
# Watch for changes (in separate terminals)
make watch-extension
make watch-webview
# Package as .vsix
make package
Debug
Press F5 in VS Code to launch the Extension Development Host.
Releases
VSIX packages are built automatically by GitLab CI on version tags (e.g. v1.2.3) and
attached to the corresponding GitLab release. Download the .vsix from the release page
and install it with:
