Visualize and refactor Jolie projects directly in vscode.

• It is required that Jolie, version 1.11.0-git, is set up correctly. Look here for further explanation on how to set up Jolie correctly.

• A JSON configuration file is used for getting information about the top-level services and networks. See the section on how to set up the architecture file.

Run the command Jolie: Initialize Architecture File and a standard skeleton JSON file will be created. Change the file field to the Jolie file which contains the service you want to visualize. Change the target field to the name of the service, or remove it if only one service exists in the file. Add more services if needed, and see the section about the structure of the architecture file for more features.

When a valid architecture file has been created, run the command: Jolie: Visualize to bring up the UI:

From the UI, you can change the architecture of the project. The code gets updated after any changes.

Possible refactors at the moment include:

• Changing the location of ports
• Changing the protocol of ports
• Embedding and disembedding services
• Move service to other networks
• Creating input and output ports
• Select some services and add an Aggregator service in front of them.

Build the project using the command: Jolie: Docker-Compose and a folder will be created containing each service, and its dependencies, with a corresponding Dockerfile. A docker-compose.yml file will also be created.

• jolievisualize.buildFolder: Relative path to where the project should build to. The default is ./build.
• jolievisualize.buildMethod: Deployment method to use for the build. Only docker-compose is supported at the moment.
• jolievisualize.architectureFile: Standard architecture file to get the top-level service information from. The default is ./architecture.jolie.json.

Skeleton architecture file.

[
    [
        {"file":"svc.ol", "target":"name", "instances":1}
    ]
]

Skeleton top-level service.

{"file":"svc.ol", "target":"name", "instances":1}

Skeleton top-level Docker service.

{"name":"svc", "image":"image", "instances": 1, "ports":["3000:3000"]}

The file contains an array of arrays of services. Each array in the enveloping array represents a network.

Example:

[
    [
        {...}, {...}
    ],
    [
        {...}
    ]
]

This means that there are two networks where the first contains two services and the second contains one service.

Here is a table of possible fields for a service:

• Renaming ports and service does not work without a working Jolie LSP

Initial release