GitCodeTree/README.md

## Octotree
Chrome extension to display GitHub code in tree format. Useful for developers who frequently read source in GitHub and do not want to download or checkout too many repositories. Features:

* Easy-to-navigate code tree like IDEs
* Fast browsing with pjax
* Work with both public and private repositories

## Install
* Download and install [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc) from the Chrome store
* Navigate to any GitHub project (or just refresh this page as an example)
* The code tree should show as follows:

![When extension is active](https://raw.githubusercontent.com/buunguyen/octotree/master/screen_ext.png)

## GitHub API Rate Limit
Octotree uses [GitHub API](https://developer.github.com/v3/) to retrieve repository metadata. By default, it makes unauthenticated requests to the GitHub API. However, there are two situations when requests must be authenticated:

* You are accessing a private repository
* You exceed the [rate limit of unauthenticated requests](https://developer.github.com/v3/#rate-limiting)

When that happens, Octotree will show the following screen to ask for your [GitHub personal access token](https://help.github.com/articles/creating-an-access-token-for-command-line-use). 

![Enter personal access token](https://raw.githubusercontent.com/buunguyen/octotree/master/screen_token.png)

If you don't already have one, create one at [this page](https://github.com/settings/tokens/new). Then enter the generated token into the textbox and save.

Alternatively, you can always manually enter or update the token by following these steps:

* Navigate to any GitHub page
* Open the Chrome developer console
* Execute the following line:
```javascript
localStorage.setItem('octotree.github_access_token', JSON.stringify('REPLACE WITH TOKEN'))
```

## Contribution
There are several improvements that can be made to Octotree. Contribution is very welcome.

- [ ] Hide sidebar when navigating to non-code pages like Issues, PRs...
- [ ] Make the width of the sidebar resizable.
- [ ] Allow docking sidebar to either the left or right side.
- [ ] Allow users to enter access token any time.
- [ ] Synchronize (two-way) between sidebar selection and GitHub selection.
- [ ] Show progress indicator while the code tree or a file is being loaded (with Pjax). (Showing spinner in the toggle button?)

## Credit
[Icon](https://github.com/pstadler/octofolders) by [pstadler](https://github.com/pstadler)
Initial commit 2014-05-10 08:06:38 +08:00			`## Octotree`
Update read me, this should do lol 2014-05-12 01:26:34 +08:00			`Chrome extension to display GitHub code in tree format. Useful for developers who frequently read source in GitHub and do not want to download or checkout too many repositories. Features:`
Support Pjax 2014-05-12 01:14:25 +08:00
Updated read me 2014-05-12 01:24:39 +08:00			`* Easy-to-navigate code tree like IDEs`
Update readme 2014-05-13 13:47:49 +08:00			`* Fast browsing with pjax`
			`* Work with both public and private repositories`
Initial commit 2014-05-10 08:06:38 +08:00
			`## Install`
Update Chrome link 2014-05-10 08:32:07 +08:00			`* Download and install [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc) from the Chrome store`
Initial commit 2014-05-10 08:06:38 +08:00			`* Navigate to any GitHub project (or just refresh this page as an example)`
			`* The code tree should show as follows:`

Update URLs 2014-05-10 08:08:16 +08:00			`![When extension is active](https://raw.githubusercontent.com/buunguyen/octotree/master/screen_ext.png)`
Initial commit 2014-05-10 08:06:38 +08:00
			`## GitHub API Rate Limit`
			`Octotree uses [GitHub API](https://developer.github.com/v3/) to retrieve repository metadata. By default, it makes unauthenticated requests to the GitHub API. However, there are two situations when requests must be authenticated:`

			`* You are accessing a private repository`
			`* You exceed the [rate limit of unauthenticated requests](https://developer.github.com/v3/#rate-limiting)`

Update images 2014-05-10 08:14:43 +08:00			`When that happens, Octotree will show the following screen to ask for your [GitHub personal access token](https://help.github.com/articles/creating-an-access-token-for-command-line-use).`
Initial commit 2014-05-10 08:06:38 +08:00
Update URLs 2014-05-10 08:08:16 +08:00			`![Enter personal access token](https://raw.githubusercontent.com/buunguyen/octotree/master/screen_token.png)`
Initial commit 2014-05-10 08:06:38 +08:00
			`If you don't already have one, create one at [this page](https://github.com/settings/tokens/new). Then enter the generated token into the textbox and save.`

			`Alternatively, you can always manually enter or update the token by following these steps:`

			`* Navigate to any GitHub page`
			`* Open the Chrome developer console`
			`* Execute the following line:`
			```javascript
Everything break if you don't JSON.stringify the TOKEN. 2014-05-14 07:42:09 +08:00			`localStorage.setItem('octotree.github_access_token', JSON.stringify('REPLACE WITH TOKEN'))`
Initial commit 2014-05-10 08:06:38 +08:00			```

			`## Contribution`
			`There are several improvements that can be made to Octotree. Contribution is very welcome.`

Change url of tree nodes 2014-05-11 07:26:50 +08:00			`- [ ] Hide sidebar when navigating to non-code pages like Issues, PRs...`
Updated to do list 2014-05-12 01:22:18 +08:00			`- [ ] Make the width of the sidebar resizable.`
Clean up CSS a bit 2014-05-12 12:08:19 +08:00			`- [ ] Allow docking sidebar to either the left or right side.`
Updated to do list 2014-05-12 01:22:18 +08:00			`- [ ] Allow users to enter access token any time.`
			`- [ ] Synchronize (two-way) between sidebar selection and GitHub selection.`
			`- [ ] Show progress indicator while the code tree or a file is being loaded (with Pjax). (Showing spinner in the toggle button?)`
Initial commit 2014-05-10 08:06:38 +08:00
			`## Credit`
			`[Icon](https://github.com/pstadler/octofolders) by [pstadler](https://github.com/pstadler)`