Espelho

Com que é construído

• React 18, TypeScript, Vite. Codificado à mão, sem construtor de sites, sem modelo.
• Tailwind para o estilo, `motion` para a navegação que se expande ao passar o mouse e para o hero em leque de livros, nenhuma outra biblioteca de animação.
• three.js junto com @react-three/fiber e @react-three/drei, usado em exatamente uma sala (Brain). A própria constelação da War Room é SVG simples, não 3D, uma escolha de peso deliberada ao renderizar 232 agentes.
• @noble/ed25519 e @noble/hashes para as chaves de assinatura efêmeras por visita em Heartbeat, Sketch, Verifier e Tre.
• As fontes (Inter, Newsreader, IBM Plex Mono) são auto-hospedadas, em subconjuntos por sistema de escrita. Sem Google Fonts nem qualquer outra solicitação de fonte de terceiros.

Com que comunica

• api.drand.sh, o farol de aleatoriedade pública da League of Entropy. Sem chave, apenas leitura.
• api.open-meteo.com, para a temperatura em tempo real de Oslo e Bali no rodapé e na sala Tre. Sem chave, apenas leitura.
• Mais nada. Sem análises, sem pixel de rastreamento, sem rede de anúncios, sem banner de cookies, porque não há cookie nenhum para gerenciar. Verificado ao pesquisar em toda a árvore do código-fonte pelos nomes habituais antes de escrever esta frase, não presumido.

Como é renderizado

Cada página do Estate e cada sala é pré-renderizada em HTML estático real, por rota e por idioma, antes que um rastreador ou uma conexão lenta execute sequer uma linha de JavaScript. A camada interativa então inicia por baixo, inalterada, para um visitante cujo navegador possa executá-la.

Quanto pesa cada sala

JavaScript compactado com Gzip, o bloco de código próprio de cada sala resultante da divisão de código. Um visitante paga o invólucro do Estate uma vez, depois apenas as salas que realmente abre, conforme a regra de divisão de código do CONSTELLATION-SCAFFOLD.

Medido na última compilação que tocou numa sala, não obtido ao vivo.