Editor Features

Editor features

typescript.java uses the JSDT Editor to support TypeScript, JSX, (and JavaScript with Salsa) by consumming tsserver coming from TypeScript bundle.

Completion

Here a demo with TypeScript completion:

Hover

Hyperlink

Code Folding

TypeScript editor content can be folded. For having good performance, the folding strategy doesn't use the TypeScript AST (to fold function, etc) but fold the code according the indentation (like VSCode):

Formatting

You can format your TypeScript code with Ctrl+Shift+F or use the menu Source/Format. The formatting behaviour is done by calling format command of the tsserver. If you find a bug, with formatting, please check with VSCode if it has the same problem.

Mark Occurrences

When you select a variable, method, type, etc, TypeScript editor is able to mark occurrences:

Please note that mark occurrences is done asynchronously in order to avoid freezing Eclipse. It means that with a big project, the mark occurrences doesn't work as long as tsserver is not initialized.

Find References

You can find references (for a method, property, etc) in project with Ctrl+Shift+G or use the menu References/Project

Please note that today it exists a bug when tsserver is not started, search returns none result. Please do Ctrl+Shift+G several times by waiting fix for issue 46.

Outline

Outline View

Standard Outline is filled with TypeScript elements:

Please note that this outline is filled asynchronously to avoid freezing Eclipse. For large project, this outline can takes time.

Quick Outline

You can search quickly classes, methods, etc with the Quick Outline available with with Ctrl+O or use the menu Navigate/Quick Outline.

Please note that this quick outline share the same TypeScript elements than Outline. It is filled when Outline is filled.

Validation

Properties

typescript.java provides a WTP TypeScript Validator:

As you type

By default you can see TypeScript, JavaScript errors when you are typing :

Problem view

If you need to display errors in the problem view:

you can do that with:

• at hand with Validate contextual menu:

• when you save your file by activating Validation Builder

Please note that those features are a part of WTP. If you need improvement, please post your issue to eclipse WTP bugzilla.