Code Monkey home page Code Monkey logo

octotree's Introduction

Octotree

Browser extensions (Chrome, Firefox, Opera and Safari) to display GitHub and GitLab code in tree format. Useful for developers who frequently read source and do not want to download or checkout too many repositories. Features:

  • Easy-to-navigate code tree like IDEs
  • Fast browsing with pjax and Turbolinks
  • Support private repositories (see instructions)
  • Support GitHub and GitLab Enterprise (Chrome and Opera only, see instructions)

Octotree on GitHub Octotree on GitLab

Install on Chrome, Firefox and Opera

Install on Safari

Octotree is not available on the Safari gallery. Instead, you must use the prebuilt package or build one from source.

  • Download the Safari prebuilt package
  • Unzip the package
  • Start Safari
  • Select Develop > Show Extension Builder
  • Click the + button and select Add Extension...
  • Select the unzipped "octotree.safariextension" directory
  • Click Install

Install prebuilt packages (all browsers)

Prebuilt packages are available in the dist folder. For security reason, only download Octotree from this location.

Firefox 43+ requires add-ons to be signed. Therefore, you should install Octotree from the Mozilla store. For some reason if you want to install the prebuilt package instead, you have to disable sign-check.

Settings

Access Token

GitHub

Octotree uses GitHub API to retrieve repository metadata. By default, it makes unauthenticated requests to the GitHub API. However, there are two situations when requests must be authenticated:

When that happens, Octotree will ask for your GitHub personal access token. If you don't already have one, create one, then copy and paste it into the textbox. Note that the minimal scopes that should be granted are public_repo and repo (if you need access to private repositories).

GitLab

Octotree uses GitLab API to retrieve repository metadata. By default, Octotree attempts to retrieve the access token embedded in the GitLab DOM and use the token to authenticate against the GitLab API. If Octotree cannot retrieve the token, it will prompt you to create one.

Enterprise URLs

By default, Octotree only works on github.com and gitlab.com. To support enterprise version on Chrome and Opera, you must grant Octotree sufficient permissions. Follow these steps to do so:

  • To add GitHub enterprise, go to any GitHub repo; otherwise, go to any GitLab repo (e.g. gitlab-ce).
  • Open the Octotree settings panel

Settings

  • Fill in the GitHub/GitLab Enterprise URLs textbox, one URL per line
  • Click Save and accept the permission prompt
  • Navigate to your GitHub/GitLab Enterprise site
  • You might be asked to create an access token

Others

  • Hotkeys: Octotree uses keymaster to register hotkeys. Checkout the supported keys.
  • Remember sidebar visibility: if checked, show or hide Octotree based on its last visibility.
  • Show in non-code pages: if checked, allow Octotree to show in non-code pages such as Issues and Pull Requests.
  • Load entire tree at once: if checked, load and render the entire code tree at once. To avoid long loading, this should be unchecked if you frequently work with very large repos.

Credits

octotree's People

Contributors

alexbeletsky avatar athaeryn avatar bayandin avatar behnam avatar brightcells avatar buunguyen avatar crashbell avatar duylam avatar enyo avatar ephemera avatar eush77 avatar isbadawi avatar jerizm avatar jsutlovic avatar justineo avatar k2nr avatar leereilly avatar leocaseiro avatar letunglam avatar luegg avatar meip avatar monwf avatar mottie avatar norio-nomura avatar ruanyl avatar sidke avatar spittie avatar tatsuya avatar vakata avatar voithos avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.