lkcampbell / brackets-indent-guides Goto Github PK
View Code? Open in Web Editor NEWA Brackets extension to show indent guides in the code editor
A Brackets extension to show indent guides in the code editor
Per #13, add an extension preference to only show indent guides when text is present on line.
Add a package.json file so it shows up nicely in the extension manager.
OS: Mac OSX Mavericks
Brackets Version: Release 1.1 development build 1.1.0-0 (master d9bc65e1d)
Extension Version: 1.3.2
Repro Steps:
"language": { "clojure": { "brackets-indent-guides.guideColor": "red" } }
to brackets.json. Any color value that is not the default color value.Observed Results:
Indent guides are the default color value.
Expected Results:
Indent guides should be red.
Other Notes:
If you navigate to a file written in a different programming language and then navigate back, the guides will turn red.
This isn't specific to the new language scope of preferences, it just happens to be a convenient way to reproduce the issue.
Also happens if you close all open files and then open a clojure file again. Don't even have to reload or restart.
expand arrow is not working while the indent guide is enabled.
Hi Lance,
I have a private question to ask you about the brackets project, but your e-mail address on github.com seems to be private. Can you send me an e-mail at redmunds at adobe dot com?
Thanks,
Randy
Just a reminder issue to add Preference Hints for version 1.4 of Brackets when it becomes available.
The guide breaks in blank lines, as if it were the end of the chunk of code
Hi,
I have just installed your extension and it works perfectly.
But I Notice that it create a "conflict" with "Show Whitespace in Brackets" (https://github.com/DennisKehrig/brackets-show-whitespace)
Yours is "overriden" by the other extension.
I have created an Issue to the other on too.
I looked your code (and the other on), but I'm too novice to help you =/
Thanks
The extension itself installs just fine and it does create the View->Indent Guides menu option. But that's it. Selecting the menu option doesn't show anything that might be indent guides, nor does it place a check mark on the menu item...
In the Brackets console, I get this error when selecting the menu item:
Uncaught TypeError: Object #<Object> has no method 'setValueAndSave' main.js:130
handleToggleGuides main.js:130
Command.execute /command/CommandManager.js:90
execute /command/CommandManager.js:275
executeCommand /utils/ShellAPI.js:66
This is on Windows 7 x64, Brackets 37.
It would be great if you could either make the color blend in more with the background or use a dotted styling so as to not interfere with the overall look of the editor. Also, might want to add a condition to see if there is text ahead of the cursor and if not do not put the guides in. See Sublime Text for examples of both of these. Otherwise a really handy extension!
OS: Mac OSX Mavericks
Brackets Version: Release 0.44 development build 0.44.0-0 (master 27e6c5abb)
Extension Version: 1.3.1
Repro Steps:
Expected Results (from Sublime Text):
Other Notes:
This is by design. Empty lines have no indentation, so they have no indent guides. Regardless, enough people have requested this behavior that I am trying to figure out how to include it as an Extension Preference.
CodeMirror mode overlays have a couple limitations that make these "gapless" indent guides difficult to implement. To start, although there is a way to add styles to empty lines, there are no DOM elements to stylize in the empty line. Also, the tokenizer function in the overlay mode only retains the context of a single line of characters at a time but "gapless" indent guides need to know the indentation level of the line just previous to the current line in order to draw the correct number of guides.
This is a feature suggestion.
A picture is worth a thousand words. What we have at the moment:
We could detect whether the next line is a hanging indent by checking the number of indent tabs compared to the previous line. If the difference is more than +1 tab, this is a hanging indent โ we can show only one guide.
Sublime Text actually has a guide in column 0 in addition to the indented guides. I think this would actually be helpful for knowing where the boundary between the gutter and the code is, since there's no visible marker for that in Brackets by default.
When a object or line is selected such as a div
and the closing tag is also highlighted by brackets in order to show the scope of the container bold the guide, making it easier to trace.
After new update of Indent Guide extension, the indentation of switch case statement in my brackets editor is not working fine. (For Javascript Code)
Not everyone understands what the phrase "Indent Guides" means.
I have been asked by multiple people to add screen shots so people understand visually what Indent Guides are.
The plugin makes the scrolling in brackets less smooth.
Hey Hey,
If I try to install Emmet and Indent Guides only one of them works and the other throws a "Extension Error" in the Extension Manager.
Tried this on multiple computers with a up to date brackets version.
Would be absolutely brilliant if you could fix the conflict, as I love those two extensions.
Thanks a lot
It'd be nice if the guides highlighted along with the block enclosure.
Please,
add an option for dashed guide lines.
Thanks
It would be neat to have the options to toggle the indent guides on and off ,switch between dotted and solid and choose a color via the menu.
Can you create a folder under View > Indent Gudes for this?
If I want to add my own shortcut to toggle the display of indent guides, is there a command I can target? Something like view.toggleIndentGuide
?
Not a lot of text in this extension, but what the heck.
Let's add add as many languages for the limited text as we can.
OS: Mac OSX Mavericks
Brackets Version: sprint 37 development build 0.37.0-0 (master 715589c46)
Extension Version: 1.0.1
Repro Steps:
Expected Results:
No errors or warnings for the Indent Guides extension
Observed Results:
Several Preferences deprecation warning about Indent Guides extension.
Lance,
I want to give you a head's up that this extension will break in Sprint 22 due to a recent change to Editor. The getIndentUnit() function was removed. I'm not sure if you want to use the new getSpaceUnits() or use CodeMirror.getOption("indentUnit").
You can test this against the current master in Brackets. Sprint 22 will be posted probably on Monday.
Regards,
Randy
I'd be happy to help with a Swedish translation of the extension.
See title, pretty self-explanatory.
Add toolbar button for toggling Indent Guides
it would be nice if the guides would not be interrupted with https://github.com/scriptin/brackets-indent-softwraps active
Per #13, add a brackets-indent-guides.guideColor
extension preference.
Your costomers should be more happy if they found "Consolas-Dark" texture in File > Extention Manager...
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.