Skip to content

🌴 an extension to view the directory tree of a github repository

Notifications You must be signed in to change notification settings

tobenxe/hubtree

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌴 hubtree

A chrome extension to view the directory tree of a github repository.

twitter email digest gif

Motivation:

Seeing directory structure:

  • Better learning and understanding

Installation Options:

  1. Chrome Webstore: https://chrome.google.com/webstore/detail/hubtree/aokgnafjkofmecapeimdfcacpjefamnh
  2. Manual Install:
    • Download/Clone the project
    • In your chrome address bar type: chrome://extensions
    • In the upper left turn on Developer Mode
    • Click load unpacked in the upper right corner
    • Select the hubtree folder that is contained within the project directory

Usage

  • Click the extension icon when in a github repsitory to show/hide the tree modal

Development

npm install 

When done making changes:

npm run build

Then load to chrome in developer mode or reload the extension if it has already been loaded in chrome.

If there is a more efficient way to do this let me know

Todos

  • Make the modal less terrible looking
  • Possibly save tree in storage (session or chrome.storage) to minimize requests if opening the modal multiple times in the same repository
  • Show message in modal when not in or can't find a repository, or don't show the modal in these cases (notification maybe ?).

Contact

DM on twitter here