| = Serverless Workflow editor |
| :compat-mode!: |
| // Metadata: |
| :description: {product_name} editor |
| :keywords: kogito, workflow, serverless, editor |
| |
| You can use the Serverless Workflow editor to edit the link:{spec_website_url}[CNCF Serverless Workflow specification] files in the code editor and view the workflow diagram in the diagram visualizer. When you make changes to the specification files in the editor, you see the workflow diagram is updated with the new changes. |
| |
| .Serverless Workflow editor |
| image::tooling/serverless-workflow-editor/swf-editor-example.png[] |
| |
| [[ref-sw-editor-features]] |
| == Features in Serverless Workflow editor |
| |
| The Serverless Workflow editor contains the following main features: |
| |
| * Reload diagram dynamically: In the Serverless Workflow editor, when you make a change in the code editor, the workflow diagram updates automatically. |
| * SVG generation: In the Serverless Workflow editor, you can save a workflow diagram as `.svg` file in the workspace. |
| * Auto-completion based on the context: The Serverless Workflow editor contains the capability of auto-completing the code based on the context. |
| * Validation: The Serverless Workflow editor performs validation on the workflow files and provides an error-free experience. |
| + |
| [NOTE] |
| ==== |
| The editor performs validation using JSON schema for the workflow file structure but not for the values, and auto-completion works with JSON but not with YAML. |
| ==== |
| |
| The following extensions are provided that you can use to design the workflow files: |
| |
| * xref:tooling/serverless-workflow-editor/swf-editor-vscode-extension.adoc[VS Code extension] |
| * xref:tooling/serverless-workflow-editor/swf-editor-chrome-extension.adoc[Chrome GitHub extension] |
| |
| You can try designing also online in your browser, see more information at xref:tooling/serverless-logic-web-tools/serverless-logic-web-tools-overview.adoc[{serverless_logic_web_tools_name}]. |
| |
| |
| == Additional resources |
| |
| * xref:core/cncf-serverless-workflow-specification-support.adoc[CNCF Serverless Workflow specification] |
| |
| include::../../../pages/_common-content/report-issue.adoc[] |
| |
| |
