outpost-fe es un cliente web para instancias compatibles con la API de Mastodon, mantenido en solitario por su autor y aún en desarrollo. La aplicación, disponible en outpost-fe.w.on-t.work, se usa a diario para casi todo excepto compartir archivos, funcionalidad aún no implementada.
El artículo repasa decisiones de implementación poco habituales en aplicaciones de página única. En el DOM, los nombres de clases CSS son legibles: las clases en CamelCase proceden del sistema de scoped CSS de Svelte con cssHash ajustado para eliminar el hash; las subrayadas representan selectores privados anidados, que el preprocesador de Svelte transforma en selectores compuestos en producción; las clases en minúsculas con guiones son módulos CSS cuyo nombre se genera mediante la misma función generateScopedName que usa Svelte, para mantener el bundle ligero; por último, las CamelCase-con-guiones son un preprocesador propio inspirado en un ejemplo de GitHub que permite aplicar estilos a componentes hijos desde un componente padre.
En la consola, el objeto global _ expone utilidades para userscripts, como _settings.display_accent, _api, _queryClient y _bus. El diseño incluye un modo de barra lateral con iconos cuando la ventana se reduce antes del salto a vista móvil, un botón de publicar centrado en la barra inferior en móvil y desplazado al lateral en escritorio mediante CSS, y navegación entre notificaciones, búsqueda y ajustes sin añadir entradas al historial del navegador. Para los hilos, outpost-fe muestra cada publicación como una burbuja independiente que solo se conecta con sus respuestas, y oculta autor y botones en las auto-respuestas para reducir ruido visual.