twitch-chat-overlay

Todos

• Projekt initialisieren
• Vue + Electron installieren
• Chats anzeigen
• Farben an neues Logo anpassen
• Margin links, rechts, oben von message box entfernen
• Electron Fenster anpassen (Hintergrund entfernen, Leiste entfernen)
• Leere Nachricht wenn noch keine Nachrichten
• Nette Transitions
• Avatar anzeigen
• Follower / Nicht Follower unterscheiden -> Farbe?
• MArkup? -> Bold, Italic, Underline... dompurify
• BTTV Emote Twitch Emotes
• Gelöschte Nachrichten aus Array löschen (tmi.js event messagedeleted, https://github.com/tmijs/docs/blob/gh-pages/_posts/v1.4.2/2019-03-03-Events.md#messagedeleted)
• Badges anzeigen -> Streamer, Mods, Subs

Future Todos

• eigene badges -> fontawesome icon
• Status Nachricht
• Hervorgehobene Nachricht hervorheben-
• Redemptions anzeigen
• (- [ ] Sub / Spender anzeigen) (- [ ] Seit wann Follower)

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint

Preview with Electron (Build first!)

npm run electron:start

Build Windows Exec. with Electron (Build first!)

npm run electron:windows