Giter VIP home page Giter VIP logo

github-hovercard's Introduction

GitHub Hovercard

Neat hovercards for GitHub.

Installation

Published versions

Manual installation

FAQ

  • Why and how should I bind my access token and which scopes should I allow?

    GitHub limits unauthenticated API requests to 60 per hour but after binding your access token you will be able to enjoy the rate limit of 5,000 requests per hour.

    Triple click on any hovercard and the access token form will pop out.

    You should at lease add permission for public_repo to enable star/unstar, and user:follow to enable follow/unfollow.

  • How can I make the follow/unfollow button work?

    First you need to provide an access token with adequate scopes.

  • Why Chrome warns me the extension might read my browser history?

    It's because GitHub Hovercard uses webNavigation module to dynamically inject content scripts (to support GitHub Enterprise). See #34. GitHub Hovercard won't track or record any of these private data.

  • Why can GitHub Hovercard's demo page find out I have installed the extension or not?

    In Chrome/Opera it's allowed to get this information through the API while in Firefox the extension will add a special attribute (data-github-hovercard) to the page's body element so that the demo page can find out if the user has installed GitHub Hovercard. It's all about user experience and the extension itself won't track or record these data.

  • Why access token doesn't work?

    Now GitHub Hovercard is saving user's private access token into localStorage. localStorage has a limit of 5MB and the problem might be other extensions have consumed too much storage that GitHub Hovercard failed to save access tokens.

Options

For browser extension versions, GitHub Hovercard provide following options:

  • Domain

    Use this option to set custom domains for your GitHub Enterprise service. Note that you don't need to set github.com because it's always included. You may be asked to grant additional permissions for those domains.

  • Theme

    The theme of hovercards. Defaults to GitHub-style hovercards. You can set it back to the classic dark style in the options.

  • Delay

    If you don't want the hovercards to pop up instantly, you may set a delay before they try to retrieve data and appear.

  • Disable Projects

    You can disable hovercards on project pages for less interference.

  • Placement

    You can set the default placement of the hovercards.

  • Readme

    You may disable readme content for repo cards if you don't need it.

  • Show self

    You may choose if you want to show user hovercard for yourself.

Screenshots

Users in trending repo avatars

Users in feeds

Repos in feeds

Issues

Pull requests

Commits

Known issues

For unauthenticated requests, GitHub API has a fairly low request limit.

In later versions I might introduce access tokens to increase this limit.

Working on it.

Authentication is supported from v0.0.7.

Acknowledgements

github-hovercard's People

Contributors

denvercoder1 avatar dependabot[bot] avatar ellreka avatar hkalexling avatar ilazaridis avatar ivuk avatar jamiesinn avatar justineo avatar kidonng avatar sknebel avatar tanmayrajani avatar treyruffy avatar ummahusla avatar xpaw avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

github-hovercard's Issues

Enhance Repository Search-Results Hovercards

On repository search-results page, it'd be far more productive if the hovercard parses and shows the readme of the project (something similar to what it does with on the Issues page). Right now the only extra bit of information it's adding is the number of issues the project has.

Thank you for having a Firefox version btw 👍

access token not work

API limit exceeded API rate limit exceeded for current IP. Create a new access token and paste it back here to get a higher rate limit.

After I set the access token, this error still exist

Limit the number of displayed tags for commit

When I hover over a commit that has a lot of tags (just try it with some really old commit on https://github.com/torvalds/linux/), the popup tries to display all of them, which results in a huge popup and the important parts are often hidden behind the edge of the window.

It would be nice if there was some limit on the number of displayed tags (say, 10) with the rest replaced by an ellipsis.

Disable/modify hovercard for Marketplace

GitHub have released a 'marketplace' for addons. The catalogue is available here.

Marketplace items currently show a hovercard, and obviously it doesn't work as it isn't a repor:
example of hovercard for a marketplace item

The following URL pattern could be excluded: https://github.com/marketplace/* or the hovercard should be adapted for this pattern to display content about the relevant marketplace item.

P.S thanks for this amazing project! I use it a lot now.

local time

When working with people around the world it would be very helpful to know the local time of them. This can be determined by the location they have (possibly) provided.

Steps:

  1. Detect if they have provided a location
  2. Detect the timezone by the location (maybe with a third party service)
  3. Display the time with the timezone in user hovercards

Issue/PR status badge lost background color

It's because GitHub has changed their status badges' class to something like State State--green. Maybe we'd better remove these dependencies ASAP due to their continuous updates.

Would like to see conversation history of issues and PRs

Currently you only display the initial comment but it would be good to see the whole history of the issue/PR in the hover card (you already allow scrolling).

PS: Many thanks for providing hovercard ... that is a great extension!

Delayed appearance of hover-cards?

Right now the hover cards appear immediately on hover over a link. An option to delay the appearance of the cards will be useful like in Facebook.

I can try to implement it if there is a demand.

Cross Site Scripting

“><script>alert(document.cookie)</script>

Just hover your mouse to my issue and XSS will pop out.

Broken UI

I noticed a day or two ago, the UI was broken. Any idea why?

screenshot 2016-05-29 09 17 49

Firefox Extension is Legacy; Migrate to Web Extension

The current Firefox extension is as of now, a legacy add-on. It needs to be migrated to a Web Extension. As there is a current Chrome implementation, I am inclined to believe that it should be doable without too much work.

Add Permission Explanation

It'd be really nice to know why this plugin needs the permissions it requests, especially why it needs to view my browser history.

I can't think of any reason why it would need the history, so at this point this makes the plugin quite untrustworthy TBH.

Resizable panel?

For project's long descriptions, and if they contain images, a wider panel is better..

Feature Request: More information on "Insert Access Token" popup

Currently when inserting an access token, the actual webpage is darkened and an input box is displayed.

Can you please display more information here, like what permissions the token requires. I wasn't sure about the permission scopes, and just enabled all read-type scopes.

EDIT: These are the scopes I enabled:

  • repo
  • read:org
  • read:public_key
  • read:repo_hook
  • notifications
  • user

I haven't enabled read:gpg_key because it's still under Developer Preview

Immediately reset timeout on mouseout/mouseleave

First of all, great extension! :)

I noticed that the timeout isn't immediately reset when the mouse cursor leaves links (and I think it should). As an example, you can set the delay to, say, 2000 ms, go to your profile page and wildly move the cursor over your repos. After enough time, at least one hovercard will appear. While wildly moving your cursor isn't a very common thing to do, this still happens often enough to be noticed while I'm browsing some pages.

Regardless of this bug (or feature?), I'd like to leave a suggestion for further improvement: What about using something like hoverIntent instead of plain delays? It triggers many fewer "false positives".

Thanks for your attention!

Disable Hovercard on "Projects" or add a delay

When working on GitHub Projects I was annoyed by Hovercard because the tooltip appeared when moving cards around. I'd vote to disable them in the "Projects" tab or at least to add e.g. a 300ms delay to make sure the tooltip doesn't appear accidentally.

jQuery Ramdomly Hanging Firefox

For several times jQuery from hovercard has hanged my Firefox to a timeout popup which offers to debug the script. It seems random.

Add support to Github Enterprise

Hi,
I'd like to use this plugin with Github enterprise, so I've forked and used grep to change github.com to github.wdf.sap.corp (our company's Github Enterprise location).

I can't make a pull request now to add a selector of github addresses, but my fork http://github.com/psidium/github-hovercard is working for me, so it's okay.

thanks for the plugin,
gabriel

repo name are overlaping with slash

image

In trending page, all repo name are overlaping with the /, I found that in original style, all repo name will prefix with space, but when enabled, it didn't.

GitHub search page broken

Hi. I have broken GitHub search page with enabled Hovercard extension in Chrome.

Without extension
search react native 2015-12-27 21-35-40

With extension
search react native 2015-12-27 21-36-49

OS: MacOS X 10.11.2
Chrome: Version 49.0.2593.0 dev (64-bit)
GitHub Hovercard 0.3.3 (last from chrome webstore)

UI bug is glitching

Not sure how to describe it, so I'll give a screenshot: I'm using Chrome 50.0.2661.102 on Windows 10.

image

Improvment on PR card

It could be interesting to have more info about reviewers in PR hover card, especially something about each reviewer and status (with an icon).

I would be interesting in creating a PR for this but I don't know how your architecture is done and where to put a such code.

A slightly larger hover-card

Could the hovercard size when hovering over username be made a little larger, or could someone point me to the file where this change needs to be done and I'll make that change. 👍

octicons.woff is being loaded even though it's not needed

If I enable this extension and check Chrome's console I get warnings that /octicons.woff is trying to be loaded but can't since it violates the CSP rules Github has enabled. Since it never loads I'm assuming it's not actually needed. I tried searching through the project but can't seem to find where it actually attempts to load the file.

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.