Giter Club home page Giter Club logo

twitchemotesmessenger's Introduction

TwitchEmotesMessenger

This project is a browser extension that replaces Twitch and some BTTV emote texts to actual image emotes for Facebook's Messenger on messenger.com.

Screenshot

Usage

There are two ways to use this project:

Chrome Webstore

Download the published extension here:

Manual Download

Clone this repository:

git clone https://github.com/suitangi/TwitchEmotesMessenger.git

or download the latest version in Releases

Just make sure to turn on developer options in chrome://extensions/ and 'Load Unpacked' and then select the folder where manifest.json is located.

This option allows you to use your own emotes lists.

Options

To change options, click on the extension button on the right side of the URL bar. Screenshot

  • Emote replacement: Replaces text in messages as emotes (images).
  • Hover: Hover over emote for the text OR hover over the text for emote (if emote replacement is off). Both emote replacement and hover are on by default

Emote Replacement On & Hover On

Screenshot

Emote Replacement Off & Hover On

Screenshot

Emote List

Not every emote is support (especially since many are channel-specific/have many duplicate forms). The list of supported emotes can be found here.

Using Your Own

The emotes.json has a simple structure like this:

{"emotes": [
  {"name": "emote1", "url":"https://link.to.emote.1.file"},
  {"name": "emote2", "url":"https://link.to.emote.2.file"},
  {"name": "emote3", "url":"https://link.to.emote.3.file"}
  ]
}

Where the emotes list can have any number of emotes listed. See the default emotes.json for an example.

Other Information

This is a third party extension and is not affiliated with Facebook Messenger or Twitch. All emotes and images belong to their respective owners.

Browser permissions

  • messenger.com: To change the appearnce (show emotes) of messenger.com
  • storage: To store your preferences

Changelog

‣ 1.3.1 Added more recently relevant emotes. Uses remote data to fetch emotes so it can be updated more often.
‣ 1.3.0 Added popup menu, options for hover and on off, optimizations
‣ 1.2.2 Optimization, improved hover for emotes
‣ 1.2.1 Emotes now show up correctly in quotes
‣ 1.2.0 Added most Twitch Global emotes
‣ 1.1.3 Fixed single emote message not showing up bug
‣ 1.1.2 Alt text and Hover title for emotes
‣ 1.1.1 Icons added and bug fixes
‣ 1.1.0 Initial Release
‣ 1.0.0 Beta Release

twitchemotesmessenger's People

Contributors

jmt5997 avatar suitangi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

jmt5997

twitchemotesmessenger's Issues

Extension is not working

I just installed this extension, and it is not working for me. I mess around a bit and found out that changing line 177 in index.js from:

  if (document.querySelectorAll('[data-testid="messenger_incoming_text_row"]').length + document.querySelectorAll('[data-testid="outgoing_message"]').length > 0) {

to:

  if (document.querySelectorAll('[data-testid="message-container"]').length > 0) {

works for me.

I do not know why, but I guess that Messenger changed its data-testid from messenger_incoming_text_row to message-container so the extension broke.

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.