open-index/open-npm huggingface dataset:
npm package: @phoenix-plugin-registry/vjsrinath.reactjs-jsxtransformer
Description: A tool to automatically compile JSX files to Js
Author: Srinath Janakiraman
Latest version: 0.1.0

ReactJs-JSXTransformer
=====================

An extension for Brackets to manage reactjs components.

**Warning: this extension doesn not provide any extra features other than compiling jsx files to js.**

The html part of jsx files must be placed in seperate html file and relative (to jsx file) path  of the same file should be
kept in the place where the transformed jsx content should come.

The template file path must be enclosed in the following format
```js
/*<transform>{RELATIVE_PATH_TO_HTML_FILE}</transform>*/
```

For example, a jsx file **comp.jsx** like below 

```js
/**
 * @jsx React.DOM
 */
require('react-with-addons', function () {
   return /*<transform>template.html</transform>*/;
}); 
```
with **template.html** content like 

```html
<div>
   <span> 
   </span>
   <div>
   </div>
</div>
```

will be transformed to **comp.js** as shown below

```js
/**
 * @jsx React.DOM
 */
require('react-with-addons', function() {
    return React.DOM.div(null,
        React.DOM.span(null),
        React.DOM.div(null)
    );
});
```

Making brackets to treat jsx file as a js would make managing jsx files lot easier. To do so save the below mention code as
**bracket.json** file

```json
{
    "language.fileExtensions": {
        "jsx": "javascript"
    }
}
```


The transformation is automatically triggered whenever either of the files are changed. (jsx or html)
The transformed files are beatified before saved to disk.

**To compile currrently opened JSX file, press Ctrl-Shift-T or select File -> Compile Component.**

License
----

MIT
npm package: @phoenix-plugin-registry/vtrrsl.lapland
Description: Dark theme, nice colors. That's it.
Author: Victor
Latest version: 1.0.0

Lapland Brackets theme
=======

Dark theme, nice colors. That's it.

## HTML
![HTML Screenshot](https://github.com/vtrrsl/lapland/blob/master/screenshots/html.png)

## CSS
![CSS Screenshot](https://github.com/vtrrsl/lapland/blob/master/screenshots/css.png)

## JS
![JS Screenshot](https://github.com/vtrrsl/lapland/blob/master/screenshots/js.png)
npm package: @phoenix-plugin-registry/waffledonkey.jsfiddle-light-theme
Description: A brackets theme inspired by JSFiddle
Author: Kyle Wilson
Latest version: 1.0.2

# JSFiddle Light Theme for Brackets

Light color theme inspired by [JSFiddle](https://jsfiddle.net)

## Installation
* Open Brackets
* Open the Extension Manager
* Switch to "Themes" tab
* Search for "JSFiddle Light Theme"
* Click "Install"

## Screenshot
![Brackets editor screenshot](screenshot.png)

## Copyright and License
Copyright (c) 2016 [Kyle Wilson](https://github.com/waffledonkey). Released under the [MIT License](LICENSE).
npm package: @phoenix-plugin-registry/warapitiya.neptune
Description: Take your code to another world.
Author: Malindu Warapitiya
Latest version: 1.0.0

# Neptune
##### Take your code to another world.
Neptune is a ***Drak*** theme for [Brackets](http://brackets.io/).

### Version
1.0.0

### Installation
 - Method One
  - Open your brackets *Extension Manager*
  - Move to themes tab
  - Search for ***Neptune***
  
 - Method Two
  - Clone the theme to your *Extension Folder*
  - ```sh
    $ git clone https://github.com/warapitiya/Neptune.git
    ```

##### HTML
![HTML](https://github.com/warapitiya/Neptune/blob/master/screenshots/html.png)

##### Javascript
![Javascript](https://github.com/warapitiya/Neptune/blob/master/screenshots/js.png)

##### CSS
![CSS](https://github.com/warapitiya/Neptune/blob/master/screenshots/css.png)

### Contribution
Pull-requests are welcome.

### Licences
[MIT](https://github.com/warapitiya/Neptune/blob/master/LICENSE)
npm package: @phoenix-plugin-registry/warapitiya.unity
Description: Brackets theme
Author: Malindu Warapitiya
Latest version: 1.0.0

# Unity
Brackets Dark Theme


## HTML
![HTML](https://github.com/warapitiya/Unity/blob/master/screenshots/html.png)

## CSS
![HTML](https://github.com/warapitiya/Unity/blob/master/screenshots/css.png)

## CSS
![HTML](https://github.com/warapitiya/Unity/blob/master/screenshots/js.png)


Happy Coding!