Git Product home page Git Product logo

camel-designer's Introduction

Apache Camel Visual Designer

Implement Apache Camel integrations using a visual designer (powered by A-Frame). The visual tool synchronises the text editor on-the-fly generating XML source code containing the CamelContext definition translated from the graphical flows.

EARLY PROTOTYPE:
Please bear in mind this VSCode extension is in 'early-prototype' phase and is yet not functional. It helps playing with ideas on how the initiative can progress.

Overview

Feature highlights

  • Easy visual design of processing flows
  • Organise activities and groups with drag & drop
  • Configure inputs with drag & drop mapping actions.
  • REST definitions
  • Click in the text editor to:
    • switch between routes
    • select activities to configure
  • Camera controls to move and Zoom in/out
  • Predefined EIPs (e.g. Choice / Split / Aggregator)
  • DataFormat definitions
  • Error handling with Try/Catch/Finally statements
  • Open Camel XML files and render visually.
  • Trace live Camel Exchanges
  • Extend Camel Designer with new custom consumers/producers
  • Support for Spring-XML/Blueprint-XML/Camel-K/Camel-2/Camel-3

Using the extension

To start using the extension and generate your Camel definitions:

  1. In VS Code, create a new workspace.
  2. From the menu, select File > New File
  3. To activate the designer view button, change the file language to XML, by either:
    • clicking on the language in the status bar (bottom right corner)
    • pressing the keys (Mac) โŒ˜+K then M, (Windows) Ctrl+K then M
  4. The preview button will appear (top right), click on it as shown in the extension animation above.
  5. The Designer view will load, you can now model you Camel definitions.

How-To guide

To get more familiar with the available functionality, check the HOW-TO guide which includes step by step details and helpful animations.

Known Issues

  • Code synchronisation between editor and designer is to be completed. Changes on designer will reflect on the editor but changes in the editor will not reflect on the designer view.
  • add/delete activities mid-flow not always possible, review needed.
  • Only limited Camel blocks are supported, more will be implemented. For now, unsupported blocks will show red and a question mark.


Release Notes

Check release details in the CHANGELOG.md file.


camel-designer's People

Contributors

brunonetid avatar dependabot[bot] avatar apupier avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.