This application is designed to enhance the interaction between Twitch and Youtube streamers and their viewers by providing a dynamic and engaging way to manage viewer participation through a wheel of names. The application offers a variety of features to streamline the process of adding, managing, and tracking viewer entries.
- Twitch and Youtube Authentication: Log in to either Twitch or Youtube or Both to enable chat commands
- Wheel Request Counter: Keep track of the number of wheel requests.
- Wheel Counter Reset Button: Reset the current count without affecting the overall state.
- Remove Not Claimed Button: Removes any viewer that has not used the command !wheel since resetting the double down feature. Basically a "New Stream" button
- Double Down Feature: Viewers can use the
!wheelcommand to double their chances for new streams. - Filter User Search Bar: Search for viewers even if they have 0 chances.
- Viewer Grid Layout: Display viewers with chances in a grid layout.
- Increment and Decrement Buttons: Fine control over each viewer's chances with increment and decrement buttons.
- Stateful: The list of viewers and their chances is maintained even when the application closes.
- Manual Viewer Addition: Manually add viewer names and chances.
- WheelOfNames Wrapper Window: Integration of the Wheel of Names website into the app allows for instant updates from Twitch and Youtube Chats
!wheel: Adds the user's display name to the list with 1 chance or doubles when available.!remove: Allows viewers to remove all their chances.!odds: Sends a chat message to the correct platform with viewer's odds at winning.
- Vite: Fast and modern build tool for web projects.
- Vue.js: Progressive JavaScript framework for building user interfaces.
- Electron: Framework for building cross-platform desktop applications with web technologies.
- TypeScript: Typed superset of JavaScript that compiles to plain JavaScript.
To get started with Streamer Wheel Of Names Helper, download the latest release from the GitHub releases page and follow the installation instructions provided.
The application is built using:
To build the application from source, you will need to have Node.js and npm installed on your computer. Once you have installed Node.js and npm, you can download the source code for the application from the GitHub repository and run the following commands:
npm install
npm run dev
This will start the application in development mode and allow you to make changes to the code.
Ensure your github token is valid
- set an env var
GH_TOKENlocally in terminal or in aelectron-builder.envfile - git commit and push to the
masterbranch - create a tag. Ensure you have updated
package.json npm run buildnpm run publish
This project is licensed under the MIT License - see the LICENSE file for details.