(FOSS) Agora tudo é um app.
O wayBetter coloca os apps que você já usa em uma janela nativa e leve e os estende ali mesmo, como o BetterDiscord faz com o Discord. Abas, painéis divididos, todas as contas lado a lado, temas, plugins e correções para os bugs do próprio app. Qualquer pessoa pode criar um tema ou um plugin. Qualquer pessoa pode construir o próximo app.
Baixar o wayBetter for X para Windows · grátis · GPL-3.0-or-later · sem telemetria sobre o que você lê ou posta
waybetter01 O problema
O resto você não pode ter: é o app que decide quantas contas você usa, que cara ele tem e quando os bugs são corrigidos. O wayBetter mantém o app e acrescenta a outra metade.
Uma conta por janela. Sair, entrar, repetir.
Todas as contas, lado a lado, todas conectadas ao mesmo tempo.
Um bug no app? Espere que eles corrijam.
Corrigido na sua máquina, ali mesmo, hoje.
O visual que eles escolheram. Os recursos que eles lançaram.
Temas e plugins que qualquer pessoa pode escrever.
Um navegador inteiro embutido em cada cliente de desktop.
Uma única janela nativa e leve, sobre o WebView do sistema.
Leve por natureza
Uma janela nativa sobre o WebView que o seu sistema já tem, e não mais um navegador embutido em cada app.
Medido no Windows 11 com o wayBetter for X 1.0: tamanho do instalador do download publicado; mediana de 3 inicializações; avaliação do runtime e tarefas longas (>50 ms) medidas com e sem o wayBetter.
02 Um só sistema
Todo app wayBetter é o mesmo sistema: um Shell nativo, um Runtime na página e um pequeno Adaptador que conhece o app. O app continua fazendo o que sempre fez. Nada passa por proxy nem é hospedado em outro lugar; a mudança acontece só na sua máquina.
01 · Shell
Tauri 2, sobre o WebView do sistema. A moldura que você queria que todo app tivesse:
02 · Runtime
Injetado nas páginas do próprio app e compartilhado por todos os apps wayBetter:
03 · Adaptador
A única parte que conhece o app: seus hosts, seu layout, seu botão de conta e os dados que ele já carrega.
SiteSpec nativo e um SiteAdapter de página03 O primeiro app
wayBetter for X.O x.com de verdade em abas e painéis divididos, todas as contas lado a lado, catorze temas, oito plugins de área e correções para os bugs que o X traz: likes e follows que se atropelam, rascunhos que somem, uma timeline que pula. Disponível agora para Windows, macOS e Linux.
Abas e painéis divididos no x.com de verdade, cada conta conectada ao mesmo tempo no seu próprio perfil.
Curtidas e seguidas que chegam, sua posição mantida ao voltar, sem saltos na linha do tempo, uploads com nova tentativa.
Cada rascunho fica guardado localmente com o histórico de revisões e é devolvido quando o X o perde.
Redesenhos completos, não só cores. Reader+, Chat+, Media+ e mais cinco plugins de área, um botão para cada recurso.
Uma paleta de comandos para abas, contas, configurações e a busca do X com chips de operadores.
Um deck no estilo TweetDeck: colunas do X lado a lado, cada uma na conta que você escolher, com filtros e contadores de não lidos.
04 Deixe do seu jeito
Um tema é um arquivo JSON. Um plugin é um arquivo JavaScript. Sem fila de revisão e sem conta para usar: escreva, solte na pasta, compartilhe o arquivo ou publique na Loja. Se você sabe escrever CSS, pode dar outra cara a um app. Se sabe um pouco de JavaScript, pode adicionar o recurso que nunca chegou.
Importe e exporte JSON no painel Aparência. O contraste é verificado para você: o texto continua legível em qualquer superfície.
Quatorze temas já vêm com ele. O décimo quinto é o seu.
Um arquivo JSON. Solte em Aparência → Importar.
{
"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() e stop().*.plugin.js no estilo BetterDiscord, solto na pasta de plugins e ligado em Configurações. Uma API auxiliar cuida das partes chatas.
/**
* @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 auxiliar
storage(ns)observe(sel, fn)onRouteChange(fn)onKey(fn)tweet(el)copyText(s)toast(msg)injectCSS(id, css)waitFor(sel)scope()Quatorze vêm com o wayBetter for X
05 Construa em cima
O runtime de página e os modelos do shell por trás do wayBetter for X estão no npm como waybetter: ESM puro com tipos, cada módulo em seu próprio subcaminho, zero dependências. Pegue as peças de que precisa ou construa um app inteiro.
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/*
sitea raiz de composição do adaptadordomHubum MutationObserver, um framenetHubum único hook de fetch/XHR para todos os recursospluginApiauxiliares para plugins de usuáriothemeTokenso modelo de cores OKLabpaneNavuma só navegação na divisão de painéislinkRoutingao lado, aba ou navegadoraccountReportqual conta está conectadawaybetter/shell/*
addressModelchips da barra de endereçopaneModelpainéis divididos, links ao ladolinkDropsolte um link, ganhe um painelpaletteranking da paleta de comandosprofileModelperfis de contaupdateModelo chip de atualizaçãowindowControlsbarra de título e botões da janelachrometamanhos da barra de título e da barra de ferramentas06 O que vem a seguir
Qualquer app com versão web pode ganhar a mesma janela, os mesmos temas e plugins. Estes podem ser os próximos. Nenhum foi anunciado e nenhum tem data: estão esperando alguém escrever o adaptador. O exemplo de adaptador do próprio README é o Kick.
Comece pelo pacote e pelo exemplo de adaptador do README. Construiu alguma coisa? Adicione à lista “Projetos que usam o wayBetter” com um pull request.
Possíveis próximos apps, não produtos anunciados. YouTube, Kick, Twitch e Discord são marcas de seus respectivos donos; os logotipos aparecem apenas para nomear os serviços. O wayBetter não é afiliado a nenhum deles, nem endossado ou patrocinado por eles.
07 Grátis e de código aberto
Sem plano pago, sem anúncios, sem empurrar upgrade. Nem agora, nem “depois do beta”.
GPL-3.0-or-later. O framework e os apps têm código público em git.crt.fyi.
Sem analytics, sem telemetria sobre o que você lê ou posta. Rascunhos, configurações e plugins ficam na sua máquina.
Faça um fork, crie temas, escreva plugins, construa o próximo app. A licença mantém tudo aberto também para quem vier depois.
08 Princípios
Você entra no próprio app. Nada passa por proxy nem é hospedado em outro lugar; a mudança acontece só na sua máquina.
Uma janela Tauri sobre o WebView do sistema, uma por app, com todas as contas dentro.
As correções fazem os seus próprios cliques chegarem. O wayBetter nunca posta, segue nem apaga nada por conta própria.
As atualizações são assinadas e se instalam em silêncio, então as correções chegam sem outro instalador.
Código-fonte em git.crt.fyi 