Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>effect-decorateNew to Visual Studio Code? Get it now.
effect-decorate

effect-decorate

Dear Human Dev

|
1 install
| (0) | Free
Decorates Effect-ts code with ligature-like symbols to improve readability.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

effect-decorate

effect-decorate is a VSCode extension aiming at improving the quality of life of developers authoring effect-ts code in VSCode.

It does so by providing a series of text decorations that enhance the readability of code.

Get in touch!

This project is still in its infancy! If you have any suggestions, feedback (including very negative one, it's welcome) or just want to share your pain points or quality-of-life improvements you'd like when authoring effect code please open a PR and I'll try to find a solution or implementation.

Features

Decorative only - does not change the code

The decorations do not change the underlying text in the editor, they only apply to the code that is not currently selected (there is no cursor or selection at the position of the decoration).

Namespace collapsing

From: Foo.Foo to: Foo

Given common effect-ts patterns such as Effect.Effect, Schema.Schema, Layer.Layer hides the Namespace. part.

yield* collapsing

Yield collapsing feature

From: yield* yieldable to yieldable.

Hides the yield* in yield* yieldable.

Note: this should ALWAYS be used in combination with a yieldable decoration.

yieldable decoration

From: yield* yieldable to: yieldable.

Visually enhances the yieldable part of a yield* expression such as yield* someEffectto**someEffect**.

Customizable

The decorations can be enabled/disabled one by one in the panel settings. Use only what you want!

Performance impact

Roadmap

Note: the roadmap is very generic and up to debate.

  • Effect LSP integration:
    • effects coloring depending on the error channel. Instantly recognize effects that can fail from those who can't just by their color.
    • see metrics, logs and spans directly in your text editor (similar to Quokka)
  • Splitting type declarations from implementations (similar to Haskell) for improved readability.

Credits

This extension is built around ideas and implementations from Effect's own VSCode Extension.

Huge thanks to Tim Smart and Mattia Manzati for their excellent work and the Effect community for the MIT license.

Release Notes

0.0.1

First release.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft