VS Code Babelfish Extension

A personal project to visualize Babelfish Universal Abstract Syntax Trees (UAST) from Visual Studio Code using the webview API.

Requirements

Requires bblfshd and bblfsh JSON proxy. Both can be run downloading this project's docker-compose.yml and running:

docker-compose up

Install

The extension is published in the VS Code Marketplace. You can search for babelfish from the VS Code Extensions view and install it from your editor.

Now you can run the command Bblfsh: Parse UAST from the Command Palette.

Development

Run following commands in the terminal

yarn install
yarn build

Then in VS Code start debugging (F5), and in the Extension Development Host session, run Bblfsh: Parse UAST from the command palette. Right now you can only run production bits (yarn build) in the webview. For every change you will need to build and restart debugging.

To package locally, install vsce and run:

vsce package --yarn --baseContentUrl https://github.com/carlosms/vscode-babelfish/blob/master/ --baseImagesUrl https://github.com/carlosms/vscode-babelfish/raw/master

To install this extension manually, follow the official instructions:

• Build locally or download the latest .vsix file from the releases page.
• Run the Extensions: Install from VSIX command in the VS Code Command Palette, and open the downloaded file.

Based on these projects:

• https://github.com/rebornix/vscode-webview-react
• https://github.com/bblfsh/uast-viewer