Coder Social home page Coder Social logo

ocsoares / twitch-mention-notifier Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 0.0 241 KB

A Twitch Mention Notifier web extension, when you are mentioned in chat

License: MIT License

HTML 2.57% CSS 8.68% TypeScript 88.75%
extension mention message notifier twitch web-extension twitch-extensions

twitch-mention-notifier's Introduction

Twitch Mention Notifier
Twitch Mention Notifier

Language Latest Version Downloads Code Size Last Updated

A web extension to notify users when they are mentioned in Twitch chats.

Twitch Mention Notifier is a web extension that allows users to receive notifications when they are mentioned in Twitch chats. The extension continuously monitors the chats in which the user is active and displays a notification whenever a mention is detected.

Content

Features โœจ

  • Receive notifications when you are mentioned in Twitch chats ๐Ÿ””

  • Notifies when you are mentioned with "@" and also without, so both "@JohnDoe" and "JohnDoe", for example, will activate notifications ๐Ÿ’ฌ

  • The matching is case-insensitive, meaning that it will work regardless of whether the mention is in uppercase or lowercase, so "@johndoe" or "JoHNdOe" will work โŒจ๏ธ

  • Click on the notification to open the mentioned chat in a new browser tab ๐Ÿ“ข

  • 20-second cooldown between each new notification, to prevent spam ๐Ÿ•’

Screenshots ๐Ÿ“ธ

Disabled Popup

Activated Popup

Notification

Installation ๐Ÿš€

๐ŸŒ Chromium (Google Chrome, Edge, or Brave)

  1. Download the extension in ZIP format here on the Releases Page.
  2. Extract the ZIP file to a local directory.
  3. In your browser, go to chrome://extensions in the address bar.
  4. Enable "Developer mode" in the top right corner of the page.
  5. Click on the "Load unpacked" button and select the folder where you extracted the ZIP file.
  6. The Twitch Mention Notifier extension will be loaded and activated.

โš ๏ธ IMPORTANT: The extension will not work if activated on chrome://extensions due to browser-specific policies. It should be enabled/disabled when on any website. Avoid configuring this extension while in browser settings or similar areas.

Usage ๐Ÿ’ก

  1. Click on the extension popup.
  2. Enter, respectively, the twitch channel name from which the chat will be read, your twitch username, and optionally, abbreviations or variations of your twitch username.
  3. When you are mentioned in the Twitch chat, a notification will be displayed on your computer.
  4. Click on the notification to open the mentioned chat in a new browser tab.

Contributing ๐Ÿค

Contributions are welcome! To contribute to the project, follow these steps:

  1. Fork the repository. ๐Ÿด
  2. Create a new branch with your feature or bug fix: git checkout -b my-feature.
  3. Start your changes by running the build:watch and webpack:watch scripts from the package.json.
  4. Commit your changes: git commit -m 'Added a new feature'.
  5. Push to the branch: git push origin my-feature.
  6. Open a pull request on GitHub.

License ๐Ÿ“„

License

MIT ยฉ ocsoares

twitch-mention-notifier's People

Contributors

ocsoares avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

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.