Giter Club home page Giter Club logo

gifhub's Introduction

GifHub

A Chrome extension that adds a button on GitHub comment toolbars, allowing you to search for (and include) GIFs in comments. Many thanks to Giphy, as this uses their API.

screenshot

Install

Installing for Development

  1. Clone the repository
  2. Run npm install in the root of the project
  3. Run npm run build:chrome
  4. Visit the extensions page in Chrome
  5. Enable the Developer Mode checkbox
  6. Click Load unpacked extension
  7. Select the dist/chrome directory of this project (generated in Step 3)

Issues?

You can submit any issues you have here

gifhub's People

Contributors

drewml avatar huyouare avatar paulmolluzzo 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

gifhub's Issues

Add support for BitBucket/Stash

Some work was already done earlier on with the idea of eventually adding support for other sites.

The widget itself does not depend on GitHub's JS (but may rely on some CSS, for now). All site-specific work is done in src/js/sites.

Transfer ownership of extension or add collaborators to a group

This extension hasn't been working for a while, and there are many people wanting to fix it. To avoid multiple forks in the Chrome Store you should either transfer ownership of the extension to someone else or add collaborators that can do this for you. How to set up Group Publishing is detailed here.

You could also add some stewards on this repo, but it's not necessary if work will continue in another fork.

Breaks JS on GitLab

Reported in the Chrome store:

Mike Koch Modified 2 days ago

This breaks JavaScript in GitLab. I'm honestly not sure why this extension needs access to all of my sites, when it only needs access to github.com (unless the user is using GH Enterprise)

Use LoRes image in Preview window

TODO: Use the URI for the LoRes version of an image in the preview window (but still include the full size image URI when selected).

No tests?

It would be a lot more confidence inspiring if I could run some tests before pushing a commit. Even if it's just xo. This would also be useful if you ever plan to automate the release process via Travis (or whatever).

Doesn't work with Refined Github

This is neat, but because you're putting the button where the markdown helpers are the Refined GitHub extension makes this extension non-functional. You can fix this by putting the button someplace else in the DOM to recreate the effect without making it a child of .toolbar-commenting.

Focus!

When you click the icon it should focus the text cursor in the search field. Every time I click I type something and wonder if my keyboard is broken. ๐Ÿ˜ข

Isn't working anymore

In the console the following error appears.

Uncaught TypeError: $ is not a function

Looks like GitHub dropped jQuery, at least from the window object.

Btw. Great extension ๐Ÿ‘

Searches for text with one less character

Seems like the widget will fire for the GIF search with the text from input element having one fewer character than expected (missing the last-entered character).

Search for "good" returns "goo"
image

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.