Porting Brackets IDE to work in Firefox (Part 1)

During class my professor introduced our class to Adobe's open source IDE brackets. We learned that brackets can be run in the browser but currently is supported only in Webkit browers (Chrome, etc). If it works in Chrome we can get it to work in Firefox but will require updating the CSS, Javascript in the application.

What is Brackets?

Brackets is an open source IDE built in HTML5, CSS and Javascript. It is downloadable at the following site:

http://brackets.io/

screen shot of http://brackets.io/

When you fork brackets it will not display the sidebar properly in Firefox. I've fixed this bug in my repository.

This is how it looks in Firefox now:


Note: There may be more bugs but I will continue testing this out and experimenting with it. You will see all my updates on my repository.
You get access to this code at the following git repository:
https://github.com/zmhassan/brackets

Are there license restrictions on this code?

It uses the MIT license which does not restrict you that much on what you want to do. To see more details about the license. See the following link:
http://bzcareermongodb.blogspot.ca/2013/09/mit-license_12.html

 

How do I get brackets and get setup?

To setup brackets without my updates:

$ git clone https://github.com/adobe/brackets.git
$ cd brackets
$ git checkout
in-browser
$ git submodule update
--init
$ cd src
/nativeServer
$ npm install

$ cd ..
$ python
-m SimpleHTTPServer &
$ node nativeServer
/index.js

open http://localhost:8000

You will not have my updates unless you clone my forked repository:

$ git clone https://github.com/zmhassan/brackets.git
$ cd brackets
$ git checkout
in-browser
$ git submodule update
--init
$ cd src
/nativeServer
$ npm install

$ cd ..
$ python
-m SimpleHTTPServer &
$ node nativeServer
/index.js

open http://localhost:8000




Comments

Popular Posts