DBV Markdown Reader v0.11.0: el salto de solo lectura a un editor con sincronización a 3 paneles (y cero coste de RAM)

Imagen de DBV Markdown Reader v0.11.0: el salto de solo lectura a un editor con sincronización a 3 paneles (y cero coste de RAM)

¿Alguna vez te has parado a pensar en cuántos recursos consume tu ordenador solo para mostrarte o dejarte hacer retoques sencillos en un archivo de texto plano?

Si trabajas en tecnología, programación o docencia, es probable que tu día a día esté repleto de archivos Markdown (.md): desde el README.md de un repositorio en GitHub, pasando por notas de proyectos o documentación técnica de APIs. Sin embargo, cuando haces doble clic en uno de estos archivos en Windows, la realidad suele ser una de estas dos:

  1. Se abre el Bloc de Notas de Windows, rápido pero sin renderizado visual (sin negritas, sin tablas, sin diagramas Mermaid, sin resaltar código).
  2. Se abre un entorno pesado basado en Electron como VS Code, Obsidian o Logseq, lo que significa arrancar una instancia completa del navegador Chromium y Node.js. ¿El resultado? Un consumo de más de 300 MB de memoria RAM y varios segundos de espera solo para leer o corregir un texto de 2 KB.

De esa frustración nació DBV Markdown Reader. Lo que comenzó como un visor nativo ultra-ligero en Rust y Tauri v2 ha dado un salto decisivo en su versión v0.11.0: la incorporación de un Modo Edición Ligera sin perder un solo milisegundo de velocidad ni engordar la aplicación.


🚀 La evolución a la v0.11.0: Modo Edición Ligera y Vista Dividida en Vivo

Muchos visores de solo lectura terminan obligándote a cerrar la app y abrir VS Code en cuanto quieres corregir una errata o añadir una sección. Por otro lado, incluir un editor pesado como Monaco (el motor de VS Code) habría triplicado el tamaño del ejecutable y arruinado la filosofía del proyecto.

La solución en la v0.11.0 fue utilizar un <textarea> plano reutilizando exactamente el mismo pipeline de renderizado (markdown-it) y sanitización (DOMPurify) que ya existía:

  • ✏️ Panel Dividido (Ctrl+E): Código Markdown a la izquierda y la vista renderizada en tiempo real a la derecha (con un debounce de renderizado optimizado).
  • 🔗 Sincronización a 3 Paneles (Editor ↔ Preview ↔ Tabla de Contenidos): Al desplazarte por el código, la previsualización y el índice lateral (TOC) siguen la misma posición mediante interpolación inteligente de encabezados. Los divisores entre paneles son totalmente arrastrables y recuerdan su tamaño.
  • 🛡️ Gestión Inteligente de Conflictos (estilo Bloc de Notas / Notepad++):
    • Si no has hecho cambios locales y el archivo se modifica desde otro programa externo, se actualiza automáticamente en los 3 paneles (Modo Espejo).
    • Si habías modificado el documento localmente y se detecta un cambio externo, la app te avisa mediante un modal/franja de conflicto permitiéndote elegir entre “Conservar mis cambios” o “Recargar desde disco”.

Comparativa de Eficiencia y Consumo de Memoria


📊 Benchmark oficial: ¿Cuánto cuesta añadir el Modo Edición?

Una pregunta clave en cualquier desarrollo es si añadir características nuevas perjudica el rendimiento. Para comprobarlo, ejecutamos un benchmark reproducible (scripts/benchmark.ps1) comparando la versión v0.10.0 (de solo lectura) frente a la v0.11.0 (con editor, 3 paneles y gestión de conflictos):

Medición v0.10.0 (solo lectura) v0.11.0 (+ Modo Edición) Diferencia
Tamaño ejecutable (.exe) 16,35 MB 16,36 MB +0,06 % (insignificante)
Consumo de Memoria RAM ~20 - 30 MB ~20 - 30 MB Inalterado (dentro de ruido)
Tiempo de apertura < 200 ms < 200 ms Instantáneo

🎨 Todo lo que incluye DBV Markdown Reader

Además de las novedades de edición de la v0.11.0, la aplicación reúne un arsenal de características para la productividad técnica:

  1. Diagramas Mermaid SVG interactivos: Los diagramas de secuencia, flujo o arquitectura se renderizan como gráficos vectoriales SVG, con botón para abrir en mermaid.live.
  2. Ecuaciones Matemáticas con KaTeX: Notación LaTeX ($…$ y \(...\)) procesada al instante.
  3. Resaltado de sintaxis real: 24 lenguajes de programación con colores adaptados a tres temas de lectura (Claro, Oscuro y Sepia) y números de línea.
  4. Soporte GFM: Checkboxes de tareas (- [ ]/- [x]) y notas al pie ([^1]).
  5. Modo “Always on Top”: Botón en la barra superior para fijar la ventana por encima de otras aplicaciones.
  6. Sanitización Anti-XSS con DOMPurify: Filtrado estricto de cualquier HTML embebido en el Markdown, aplicado sobre el HTML ya renderizado en el frontend.

Renderizado de diagramas Mermaid en DBV Markdown Reader


🏬 Publicación en Microsoft Store, macOS, Linux y PowerToys

El proyecto es 100% Open Source (licencia MIT) y cuenta con distribución multiplataforma:

  • 🏬 Microsoft Store: Publicado y certificado oficialmente para Windows 11 (sin avisos de SmartScreen, auto-actualizable).
  • 🍏 macOS: Soporte nativo con menú de aplicación (⌘O, ⌘P) y build universal Intel/Apple Silicon.
  • 🐧 Linux: Paquetes nativos .deb y .AppImage.
  • 💡 Candidato a Microsoft PowerToys: Debido a su ligereza e integración transparente con el sistema operativo, se posiciona como una propuesta natural para la suite PowerToys.

📹 Vídeo de Demostración en YouTube

Si quieres ver la herramienta en funcionamiento, la fluidez del renderizado y el cambio dinámico entre temas visuales, aquí tienes la presentación en vídeo:


📥 Pruébalo y descarga la aplicación

DBV Markdown Reader es 100% gratuito, libre de publicidad, sin telemetría ni cuentas de usuario.

¿Has probado a editar tus notas en vista dividida de 3 paneles? ¡Estaré encantado de conocer tus impresiones o sugerencias en GitHub!

Compartir:

Comentarios