Ballerina is a visual language based on sequence diagram metaphor designed specifically for integration. Ballerina composer provides a flexible and powerful editor that allows you to visually design/write ballerina programs. The composer also comes with a unique set of tools that will help you to develop and debug your integration. This slide deck discusses how to use Ballerina composer.

1. Architect/Associate Director, WSO2
An Overview of Ballerina Composer
Joseph Fonseka

2. Ballerina is a textual and a graphical
language.
2

3. Why graphical ?
3

4. Java

5. Ballerina
function main(string[] args) {
endpoint<http:HttpClient > UserAPI {
create http:HttpClient("http://londoni.com/users",{});
}
endpoint<http:HttpClient > EmployeeAPI {
create ttp:HttpClient("http://londoni.com/employe",{});
}
http:Response person;
http:Request employee;
person,_ = UserAPI.get(args[0], {});
employee.setStringPayload(person.getStringPayload());
_,_ = EmployeeAPI.post(args[1], employee);
}

6. Ballerina Visually

7. Graphical Syntax
7

8. Function

9. Statement

10. Block Statement

11. Workers

12. Worker Messaging

13. Endpoint

14. Service

15. Struct

16. Composer is a tool to edit
Ballerina programs graphically and
textually
16

17. • Comes with Ballerina tools distribution
• Run composer with the following command
– <ballerina_home>/bin/composer
• Access http://localhost:9091 in your browser
How to Install ?

18. •
Composer

19. Components

20. Graphical Editor

21. • Constructs
– Services & Main
– Top Level constructs
– Statements
• Current Package
• Connectors
• Library
Tool Palette

22. Textual Editor

23. Split View

24. Swagger Editor ( API Design )

25. Transformer

26. • Language Server Protocol implementation for
Ballerina.
– https://langserver.org/
Ballerina Language Server

27. • Code completion
– In scope variables
– Functions
– Connectors & Actions
– Keywords
• Code snippet support
Language Server Features

28. Launcher

29. Try It

30. Debugger

31. Ballerina Composer on Cloud
31

32. Composer on Cloud

33. • Complete the Language server to work with other
clients. ( ie. VSCode, Eclipse )
• Built in tools for special integration scenarios ( ie.
Data Integration )
• Ship with electron and will work as a desktop editor.
Future

34. • GitHub
– https://github.com/ballerinalang/composer
• More Info
– https://ballerinalang.org/
• Technologies.
Contribute
ReactJS
Images from https://en.wikipedia.org

35. wso2.com
35