open-index/open-npm huggingface dataset:
npm package: @phoenix-plugin-registry/guardians
Description: Guardians Theme for Brackets. A Brackets original.
Author: larz0
Latest version: 1.0.2

Guardians Theme for Brackets
===============================

You are groot. A Brackets original.

## HTML
![HTML Screenshot](https://github.com/Brackets-Themes/Guardians/blob/master/screenshots/html.png)

## CSS
![CSS Screenshot](https://github.com/Brackets-Themes/Guardians/blob/master/screenshots/css.png)

## JS
![JS Screenshot](https://github.com/Brackets-Themes/Guardians/blob/master/screenshots/js.png)
npm package: @phoenix-plugin-registry/guimas.brackets-htmlentities
Description: An extension for encoding special chars for HTML pages.
Author: Guilherme Bradasch
Latest version: 1.0.0

Html Entities Encoder
======

An extension for [Brackets](https://github.com/adobe/brackets/) for encoding special chars for HTML pages.

### How to use Html Entities Encoder
Select the text you want to convert and press Cmd-& (or Ctrl-& in Windows)

**Example:**

    + "Concentração" becomes "Concentra&ccedil;&atilde;o"
    + "§5" becomes "&sect;5"
    
***
Tested on Brackets Sprint 40, OSX 10.9
npm package: @phoenix-plugin-registry/hakoiko-syntax-theme
Description: Hakoiko Theme for Brackets. Inspired from tumblr.com HTML Editor
Author: hakoiko
Latest version: 1.0.0

#Hakoiko Theme for Brackets

Inspired from tumblr.com Html editor. and added some light effects. 

basicially, HTML shows you green + gray. JS is yellow + orange. CSS is combined with blue + gray + green + orange. so you can easilly know document type that you see now. even if you don't read the file name.

![Screenshot](https://raw.github.com/hakoiko/syntax-brackets-hakoiko/master/screenshot.gif)
npm package: @phoenix-plugin-registry/hdy.brackets-shell
Description: Shell access within Brackets. Want to run some shell command, install a node package, install from bower the list goes on and on. Well then, this extension is for you.
Author: John Hidey
Latest version: 0.0.12

hdy.Brackets-Shell
==================
A brackets extension giving you access to the system shell within brackets.

##Usage
Brackets-Shell adds a new icon on the right panel: click on it to toggle the shell's panel

##Options
Brackets-Shell adds the following options to your brackets.json file:

* `hdy.brackets-shell.dark`: set to true if you are using Bracket's dark theme (defaults to false)
* `hdy.brackets-shell.trackProject`: set to true if you want to have the Bracket's shell automatically be set to your project's root directory
* `hdy.brackets-shell.shell`: set to the path of your shell (i.e "/bin/sh" or "/bin/bash"). For Windows this should be set to "cmd.exe"

##Screenshots
![][screenshot]

##Change Log
Please see [`CHANGELOG.md`](CHANGELOG.md)

##License
MIT. Please see [`LICENSE`](LICENSE)

[screenshot]: https://raw.githubusercontent.com/johnhidey/hdy.resources/master/hdy.brackets-shell/images/Screenshot.PNG
npm package: @phoenix-plugin-registry/hearby-brackets-theme
Description: Hearby Theme for Brackets. A theme for Professional Programmers. A Brackets original.
Author: imbhavin95
Latest version: 1.0.2

Hearby Theme for Brackets
=============================

A theme for Professional Programmers. A Brackets original.

## HTML
![HTML Screenshot](https://github.com/imbhavin95/Hearby-Brackets-Theme/blob/master/screenshots/html.png)

## CSS
![CSS Screenshot](https://github.com/imbhavin95/Hearby-Brackets-Theme/blob/master/screenshots/css.png)

## JS
![JS Screenshot](https://github.com/imbhavin95/Hearby-Brackets-Theme/blob/master/screenshots/Javascript.png)
npm package: @phoenix-plugin-registry/helmutgranda.brackets-as
Description: Syntax highlighting and Code Hints for ActionScript
Author: Helmut Granda contact@helmutgranda.com
Latest version: 0.1.0

<img src="http://img.shields.io/badge/version-0.2.0-green.svg?style=flat-square">
[<img src="http://img.shields.io/badge/brackets-up--to--date-green.svg">](http://brackets.io/)
[<img src="http://img.shields.io/badge/Brackets-code editor-blue.svg?style=flat-square">](http://brackets.io/)

Brackets ActionScript
=============
Syntax highlighting and Code Hints for [*Brackets code editor*](http://brackets.io/).

##Supports:
Syntax Highlight for:

* Statements
* Attribute Keywords
* Definition Keywords
* Directives (partial)
* Namespaces (soon)
* Primary expression keywords
* Comments: **//**
* Long Comments: **/*  */**

###**Current State**
Syntax highlighting and Code Hints for ActionScript, Roy lang package was used as guide.

![Sample](https://raw.githubusercontent.com/helmutgranda/brackets-as/master/assample.png)
npm package: @phoenix-plugin-registry/highlight-element
Description: Select by clicking on variables.
Author: Fraser-Greenlee
Latest version: 0.0.6

# highlight-element

A Brackets extension that highlights variables in your code when selected.

Only woks with Highlight Active Line turned on.

![alt tag](https://raw.githubusercontent.com/Fraser-Greenlee/highlight-element/master/promo.png)
npm package: @phoenix-plugin-registry/hirse.brackets-detect-indentation
Description: Detects the indentation used in the current document and sets the editor settings accordingly.
Author: Jan Pilzer
Latest version: 1.1.0

[![npm Version](https://img.shields.io/npm/v/hirse.brackets-detect-indentation.svg)](https://www.npmjs.com/package/hirse.brackets-detect-indentation)
[![Brackets Extension Registry Version](https://badges.ml/hirse.brackets-detect-indentation/version.svg)](https://brackets-extension-badges.github.io#hirse.brackets-detect-indentation)
[![Brackets Extension Registry Downloads](https://badges.ml/hirse.brackets-detect-indentation/total.svg)](https://brackets-extension-badges.github.io#hirse.brackets-detect-indentation)

[![Build Status](https://travis-ci.org/Hirse/brackets-detect-indentation.svg?branch=master)](https://travis-ci.org/Hirse/brackets-detect-indentation)
[![Greenkeeper](https://badges.greenkeeper.io/Hirse/brackets-detect-indentation.svg)](https://greenkeeper.io/)

<a href="http://brackets.io/"><img src="https://raw.githubusercontent.com/Hirse/brackets-ungit/master/images/brackets.png" alt="Brackets" align="left" /></a>

# Brackets Detect Indentation
[Brackets][Brackets] Extension to detect the indentation used in the current file and set your editor settings accordingly.

This extension is using [detect-indent][detect-indent] for the actual detection.

## Installation
### Latest Release
To install the latest _release_ of this extension use the built-in Brackets [Extension Manager][Brackets Extension Manager] which downloads the extension from the [Brackets Extension Registry][Brackets Extension Registry].

### Latest Commit
To install the latest _commit_ of this extension use the built-in Brackets [Extension Manager][Brackets Extension Manager] which has a function to `Install from URL...` using this link:
```
https://github.com/Hirse/brackets-detect-indentation/archive/master.zip
```

### Brackets npm Registry
The latest _release_ of this extension is also available on the [Brackets npm Registry][Brackets npm Registry].

## Usage
This extension adds two buttons to the indentation indicator in the status bar.  
Click the `A` to toggle automatic indentation detection on file change or click the `D` to detect the indentation of the current file manually.

Use the settings `defaultSpaceUnits` and `defaultUseTabChar` to define a fallback for the case that the detection fails.
```json
{
    "hirse.detect-indentation.defaultSpaceUnits": 4,
    "hirse.detect-indentation.defaultUseTabChar": false
}
```

## License
Brackets Detect Indentation is licensed under the [MIT license][MIT].  
[detect-indent][detect-indent] itself is also licensed under the [MIT license][MIT].


[Brackets]: http://brackets.io
[Brackets Extension Manager]: https://github.com/adobe/brackets/wiki/Brackets-Extensions
[Brackets Extension Registry]: https://registry.brackets.io
[Brackets npm Registry]: https://github.com/zaggino/brackets-npm-registry
[MIT]: https://opensource.org/licenses/MIT
[detect-indent]: https://github.com/sindresorhus/detect-indent
npm package: @phoenix-plugin-registry/hirse.brackets-prettier
Description: Format Files using Prettier
Author: Jan Pilzer
Latest version: 1.2.0

[![npm Version](https://img.shields.io/npm/v/hirse.brackets-prettier.svg)](https://www.npmjs.com/package/hirse.brackets-prettier)
[![Build Status](https://travis-ci.org/Hirse/brackets-prettier.svg?branch=master)](https://travis-ci.org/Hirse/brackets-prettier)

<a href="http://brackets.io/"><img src="https://raw.githubusercontent.com/Hirse/brackets-prettier/master/images/brackets.png" alt="Brackets" align="left" /></a>

<a href="http://prettier.io/"><img src="https://raw.githubusercontent.com/Hirse/brackets-prettier/master/images/prettier.png" alt="Prettier" align="right" /></a>

# Brackets Prettier
[Brackets][Brackets] Extension to format files using [Prettier][prettier].

![Brackets Prettier Button](https://raw.githubusercontent.com/Hirse/brackets-prettier/master/images/brackets-prettier.png)

## Installation
### Latest Release
To install the latest _release_ of this extension use the built-in Brackets [Extension Manager][Brackets Extension Manager] which downloads the extension from the [Brackets Extension Registry][Brackets Extension Registry].

### Latest Commit
To install the latest _commit_ of this extension use the built-in Brackets [Extension Manager][Brackets Extension Manager] which has a function to `Install from URL...` using this link:
```
https://github.com/Hirse/brackets-prettier/archive/master.zip
```

### Brackets npm Registry
The latest _release_ of this extension is also available on the [Brackets npm Registry][Brackets npm Registry].

## Usage
Use the Toolbar Button with the prettier icon, the menu entry *Edit* > *Format File with Prettier*, or the keyboard shortcut `Ctrl`-`Alt`-`F` (`Cmd`-`Shift`-`F` on Mac).

## Configuration
This extension reads indentation settings from Brackets and otherwise relies on Prettier to determine the configuration itself. Prettier [options][prettier options] can be set in a [configuration file][prettier config file] in the project folder.

## License
Brackets Detect Indentation is licensed under the [MIT license][MIT].  
[Prettier][prettier] itself is also licensed under the [MIT license][MIT].


[Brackets]: http://brackets.io
[Brackets Extension Manager]: https://github.com/adobe/brackets/wiki/Brackets-Extensions
[Brackets Extension Registry]: https://registry.brackets.io
[Brackets npm Registry]: https://github.com/zaggino/brackets-npm-registry
[MIT]: https://opensource.org/licenses/MIT
[prettier]: https://prettier.io
[prettier options]: https://prettier.io/docs/en/options.html
[prettier config file]: https://prettier.io/docs/en/configuration.html
npm package: @phoenix-plugin-registry/hirse.print-margin
Description: Adds a print margin line to the editor to help you keep your lines of code below a certain length. Easy configuration in the status bar.
Author: Jan Pilzer
Latest version: 0.4.0

# Brackets Print Margin
[Brackets](http://brackets.io) Extension to add a print margin line to the editor to help you keep your lines of code below a certain length. Easy configuration in the status bar.

## Screenshots
![Print Margin](https://raw.githubusercontent.com/Hirse/brackets-print-margin/master/screenshots/print-margin.png)  
*Print Margin on Column 80*

## Installation
### Latest Release
To install the latest _release_ of this extension use the built-in Brackets [Extension Manager](https://github.com/adobe/brackets/wiki/Brackets-Extensions) which downloads the extension from the [extension registry](https://brackets-registry.aboutweb.com).

### Latest Commit
To install the latest _commit_ of this extension use the built-in Brackets [Extension Manager](https://github.com/adobe/brackets/wiki/Brackets-Extensions) which has a function to `Install from URL...` using this link: https://github.com/Hirse/brackets-print-margin/archive/master.zip.

## License
Brackets Outline List is licensed under the [MIT license](http://opensource.org/licenses/MIT).
npm package: @phoenix-plugin-registry/holmar.no-distractions-advanced
Description: Extends the "No Distractions" view to display the sidebar when pointing at the left side of the editor and the toolbar when pointing at the right side.
Author: Martin Holler
Latest version: 1.0.1

# Brackets No Distractions Advanced
Extends the "No Distractions" view to display the sidebar when pointing at the left side of the editor and the toolbar when pointing at the right side.

![overlay](https://cloud.githubusercontent.com/assets/7590968/13035716/6c5935da-d356-11e5-9908-0c589daa5051.gif)

## Installation
Open the [Extension Manager](https://github.com/adobe/brackets/wiki/Brackets-Extensions) (File → Extension Manager), search for "No Distractions Advanced" and hit install.

## Usage
Enable the "No Distractions" view (View → No Distractions) and point to the left/right edge of the editor.

## Options
The extension provides two display modes: **overlay** (default) and **push**. In **overlay** mode, the sidebar/toolbar will be on top of the content area (see image above), while in **push** mode, the content area will be pushed off-canvas (see image below).

![push](https://cloud.githubusercontent.com/assets/7590968/13035717/6c85b07e-d356-11e5-996f-24382fa6533f.gif)

To set the mode, open the Preferences file (Brackets → Preferences) and add the following setting:

``"no-distractions-advanced.mode": "push"``