A browser extension that will help you to find out when your followed streamers are live on Twitch and will send notifications when they start a new live stream.
To start using it, open it, log in with your Twitch account, so that the extension has access only to your public information, and, every time you click on the extension icon, you will see the streamers that you follow that are live.
This extensions supports Just Went Live notifications. If you want to enable them, open the extension, go to Settings and enable the Just Went Live notifications.
The first time the extension is opened, it stores yours follows list, as getting them is very time consuming. This way, when the extension is used, it's faster to show the ones that are live. This list expires after 1 day and if you click on the extension after that period, it wil take 1 second more to show the live streams because it's storing the new follows list.
If you don't want to wait 1 day to get the most updated list, if you click on Settings, there's a button to refresh the list. There's also a button to switch the Twitch account you are logged in.
The extension is available on Chrome Store.
In this page you can:
- Switch Twitch account
- Refresh the stored follows list
- Enable/Disable just went live notifications
For Windows users, you might get annoyed with the sound from Chrome Notifications. You can disable it by:
- Select the Windows Start button, and then select Settings
- Go to System > Notifications & actions
- Scroll down to "Google Chrome" and click the Chrome icon to open the notification settings
- Toggle "Play a sound when a notification arrives" to Off
Before running any command, you need to create a file with your Twitch Client ID. To get one, go to the Twitch Api page and register your app.
After that, create the file ./src/config.ts
with:
export const CLIENT_ID = "YOUR_CLIENT_ID";
Runs the app in the development mode with reloading.
Open http://localhost:3000 to view it in the browser.
Runs all the tests
Builds the app for production to the build
folder without inline scripts.
- Run
yarn build
. - Open chrome://extensions
- Enable
Developer mode
- Press
Load unpacked
and upload thebuild
folder
This extension was developed using React, Redux Toolkit and Material-UI.
And everyone else that helped testing and I didn't mention.
If you encounter any problems, bugs or other issues with the repo, please create an issue in the GitHub repo.