Mayhem
Stats and builds for League of Legends' ARAM Mayhem.
- mayhemstats.lol: leaderboard, records and tier lists in your browser.
- Mayhem app for Windows: in champion select you click one of the champions you are dealt to pick it, then it shows your champion's best builds and every augment in tiers S to D; Push build saves the chosen build as an item set in the client and, in champ select, sets its summoner spells. Also tier lists, combos and offmeta builds, and your rank from mayhemstats.lol. It only changes something in the League client when you click (your pick, the item set) and never touches your game.
Download
- Double-click
mayhem.exe. No installation needed.
- If Windows says "Windows protected your PC": click More info, then Run anyway. The app is not signed; this only comes up the first time.
- Find my Mayhem rank (Home or Rank): uploads your recent Mayhem games to mayhemstats.lol and shows your rank; after that each new game uploads by itself while the app runs. Remove yourself anytime at mayhemstats.lol/privacy/remove.
New versions: click Update at the bottom left of the app. It shows what's new and installs with one click.
Windows 10 or 11 (64-bit). The folders on this page and the "Source code" files are only the source code. All versions: Releases.
blank. (paused)
blank. was the Windows app before (Twitch, ARAM rankings with friends, PC status and more). It is paused. If you have blank., its next update turns it into the Mayhem app: same file, same shortcuts. On its first start the Mayhem app sets blank.'s gaming tweaks back and removes blank.'s autostart, Twitch sign-in, settings and saved games. The code of blank. stays here.
Für Entwickler
Tauri 2, React, TypeScript und Vite. In der Desktop-App sind alle angezeigten Daten echt: Twitch über die offizielle Helix-API (Login nötig), Akkustände direkt von den Geräten (nur lesend), PC-Werte von Windows, Musik über SoundClouds offiziellen Player. Die Browser-Vorschau zeigt für Twitch fiktive Mock-Daten; Akkus und PC-Werte gibt es dort nicht. Kein Scraping.
Neue Version veröffentlichen: Versionsnummer in package.json, src-tauri/Cargo.toml und src-tauri/tauri.conf.json anheben, committen, Tag vX.Y.Z pushen. GitHub Actions (.github/workflows/release.yml) prüft Formatierung, Lint und Rust-Tests, baut blank. nur zur Prüfung (pnpm desktop:build, wird nicht ausgeliefert, blank. ist pausiert), baut die Mayhem-App (pnpm mayhem:build) und hängt sie als mayhem.exe und – dieselbe Datei – als blank.exe an das Release (Text aus .github/release-notes.md): So wird jedes blank. per Update zur Mayhem-App, die beim ersten Start blank. aufräumt (src-tauri/src/from_blank.rs). Der Download-Link oben zeigt immer auf das neueste Release. Vorher die Klick-Prüfung aus VALIDATION („Vor jedem Release“) auf Windows durchgehen.
Prüfung bei jeder Änderung: .github/workflows/check.yml läuft bei jedem Pull Request und Push auf main: Format, Lint (pnpm lint, React-Hooks-Regeln), Build, Tests, Browser-Erweiterung sowie Rust-Tests und Clippy unter Windows.
Starten
Voraussetzungen: Node.js 22.12+ und pnpm 11. Für die Desktop-App zusätzlich Rust mit MSVC-Toolchain, Microsoft C++ Build Tools (Desktopentwicklung mit C++) und WebView2. Offizielle Anleitung: https://v2.tauri.app/start/prerequisites/
Einrichtung per winget (so auf dem Entwicklungsrechner geprüft):
winget install -e --id OpenJS.NodeJS.LTS
winget install -e --id Microsoft.VisualStudio.2022.BuildTools --override "--quiet --wait --norestart --add Microsoft.VisualStudio.Workload.VCTools --includeRecommended --add Microsoft.VisualStudio.Component.Windows11SDK.26100"
npm install -g [email protected]
Rust über rustup-init.exe von https://rustup.rs (Standard-Toolchain stable-x86_64-pc-windows-msvc). Die Installation über winget (Rustlang.Rustup) brach auf dem Prüfrechner ab. Danach eine neue Shell öffnen, damit cargo im PATH ist.
pnpm install --frozen-lockfile
pnpm dev
Browser-Vorschau: http://127.0.0.1:1420
pnpm build # TypeScript-Prüfung und Produktionsbuild
pnpm format:check # Einheitliche Formatierung prüfen
pnpm test # Tests (Vitest): Design-System
pnpm desktop:dev # Tauri-Fenster mit Entwicklungsserver
pnpm desktop:build # Windows-EXE, noch kein Installer
pnpm extension:build # Browser-Erweiterung nach extension/dist
Die EXE entsteht unter src-tauri/target/release/blank.exe. Der sichtbare App- und Fenstertitel lautet blank.. Das Fenster ist rahmenlos: eine eigene Titelleiste im App-Design übernimmt Ziehen, Minimieren und Schließen; Größenänderung erfolgt über die unsichtbaren Fensterränder. Installer und Signierung gibt es nicht; Updates kommen über Settings → System.
Bereiche
- Home: Übersicht mit Verknüpfungen: links „Twitch Live“ (bis zu 6 Live-Kanäle; ist keiner deiner Kanäle live, steht das dort, darunter die 3 größten Pros, die gerade live sind, und „Alle … Pros live ansehen“ – abgefragt nur dann und nur solange Home offen ist, einmal pro Minute wie auf der Pros-Seite), rechts „Dein Setup“ und „PC-Status“; in der Desktop-App alles echte Daten (Badge „Live“). Nach dem Start stehen CPU und GPU nach ≈ 0,7 s da (vorher bis zu 10 s „—“).
- Twitch: eigene Kanalauswahl („Kanäle“). Pro Kanal „Alle Spiele“ oder nur bestimmte Spiele (Spielsuche); ist ein Kanal mit einem anderen Spiel live, wird er ausgeblendet (die Kanalverwaltung nennt den Grund). Live-Filter und Leerzustände (keine Suchleiste). Live-Karten mit offiziellem 16:9-Vorschaubild, Profilbild, Titel und Spiel (nach Zuschauern sortiert); Offline-Kanäle als kompakte Zeile. Desktop-App: echte Daten, alle 60 s aktualisiert (Vorschaubilder höchstens alle 5 Minuten, so oft erneuert Twitch sie); der Aktualisieren-Button lädt sofort alles neu: Titel, Spiel, Zuschauer, Vorschaubild, Anzeigename und Profilbild. Ein Klick auf Karte, Offline-Zeile oder Home-Eintrag öffnet den Kanal auf twitch.tv im Standardbrowser. Live-Meldung: Geht ein ausgewählter Kanal live (bzw. wechselt zu einem ausgewählten Spiel), erscheint unten rechts eine Meldung (Klick öffnet den Stream) und ein kurzer, selbst erzeugter Ton; abschaltbar unter Settings → Benachrichtigungen. Die ersten 10 Kanäle meldet Twitch sofort per EventSub-WebSocket (Twitch-Kostenlimit), alle übrigen und Spielwechsel erkennt der Abruf alle 30 s. Browser-Vorschau: Mock-Daten, nicht klickbar.
- Zusammen schauen (Watch together, Benutzerwunsch): Knopf „Zusammen“ auf der Twitch-Seite (auch ohne eigene Twitch-Einrichtung, dann über der Anmeldekarte). „Raum starten“ erzeugt einen Raum-Code (
7F3K-9QDX-WDM4: zehn Zeichen Geheimnis, zwei Prüfzeichen wie beim Umzugs-Code, jeder einzelne Tippfehler wird erkannt); „Beitreten“ mit Code und Name (Standard: der Twitch-Name; gespeichert als Einstellung). Im Raum: Code mit „Kopieren“, wer da ist (Lebenszeichen jede Minute, weg nach 2,5 min ohne), der Kanal und wer umgeschaltet hat, „Player öffnen/schließen“, „Neu synchronisieren“ (alle starten den Stream neu und sind wieder gleich weit), ein Feld für jeden Kanal (Name oder twitch.tv-Link; mit Twitch-Verbindung wird er geprüft und bekommt seinen Anzeigenamen) und „Verlassen“. Solange du in einem Raum bist, zeigt die Titelleiste „Im Raum · Anzahl“ (Klick öffnet ihn). Der letzte Raum bleibt gespeichert und wird als „Wieder beitreten“ angeboten, nie automatisch. Ein Klick auf eine Live-Karte schaltet im Raum für alle um statt den Browser zu öffnen. Alle dürfen umschalten; kommen zwei Wechsel gleichzeitig, gewinnt überall derselbe. Wer später beitritt, bekommt sofort den aktuellen Kanal, und der Player öffnet sich. Der Player ist Twitchs offizieller Player (player.twitch.tv) in einem eigenen Fenster „blank. Zusammen schauen“ mittig auf dem Bildschirm von blank. (Twitch erlaubt das Einbetten nur in -Seiten, blank. läuft unter ); das Fenster zeigt nur , Links zu twitch.tv öffnen im Browser, andere Fenster werden abgelehnt. Twitchs Regeln bleiben: Altershinweis einmal selbst bestätigen, Werbung wie gewohnt. Bei Live-Streams liegen die Zuschauer meist ein paar Sekunden auseinander (puffert Twitch bei jedem etwas anders); genauer geht es bei Live nicht. Verbindung ohne Konto (Wahl des Benutzers) über zwei öffentliche MQTT-Vermittler gleichzeitig (HiveMQ und Mosquitto, ): fällt einer aus, trägt der andere; getrennte Verbindungen werden mit Pausen neu aufgebaut. Alles ist in der App verschlüsselt (AES-256-GCM, Schlüssel und Raum-Adresse per PBKDF2 aus dem Code), die Vermittler sehen nur unlesbaren Text; sie sehen aber, wie jeder Server, die IP-Adressen. Verbindungen bestehen nur, solange man in einem Raum ist; wer als Letzter geht, löscht den gespeicherten Kanal auf den Vermittlern.
Architektur
src/
adapters/twitch.ts Twitch-Schnittstelle: Typen, Fehlerarten, Konto-API, Spielregel
adapters/twitchHelix.ts Desktop: ruft nur die freigegebenen Rust-Befehle auf
adapters/twitchMock.ts Browser-Vorschau: Daten aus data/mock.ts, Auswahl in localStorage
adapters/twitchSource.ts Wählt Helix (Tauri) oder Mock (Browser)
app/App.tsx Navigation, App-Shell, lokale UI-Einstellungen
app/TitleBar.tsx Eigene Titelleiste (Ziehfläche, Live-Auslastung, Status-Badge, Minimieren, Schließen)
app/useAppUsage.ts Liest die Auslastung alle 2 s, nur bei sichtbarem Fenster
app/SidebarAccount.tsx Profilblock unten in der Sidebar
components/ui.tsx Card, Badge, Meter, DeviceIcon
components/Guard.tsx Absturzschutz: ein Fehler bleibt in seiner Karte, Seite oder seinem Dialog
platform/errorLog.ts Fehler ins lokale Protokoll (errors.rs), Fehlerbericht zum Kopieren
platform/window.ts Isolierter Adapter für native Fensteraufrufe
platform/system.ts Adapter für Auslastung und Autostart (nur Desktop-App)
adapters/devices.ts Adapter für die Akkustände (nur Desktop-App)
adapters/pc.ts Adapter für PC-Status und Warnungs-Ereignisse (nur Desktop-App)
adapters/soundcloud.ts SoundCloud: Profilprüfung (oEmbed), Steuerung des eingebetteten Players per postMessage
adapters/media.ts Was gerade läuft (Windows-Medienschnittstelle) und Zurück/Pause/Weiter (nur Desktop-App)
platform/popout.ts Popouts: Meldungen an das Popout-Fenster, Befehle des Popout-Fensters
app/useWarnings.ts Akku- und Überlast-Warnungen für Meldungen und Popouts
adapters/watchRoom.ts Zusammen schauen ohne App-Teil: Raum-Code, Schlüssel, Nachrichten (auch für die Erweiterung)
data/mock.ts Zentrale, statische Beispieldaten
design/ Design-System: Tokens, Themes, Bewegung, Anpassung, Auflösung (siehe design/README.md)
features/
home/ twitch/ pros/ aram/ music/ devices/ pc/ apps/ settings/ popouts/
features/settings/preferences.ts Einstellungen: Typ, Standardwerte, Prüfung (gespeichert und importiert)
features/settings/settingsFile.ts Übertragen: Dateiformat und strenge Prüfung beim Import
styles/tokens.css Erster Bildaufbau: Farben, Abstände, Radien, Schrift (gleich mit design/themes.ts)
styles/app.css Layout, Komponenten und responsive Regeln
src-tauri/
src/twitch/ Helix-Zugriff, Device Code Login, Token im Windows-Tresor,
EventSub-WebSocket für sofortige Live-Meldungen (eventsub.rs)
src/sound.rs Live- und Warnton (src/assets/*.wav, eingebettet) über PlaySoundW, Lautstärke durch Skalieren einer Kopie
src/window_aspect.rs Festes Seitenverhältnis + Inhalts-Zoom
src/monitor.rs Startposition: zuletzt benutzte Stelle und Größe (window.json), sonst mittig auf dem zweiten Monitor
src/errors.rs Fehlerprotokoll errors.log (nur auf diesem PC, ohne Benutzerordner und -name), Bericht zum Kopieren
src/winver.rs Windows-Build (nur lesend): Windows 10 oder 11
src/background.rs Minimiert: WebView2 unsichtbar + Speicherziel „niedrig“
src/usage.rs Eigene Auslastung (blank.exe + WebView2-Prozesse)
src/autostart.rs „Mit Windows starten“ (Run-Eintrag des Benutzers)
src/battery.rs Akkustände: Logitech HID++ und HyperX, nur lesende Anfragen
src/single_instance.rs Nur eine laufende App; ein zweiter Start holt die ganze App nach vorn
src/flyout.rs Popout-Fenster: bei Bedarf erzeugt, unten mittig, ohne Fokus, nach 30 s Ruhe geschlossen
src/media.rs Was gerade läuft, per Ereignis von Windows (GlobalSystemMediaTransportControls)
src/tray.rs Symbol im Infobereich (Pfeil unten rechts): Klick/„Öffnen“ → App, „Beenden“
src/pc.rs PC-Status, Programme mit der meisten Last, Überlast- und Akku-Warnungen, Programm schließen
src/soundcloud.rs Öffnet soundcloud.com-Links (Track, Uploader) im Browser, sonst nichts
src/settings_file.rs Export: ergänzt Twitch-Kanäle und Client-ID, schreibt nach Downloads
src/memory.rs RAM bereinigen wie Mem Reduct (eigener Start mit Adminrechten, nur auf Klick)
src/apps.rs Reset-Helfer: installierte Programme lesen, gewählte direkt vom Hersteller installieren (Signatur geprüft)
src/tweaks.rs Gaming-Optimierung: feste Liste von Benutzer-Einstellungen, Sicherung + Rückgängig
src/update.rs Updates aus den eigenen GitHub-Releases (Prüfsumme, Austausch, Neustart)
src/aram.rs ARAM-Mayhem-Rangliste: Spiele aus dem League-Client (nur lesend, 127.0.0.1), gespeichert in aram.json
src/watch.rs Zusammen schauen: Raum über zwei öffentliche MQTT-Vermittler (nur verschlüsselter Text), Twitch-Player-Fenster
build.rs App-Manifest: nur freigegebene Befehle aufrufbar
capabilities/ Fenster ziehen/minimieren/schließen, Ereignisse + einzeln freigegebene eigene Befehle
tauri.conf.json Fenster, Build-Verknüpfung und CSP
extension/ Browser-Erweiterung „Zusammen schauen“ (eigener Build: pnpm extension:build → extension/dist)
src/background.ts Der Raum im Hintergrund der Erweiterung; ein Twitch-Tab folgt ihm
src/mqtt.ts MQTT 3.1.1 über WebSocket, dieselben Pakete wie src-tauri/src/watch.rs
src/channel.ts Kanal eines Tabs, nur aus seiner Adresse
src/popup.ts Kleines Fenster: Raum starten, beitreten, verlassen
Die Hauptbereiche (Home, Twitch, Pros, Devices, PC, Settings) sind eigene Komponenten. Für dieses Grundgerüst reicht eine typisierte Navigation ohne Router. React-Zustand bleibt lokal; nur Anzeigepräferenzen werden gespeichert. Ein defekter oder gesperrter Speicher führt nicht zum Absturz. Ein Fehler beim Zeichnen bleibt in seinem Teil (components/Guard.tsx: jede Seite, jedes Home-Widget, Einstellungen, Dock, Dialoge, Popout-Fenster; ganz außen app/CrashScreen.tsx statt eines schwarzen Fensters) und landet mit nicht abgefangenen Fehlern im lokalen Protokoll. Jedes Fenster lädt nur seinen Teil des Codes (main.tsx: das Popout-Fenster nie die Seiten der App). Native Fensteraufrufe laufen ausschließlich über platform/window.ts (@tauri-apps/api) und erst bei Benutzereingabe; die Browser-Vorschau blendet die Fensterknöpfe aus und benötigt keine Tauri-Laufzeit.
Gestaltung & Zugänglichkeit
Ein Design, „Klassisch“ (Aufbau siehe unten), mit sechs Farbschemata. Die übrigen Designs (Arena, Klar, HUD, Bento, Void, Orbit, Axiom) wurden auf Benutzerwunsch entfernt; eine früher gespeicherte Design-Wahl wird beim Lesen der Einstellungen ignoriert, das Farbschema bleibt. Nur die Popout-Farbe „hell“ hat eigene helle Farben (html[data-popout-look='light'] in tokens.css, gesetzt im Popout-Fenster). Keine Dauer-Animationen, keine fremden Logos oder Bilder.
Design-System (src/design/, Details in src/design/README.md): alle Werte als benannte Tokens (Farben, Abstände, Radien, Schatten, Schrift, Bewegung), Themes mit Vererbung (Basis → Dunkel → Klassisch) plus Farbschema, eine gespeicherte, geprüfte Anpassung mit Presets und Migrationen, und eine Auflösung Standard → Theme → Farbschema → Preset → eigene Änderung → Vorschau mit Herkunft je Wert. Die App schreibt das Ergebnis als CSS-Variablen auf <html>. Alles unter Settings → Darstellung läuft darüber und ist sofort in der ganzen App zu sehen; frühere Einstellungen („Kompakte Ansicht“, „Animationen“) werden beim ersten Lesen übernommen. Ohne eigene Änderungen sieht alles aus wie vorher (geprüft, siehe VALIDATION). Bewegung (nach Beispiel-Videos des Benutzers: mit Ursprung, fließend): Seiten kommen aus der Richtung des Menüeintrags, die ersten Karten gestaffelt, Reiter von der Seite ihres Reiters, Aufgeklapptes vom Knopf her; der Inhalt blendet beim Start und Wiederherstellen ein und vor dem Minimieren/Schließen aus; das kompakte Musik-Popout wächst beim Hovern fließend zur großen Ansicht. Alles kurz und einmalig; „Animationen“ aus: nichts bewegt sich. Startbildschirm: Lichtpartikel wirbeln herein und bilden „blank“, der Punkt fällt mit Druckwelle und Funken, darunter der echte Ladestand (Twitch, PC, Geräte), dann öffnet sich der Punkt wie ein Portal zur App; beim ersten Start länger, später kürzer, Klick oder Taste überspringt.
Live-Ton: „new notification 07“ von Universfield (Pixabay), vom Benutzer ausgewählt, einmalig von MP3 in WAV umgewandelt (src/assets/live-alert.wav), weil PlaySoundW nur WAV abspielt. PlaySoundW kennt keine Lautstärke; play_alert_sound(volume) multipliziert die 16-Bit-Samples einer Kopie mit (Lautstärke/100)² und spielt sie in einem eigenen Thread (Browser-Vorschau: audio.volume mit derselben Kurve).
Eigenständige Gestaltung mit dunklen Grün-/Schwarztönen (Standard; weitere Farbschemata in den Settings: data-theme auf <html>, Paletten in src/styles/tokens.css mit gleicher Helligkeit/Sättigung und anderem Farbton, abgeleitete Töne per color-mix()), Sidebar, abgerundeten Cards und dezenten Akzenten. Aufbau lose an Desktop-Apps wie DPM angelehnt (keine Assets übernommen): Sidebar auf dunklem Rahmen mit Abschnitten (Übersicht, Live, System), aktivem Balken und Profilblock (Twitch-Konto, öffnet Settings); Inhalt in einem eingerahmten Panel mit Seitenkopf (Symbol-Kachel + Titel); Status-Badge in der Titelleiste; Leerzustände mit Symbol-Kachel. Keine kopierten Referenz-Logos oder Produktbilder. Symbole: Lucide (ISC-Lizenz); Schrift: lokal verfügbare Segoe UI/Systemschrift. src-tauri/icons/icon.ico ist ein eigenes, neutrales Icon (weißes „b.“ auf fast schwarzer, abgerundeter Kachel, Rand durchsichtig), unabhängig von den Farbschemata und auf heller wie dunkler Taskleiste lesbar; Quelle src-tauri/icons/icon.svg. Neu erzeugen: pnpm tauri icon src-tauri/icons/icon.svg -o <Temp-Ordner> und nur icon.ico übernehmen; danach src-tauri/build.rs berühren (Änderungsdatum), sonst bettet der Build weiter das alte Icon in die EXE ein. Es werden keine Fonts aus dem Netz geladen; Bilder aus dem Netz nur als Inhalt: Twitch-Vorschauen/Profilbilder und im Pros-Tab Champion-Icons von Riots Data Dragon (nicht im Repo gebündelt).
Tastaturbedienbare Navigation, sichtbare Fokusmarkierung, beschriftete Formulare, semantische Schalter, ein Sprunglink und Beachtung von prefers-reduced-motion sind enthalten. Das Badge „Mock“ in der Titelleiste erscheint, solange Daten simuliert sind (Browser-Vorschau); in der Desktop-App ist nach dem Entfernen des League-Platzhalters nichts mehr simuliert. Kleinere Browserfenster erhalten eine kompakte Sidebar; im Desktopfenster greift sie nie, weil der Inhalt dort immer 860 CSS-Pixel breit ist.
Weiterentwickeln / Übergabe an Claude Code
Den ganzen Projektordner einschließlich CLAUDE.md, pnpm-lock.yaml und dieser README kopieren oder in ein eigenes Git-Repository übernehmen. node_modules, dist und src-tauri/target werden nicht mitgegeben. Anschließend pnpm install --frozen-lockfile ausführen. Für Twitch-Echtdaten wird eine eigene Client-ID benötigt (siehe oben); sonst sind keine Schlüssel oder Accounts notwendig.
Twitch-Anbindung: Login per Device Code Flow (Public Client, kein Client Secret, keine Scopes). Der OAuth-Token liegt nur in der Windows-Anmeldeinformationsverwaltung (Eintrag blank.twitch), Client-ID und Kanalauswahl in %APPDATA%\com.blank.desktop\twitch.json. Alle Anfragen laufen in Rust (reqwest mit Windows-Schannel); das Frontend erhält nie einen Token. Token-Validierung beim Start und stündlich (Twitch-Vorgabe), automatischer Refresh, bei Ablauf „Nicht verbunden“. Endpunkte: GET /helix/streams?user_login=… (bis 100 Kanäle, alle 60 s), /helix/users, /helix/search/categories. Spielregeln werden lokal über game_id angewendet. CSP erlaubt zusätzlich nur Bilder von static-cdn.jtvnw.net, ddragon.leagueoflegends.com (Champion-Icons im Pros-Tab) und *.sndcdn.com (SoundCloud-Bilder), Abrufe von soundcloud.com (nur oEmbed) und als einziges eingebettetes Fenster w.soundcloud.com (Player). Kein Scraping, keine inoffiziellen Endpunkte.
Neue Integrationen zuerst als typisierte Adapter außerhalb der UI planen. Mock- und echte Daten müssen unterscheidbar bleiben; Lade-, Fehler-, Offline- und Nicht-verfügbar-Zustände gehören zur Schnittstelle. Tokens/Secrets niemals in Frontend-Code, VITE_*, Logs oder Git ablegen. Native Berechtigungen nur gezielt ergänzen. Eine spätere Datenquelle darf nicht unmittelbar aus beliebigen UI-Komponenten abgefragt werden.
Git: .gitignore, .gitattributes, Prettier-Konfiguration und Lockfiles liegen bei; der Code liegt öffentlich auf GitHub, Releases siehe „Download“.
Siehe VALIDATION.md für den tatsächlichen Prüfstand und CLAUDE.md für Arbeitsregeln.
Kompaktes Desktopfenster
Das Fenster ist voll deckend (die frühere ~92-%-Transparenz wurde auf Benutzerwunsch verworfen) und hat dadurch wieder den normalen Windows-Schatten und abgerundete Ecken. Kein Durchklicken, kein Always-on-top.
Ressourcen. Die App soll dauerhaft im Hintergrund laufen können. Mit „Animationen“ an nutzt WebView2 die Grafikkarte (flüssige Bewegung, gemessen ~43 MB mehr Speicher, bei Animationen gut ein Drittel weniger CPU); mit „Animationen“ aus startet sie mit --disable-gpu --in-process-gpu (kein eigener GPU-Prozess, Software-Darstellung). Die Wahl gilt ab dem nächsten Start (src-tauri/src/gpu.rs, gpu.json); Settings → Darstellung bietet dann „Jetzt neu starten“. Minimiert wird die WebView als unsichtbar markiert (Chromium drosselt Zeichnen und Timer, document.hidden) und auf niedrigen Speicherverbrauch gesetzt; Skripte laufen weiter, Live-Meldungen und Ton funktionieren also. Der Pros-Tab und die Auslastungsanzeige pausieren minimiert; die Twitch-Abfrage läuft weiter, weil sie Live-Meldungen für Kanäle außerhalb von EventSub liefert. Die Titelleiste zeigt live CPU (Anteil an allen Kernen) und Arbeitsspeicher (privater Arbeitssatz, wie Task-Manager) aller Prozesse der App.
Popouts. Ist blank. nicht das aktive Fenster (minimiert, verdeckt oder auf dem anderen Bildschirm), erscheint an der gewählten Stelle (Standard: unten mittig über der Taskleiste des Hauptbildschirms) ein kleines Popout wie bei FluentFlyout (src-tauri/src/flyout.rs, src/features/popouts/): wer live geht (Klick öffnet den Stream), Akku- und Überlast-Warnungen („Details“ öffnet die passende Seite, bei Überlast auch „Programm schließen“) und Musik aus einem beliebigen Player – bei neuem Lied, Pause und Weiterspielen (z. B. mit den Medientasten), etwa Spotify, YouTube, YouTube Music oder der Browser – mit Cover, Titel, Künstler, App und Knöpfen für Zurück, Pause/Abspielen und Weiter (ausgegraut, wenn der Player es nicht anbietet); auch der eigene SoundCloud-Mix von blank. (Titel, Künstler und Cover von SoundCloud; Pause, Nächster Titel und Spulen steuern den Mix in der App). Aufbau nach FluentFlyout (Vorlage des Benutzers, mit eigenem CSS nachgebaut): Cover links, Titel und Künstler, großer gefüllter Pause-Knopf in der Akzentfarbe des Designs, App-Name klein, darunter der Fortschritt mit Zeiten – Klicken oder Ziehen springt, wenn der Player es erlaubt; Live-Streams ohne Länge zeigen keinen. Den Fortschritt fragt das Popout nur beim Erscheinen einmal ab und zählt danach selbst weiter, solange es zu sehen ist. Was läuft, liest src-tauri/src/media.rs über dieselbe Schnittstelle, die Windows für seine eigene Medienanzeige und den Sperrbildschirm nutzt (GlobalSystemMediaTransportControls): nur Ereignisse, keine Abfragen; auch Videos und Streams im Browser zählen, ein neuer Kanal ist also ein neues „Lied“. Die Stelle wie bei FluentFlyout unter Settings → Popouts → Position (oben oder unten, links, Mitte oder rechts, 12 px vom Rand; jede Auswahl und „Testen“ zeigen ein Probe-Popout) und bei mehreren Bildschirmen „Bildschirm“: Hauptbildschirm, zweiter (der erste, der nicht der Hauptbildschirm ist) oder der mit der Maus. Drückt man eine Medientaste, zeigt Windows zusätzlich seine eigene kleine Anzeige. Alles einstellbar unter Settings → Popouts (nach der Funktionsliste von FluentFlyout, die der Benutzer geliefert hat; mit Suche über alle Settings): an/aus mit „Testen“, auch bei Vollbild, auch wenn blank. vorne ist, Linksklick auf das Symbol im Infobereich (App öffnen oder Musik zeigen – „Gerade läuft nichts“, wenn nichts spielt); Musik: an/aus, auch bei Pause und Weiter, „Immer anzeigen“ oder Anzeigedauer 1–30 s, Layout normal/kompakt (kompakt: eine Zeile mit schmalem Fortschrittsbalken statt der Knöpfe, ohne Länge wie bei Twitch live ohne Balken; mit der Maus darauf klappt es sofort in die große Ansicht mit Fortschrittsbalken zum Spulen auf, gemessen ≈ 10 ms bis das Fenster seine neue Größe hat, und 250 ms nach dem Verlassen wieder zu; es wächst von der Bildschirmkante weg), Titel zentrieren, Player-Name (Klick öffnet den Player: Store-Apps über ihre ID, sonst wird das Fenster des Programms nach vorn geholt), Fortschrittsbalken, Wiederholen- und Zufall-Knopf (wenn der Player es kann; das Popout wird breiter), andere Medien automatisch pausieren (startet ein Player oder der Mix, halten die anderen an), „Als Nächstes“ (kleines Popout mit eigener Dauer, wenn ein Lied von selbst folgt: das vorige lief bis auf 6 s zu Ende); : alle, nur diese oder alle außer diesen (Namen wie „Spotify“, „Chrome“, eigener Mix „blank.“; „Die gerade spielt“ trägt die laufende App ein); : Live, Warnungen, „Immer anzeigen“ oder 1–30 s; : Farben wie blank., dunkel oder hell, Hintergrund (keiner, Cover-Schein, aufsteigender Schein, unscharfes Cover – einmal gezeichnet, nichts bewegt sich), Cover-Farbe als Akzent, Deckkraft 20–100 % (Standard 88 %: etwas durchscheinend), Acrylic (dahinter unscharf, mit Rahmen und Schatten von Windows), Hineingleiten (aus, 0,5×–2× von 250 ms) mit Verlauf (gleichmäßig, sanft, Standard, kräftig): das Popout gleitet durchscheinend 18 px vom Bildschirmrand her herein und genauso wieder hinaus, erst wenn sein Fenster steht; nur mit „Animationen“, standardmäßig auch wenn die Animationseffekte von Windows aus sind (abschaltbar: „Auch wenn Windows-Animationen aus sind“); : Stelle und Bildschirm (Haupt, zweiter, wo die Maus ist, wo das aktive Fenster ist). Neue Einstellungen wirken sofort, auch auf ein offenes Popout. Pause, Wiederholen und Zufall zeigen den neuen Zustand schon beim Klick (≈ 2 ms), bevor der Player antwortet; seine Rückmeldung ersetzt ihn, bleibt sie aus, springt die Anzeige nach 3 s zurück. Knöpfe geben beim Drücken nach. Mit der Maus darauf oder nach einem Klick darin bleibt es offen und geht erst einige Sekunden danach; meldet ein Player kurz „nichts“ (Tab- oder Titelwechsel), bleibt der letzte Titel noch 3 s stehen. Live-Meldungen und Warnungen kommen vor ein offenes Musik-Popout, danach ist die Musik wieder da; weitere warten dahinter („+1“). Ein offenes Mix-Popout folgt Pause, Weiter und Titelwechsel an Ort und Stelle, ohne neu aufzuspringen; Ein × gibt es nicht (ausschalten nur unter Settings → Popouts): Meldungen ohne eigene Knöpfe gehen mit einem Klick darauf, Live mit „Stream öffnen“. Das Popout nimmt beim Erscheinen nie den Fokus (erst ein Klick darauf; nur so darf „Details“ die App nach vorn holen), fehlt in Taskleiste und Alt+Tab, hat die Farben des gewählten Farbschemas und kommt nicht, solange auf seinem Bildschirm ein Vollbild-Spiel, ein Vollbild-Video oder eine Präsentation läuft, und verschwindet sofort, wenn dort etwas in den Vollbildmodus geht (ein Vollbild auf dem anderen Bildschirm stört nicht; ), bei „Nicht stören“ oder wenn es unter Settings → Popouts ausgeschaltet ist. Das Popout-Fenster selbst ist unsichtbar: ohne Acrylic zeichnet Windows weder Rahmenlinie noch runde Ecken darum, die Karte malt Hintergrund, Rand und Schatten selbst (mit 10 px durchsichtigem Rand für den Schatten). Es hat eine eigene kleine WebView, die erst beim Popout entsteht und eine halbe Minute nach dem letzten wieder geschlossen wird (gemessen: ≈ 40 MB, solange es offen ist; danach endet sein WebView-Prozess; sichtbar nach ≈ 0,2 s). Das frühere Pet wurde dafür auf Benutzerwunsch entfernt; das Hauptfenster bleibt technisch transparent angelegt wie bisher (), die App malt ihren Hintergrund selbst voll deckend.
Warnungen und „Nicht stören“. src-tauri/src/pc.rs misst im Hintergrund alle 10 s (Home 5 s, PC-Seite 2 s; minimiert gemessen 0,03 % CPU für die ganze App; beim Start zuerst CPU, RAM und Laufwerk nach 0,25 s, die Grafikkarten-Zähler öffnen danach, weil Windows dafür alle GPU-Teile auflistet): CPU aus GetSystemTimes, RAM aus GlobalMemoryStatusEx, Grafikkarte aus den Windows-Leistungsindikatoren „GPU Engine“ (wie der Task-Manager, per DXGI der Grafikkarte mit dem meisten Videospeicher zugeordnet), Laufwerk aus GetDiskFreeSpaceEx, pro Programm CPU/RAM/GPU (Name aus der Dateibeschreibung, z. B. „Google Chrome“). CPU oder RAM ≥ 90 % für 30 s bzw. Grafikkarte ≥ 95 % für 60 s ergibt höchstens alle 30 min eine Warnung mit den zwei größten Verursachern; Akku ≤ 15 % (Prüfung alle 10 min) einmal, bis das Gerät wieder geladen wurde. Beide Warnungen einzeln abschaltbar (Settings → Benachrichtigungen); in der App als Karte (Klick öffnet PC bzw. Devices), im Hintergrund als Popout. „Nicht stören“ (Glocke in der Titelleiste, auch in den Settings, bleibt gespeichert, wird nie automatisch geschaltet): kein Live-Ton, keine Popouts; die Meldungen in der App erscheinen trotzdem still.
Warnton und Programm schließen. Überlast-Warnungen spielen einen eigenen Ton: „warning alert“ von Universfield (Pixabay), vom Benutzer ausgewählt, einmalig in WAV umgewandelt (src/assets/warning-alert.wav, play_alert_sound(volume, sound: "warning"), gleiche Lautstärke wie der Live-Ton, still bei „Nicht stören“). Karte und Popout zeigen für den größten Verursacher mit eigenem Fenster „ schließen“: wie das X am Fenster (WM_CLOSE an die sichtbaren Hauptfenster des Programms in der eigenen Sitzung, close_program(exe, force: false)), das Programm kann also noch nach dem Speichern fragen. Läuft es nach 4 s noch (program_running), wird „Beenden erzwingen“ angeboten (TerminateProcess, Hinweis auf Datenverlust). Windows-Systemprozesse (u. a. explorer, dwm, csrss, svchost, lsass, msedgewebview2) und blank. selbst werden nie geschlossen; Programme ohne eigenes Fenster (z. B. Hintergrunddienste) bekommen keinen Knopf.
Taskleiste und Infobereich. blank. hat ein Symbol im Infobereich (unter dem Pfeil unten rechts, src-tauri/src/tray.rs, Tauri-Feature tray-icon): Linksklick oder „Öffnen“ zeigt die ganze App (minimiert oder verdeckt), „Nicht stören“ schaltet es um, ohne die App zu öffnen (Haken folgt jeder Änderung, auch aus Titelleiste und Settings), „Beenden“ schließt sie. Das X in der Titelleiste beendet die App weiterhin (nicht in den Infobereich).
Nur eine Instanz. Ein zweiter Start (Doppelklick, Autostart plus manueller Start) beendet sich sofort und holt das laufende Fenster nach vorn, auch aus dem minimierten Zustand (benannter Mutex Local\blank.single-instance; gesucht wird genau der Fenstertitel „blank.“, Popouts heißen „blank. Popout“). Zwei Instanzen lagen sonst deckungsgleich auf dem zweiten Monitor, meldeten jeden Live-Start doppelt und überschrieben sich gegenseitig die Einstellungen.
Startposition. Das Fenster öffnet mittig im Arbeitsbereich des zweiten Monitors (erster Monitor, der nicht der Hauptmonitor ist); mit nur einem Monitor an der Standardposition. Unterschiedliche Anzeigeskalierungen der Monitore werden berücksichtigt, sind aber nicht getestet (hier beide 96 DPI).
Festes Seitenverhältnis 860 : 640. Das Fenster lässt sich nur proportional ziehen (Breite 720–1000, Höhe folgt: 536–744); src-tauri/src/window_aspect.rs erzwingt das DPI-genau über WM_SIZING, WM_WINDOWPOSCHANGING und WM_GETMINMAXINFO. Der WebView-Inhalt wird per Zoom mitskaliert, die Seite ist intern immer exakt 860 × 640 CSS-Pixel groß und bricht nie um. Übersichtsseiten (Home, League, Devices, PC) füllen diese Fläche genau; Twitch und Settings scrollen. Maximieren deaktiviert, kein Vollbild. Die Oberfläche enthält nur Navigation, Karten und einen globalen Mock-Hinweis. Keine Website oder Landingpage; der Browser dient nur der Entwicklungsprüfung. Kompakte Layoutregeln liegen in src/styles/desktop.css.
Lizenz
blank. und die Website mayhemstats.lol (apps/mayhem-site) sind Open Source unter der GNU Affero General Public License v3.0 (AGPL-3.0-only). Du darfst den Code nutzen, ändern und weitergeben. Wer eine veränderte Fassung weitergibt oder als Website betreibt, muss deren Quellcode unter derselben Lizenz veröffentlichen. Fremde Teile behalten ihre eigene Lizenz (z. B. apps/mayhem-site/vendor/, Lucide unter ISC). Bilder von Riot (Data Dragon) liegen nicht im Repo und gehören Riot Games. blank. und mayhemstats.lol sind nicht von Riot Games unterstützt oder gesponsert.
