[{"data":1,"prerenderedAt":413},["ShallowReactive",2],{"\u002Fproyectos\u002Fabr-liftlog\u002F":3,"posts":205},{"id":4,"title":5,"body":6,"description":135,"extension":136,"featured":137,"icon":138,"images":139,"links":156,"meta":163,"navigation":137,"order":164,"path":165,"platforms":166,"seo":168,"stack":169,"stats":188,"stem":201,"tag":202,"url":203,"__hash__":204},"projects\u002Fproyectos\u002Fabr-liftlog.md","ABR Liftlog",{"type":7,"value":8,"toc":123},"minimark",[9,14,61,65,70,74,78,86,90,93,97],[10,11,13],"h2",{"id":12},"qué-hace","Qué hace",[15,16,17,25,31,37,43,49,55],"ul",{},[18,19,20,24],"li",{},[21,22,23],"strong",{},"Hoy, de un vistazo."," Al abrirla ves qué entrenamiento toca, cuántos ejercicios y series tiene y un botón grande para empezar. Si dejaste una sesión a medias, el botón es para continuarla.",[18,26,27,30],{},[21,28,29],{},"Rutinas con imágenes."," Cada ejercicio lleva la foto de la máquina, la técnica y un enlace para buscarlo en YouTube. En el gimnasio, la foto es lo que te dice qué máquina buscar.",[18,32,33,36],{},[21,34,35],{},"Series de verdad."," Carga, repeticiones y RIR por serie, con calentamientos aparte. Cada serie se guarda al registrarla, y lo que estás escribiendo también, por si se cierra la app.",[18,38,39,42],{},[21,40,41],{},"La última vez en esa máquina."," Si identificas la máquina, ves las series de tu última sesión en ella y puedes usarlas como borrador. Si está ocupada, cambias de máquina o de ejercicio sin tocar la rutina.",[18,44,45,48],{},[21,46,47],{},"Calendario honesto."," Distingue hecho, parcial, falta, justificado, descanso y extra. Un día de descanso no es una falta, y un día justificado no cuenta en el porcentaje.",[18,50,51,54],{},[21,52,53],{},"Estadísticas."," Adherencia y asistencia por semana, series por grupo muscular y progreso por ejercicio y máquina.",[18,56,57,60],{},[21,58,59],{},"Tus datos, en tu móvil."," Todo se guarda en el navegador y funciona sin conexión. Copias en JSON y en una carpeta de tu Google Drive, manuales o automáticas. Las rutinas se comparten como un archivo con sus imágenes, sin tu historial.",[10,62,64],{"id":63},"cómo-está-hecho","Cómo está hecho",[66,67,69],"h3",{"id":68},"una-pwa-sin-servidor","Una PWA sin servidor",[71,72,73],"p",{},"React 19 y TypeScript con Vite, publicada como sitio estático en GitHub Pages. Workbox precachea la aplicación, las fuentes y los iconos, así que después de la primera visita abre sin conexión. No hay backend ni cuentas.",[66,75,77],{"id":76},"indexeddb-como-fuente-de-verdad","IndexedDB como fuente de verdad",[71,79,80,81,85],{},"Los datos viven en IndexedDB a través de Dexie: planes versionados, asignaciones con fecha, sesiones, ejercicios hechos, series, ajustes del calendario, imágenes y borradores. ",[82,83,84],"code",{},"localStorage"," no guarda nada importante.",[66,87,89],{"id":88},"el-entrenamiento-real-no-es-la-plantilla","El entrenamiento real no es la plantilla",[71,91,92],{},"Al empezar una sesión se guarda una copia del día de la rutina. Editar la rutina crea una versión nueva, así que el historial nunca cambia por tocar el plan.",[10,94,96],{"id":95},"problemas-que-resolví","Problemas que resolví",[15,98,99,105,111,117],{},[18,100,101,104],{},[21,102,103],{},"Un HTML que solo recordaba el último peso."," La versión anterior era un HTML que guardaba un valor por ejercicio, sin fechas ni series. Lo importo como observaciones sin fecha, que no aparecen en las gráficas.",[18,106,107,110],{},[21,108,109],{},"Comparar pesos de máquinas distintas."," Dos prensas no cargan igual, así que el progreso y los récords se separan por máquina y por tipo de carga.",[18,112,113,116],{},[21,114,115],{},"Dos pestañas creando dos carpetas en Drive."," Un bloqueo con Web Locks hace que solo una busque o cree la carpeta.",[18,118,119,122],{},[21,120,121],{},"Una subida a Drive que falla a medias."," Si la copia se cortó, el reintento reutiliza el mismo archivo en vez de crear otro.",{"title":124,"searchDepth":125,"depth":125,"links":126},"",2,[127,128,134],{"id":12,"depth":125,"text":13},{"id":63,"depth":125,"text":64,"children":129},[130,132,133],{"id":68,"depth":131,"text":69},3,{"id":76,"depth":131,"text":77},{"id":88,"depth":131,"text":89},{"id":95,"depth":125,"text":96},"Aplicación web para el móvil con la que llevo el registro de mis entrenamientos de gimnasio. Rutinas con una imagen de cada máquina, series con peso, repeticiones y RIR, las últimas series que hiciste en esa misma máquina, calendario con adherencia semanal y estadísticas de progreso. Funciona sin conexión, guarda los datos en el móvil y hace copias en Google Drive. La usamos un compañero de gimnasio y yo.","md",true,"\u002Fimages\u002Fprojects\u002Fabr-liftlog.svg",[140,145,150,153],{"src":141,"alt":142,"width":143,"height":144},"\u002Fimages\u002Fposts\u002Fabr-liftlog\u002Fcalendario-escritorio.webp","El calendario de noviembre con días hechos, uno parcial, uno justificado y el resumen semanal de adherencia",1440,900,{"src":146,"alt":147,"width":148,"height":149},"\u002Fimages\u002Fposts\u002Fabr-liftlog\u002Fserie.webp","El registro de una serie en el móvil, con la foto de la máquina, el objetivo de 3 series de 8 a 12 repeticiones y los campos de carga, repeticiones y RIR",540,1169,{"src":151,"alt":152,"width":143,"height":144},"\u002Fimages\u002Fposts\u002Fabr-liftlog\u002Fsesion-escritorio.webp","Una sesión en curso en el escritorio, con la foto de la máquina de press de pecho, el formulario de la serie y las últimas series hechas en esa máquina",{"src":154,"alt":155,"width":143,"height":144},"\u002Fimages\u002Fposts\u002Fabr-liftlog\u002Fprogreso.webp","La gráfica de carga máxima del press de pecho en la máquina Chest press 1, que sube de 30 a 35 kg en tres semanas",[157,160],{"label":158,"url":159},"Cómo se usa","\u002Farticulos\u002Fabr-liftlog-registro-de-entrenamientos",{"label":161,"url":162},"Por dentro","\u002Farticulos\u002Fabr-liftlog-por-dentro",{},20,"\u002Fproyectos\u002Fabr-liftlog",[167],"web",{"title":5,"description":135},[170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187],"React 19","TypeScript","Vite","React Router","Dexie","IndexedDB","Ajv","JSON Schema","date-fns","Recharts","Google Identity Services","Google Drive API","Web Locks","Workbox","PWA","Vitest","Playwright","GitHub Actions",[189,192,195,198],{"value":190,"label":191},"0","servidores",{"value":193,"label":194},"36","commits en dos días",{"value":196,"label":197},"60","tests (32 unitarios y 28 e2e)",{"value":199,"label":200},"2","personas que la usan a diario","proyectos\u002Fabr-liftlog","abr-liftlog","https:\u002F\u002Fabdell1999.github.io\u002Fabr-liftlog-public\u002F","dZbL0KD065dGb6JSqL1Uok9Xy80DseeQRW7nomQPKUw",[206,218,228,238,247,255,260,268,274,281,286,294,299,306,311,318,324,331,336,343,348,357,363,368,375,380,388,394,400,406],{"title":207,"description":208,"date":209,"path":210,"tags":211,"type":217},"ABR Image Tools: el editor que hice para escribir manuales sin enseñar el DNI de nadie","Un editor de imágenes que funciona en el navegador, sin instalar nada y sin subir tus capturas a ningún servidor. Censura automática de DNI, IBAN, teléfonos, correos y caras, flechas y recuadros para señalar pasos, pestañas, exportación a WebP, IA local para quitar fondos y ampliar, y procesamiento por lotes. Qué hace y cómo se usa, de la primera captura al ZIP final.","2026-11-05","\u002Farticulos\u002Fabr-image-tools-editor-de-imagenes-para-manuales",[212,213,214,215,216],"image-tools","privacidad","productividad","ia","proyectos","guia",{"title":219,"description":220,"date":221,"path":222,"tags":223,"type":227},"Traducir novelas con una RTX 3080: lo que aprendí tras enfrentar cinco modelos locales al japonés y al inglés","De una skill de Claude a cinco versiones de un traductor EPUB, 96 traducciones controladas, dos modelos especializados y un fallo que duplicaba al fantasma de Oscar Wilde.","2026-11-04","\u002Farticulos\u002Ftraducir-novelas-con-una-rtx-3080",[215,224,225,226],"traduccion","japones","python","tecnico",{"title":229,"description":230,"date":231,"path":232,"tags":233,"type":227},"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.","2026-11-02","\u002Farticulos\u002Fsubfetch-por-dentro",[234,235,236,237],"subfetch","arquitectura","typescript","vue",{"title":239,"description":240,"date":241,"path":242,"tags":243,"type":227},"YouTube Like Shortcut 1.5.1: tests con el HTML real de YouTube","La versión 1.5.1 cumple lo que dejé pendiente. Tests que cargan capturas reales de YouTube, el botón de los Shorts encontrado por su componente y no por su texto, y seis fallos que salieron al mirar con lupa. También lo que las capturas revelaron sobre cómo funcionaba la extensión hasta ahora.","2026-10-30","\u002Farticulos\u002Fyoutube-like-shortcut-tests-con-capturas-reales",[244,245,246,236],"youtube-like-shortcut","youtube","testing",{"title":248,"description":249,"date":250,"path":251,"tags":252,"type":227},"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.","2026-10-29","\u002Farticulos\u002Fdualroute-por-dentro",[253,235,236,254],"dualroute","react",{"title":256,"description":257,"date":250,"path":258,"tags":259,"type":217},"DualRoute: abrir las páginas de cada día con un clic y saber cuándo las miraste por última vez","Una extensión de Chrome para abrir de golpe las páginas que revisas a diario, cada una en modo normal, incógnito o los dos. Cómo se crean las rutas, cómo se abren en bloque, los recordatorios por horas, las notas con historial, el registro de aperturas y la exportación a JSON.","\u002Farticulos\u002Fdualroute-tus-paginas-de-cada-dia",[253,214,213],{"title":261,"description":262,"date":263,"path":264,"tags":265,"type":217},"BlueDrop: saber dónde aparcaste sin acordarte de apuntarlo","Una app de Android que guarda la ubicación del coche en cuanto el móvil se desconecta de su Bluetooth, sin pulsar nada. Cómo se configura, qué pasa al aparcar y al volver, cómo corregir el sitio si no había GPS, y el historial, las estadísticas y el widget.","2026-10-28","\u002Farticulos\u002Fbluedrop-donde-aparque-el-coche",[266,267,214,213],"bluedrop","android",{"title":269,"description":270,"date":263,"path":271,"tags":272,"type":227},"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.","\u002Farticulos\u002Fbluedrop-por-dentro",[266,267,273,235],"kotlin",{"title":275,"description":276,"date":277,"path":278,"tags":279,"type":217},"Reddit Archive: ver lo que se borró de Reddit y exportar la actividad de un usuario","Una extensión de Chrome que recupera del archivo público de Arctic Shift los posts y comentarios borrados o editados de Reddit y los enseña en la misma página, marcados como archivados. Perfiles, posts con su árbol de comentarios, estadísticas y exportación a JSON, Markdown o CSV. Qué hace y cómo se usa.","2026-10-27","\u002Farticulos\u002Freddit-archive-lo-borrado-de-reddit",[280,214,213],"reddit-archive",{"title":282,"description":283,"date":277,"path":284,"tags":285,"type":227},"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.","\u002Farticulos\u002Freddit-archive-por-dentro",[280,235,236,237],{"title":287,"description":288,"date":289,"path":290,"tags":291,"type":217},"Video Accessibility: los atajos de YouTube en cualquier vídeo de la web","Una extensión de Chrome que añade los atajos de teclado de YouTube a cualquier página con un vídeo HTML. Pulsas 3 y saltas al 30 %, cambias la velocidad, haces un bucle o pulsas el botón de \"me gusta\" con una tecla. Solo en las webs que eliges y sin enviar ningún dato. Qué hace y cómo se usa.","2026-10-26","\u002Farticulos\u002Fvideo-accessibility-atajos-de-youtube-en-cualquier-video",[292,214,293,213],"video-accessibility","accesibilidad",{"title":295,"description":296,"date":289,"path":297,"tags":298,"type":227},"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.","\u002Farticulos\u002Fvideo-accessibility-por-dentro",[292,235,236,237],{"title":300,"description":301,"date":302,"path":303,"tags":304,"type":227},"DevExtractor por dentro: lo que hay detrás de una extensión que parece simple","Cómo funciona una extensión de Chrome que extrae imágenes, SVG inline, enlaces y fuentes de cualquier web y sustituye imágenes en vivo. Manifest V3 con WXT, descargas desde un documento offscreen, reglas de red que no se salen de su sitio, un motor de reemplazo que se puede deshacer y botones de Instagram que no dependen del idioma.","2026-10-25","\u002Farticulos\u002Fdevextractor-por-dentro",[305,235,236,237],"devextractor",{"title":307,"description":308,"date":302,"path":309,"tags":310,"type":217},"DevExtractor: descarga SVG inline, imágenes y fuentes de cualquier web, y cambia imágenes en vivo","Una extensión de Chrome para quien hace webs. Saca todos los SVG incrustados, las imágenes, los fondos CSS, los enlaces y las fuentes de una página, los descarga en un ZIP y te deja sustituir imágenes en vivo para enseñar alternativas a un cliente. Qué hace y cómo se usa.","\u002Farticulos\u002Fdevextractor-svg-imagenes-y-fuentes-en-un-clic",[305,214,213,216],{"title":312,"description":313,"date":314,"path":315,"tags":316,"type":217},"ABR Offline Converter: convierte imágenes, vídeo, PDF y datos sin subir nada a ningún servidor","Un conversor de archivos que funciona entero en tu navegador. Imágenes, vídeo a GIF, vídeo a audio, CSV a JSON, PDF, fuentes y subtítulos, y un Taller del libro que convierte tus capítulos en Markdown en un EPUB con portada e índice. Qué hace y cómo se usa.","2026-10-24","\u002Farticulos\u002Foffline-converter-convierte-sin-subir-nada",[317,213,214,216],"offline-converter",{"title":319,"description":320,"date":314,"path":321,"tags":322,"type":227},"ABR Offline Converter por dentro: un conversor sin servidor, de ffmpeg.wasm a un EPUB hecho a mano","Cómo funciona un conversor de imágenes, vídeo, PDF, fuentes, subtítulos, texto y datos que no tiene backend. Workers, ffmpeg compilado a WebAssembly, codificadores BMP, ICO y TIFF escritos a mano, 811 páginas prerenderizadas y un Taller del libro que genera EPUB3 sin pandoc.","\u002Farticulos\u002Foffline-converter-por-dentro",[317,235,236,323],"nuxt",{"title":325,"description":326,"date":327,"path":328,"tags":329,"type":217},"Simple TTS: escucha cualquier artículo de la web en voz alta, sin salir de tu navegador","Una extensión gratuita para Chrome y Edge que lee en voz alta lo que selecciones o el artículo entero con las voces del propio navegador. Sin cuentas, sin servidores y sin APIs externas. Qué hace y cómo se usa.","2026-10-23","\u002Farticulos\u002Fsimple-tts-escucha-cualquier-web",[330,213,214,216],"simple-tts",{"title":332,"description":333,"date":327,"path":334,"tags":335,"type":227},"Simple TTS por dentro: mi primera extensión, de JavaScript a WXT con Vue","Cómo pasó Simple TTS de tres archivos de JavaScript a una extensión Manifest V3 con WXT, Vue 3 y TypeScript. Qué me hizo cambiar en cada etapa, cómo se mantiene vivo un service worker durante una lectura larga, por qué leía la frase del día anterior y cómo se consigue que el resaltado vaya a la par de la voz.","\u002Farticulos\u002Fsimple-tts-por-dentro",[330,235,236,237],{"title":337,"description":338,"date":339,"path":340,"tags":341,"type":227},"TranscribeLocal por dentro: Whisper en el navegador y cómo dejó de inventarse frases","Cómo ejecuta TranscribeLocal Whisper, la separación de hablantes y un modelo de lenguaje dentro del navegador con Transformers.js, por qué Whisper se inventaba frases en los silencios, qué hace falta para transcribir audios largos y por qué un service worker cortaba las descargas a los cinco minutos.","2026-10-22","\u002Farticulos\u002Ftranscribe-local-por-dentro",[342,215,235,236,323],"transcribe-local",{"title":344,"description":345,"date":339,"path":346,"tags":347,"type":217},"TranscribeLocal: transcribe y saca subtítulos de cualquier vídeo, sin salir de tu navegador","Una app web que convierte audio y vídeo en texto y subtítulos con Whisper, distingue quién habla y hace resúmenes, todo en tu ordenador. Sin subir nada a ningún servidor, sin límites de duración y gratis. Qué hace y cómo se usa.","\u002Farticulos\u002Ftranscribe-local-subtitulos-en-tu-navegador",[342,215,213,216],{"title":349,"description":350,"date":351,"path":352,"tags":353,"type":217},"PokeStore: un tema de WordPress a medida para tiendas de cartas coleccionables","Un tema de WordPress y WooCommerce hecho desde cero para tiendas de Pokémon y One Piece TCG. Un recorrido por la tienda como la ve quien compra, de la portada a la lista de deseos, y por lo que puede ajustar quien la lleva.","2026-10-21","\u002Farticulos\u002Fpokestore-tema-wordpress-para-tiendas-tcg",[354,355,356,216],"pokestore","wordpress","woocommerce",{"title":358,"description":359,"date":360,"path":361,"tags":362,"type":217},"YouTube Like Shortcut: da like con una tecla, como en TikTok","Una extensión de Chrome que da like al vídeo o Short de YouTube que estás viendo al pulsar la L. Cómo se instala, qué opciones tiene y por qué no se dispara mientras escribes.","2026-10-20","\u002Farticulos\u002Fyoutube-like-shortcut-like-con-una-tecla",[244,245,214,216],{"title":364,"description":365,"date":360,"path":366,"tags":367,"type":227},"YouTube Like Shortcut por dentro: pulsar un botón en una web que cambia sin avisar","Cómo una extensión de una sola función llega antes que el reproductor de YouTube, encuentra el botón de like entre variantes ocultas y layouts que cambian con el ancho de la ventana, y se asegura de que el like ha entrado aunque YouTube esté reconstruyendo la página.","\u002Farticulos\u002Fyoutube-like-shortcut-por-dentro",[244,245,235,236],{"title":369,"description":370,"date":371,"path":372,"tags":373,"type":217},"AI Upscaler: amplía imágenes y quita fondos con IA, sin salir de tu navegador","Una extensión de Chrome que amplía imágenes ×2 o ×4 y elimina fondos con inteligencia artificial, todo en tu equipo. Sin subir nada a ningún servidor, sin cuentas y gratis. Qué hace y cómo se usa.","2026-10-19","\u002Farticulos\u002Fai-upscaler-imagenes-con-ia-en-tu-navegador",[374,215,213,216],"ai-upscaler",{"title":376,"description":377,"date":371,"path":378,"tags":379,"type":227},"AI Upscaler por dentro: dos redes neuronales en una extensión de Chrome","Cómo ejecuta AI Upscaler Real-ESRGAN y U²-Net dentro del navegador con ONNX Runtime Web, por qué la imagen se procesa en mosaicos con margen, qué hubo que parchear en el modelo de quitar fondos y qué obstáculos pone una extensión Manifest V3 a los workers y al WebAssembly.","\u002Farticulos\u002Fai-upscaler-por-dentro",[374,215,235,236,237],{"title":381,"description":382,"date":383,"path":384,"tags":385,"type":217},"ABR Cipher: cifrado seguro, completamente en tu navegador","Una suite de cifrado que no envía nada a ningún servidor. Cifrar textos y archivos, compartir secretos con un enlace que caduca, guardar contraseñas y destruir archivos. Qué hace y cómo se usa.","2026-10-18","\u002Farticulos\u002Fabr-cipher-cifrado-en-tu-navegador",[386,387,213,216],"cipher","seguridad",{"title":389,"description":390,"date":383,"path":391,"tags":392,"type":227},"ABR Cipher por dentro: criptografía sin servidor, de la URL al disco","Por qué ABR Cipher solo usa la Web Crypto API, cómo viaja un secreto en el fragmento de una URL, cómo se cifra un archivo de varios GB en el navegador y qué hace falta para destruir un archivo de verdad, con un compañero en Rust que lee NTFS.","\u002Farticulos\u002Fabr-cipher-por-dentro",[386,387,235,236,393],"rust",{"title":395,"description":396,"date":383,"path":397,"tags":398,"type":227},"ABReader por dentro: el lector que no encontré, construido a mi medida","Voces neuronales que se ejecutan en el navegador, sincronización entre dispositivos sin servidor y once formatos detrás de un mismo contrato. Las decisiones técnicas de ABReader y por qué las tomé.","\u002Farticulos\u002Fabreader-por-dentro",[399,235,236,323],"abreader",{"title":401,"description":402,"date":383,"path":403,"tags":404,"type":217},"ABReader: tu biblioteca de libros electrónicos en el navegador","Un lector de libros electrónicos que funciona en el navegador, sin cuentas ni servidores. Qué hace, cómo se usa y cómo probarlo en un minuto.","\u002Farticulos\u002Fabreader-tu-biblioteca-en-el-navegador",[399,405,216],"lectura",{"title":407,"description":408,"date":383,"path":409,"tags":410,"type":227},"Cómo construí este blog: estático, sin servidor y sin coste de hosting","Por qué elegí Nuxt y Markdown en lugar de WordPress, cómo separo el código privado del sitio publicado, qué se rompió en el primer despliegue y cómo funcionan los artículos programados, el buscador sin servidor y los filtros.","\u002Farticulos\u002Farquitectura-de-este-blog",[323,237,411,412],"devops","meta",1793880007326]