bracket-peek

KO | EN

gitlite — search

#python #ai #typescript #llm #go #android #deep-learning #linux #docker #nodejs #windows #vue #ios #open-source

(★ 13)

Visual studio code extension to preview the opening line of code matching the inspected closing bracket

bracket-peek Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Bracket Peek

This extensions helps you to view the line of code containing an opening bracket when inspecting the matching closing bracket.
If the line of code, containing the opening bracket, is not visible in the current view port, a preview is displayed in the first line of the editor.

Works with: 
- Curly brackets { ... }  
- Parentheses ( ... )  
- Square brackets [ ... ]  
- Tags \<tag>...<tag\>

## Features
Works on:
- selecting text with closing bracket / tag
- moving carret to or near closing bracket / tag
- hovering over or near to closing bracket / tag

![](https://raw.githubusercontent.com/j0meinaster/bracket-peek/master/assets/preview.gif)

Works with any programming language containing brackets:
- Javascript    *.js
- Typescript    *.ts
- Sass          *.scss
- Css           *.css
- JSON          *.json
- Dart          *.dart
- Java          *.java
- Php           *.php
- C, C#, C++, Objective-C, Objective C++   *.c *cs *.cpp *.m* *.h
- Golang        *.go

Works with any markup based language containing tags:
- Html          *.html
- Xml           *.xml

Works with "bracket-less" block languages:
- Ruby          *.rb

Please note that the according language support extension needs to be installed as well.

## Customization

Check bracket peek settings in visual studio code.

### Preview Location

#### Editor Top (default)
Show the content of the opening line at the first visible line of the editor.

Known Issues:
- Pushes the content of the first visible lines away, which forces a horizontal scrollbar. This is intended and won't / can't be fixed.

#### In Line
Show the content of the opening line after the closing bracket / tag.

#### Hover
Show the content of the opening line as a tooltip when hovering a closing bracket / tag. 
Does not work when selecting code.

### Preview Always (default: false)
If true, always show the preview. Otherwise only show the preview, if the opening line is currently not visible.

### Preview Color (default: Theme default)
CSS color attribute to change the preview text color. Does not work in combination with location 'Hover'.

### Preview Italic
Display the preview text in italic font style. Does not work in combination with location 'Hover'.

### Preview Trigger
Decide if the preview should be displayed on hover or when selecting code (cursor, range of text).

### Disable Different Brackets Types / Tags
- Preview Curly Brackets { ... }
- Preview Parentheses ( ... )
- Preview Square Brackets [ ... ]
- Preview Tags \<tag\>...\</tag\>

## Known Issues

- Preview is not intended correctly if the formatter uses tab indents instead of space indents
- Closing and opening brackets may not be matched correctly if brackets are used in strings or comments

bracket-peek

bracket-peek Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

bracket-peek

bracket-peek Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README