← Todos los tags

#arquitectura

13 artículos

TécnicoExtensión

SubFetch for YouTube por dentro: el PoToken, el mundo MAIN y una SPA que no avisa cuando cambia de vídeo

Cómo funciona una extensión de Chrome que descarga en .srt los subtítulos de YouTube y proyecta los tuyos sobre el reproductor. Respuestas 200 vacías por culpa del PoToken, dejar que el reproductor pida la pista y escuchar la respuesta desde el mundo MAIN, todo lo que se rompe cuando YouTube cambia de vídeo sin recargar la página y un overlay de subtítulos sincronizado fotograma a fotograma.

subfetcharquitecturatypescriptvue
TécnicoExtensión

DualRoute por dentro: abrir pestañas desde el service worker y que tres contextos no se pisen al guardar

Cómo funciona una extensión de Chrome que abre grupos de páginas en modo normal, incógnito o ambos y lleva la cuenta de cuándo se abrió cada una. Un planificador puro, lanzamientos que viven en el service worker, el fallback cuando no hay permiso de incógnito, recordatorios con chrome.alarms, escrituras serializadas con Web Locks y un estado que no puede crecer sin límite.

dualroutearquitecturatypescriptreact
TécnicoAndroid

BlueDrop por dentro: guardar la ubicación en los milisegundos que da un BroadcastReceiver

Cómo funciona una app de Android que guarda dónde aparcas cuando el móvil se desconecta del Bluetooth del coche. Un receptor que tiene que terminar enseguida, un foreground service para el trabajo lento, desconexiones duplicadas, un aparcamiento sin GPS que acababa en el océano, el cambio de Google Maps a OpenStreetMap y Clean Architecture en 10 módulos Gradle.

bluedropandroidkotlinarquitectura
TécnicoExtensión

Reddit Archive por dentro: un visor de archivo encima de una web que no es tuya

Cómo funciona una extensión de Chrome que muestra contenido borrado de Reddit desde la API pública de Arctic Shift. Validar respuestas que no controlas, que lo archivado nunca parezca original, caché en dos niveles, rate limit, paginar por cursor para exportar la historia entera de un usuario, Markdown de terceros en Shadow DOM y un CSV que no ejecuta fórmulas.

reddit-archivearquitecturatypescriptvue
TécnicoExtensión

Video Accessibility por dentro: una capa de teclado encima de reproductores que no son tuyos

Cómo funciona una extensión de Chrome que añade atajos de teclado a cualquier vídeo HTML. Un permiso amplio con una inyección mínima, encontrar el vídeo correcto entre shadow DOM e iframes, no quedarse con teclas que no son suyas, pulsar botones ajenos con un selector CSS y un aviso en pantalla que pasó de 4,6 MB a 1 KB.

video-accessibilityarquitecturatypescriptvue