Code Monkey home page Code Monkey logo

plugin-vscode-compiler-toolkit's Introduction

The Ballerina Compiler Toolkit for Visual Studio Code

This toolkit introduces the capability to investigate and delve in to the syntax trees of Ballerina code and to retrieve the syntax API calls that are required to create a particular piece of Ballerina code. However, this extension only provides additional capabilities to support Ballerina developers. In order to experience language intelligence and other core features, install the Ballerina extension. Checkout the Visual Studio Marketplace for further details.


Quick Start

Setting up the Prerequisites

Before getting started, make sure you have installed the Visual Studio Code editor.

Installing the Ballerina Compiler Toolkit Extension

Follow the steps below to install the Ballerina Compiler Toolkit extension.

  1. Download and install Ballerina.
  2. Install the Ballerina Extension.

Tip: Alternatively, click Ctrl + P or (Cmd + P in macOS) to launch the VS Code Quick Open screen, and enter ext install WSO2.ballerina to install the Ballerina VS Code Extension.

  1. Install the Ballerina Compiler Toolkit Extension from the VSCode marketplace.

Tip: Similarly, you can launch the VS Code Quick Open screen, and enter ext install ballerina.ballerinacompilertoolkit to install the Compiler Toolkit Extension.

  1. Open a Ballerina .bal file to activate the extension.

Capabilities

1. Ballerina Syntax Tree Visualizer

The Ballerina Compiler Toolkit includes the capabilities to generate the syntax tree for a given Ballerina source code, using which developers can retrieve a simplified representation of their code blocks for convenient analysis.

The capabilities of the visualizer are in 3 main forms.

  • Generate the complete syntax tree of a Ballerina source file
  • Generate the subtree of the syntax tree for a particular block of code
  • Locate a code segment on the complete syntax tree
Representations

The syntax tree visualizer has two types of representations: graphical and dropdown.




Basic Usage

The command for the full syntax tree retrieval can be found on the Command Palette.

Tip: The command palette can be viewed via Ctrl + Shift + P or (Cmd + Shift + P in macOS).



The sub syntax tree retrieval and locate code options can be found as Code Actions.


Features

The syntax trees rendered through the visualizer have muliple features available in both the graphical and dropdown representations.

* View node details



* Track syntax diagnostics



* Locate the tree node on the text editor



* Switch to full tree mode from sub syntax trees and locate trees


2. Syntax API Quoter

The Ballerina syntax API quoter lists the API calls required to create the syntax tree for a given Ballerina source code. Hence, its capabilities can be leveraged by any developer who uses the Ballerina syntax API to create source code elements.

Basic Usage

The command for the syntax API quoter can be found on the Command Palette as well. Executing this command will copy the list of syntax API calls that are required by the Ballerina source code, to the clipboard.


Ask for Help

Create Github issues to reach out to us.

plugin-vscode-compiler-toolkit's People

Contributors

anupama-pathirage avatar kdsuneraavinash avatar keizer619 avatar maheshika avatar malinthar avatar mohanvive avatar nadeeshaan avatar sumayyaziyad avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

plugin-vscode-compiler-toolkit's Issues

Saving the diagrams created

Description:
As a user I would like to download or export all of the diagrams created with the IDE Plugin.
For example, download the sequence diagram to include in some PowerPoint rather than taking a small screenshot of the diagram.

Describe your problem(s)
n/a -> A new feature

Describe your solution(s)
Adding some environment flag or UI button enables a separate process to download the virtual documents as HTML files.

This shouldn't address creating diagrams in multiple formats.
The user should be able to print as pdf or use pandoc to convert to different formats.

Enable disabled syntaxApiCalls tests

Description:
$subject

Enable these tests once slp5 is published

Suggested Labels:

Suggested Assignees:

Affected Product Version:

OS, DB, other environment details and versions:

Steps to reproduce:

Related Issues:

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.