(FOSS) Alles ist jetzt eine App.
wayBetter holt die Apps, die du ohnehin nutzt, in ein leichtes natives Fenster und erweitert sie an Ort und Stelle, so wie BetterDiscord Discord erweitert. Tabs, geteilte Bereiche, alle Konten nebeneinander, Themes, Plugins und Korrekturen für die Fehler der App selbst. Jeder kann ein Theme oder ein Plugin bauen. Jeder kann die nächste App bauen.
wayBetter for X für Windows herunterladen · kostenlos · GPL-3.0-or-later · keine Telemetrie darüber, was du liest oder postest
waybetter01 Das Problem
Den Rest bekommst du nicht: Die App entscheidet, wie viele Konten du hast, wie sie aussieht und wann ihre Fehler behoben werden. wayBetter behält die App und ergänzt die andere Hälfte.
Ein Konto pro Fenster. Abmelden, anmelden, von vorn.
Alle Konten, nebeneinander, alle gleichzeitig angemeldet.
Ein Fehler in der App? Warte, bis sie ihn beheben.
Behoben auf deinem Rechner, an Ort und Stelle, heute.
Der Look, den sie ausgesucht haben. Die Funktionen, die sie geliefert haben.
Themes und Plugins, die jeder schreiben kann.
Ein kompletter Browser in jedem Desktop-Client.
Ein leichtes natives Fenster auf dem WebView des Systems.
Leicht aus Prinzip
Ein natives Fenster auf dem WebView, den dein System schon hat, statt eines weiteren Browsers in jeder App.
Gemessen unter Windows 11 mit wayBetter for X 1.0: Installer-Größe des veröffentlichten Downloads; Median aus 3 Starts; Auswertung der Runtime und lange Tasks (>50 ms) mit und ohne wayBetter gemessen.
02 Ein System
Jede wayBetter-App ist dasselbe System: eine native Shell, eine Runtime in der Seite und ein kleiner Adapter, der die App kennt. Die App selbst macht weiter, was sie macht. Nichts läuft über einen Proxy oder wird woanders gehostet; geändert wird nur auf deinem Rechner.
01 · Shell
Tauri 2, auf dem WebView des Systems. Der Rahmen, den du dir für jede App wünschst:
02 · Runtime
In die Seiten der App selbst eingefügt und von jeder wayBetter-App geteilt:
03 · Adapter
Der einzige Teil, der die App kennt: ihre Hosts, ihr Layout, ihren Konto-Button und die Daten, die sie ohnehin lädt.
SiteSpec und ein SiteAdapter in der Seite03 Die erste App
wayBetter for X.Das echte x.com in Tabs und geteilten Bereichen, alle Konten nebeneinander, vierzehn Themes, acht Bereichs-Plugins und Korrekturen für die Fehler, die X mitliefert: Likes und Follows, die sich überholen, Entwürfe, die verschwinden, eine Timeline, die springt. Jetzt für Windows, macOS und Linux.
Tabs und geteilte Bereiche auf dem echten x.com, jedes Konto gleichzeitig im eigenen Profil angemeldet.
Likes und Follows, die ankommen, deine Position bei „Zurück“, keine Timeline-Sprünge, wiederholte Uploads.
Jeder Entwurf wird lokal mit seinem Versionsverlauf aufbewahrt und wieder eingesetzt, wenn X ihn verliert.
Komplette Redesigns, nicht nur Farben. Reader+, Chat+, Media+ und fünf weitere Bereichs-Plugins, ein Schalter für jede Funktion.
Eine Befehlspalette für Tabs, Konten, Einstellungen und die X-Suche mit Operator-Chips.
Ein Deck im TweetDeck-Stil: X-Spalten nebeneinander, jede im Konto deiner Wahl, mit Filtern und Ungelesen-Zählern.
04 Mach es zu deinem
Ein Theme ist eine JSON-Datei. Ein Plugin ist eine JavaScript-Datei. Keine Prüfwarteschlange und kein Konto, um eins zu nutzen: schreiben, in den Ordner legen, die Datei teilen oder im Store veröffentlichen. Wenn du CSS schreiben kannst, kannst du eine App neu einkleiden. Wenn du ein wenig JavaScript schreiben kannst, kannst du die Funktion ergänzen, die nie kam.
JSON im Bereich Darstellung importieren und exportieren. Der Kontrast wird für dich geprüft: Text bleibt auf jeder Fläche lesbar.
Vierzehn Themes sind dabei. Das fünfzehnte ist deins.
Eine JSON-Datei. Zieh sie auf Darstellung → Importieren.
{
"name": "Deep Sea",
"author": "@you",
"mode": "dark",
"colors": { "bg": "#06141b", "text": "#e6f4f1", "accent": "#2ee6c5" },
"font": { "family": ["Geist"], "scale": 1.02 },
"shape": { "radius": 14, "button": 9999, "avatar": "rounded" },
"layout": { "density": "compact", "cards": true },
"background": { "kind": "pattern", "pattern": "grid",
"ink": "#2ee6c5", "opacity": 0.08, "size": 28 },
"effects": { "hover": "glow" }
}start() und stop().*.plugin.js im BetterDiscord-Stil, in den Plugin-Ordner gelegt und in den Einstellungen eingeschaltet. Eine Helfer-API übernimmt die fummeligen Teile.
/**
* @name Copy Quote
* @description y on a focused post copies "@handle: text".
* @version 1.0.0
* @author @you
*/
module.exports = class CopyQuote {
start() {
const api = window.wayBetter.api;
this.scope = api.scope();
this.scope.onKey((event, post) => {
if (event.key !== 'y' || !post) return;
const t = api.tweet(post);
if (t) api.copyText(`@${t.handle}: ${t.text}`)
.then(() => api.toast('Copied'));
});
}
stop() { this.scope.dispose(); }
};Helfer-API
storage(ns)observe(sel, fn)onRouteChange(fn)onKey(fn)tweet(el)copyText(s)toast(msg)injectCSS(id, css)waitFor(sel)scope()Vierzehn kommen mit wayBetter for X
05 Bau darauf auf
Die Seiten-Runtime und die Shell-Modelle hinter wayBetter for X liegen auf npm als waybetter: reines ESM mit Typen, jedes Modul unter eigenem Subpfad, null Abhängigkeiten. Nimm die Teile, die du brauchst, oder bau eine ganze App.
npm i waybetter
import { configureRuntime, type SiteAdapter }
from 'waybetter/runtime/site';
export const KICK: SiteAdapter = {
product: 'wayBetter for Kick',
hosts: ['kick.com'],
runtimeGlobal: 'WayBetterKick',
apiMarks: ['/api/'],
// plugins, rail, account, links, themeSources …
};
configureRuntime(KICK);waybetter/runtime/*
sitedie Kompositionswurzel des AdaptersdomHubein MutationObserver, ein FramenetHubein fetch/XHR-Hook für alle FunktionenpluginApiHelfer für Nutzer-PluginsthemeTokensdas OKLab-FarbmodellpaneNaveine Navigation in der geteilten AnsichtlinkRoutingdaneben, Tab oder BrowseraccountReportwelches Konto angemeldet istwaybetter/shell/*
addressModelChips in der AdressleistepaneModelgeteilte Bereiche, Links danebenlinkDropLink ablegen, Bereich bekommenpaletteRanking der BefehlspaletteprofileModelKontoprofileupdateModelder Update-ChipwindowControlsTitelleiste und FensterschaltflächenchromeGrößen von Titelleiste und Symbolleiste06 Was kommt als Nächstes
Jede App mit einer Web-Version kann dasselbe Fenster, dieselben Themes und Plugins bekommen. Diese könnten die nächsten sein. Keine davon ist angekündigt, keine hat einen Termin: Sie warten darauf, dass jemand den Adapter schreibt. Das Adapter-Beispiel in der README selbst ist Kick.
Starte mit dem Paket und dem Adapter-Beispiel aus der README. Etwas gebaut? Trag es per Pull Request in die Liste „Projekte, die wayBetter nutzen“ ein.
Mögliche nächste Apps, keine angekündigten Produkte. YouTube, Kick, Twitch und Discord sind Marken ihrer jeweiligen Inhaber; ihre Logos werden nur gezeigt, um die Dienste zu benennen. wayBetter ist mit keinem von ihnen verbunden und wird von keinem unterstützt oder gesponsert.
07 Frei und Open Source
Kein Bezahltarif, keine Werbung, kein Upselling. Nicht jetzt und nicht „nach der Beta“.
GPL-3.0-or-later. Das Framework und die Apps sind als Quellcode öffentlich auf git.crt.fyi.
Keine Analytik, keine Telemetrie darüber, was du liest oder postest. Entwürfe, Einstellungen und Plugins bleiben auf deinem Rechner.
Forke es, gestalte es, schreib Plugins, bau die nächste App. Die Lizenz hält es auch für die Nächsten offen.
08 Grundsätze
Du meldest dich in der App selbst an. Nichts läuft über einen Proxy oder wird woanders gehostet; geändert wird nur auf deinem Rechner.
Ein Tauri-Fenster auf dem WebView des Systems, eins pro App, mit allen Konten darin.
Korrekturen sorgen dafür, dass deine eigenen Klicks ankommen. wayBetter postet, folgt oder löscht nie etwas von sich aus.
Updates sind signiert und installieren sich still, sodass Korrekturen ohne weiteren Installer ankommen.
Quellcode auf git.crt.fyi 