wayBetter

(FOSS) Ormai tutto è un’app.

Le app che usi, molto meglio.

wayBetter mette le app che usi già in una finestra nativa leggera e le estende sul posto, come BetterDiscord estende Discord. Schede, riquadri divisi, tutti gli account fianco a fianco, temi, plugin e correzioni per i bug dell’app stessa. Chiunque può creare un tema o un plugin. Chiunque può costruire la prossima app.

Scarica wayBetter for X

Scarica wayBetter for X per Windows · gratis · GPL-3.0-or-later · nessuna telemetria su ciò che leggi o pubblichi

  • 14 temi in wayBetter for X
  • 14 plugin inclusi
  • 9 correzioni per i bug di X
  • 7.9 MB di download
  • 0.23 s per aprirsi
  • 0 dipendenze in waybetter
  • $0 per sempre

01 Il problema

Ogni app ti dà metà di ciò che ti serve.

Il resto non puoi averlo: è l’app a decidere quanti account puoi usare, che aspetto ha e quando i suoi bug vengono corretti. wayBetter tiene l’app e aggiunge l’altra metà.

  1. A

    Un account per finestra. Esci, accedi, ricomincia.

    Tutti gli account, fianco a fianco, tutti connessi insieme.

  2. B

    Un bug nell’app? Aspetta che lo correggano.

    Corretto sul tuo computer, sul posto, oggi.

  3. C

    L’aspetto che hanno scelto loro. Le funzioni che hanno rilasciato loro.

    Temi e plugin che chiunque può scrivere.

  4. D

    Un intero browser impacchettato in ogni client desktop.

    Una sola finestra nativa leggera, sulla WebView di sistema.

Leggero per scelta

Ormai tutto è un’app. Una leggera.

Una finestra nativa sulla WebView che il tuo sistema ha già, non un altro browser impacchettato in ogni app.

7.9 MBl’intero installer per Windows
0.23 sdall’avvio alla finestra sullo schermo
17 msperché temi, correzioni e plugin si carichino nella pagina
0attività lunghe aggiunte alla pagina

Misurato su Windows 11 con wayBetter for X 1.0: dimensione dell’installer del download pubblicato; mediana di 3 avvii; valutazione del runtime e attività lunghe (>50 ms) misurate con e senza wayBetter.

02 Un solo sistema

Tre livelli attorno all’app vera.

Ogni app wayBetter è lo stesso sistema: una Shell nativa, un Runtime nella pagina e un piccolo Adattatore che conosce l’app. L’app continua a fare quello che fa. Niente passa da un proxy e niente viene ospitato altrove; cambia solo sul tuo computer.

01 · Shell

Una finestra nativa leggera.

Tauri 2, sulla WebView di sistema. La cornice che vorresti in ogni app:

  • Schede, schede fissate e riquadri divisi: trascina una scheda o un link verso un bordo
  • Ogni account nel proprio profilo, connessi fianco a fianco
  • Instradamento dei link: apri nella stessa scheda, accanto, in una nuova scheda o nel tuo browser
  • Barra degli indirizzi e palette dei comandi Ctrl K
  • Aggiornamenti firmati che si installano in silenzio

02 · Runtime

Temi e plugin, dentro la pagina.

Iniettato nelle pagine dell’app, condiviso da tutte le app wayBetter:

  • Temi su un’unica base di colore (un modello OKLab della palette dell’app)
  • Plugin JavaScript in stile BetterDiscord con una piccola API di supporto
  • Un solo hub per il DOM e uno per le richieste, così le funzioni restano leggere
  • Il tuo CSS, applicato dopo il tema

03 · Adattatore

Un piccolo pezzo per ogni app.

L’unica parte che conosce l’app: i suoi host, il suo layout, il pulsante dell’account e i dati che carica già.

  • Un SiteSpec nativo e un SiteAdapter nella pagina
  • Un elenco breve e verificato di ciò che le schede dell’app possono chiamare
  • Tutto il resto arriva dal sistema

03 La prima app

wayBetter for X.

Il vero x.com in schede e riquadri affiancati, tutti gli account fianco a fianco, quattordici temi, otto plugin d'area e correzioni per i bug che X si porta dietro: like e follow che si accavallano, bozze che spariscono, una timeline che salta. Disponibile ora per Windows, macOS e Linux.

14temi integrati, più i tuoi
14plugin inclusi, disattivati finché non li attivi
9correzioni per i bug di X
36ritocchi per nascondere, mostrare e cambiare X
  • 01
    Tutti gli account, fianco a fianco

    Schede e riquadri divisi sul vero x.com, ogni account connesso contemporaneamente nel proprio profilo.

  • 02
    I bug di X, corretti

    Mi piace e follow che vanno a segno, la tua posizione mantenuta con Indietro, niente salti nella timeline, caricamenti ritentati.

  • 03
    Una cassaforte per le bozze

    Ogni bozza conservata in locale con la cronologia delle revisioni, e rimessa al suo posto quando X la perde.

  • 04
    Quattordici temi, otto plugin d'area

    Restyling completi, non solo colori. Reader+, Chat+, Media+ e altri cinque plugin d'area, un interruttore per ogni funzione.

  • 05
    Ctrl+K per tutto

    Una palette dei comandi per schede, account, impostazioni e ricerca su X con chip degli operatori.

  • 06
    Deck

    Un deck in stile TweetDeck: colonne di X fianco a fianco, ognuna nell’account che scegli, con filtri e conteggi dei non letti.

wayBetter for X

Gratis · open source · si aggiorna in silenzio

Scarica per Windows Vedi tutto

Windows · macOS · Linux

04 Rendilo tuo

Chiunque può creare temi e plugin.

Un tema è un file JSON. Un plugin è un file JavaScript. Nessuna coda di revisione e nessun account per usarne uno: scrivilo, trascinalo dentro, condividi il file oppure pubblicalo nello Store. Se sai scrivere CSS, puoi dare un nuovo stile a un’app. Se sai scrivere un po’ di JavaScript, puoi aggiungere la funzione che non ha mai avuto.

Temi

Colori, font, forme, layout, sfondo, effetti.

Importa ed esporta JSON nel pannello Aspetto. Il contrasto viene controllato per te: il testo resta leggibile su ogni superficie.

HomePubblica
Per teSeguiti
wayBetter@CRTkafa · 2m

Quattordici temi sono già inclusi. Il quindicesimo è il tuo.

1248♥ 101
playfishies@playfishies · 9m

Un file JSON. Trascinalo in Aspetto → Importa.

Night Ink
deep-sea.theme.json
{
  "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" }
}
Plugin

Un file. start() e stop().

*.plugin.js in stile BetterDiscord, messo nella cartella dei plugin e attivato nelle Impostazioni. Un’API di supporto si occupa delle parti noiose.

copy-quote.plugin.js
/**
 * @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(); }
};

API di supporto

  • storage(ns)
  • observe(sel, fn)
  • onRouteChange(fn)
  • onKey(fn)
  • tweet(el)
  • copyText(s)
  • toast(msg)
  • injectCSS(id, css)
  • waitFor(sel)
  • scope()

Quattordici inclusi in wayBetter for X

  • Thread Reader
  • Exact Timestamps
  • Clean Links
  • Copy as Markdown
  • Alt-text Reminder
  • User Notes
  • Muted Regex
  • Reading Time
  • Media Grid Focus
  • Keyboard Plus
  • Emoji Picker
  • Hide Blue Checks
  • Focus Mode
  • Reply Guard

05 Costruiscici sopra

L’intero sistema è un solo pacchetto.

Il runtime di pagina e i modelli della shell dietro wayBetter for X sono su npm come waybetter: semplice ESM con i tipi, ogni modulo nel proprio sottopercorso, zero dipendenze. Prendi i pezzi che ti servono, oppure costruisci un’app intera.

terminale

npm i waybetter

zero dipendenzeESM + .d.tsruntime/* e shell/*GPL-3.0-or-later
adapter.ts · dal README, abbreviato
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/*

  • sitela radice di composizione dell’adattatore
  • domHubun MutationObserver, un frame
  • netHubun solo hook fetch/XHR per ogni funzione
  • pluginApifunzioni di supporto per i plugin degli utenti
  • themeTokensil modello di colore OKLab
  • paneNavuna sola navigazione nella vista divisa
  • linkRoutingaccanto, scheda o browser
  • accountReportquale account è connesso

waybetter/shell/*

  • addressModelchip della barra degli indirizzi
  • paneModelriquadri divisi, link accanto
  • linkDroprilascia un link, ottieni un riquadro
  • paletteordinamento della palette dei comandi
  • profileModelprofili degli account
  • updateModelil chip di aggiornamento
  • windowControlsbarra del titolo e pulsanti della finestra
  • chromedimensioni di barra del titolo e barra degli strumenti

06 Cosa viene dopo

X è stata la prima. La prossima la costruisci tu.

Qualsiasi app con una versione web può avere la stessa finestra, gli stessi temi e plugin. Queste potrebbero essere le prossime. Nessuna è stata annunciata e nessuna ha una data: aspettano qualcuno che scriva l’adattatore. L’esempio di adattatore nel README è proprio Kick.

possibile

wayBetter forYouTube?

Schede e riquadri divisi per i video, tutti gli account dei canali fianco a fianco, temi, plugin.

possibile

wayBetter forKick?

Stream fianco a fianco in una sola finestra leggera, i tuoi plugin per la chat, il tuo tema.

possibile

wayBetter forTwitch?

Riquadri divisi per più stream, tutti gli account connessi, plugin per la chat.

possibile

wayBetter forDiscord?

L’app web in una finestra Tauri leggera al posto del client pesante. Stessa shell, stessi plugin.

wayBetter forl’app che usi.

Scrivi l’adattatore. Shell, runtime, temi e plugin arrivano insieme.

npm i waybetter

Costruisci la prossima.

Parti dal pacchetto e dall’esempio di adattatore nel README. Hai costruito qualcosa? Aggiungilo all’elenco “Progetti che usano wayBetter” con una pull request.

Inizia a sviluppare

Possibili prossime app, non prodotti annunciati. YouTube, Kick, Twitch e Discord sono marchi dei rispettivi proprietari; i loro loghi sono mostrati solo per indicare i servizi. wayBetter non è affiliato, approvato o sponsorizzato da nessuno di loro.

07 Gratis e open source

Nessun trucco. Leggi ogni riga.

  1. i.

    Gratis

    Nessun piano a pagamento, nessuna pubblicità, nessuna offerta di upgrade. Né adesso, né “dopo la beta”.

  2. ii.

    Aperto

    GPL-3.0-or-later. Il framework e le app hanno il sorgente pubblico su git.crt.fyi.

  3. iii.

    Privato

    Nessuna analisi, nessuna telemetria su ciò che leggi o pubblichi. Bozze, impostazioni e plugin restano sul tuo computer.

  4. iv.

    Tuo

    Fai un fork, crea temi, scrivi plugin, costruisci la prossima app. La licenza lo mantiene aperto anche per chi viene dopo.

08 Principi

Migliore, non diverso.

L’app vera, sul posto

Accedi all’app stessa. Niente passa da un proxy e niente viene ospitato altrove; viene modificata solo sul tuo computer.

Leggero, non un altro browser

Una finestra Tauri sulla WebView di sistema, una per app, con tutti gli account al suo interno.

Non agisce mai al posto tuo

Le correzioni fanno andare a segno i tuoi clic. wayBetter non pubblica, non segue e non elimina mai nulla da solo.

Sempre aggiornato, in silenzio

Gli aggiornamenti sono firmati e si installano in silenzio, così le correzioni arrivano senza un altro installer.

Inizia da X.
Costruisci ciò che viene dopo.

Scopri wayBetter for X