Octohint

Introduction

Octohint is a browser extension which adds IntelliSense hint to GitHub and GitLab.

Introduction at Medium

Installation

Chrome

Install it from Chrome Web Store

Safari

Install it from Safari Extensions Gallery

Firefox

Currently you could build it from source, see web extension section of contributing docs. Or try this one. You can use the "On your own" signing option on Mozilla addon site to create a signed add-on for your self, and install it. Alternatively, you can follow this guide to install it temporarly from local directory, note that add-on installed this way is temporary add-on, and will be removed every time you restart the Firefox.

Make sure your version of Firefox supports web extensions.

Opera

Use this extension: Install Chrome Extensions to install Octohint from Chrome Web Store

Features

With Octohint installed, when you view code at GitHub (For example this demo), you'll get features as follows:

• Mouse Hover: Show information of current token
• Left Click: Show all references of current token
• [⌘] + Click: Go to definition of current token (For Windows and Linux user, use [Ctrl] instead)

Supported languages

Octohint supports all languages. There are two strategies:

• IntelliSense hint: TypeScript, JavaScript, CSS, LESS, SCSS
• Simple token matching: All other languages

It is because browser only runs JavaScript. But with help of WebAssembly, maybe we could bring other languages' IntelliSense analysis to browser! It's still in research

Supported platforms

Support GitHub and GitLab. Since GitLab CE has many versions, I'm not sure it works correctly on every version. If you find some bugs you could submit an issue.

Bitbucket's code viewer UI has changed greatly, so there is still lots of work to do.

Get your private site works

If GitHub/GitLab/Bitbucket you are using is hosted on different site, go to chrome://extensions, click options of Octohint, then add match patterns of your site, like https://www.example.com/*.

Privacy policy

Octohint is a pure client thing. All code analysis are performed at your browser, which means your code and actions log like click, mousemove will never be sent to any server.

Feel free to use it at your private GitHub/GitLab/Bitbucket.

Related tools

• Octoview: The missing preview feature for GitHub

License

MIT