frank/streamertool

Watch

Fork 0

Alert-Test-Button & Live-Preview in Admin-UI #85

New issue

Closed

opened 2026-07-15 20:41:31 +02:00 by frank · 2 comments

frank commented

2026-07-15 20:41:31 +02:00

Owner

Kontext

Beim Konfigurieren von Alerts (Position, Text, Medien) ist es essentiell, sofort zu sehen, wie der Alert aussieht. Ohne Preview m\u00fcssen Streamer den Alert manuell ausl\u00f6sen (followen, subsen, bits spenden) \u2013 das ist umst\u00e4ndlich und teuer.

Ziel

Test-Button & Live-Preview f\u00fcr jeden Alert-Typ in der Admin-UI:

1. Test-Button

Ein "Test"-Button pro Alert-Konfiguration
\u00d6ffnet einen simulierten Alert im Overlay mit konfigurierten Werten
Test-Parameter: Username, Bit-Anzahl, Viewer-Anzahl, Sub-Tier etc. pro Event-Typ
Test-Historie: Letzte 10 Tests mit benutzerdefinierten Werten speichern

2. Live-Preview

Miniatur-Vorschau im Admin-Panel (kleine Alert-Ansicht)
OBS-Overlay-Test: Sendet den Alert direkt an das aktive Overlay
Preview-Endpoint: Separater Pfad /overlay/alert-preview f\u00fcr OBS

3. Test-Daten

Standard-Test-Daten pro Event (z. B. "TestViewer42", "1234 Bits")
Benutzerdefinierte Test-Werte eingebbar (Username, Betrag, Nachricht)
Realistische Daten zum Testen aller Variablen-Ersetzungen

Technische Leitplanken

Lokaler Test (kein externer Event-Service n\u00f6tig)
Nutzt bestehenden Event-Bus direkt (publiziert test.* Events)
Overlay behandelt Test-Events identisch zu echten Events

Akzeptanz

Test-Button pro Alert-Typ in der Admin-UI
Simulierter Alert erscheint im Overlay mit konfigurierten Werten
Benutzerdefinierte Test-Parameter (Username, Betrag, etc.)
Test-Historie (letzte 10 Tests)
OBS-Preview-Endpoint f\u00fcr echte OBS-Integration

Warum Quick-Win?

Geringer Aufwand: Nutzt bestehenden Event-Bus + Overlay, keine neue Architektur
Hoher Nutzen: Erm\u00f6glicht sofortiges Testen aller Konfigurationen ohne echte Events
Entlastet andere Issues: Alle Alert-Konfigurationen profitieren von testbaren Ergebnissen

## Kontext Beim Konfigurieren von Alerts (Position, Text, Medien) ist es essentiell, **sofort zu sehen, wie der Alert aussieht**. Ohne Preview m\u00fcssen Streamer den Alert manuell ausl\u00f6sen (followen, subsen, bits spenden) \u2013 das ist umst\u00e4ndlich und teuer. ## Ziel **Test-Button & Live-Preview** f\u00fcr jeden Alert-Typ in der Admin-UI: ### 1. Test-Button - Ein "Test"-Button pro Alert-Konfiguration - \u00d6ffnet einen simulierten Alert im Overlay mit konfigurierten Werten - **Test-Parameter**: Username, Bit-Anzahl, Viewer-Anzahl, Sub-Tier etc. pro Event-Typ - **Test-Historie**: Letzte 10 Tests mit benutzerdefinierten Werten speichern ### 2. Live-Preview - **Miniatur-Vorschau** im Admin-Panel (kleine Alert-Ansicht) - **OBS-Overlay-Test**: Sendet den Alert direkt an das aktive Overlay - **Preview-Endpoint**: Separater Pfad `/overlay/alert-preview` f\u00fcr OBS ### 3. Test-Daten - Standard-Test-Daten pro Event (z. B. "TestViewer42", "1234 Bits") - Benutzerdefinierte Test-Werte eingebbar (Username, Betrag, Nachricht) - Realistische Daten zum Testen aller Variablen-Ersetzungen ## Technische Leitplanken - Lokaler Test (kein externer Event-Service n\u00f6tig) - Nutzt bestehenden Event-Bus direkt (publiziert `test.*` Events) - Overlay behandelt Test-Events identisch zu echten Events ## Akzeptanz - [ ] Test-Button pro Alert-Typ in der Admin-UI - [ ] Simulierter Alert erscheint im Overlay mit konfigurierten Werten - [ ] Benutzerdefinierte Test-Parameter (Username, Betrag, etc.) - [ ] Test-Historie (letzte 10 Tests) - [ ] OBS-Preview-Endpoint f\u00fcr echte OBS-Integration ## Warum Quick-Win? - **Geringer Aufwand**: Nutzt bestehenden Event-Bus + Overlay, keine neue Architektur - **Hoher Nutzen**: Erm\u00f6glicht sofortiges Testen aller Konfigurationen ohne echte Events - **Entlastet andere Issues**: Alle Alert-Konfigurationen profitieren von testbaren Ergebnissen

frank added this to the Twitch Alerts – Konfiguration & Defaults milestone

2026-07-15 20:41:31 +02:00

frank self-assigned this

2026-07-15 20:41:31 +02:00

frank added the

labels

2026-07-15 20:41:58 +02:00

frank commented

2026-07-15 20:57:43 +02:00

Author

Owner

Zugewiesen an codex agent via agent:ready label.

Zugewiesen an `codex` agent via `agent:ready` label.

frank removed the

agent:ready

label

2026-07-15 20:59:37 +02:00

frank removed their assignment

2026-07-15 20:59:38 +02:00

codex was assigned by frank

2026-07-15 20:59:38 +02:00

codex commented

2026-07-15 20:59:43 +02:00

Collaborator

🤖 forge agent started

Agent: codex
Model: gpt-5.6-sol
Mode: pr
Trigger: assignee=agent|+4 mapped
Open ToDos: 5

Alert-Test-Button & Live-Preview in Admin-UI — Beim Konfigurieren von Alerts (Position, Text, Medien) ist es essentiell, sofort zu sehen, wie der Alert aussieht. Ohne Preview m\u00fcssen Streamer den Alert manuell ausl\u00f6sen (followen,…

🤖 **forge agent started** - Agent: `codex` - Model: `gpt-5.6-sol` - Mode: `pr` - Trigger: `assignee=agent|+4 mapped` - Open ToDos: 5 Alert-Test-Button & Live-Preview in Admin-UI — Beim Konfigurieren von Alerts (Position, Text, Medien) ist es essentiell, **sofort zu sehen, wie der Alert aussieht**. Ohne Preview m\u00fcssen Streamer den Alert manuell ausl\u00f6sen (followen,…

codex added the

agent:working

label

2026-07-15 20:59:43 +02:00

~~codex referenced this issue 2026-07-15 20:59:45 +02:00~~

fix: #85 Alert-Test-Button & Live-Preview in Admin-UI #88

codex referenced this issue

2026-07-15 20:59:45 +02:00

fix: #85 Alert-Test-Button & Live-Preview in Admin-UI #88

codex referenced this issue

2026-07-15 20:59:53 +02:00

fix: #85 Alert-Test-Button & Live-Preview in Admin-UI #88