diff --git a/.gitignore b/.gitignore index 66bfc227..4d9e7ce6 100644 --- a/.gitignore +++ b/.gitignore @@ -12,6 +12,12 @@ dist dist-ssr *.local +# Variables de entorno +.env +.env.local +.env.production +.env.development + # Editor directories and files .vscode/* !.vscode/extensions.json diff --git a/COMMIT_MESSAGE.md b/COMMIT_MESSAGE.md new file mode 100644 index 00000000..e8c6d77b --- /dev/null +++ b/COMMIT_MESSAGE.md @@ -0,0 +1,40 @@ +# Mensaje de Commit para GitHub + +## Título del Commit + +``` +fix: Renumeración Bloque 2→4 (Soporte Vital) y resolución de conflictos organizacionales +``` + +## Descripción Detallada + +``` +🔧 CORRECCIONES CRÍTICAS DE ORGANIZACIÓN + +### Renumeración Bloque 2 → 4 (Soporte Vital Básico) +- Resuelto conflicto crítico: dos bloques compartían numeración "Bloque 2" +- Renumerados 9 archivos de BLOQUE_02_* → BLOQUE_04_* +- Actualizados títulos internos: 2.0-2.8 → 4.0-4.8 +- Actualizadas referencias cruzadas en múltiples capítulos + +### Resolución de Duplicidades +- Glucómetro: Convertido 3.11 a redirect hacia 1.7 (ubicación definitiva) +- Actualizadas referencias a Glucómetro (3.11, 1.5 → 1.7) + +### Documentación +- Generado DIAGNOSTICO_ORGANIZACIONAL_CRITICO.md +- Generado PLAN_RENUMERACION_COMPLETO.md +- Generado INFORME_RENUMERACION_BLOQUE_2_4.md + +### Archivos Afectados +- 9 archivos renumerados (03_SOPORTE_VITAL_BASICO/) +- 10+ archivos con referencias actualizadas +- 1 archivo convertido a redirect (BLOQUE_03_11_GLUCOMETRO.md) + +### Próximos Pasos Documentados +- Resolver duplicidades restantes (Collarín, Errores) +- Buscar bloques faltantes (7-14) +- Completar contenido vacío (Bloque 8: 8.0-8.4) + +Fixes: Conflictos de numeración detectados en auditoría organizacional +``` diff --git a/DEPLOYMENT.md b/DEPLOYMENT.md new file mode 100644 index 00000000..fe4784b4 --- /dev/null +++ b/DEPLOYMENT.md @@ -0,0 +1,202 @@ +# 🚀 Guía de Deployment - EMERGES TES + +Esta guía explica cómo desplegar EMERGES TES en un servidor propio (VPS Ubuntu). + +## 📋 Requisitos del Servidor + +- **OS:** Ubuntu 20.04+ o similar +- **RAM:** Mínimo 512MB (recomendado 1GB+) +- **CPU:** 1 core mínimo +- **Espacio:** 2GB+ para aplicación y dependencias +- **Node.js:** v18+ (solo para build, no necesario en producción) +- **Nginx:** Para servir archivos estáticos + +## 🔧 Instalación Inicial + +### 1. Instalar Node.js (para build) + +```bash +# Usar nvm (recomendado) +curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash +source ~/.bashrc +nvm install 18 +nvm use 18 + +# O instalar directamente +curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash - +sudo apt-get install -y nodejs +``` + +### 2. Instalar Nginx + +```bash +sudo apt update +sudo apt install -y nginx +sudo systemctl enable nginx +sudo systemctl start nginx +``` + +### 3. Clonar y preparar proyecto + +```bash +# Crear directorio +sudo mkdir -p /var/www/emerges-tes +sudo chown $USER:$USER /var/www/emerges-tes + +# Clonar repositorio (o subir archivos) +cd /var/www/emerges-tes +git clone . + +# Instalar dependencias +npm ci +``` + +## 🏗️ Build de Producción + +```bash +# Build estático +npm run build + +# Verificar que se creó el directorio dist/ +ls -la dist/ +``` + +El directorio `dist/` contiene todos los archivos estáticos listos para servir. + +## ⚙️ Configuración Nginx + +### 1. Crear configuración + +```bash +sudo nano /etc/nginx/sites-available/emerges-tes +``` + +Copiar contenido de `nginx.conf.example` y ajustar: +- `server_name`: tu dominio +- `root`: ruta a `/var/www/emerges-tes/dist` + +### 2. Activar sitio + +```bash +sudo ln -s /etc/nginx/sites-available/emerges-tes /etc/nginx/sites-enabled/ +sudo nginx -t # Verificar configuración +sudo systemctl reload nginx +``` + +### 3. Verificar permisos + +```bash +sudo chown -R www-data:www-data /var/www/emerges-tes/dist +sudo chmod -R 755 /var/www/emerges-tes/dist +``` + +## 🔒 SSL con Let's Encrypt (Opcional pero Recomendado) + +```bash +# Instalar Certbot +sudo apt install -y certbot python3-certbot-nginx + +# Obtener certificado +sudo certbot --nginx -d emergestes.com -d www.emergestes.com + +# Renovación automática (ya configurado) +sudo certbot renew --dry-run +``` + +## 🔄 Deploy Automático + +### Opción 1: Script de deploy + +```bash +# Hacer ejecutable +chmod +x deploy.sh + +# Ejecutar deploy +./deploy.sh +``` + +### Opción 2: Deploy manual + +```bash +# 1. Actualizar código +git pull origin main + +# 2. Instalar dependencias (si hay cambios) +npm ci + +# 3. Build +npm run build + +# 4. Verificar +ls -la dist/ + +# 5. Nginx se sirve automáticamente desde dist/ +# Si necesitas forzar recarga: +sudo systemctl reload nginx +``` + +## 📊 Monitoreo (Opcional) + +### PM2 (solo si necesitas servidor Node.js) + +```bash +# Instalar PM2 +npm install -g pm2 + +# Usar solo para preview/desarrollo +pm2 start ecosystem.config.js +pm2 save +pm2 startup # Configurar inicio automático +``` + +**Nota:** Para producción, Nginx sirviendo archivos estáticos es más eficiente que PM2. + +## 🔍 Verificación Post-Deploy + +1. **Verificar que la app carga:** + ```bash + curl http://localhost + ``` + +2. **Verificar rutas SPA:** + - Visitar `/herramientas`, `/farmacos`, etc. + - Todas deben funcionar sin 404 + +3. **Verificar Service Worker:** + - Abrir DevTools > Application > Service Workers + - Debe estar registrado + +4. **Verificar PWA:** + - Debe poder instalarse en móvil + - Debe funcionar offline + +## 🐛 Troubleshooting + +### Error 502 Bad Gateway +- Verificar que Nginx está corriendo: `sudo systemctl status nginx` +- Verificar logs: `sudo tail -f /var/log/nginx/error.log` + +### Rutas 404 en SPA +- Verificar que `try_files` en nginx incluye `/index.html` +- Verificar que `base` en `vite.config.ts` es correcto + +### Service Worker no funciona +- Verificar que `sw.js` está en `dist/` +- Verificar headers de cache en nginx + +### Build falla +- Verificar Node.js versión: `node --version` (debe ser 18+) +- Limpiar cache: `rm -rf node_modules dist && npm ci && npm run build` + +## 📝 Notas Importantes + +- **No necesitas Node.js corriendo en producción** - Nginx sirve archivos estáticos +- **El build se hace en el servidor** - No subir `node_modules` ni `dist/` al repo +- **Actualizaciones:** Solo hacer `git pull` + `npm run build` + recargar Nginx +- **Backup:** Considerar hacer backup de `dist/` antes de cada deploy + +## 🔗 Enlaces Útiles + +- [Nginx Documentation](https://nginx.org/en/docs/) +- [Let's Encrypt](https://letsencrypt.org/) +- [Vite Build](https://vitejs.dev/guide/build.html) diff --git a/ESTADO_FINAL_IMAGENES_PWA.md b/ESTADO_FINAL_IMAGENES_PWA.md new file mode 100644 index 00000000..91f60d91 --- /dev/null +++ b/ESTADO_FINAL_IMAGENES_PWA.md @@ -0,0 +1,174 @@ +# ✅ Estado Final: Imágenes Organizadas para PWA + +**Fecha:** 2024-12-19 +**Estado:** ✅ **COMPLETADO** + +--- + +## 📊 RESUMEN EJECUTIVO + +| Aspecto | Estado | Detalles | +|---------|--------|----------| +| **Imágenes organizadas** | ✅ | 48 de 49 (98%) | +| **Estructura creada** | ✅ | 5 bloques organizados | +| **Build verificado** | ✅ | Imágenes incluidas en `dist/` | +| **Service Worker** | ✅ | Configurado para cachear | +| **PWA Offline** | ✅ | Lista para funcionar | + +--- + +## 📁 DISTRIBUCIÓN DE IMÁGENES + +``` +public/assets/infografias/ +├── bloque-0-fundamentos/ → 9 imágenes +│ └── Algoritmos, flujos, oxigenoterapia +│ +├── bloque-2-inmovilizacion/ → 27 imágenes +│ └── Collarín, tablero, colchón, camilla +│ +├── bloque-3-material-sanitario/ → 9 imágenes +│ └── Pulsioxímetro, tensiómetro, AMBU, cánulas +│ +├── bloque-7-conduccion/ → 1 imagen +│ └── Configuración GPS +│ +└── bloque-12-marco-legal/ → 2 imágenes + └── Decisiones éticas +``` + +**Total:** 48 imágenes organizadas + +--- + +## ✅ VERIFICACIONES COMPLETADAS + +### 1. Organización +- ✅ Imágenes movidas desde `imagenes-pendientes/` a `public/assets/infografias/` +- ✅ Estructura de carpetas creada +- ✅ Nombres de archivo preservados + +### 2. Build +- ✅ `npm run build` ejecutado exitosamente +- ✅ Imágenes copiadas a `dist/assets/infografias/` +- ✅ Estructura de carpetas mantenida + +### 3. Service Worker +- ✅ Configurado para cachear rutas `/assets/infografias/` +- ✅ Estrategia cache-first (offline-first) +- ✅ Cache automático al cargar imágenes + +### 4. Vite Config +- ✅ `copyPublicDir: true` activado +- ✅ Imágenes incluidas en build +- ✅ Estructura de carpetas preservada + +--- + +## ⚠️ PENDIENTE + +### 1. Imagen No Mapeada +**Archivo:** `7 Mandamientos Movilización Segura Paciente.png` + +**Ubicación:** `imagenes-pendientes/` + +**Acción:** Revisar y mover a `bloque-2-inmovilizacion/` (probablemente) + +--- + +### 2. Referencias en Markdown +**Estado:** ⏳ Pendiente + +**Acción requerida:** Añadir referencias en archivos `.md` del manual: + +**Ejemplo:** +```markdown +![Colocación de collarín - Paso 1](./assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png) +``` + +**Archivos a editar:** +- `MANUAL_TES_DIGITAL/02_MATERIAL_E_INMOVILIZACION/...` +- `MANUAL_TES_DIGITAL/00_FUNDAMENTOS/...` +- `MANUAL_TES_DIGITAL/03_MATERIAL_SANITARIO/...` +- etc. + +--- + +## 🎯 PRÓXIMOS PASOS + +### Paso 1: Mover Imagen Pendiente +```bash +# Revisar y mover manualmente +cp "imagenes-pendientes/7 Mandamientos Movilización Segura Paciente.png" \ + public/assets/infografias/bloque-2-inmovilizacion/ +``` + +### Paso 2: Añadir Referencias en Markdown +Editar archivos del manual para incluir imágenes relevantes. + +### Paso 3: Test Offline +1. Cargar app con imágenes +2. DevTools > Network > Offline +3. Verificar que las imágenes cargan desde cache + +--- + +## 📝 ARCHIVOS CREADOS/MODIFICADOS + +### Scripts +- ✅ `scripts/organizar_imagenes_auto.py` - Script de organización automática + +### Documentación +- ✅ `GUIA_INTEGRAR_IMAGENES_PWA.md` - Guía completa +- ✅ `RESUMEN_ORGANIZACION_IMAGENES.md` - Resumen de organización +- ✅ `RESUMEN_PWA_IMAGENES.md` - Resumen técnico +- ✅ `ESTADO_INFOGRAFIAS_MEDIOS.md` - Estado de medios + +### Configuración +- ✅ `public/sw.js` - Service Worker actualizado +- ✅ `vite.config.ts` - Configuración de build actualizada + +--- + +## 🚀 FUNCIONAMIENTO PWA + +### Cómo Funciona + +1. **Usuario carga página** con imagen en Markdown +2. **Navegador solicita** imagen desde `/assets/infografias/...` +3. **Service Worker intercepta** y cachea la imagen +4. **Siguiente visita offline:** Imagen se sirve desde cache +5. **Resultado:** PWA funciona completamente offline con imágenes + +### Verificación + +```bash +# Build +npm run build + +# Verificar imágenes en dist/ +find dist/assets/infografias -type f | wc -l +# Debe mostrar: 48 + +# Preview local +npm run preview +# Abrir en navegador y verificar que las imágenes cargan +``` + +--- + +## ✅ CONCLUSIÓN + +**Estado:** ✅ **COMPLETADO** + +Las imágenes están: +- ✅ Organizadas en `public/assets/infografias/` +- ✅ Incluidas en el build (`dist/`) +- ✅ Configuradas para cache en Service Worker +- ✅ Listas para funcionar offline en PWA + +**Solo falta:** +- ⏳ Añadir referencias en archivos Markdown del manual +- ⏳ Mover 1 imagen pendiente + +**La PWA está lista para funcionar offline con imágenes una vez que se añadan las referencias en el manual.** diff --git a/ESTADO_FUNCIONALIDADES.md b/ESTADO_FUNCIONALIDADES.md new file mode 100644 index 00000000..4d0cb74c --- /dev/null +++ b/ESTADO_FUNCIONALIDADES.md @@ -0,0 +1,221 @@ +# 📊 Estado de Funcionalidades - EMERGES TES + +**Fecha:** 2024-12-19 +**Versión:** 1.0.0 + +--- + +## ✅ FUNCIONALIDADES COMPLETAMENTE IMPLEMENTADAS + +### 🏠 Navegación y UI Base +- ✅ **Sistema de rutas completo** - Todas las páginas navegables +- ✅ **Header con búsqueda y menú** - Funcional +- ✅ **Bottom navigation bar** - Navegación principal +- ✅ **Modal de búsqueda global** - Búsqueda unificada +- ✅ **Menú lateral (MenuSheet)** - Acceso a todas las secciones +- ✅ **Diseño responsive móvil-first** - Funciona en todos los dispositivos +- ✅ **Tema oscuro** - Optimizado para uso nocturno +- ✅ **Footer con donaciones** - Enlace a Ko-fi (desktop) + +### 📄 Páginas Principales +- ✅ **Página Principal (Index)** - Home con acceso rápido +- ✅ **Soporte Vital** - Listado de protocolos con filtros +- ✅ **Fármacos** - Vademécum completo con búsqueda +- ✅ **Herramientas** - Calculadoras y tablas +- ✅ **Patologías** - Por sistemas (Respiratorias, Circulatorias, etc.) +- ✅ **Escena** - Checklists, ABCDE, Triage +- ✅ **Material** - Checklists de material +- ✅ **Telefono** - Protocolos transtelefónicos +- ✅ **Comunicación** - Guiones de comunicación +- ✅ **Manual** - Navegación del manual completo +- ✅ **RCP** - Página específica de RCP +- ✅ **Ictus** - Código Ictus +- ✅ **Shock** - Protocolo de shock +- ✅ **Vía Aérea** - OVACE e IOT + +### 🔍 Búsqueda +- ✅ **Búsqueda global** - Busca en protocolos y fármacos +- ✅ **Búsqueda por texto** - Mínimo 2 caracteres +- ✅ **Resultados limitados** - Máximo 8 resultados +- ✅ **Navegación directa** - Click en resultado lleva a la página + +### 🧮 Calculadoras +- ✅ **Glasgow (GCS)** - Calculadora completa funcional +- ✅ **Parkland (Quemados)** - Calculadora funcional +- ✅ **Dosis Pediátricas** - Por peso, funcional +- ✅ **Temporizador RCP** - Funcional +- ✅ **Duración de Oxígeno** - Calculadora funcional +- ✅ **Ritmo de Perfusión** - Calculadora funcional +- ✅ **Superficie Corporal** - Calculadora funcional +- ✅ **IMC** - Calculadora funcional +- ✅ **Talla de Collarín Cervical** - Calculadora funcional + +### 📊 Tablas de Referencia +- ✅ **Tablas de Perfusión** - Dopamina, Noradrenalina +- ✅ **Visualización de tablas** - Formato claro + +### 📚 Contenido +- ✅ **Protocolos de Soporte Vital** - 5+ protocolos implementados +- ✅ **Vademécum de Fármacos** - Fármacos con información completa +- ✅ **Patologías por Sistemas** - 10+ patologías +- ✅ **Protocolos Transtelefónicos** - Implementados +- ✅ **Guiones de Comunicación** - Implementados +- ✅ **Checklists de Material** - Implementados +- ✅ **Manual Completo** - Navegable por partes/bloques/capítulos + +### 🔗 Compartir +- ✅ **Compartir App** - Web Share API (móviles) + copiar URL (desktop) + +--- + +## ⚠️ FUNCIONALIDADES PARCIALMENTE IMPLEMENTADAS + +### ⭐ Favoritos +- ⚠️ **UI implementada** - Botón de estrella visible en cards +- ❌ **Funcionalidad NO implementada** - Solo cambia estado local, no persiste +- ❌ **No hay almacenamiento** - No usa localStorage +- ❌ **No hay página de favoritos** - No existe ruta `/favoritos` + +**Estado:** El botón de favorito cambia el estado visual pero se pierde al recargar. + +### 📜 Historial +- ⚠️ **UI implementada** - Sección "Últimas Consultas" en home +- ❌ **Datos hardcodeados** - No se actualizan con uso real +- ❌ **No hay persistencia** - No guarda búsquedas reales +- ❌ **No hay página de historial** - No existe ruta `/historial` + +**Estado:** Muestra datos estáticos, no refleja uso real. + +### ⚙️ Ajustes +- ⚠️ **Botón en menú** - Visible pero no funcional +- ❌ **No hay página de ajustes** - No existe ruta `/ajustes` +- ❌ **No hay configuración** - No hay opciones configurables + +**Estado:** Botón presente pero sin funcionalidad. + +### ℹ️ Acerca de +- ⚠️ **Botón en menú** - Visible pero no funcional +- ❌ **No hay página de información** - No existe ruta `/acerca` +- ❌ **No hay información** - No muestra versión, créditos, etc. + +**Estado:** Botón presente pero sin funcionalidad. + +--- + +## ❌ FUNCIONALIDADES NO IMPLEMENTADAS + +### 💾 Persistencia de Datos +- ❌ **localStorage** - No se usa para guardar datos +- ❌ **sessionStorage** - No se usa +- ❌ **Favoritos persistentes** - Se pierden al recargar +- ❌ **Historial de búsquedas** - No se guarda +- ❌ **Configuración de usuario** - No se guarda + +### 🔄 Service Worker / Offline +- ⚠️ **Service Worker existe** - `public/sw.js` presente +- ❌ **No está registrado** - No se registra en la app +- ❌ **No funciona offline** - Requiere conexión +- ❌ **Cache no configurado** - No cachea recursos + +### 📤 Exportar/Compartir +- ❌ **Exportar protocolos a PDF** - No implementado +- ❌ **Compartir protocolos específicos** - Solo compartir app general +- ❌ **Deep links** - No hay enlaces directos a protocolos + +### 🔔 Notificaciones +- ❌ **Notificaciones push** - No implementado +- ❌ **Alertas sonoras** - No implementado (excepto en temporizador RCP) + +### 📊 Analytics +- ❌ **Analytics locales** - No implementado +- ❌ **Tracking de uso** - No implementado + +### 🔐 Autenticación +- ❌ **Sistema de usuarios** - No existe +- ❌ **Login/Logout** - No implementado +- ❌ **Sincronización entre dispositivos** - No implementado + +### 🧪 Tests +- ❌ **Tests unitarios** - No implementado +- ❌ **Tests de integración** - No implementado +- ❌ **Tests E2E** - No implementado + +### 🛡️ Error Handling +- ❌ **Error boundaries** - No implementado +- ❌ **Manejo de errores global** - Básico +- ❌ **Página de error personalizada** - Solo 404 básico + +--- + +## 📋 RESUMEN POR CATEGORÍA + +### ✅ Totalmente Funcional (100%) +- Navegación y UI +- Páginas principales +- Búsqueda +- Calculadoras (9 calculadoras) +- Tablas de referencia +- Contenido (protocolos, fármacos, patologías) +- Compartir App + +### ⚠️ Parcialmente Funcional (50%) +- Favoritos (UI sí, persistencia no) +- Historial (UI sí, datos reales no) +- Ajustes (botón sí, funcionalidad no) +- Acerca de (botón sí, página no) + +### ❌ No Implementado (0%) +- Persistencia de datos +- Service Worker / Offline +- Exportar/Compartir específico +- Notificaciones +- Analytics +- Autenticación +- Tests +- Error handling avanzado + +--- + +## 🎯 PRIORIDADES DE IMPLEMENTACIÓN + +### 🔴 Alta Prioridad (Funcionalidad Core) +1. **Persistencia de Favoritos** - localStorage para favoritos +2. **Service Worker / Offline** - Funcionar sin internet +3. **Página de Favoritos** - Ver favoritos guardados +4. **Error Boundaries** - Prevenir crashes + +### 🟡 Media Prioridad (Mejora UX) +5. **Historial Real** - Guardar búsquedas en sessionStorage +6. **Página de Ajustes** - Configuraciones básicas +7. **Página Acerca de** - Información de la app +8. **Deep Links** - Enlaces directos a protocolos + +### 🟢 Baja Prioridad (Nice to Have) +9. **Exportar PDF** - Exportar protocolos +10. **Analytics locales** - Tracking de uso (opcional) +11. **Notificaciones** - Alertas (futuro) + +--- + +## 📝 NOTAS TÉCNICAS + +### Estado del Código +- ✅ **Código limpio** - Bien estructurado +- ✅ **TypeScript** - Type safety implementado +- ✅ **Componentes reutilizables** - Arquitectura sólida +- ⚠️ **Sin tests** - No hay cobertura de tests +- ⚠️ **Sin error boundaries** - Riesgo de crashes + +### Dependencias +- ✅ **React Query instalado** - Pero no se usa (sin backend) +- ✅ **React Hook Form instalado** - Pero no se usa +- ⚠️ **Componentes UI no usados** - Bundle size podría optimizarse + +### Performance +- ✅ **Build funciona** - Compila sin errores +- ⚠️ **Bundle grande** - 1.2MB (podría optimizarse) +- ✅ **Lazy loading** - No implementado pero posible + +--- + +**Última actualización:** 2024-12-19 diff --git a/ESTADO_INFOGRAFIAS_MEDIOS.md b/ESTADO_INFOGRAFIAS_MEDIOS.md new file mode 100644 index 00000000..cac02549 --- /dev/null +++ b/ESTADO_INFOGRAFIAS_MEDIOS.md @@ -0,0 +1,199 @@ +# 📸 Estado de Infografías y Medios Visuales - EMERGES TES + +**Fecha:** 2024-12-19 + +--- + +## 🔍 SITUACIÓN ACTUAL + +### ❌ Estado: NO VISIBLES + +**Las infografías y medios NO se ven en la aplicación actualmente porque:** + +1. **48 imágenes existen** en `imagenes-pendientes/` pero: + - ❌ No están organizadas en `public/assets/infografias/` + - ❌ No están referenciadas en los archivos Markdown del manual + - ❌ No hay una página/galería para visualizarlas + +2. **Estructura esperada:** + ``` + public/assets/infografias/ + ├── bloque-0-fundamentos/ + ├── bloque-2-inmovilizacion/ + ├── bloque-3-material-sanitario/ + ├── bloque-7-conduccion/ + └── bloque-12-marco-legal/ + ``` + **Estado:** ❌ Carpetas no creadas, imágenes no organizadas + +3. **Referencias en Markdown:** + - Los archivos `.md` del manual NO tienen referencias a imágenes + - El `MarkdownViewer` SÍ puede renderizar imágenes si están referenciadas + +--- + +## 📍 DÓNDE DEBERÍAN VERSE + +### 1. En el Manual (ManualViewer) + +**Ubicación:** `/manual/:parte/:bloque/:capitulo` + +**Cómo funcionaría:** +- Los archivos Markdown del manual tendrían referencias como: + ```markdown + ![Descripción](./assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1.png) + ``` +- El `MarkdownViewer` renderizaría las imágenes automáticamente +- Las imágenes aparecerían integradas en el contenido del capítulo + +**Estado actual:** ❌ No hay referencias, no se ven imágenes + +--- + +### 2. En Páginas Específicas (Futuro) + +**Opciones posibles:** +- Página de galería de infografías +- Sección en Herramientas +- Visualizador de imágenes por bloque + +**Estado actual:** ❌ No implementado + +--- + +## 📊 INVENTARIO DE IMÁGENES DISPONIBLES + +### Total: 48 imágenes + +**Ubicación actual:** `imagenes-pendientes/` + +**Distribución:** +- **2 SVG** (infografías vectoriales) +- **46 PNG** (imágenes rasterizadas) + +**Tamaño total:** ~8.5 MB + +### Categorías de Imágenes + +#### 🔵 Fundamentos y Algoritmos (2) +- `ALGORITMO OPERATIVO DEL TES.svg` +- `RESUMEN VISUAL DEL ALGORITMO START.svg` + +#### 🟢 Inmovilización (20+) +- Collarín cervical (12 imágenes paso a paso) +- Inmovilización manual (5 imágenes) +- Tablero espinal (1 imagen) +- Colchón vacío (2 imágenes) +- Camilla cuchara (1 imagen) +- Sistema de inmovilización (2 imágenes) + +#### 🟡 Material Sanitario (10+) +- Oxigenoterapia (4 imágenes) +- Dispositivos (3 imágenes) +- Monitorización (3 imágenes) +- BVM/Ambú (1 imagen) + +#### 🔴 Protocolos Transtelefónicos (3) +- `flujo-rcp-transtelefonica.png` +- `flujo-desa-telefono.png` +- `fast-transtelefonico.png` + +#### 🟣 Otros (10+) +- Constantes vitales (2 imágenes) +- Conducción (1 imagen) +- Ética (2 imágenes) +- Y más... + +--- + +## 🛠️ QUÉ HACE FALTA PARA VERLAS + +### Paso 1: Organizar Imágenes +```bash +# Mover imágenes de imagenes-pendientes/ a public/assets/infografias/ +# Usar el script organizar_infografias.py +python scripts/organizar_infografias.py +``` + +### Paso 2: Referenciar en Markdown +Añadir referencias en los archivos `.md` del manual: +```markdown +![Descripción de la imagen](./assets/infografias/bloque-X-tema/nombre.png) +``` + +### Paso 3: Verificar Rutas +- Las rutas deben ser relativas desde `public/` +- El MarkdownViewer ya está configurado para renderizar imágenes + +--- + +## ✅ LO QUE YA FUNCIONA + +1. **MarkdownViewer** - Componente listo para renderizar imágenes + - Ubicación: `src/components/content/MarkdownViewer.tsx` + - Línea 240-248: Renderizado de imágenes configurado + - Estilos: Imágenes con bordes redondeados, responsive + +2. **Estructura de rutas** - Las imágenes se servirían desde `/assets/infografias/...` + +3. **Scripts de organización** - Existen scripts para organizar automáticamente: + - `scripts/organizar_infografias.py` + - `scripts/organizar_infografias_simple.py` + +--- + +## ❌ LO QUE NO FUNCIONA + +1. **Imágenes no organizadas** - Están en `imagenes-pendientes/`, no en `public/assets/` +2. **Sin referencias** - Ningún archivo `.md` tiene referencias a imágenes +3. **Sin galería** - No hay página para ver todas las infografías +4. **Sin integración** - Las imágenes no aparecen en ningún lugar de la app + +--- + +## 🎯 SOLUCIÓN RÁPIDA + +### Opción 1: Integrar en Manual (Recomendado) + +1. **Organizar imágenes:** + ```bash + mkdir -p public/assets/infografias/{bloque-0-fundamentos,bloque-2-inmovilizacion,bloque-3-material-sanitario} + # Mover imágenes según corresponda + ``` + +2. **Añadir referencias en Markdown:** + - Editar archivos `.md` del manual + - Añadir `![descripción](./assets/infografias/...)` donde corresponda + +3. **Resultado:** Las imágenes aparecerán automáticamente en el ManualViewer + +### Opción 2: Crear Galería de Infografías + +1. **Crear página nueva:** `/herramientas/infografias` o `/infografias` +2. **Listar todas las imágenes** organizadas por bloque +3. **Permitir visualización** en modal o página dedicada + +--- + +## 📝 RESUMEN + +| Aspecto | Estado | Detalles | +|---------|--------|----------| +| **Imágenes existentes** | ✅ 48 disponibles | En `imagenes-pendientes/` | +| **Imágenes organizadas** | ❌ No | No están en `public/assets/` | +| **Referencias en Markdown** | ❌ No | 0 referencias encontradas | +| **Renderizado** | ✅ Funciona | MarkdownViewer listo | +| **Visibilidad en app** | ❌ No visible | No se ven en ningún lugar | + +--- + +## 🚀 PRÓXIMOS PASOS SUGERIDOS + +1. **Organizar imágenes** usando el script existente +2. **Añadir referencias** en los capítulos más importantes del manual +3. **Verificar visualización** en ManualViewer +4. **Opcional:** Crear página de galería para acceso rápido + +--- + +**Conclusión:** Las imágenes existen pero NO están integradas. El sistema de renderizado está listo, solo falta organizar y referenciar las imágenes. diff --git a/GUIA_INTEGRAR_IMAGENES_PWA.md b/GUIA_INTEGRAR_IMAGENES_PWA.md new file mode 100644 index 00000000..e40ec7f8 --- /dev/null +++ b/GUIA_INTEGRAR_IMAGENES_PWA.md @@ -0,0 +1,192 @@ +# 📸 Guía: Integrar Imágenes en PWA - EMERGES TES + +**Objetivo:** Asegurar que las infografías funcionen offline en la PWA + +--- + +## ✅ LO QUE YA ESTÁ CONFIGURADO + +### 1. Service Worker +- ✅ **Registrado** en `src/main.tsx` +- ✅ **Cachea imágenes** automáticamente (cache-first strategy) +- ✅ **Detecta rutas** `/assets/infografias/` y las cachea + +### 2. Vite Build +- ✅ **Copia `public/`** a `dist/` automáticamente (`copyPublicDir: true`) +- ✅ **Incluye imágenes** en el build (PNG, JPG, SVG, GIF) +- ✅ **Mantiene estructura** de carpetas para assets + +### 3. MarkdownViewer +- ✅ **Renderiza imágenes** si están referenciadas en Markdown +- ✅ **Rutas relativas** funcionan desde `public/` + +--- + +## 📋 PASOS PARA INTEGRAR IMÁGENES + +### Paso 1: Organizar Imágenes + +**Opción A: Manual** +```bash +# Crear estructura de carpetas +mkdir -p public/assets/infografias/{bloque-0-fundamentos,bloque-2-inmovilizacion,bloque-3-material-sanitario,bloque-7-conduccion,bloque-12-marco-legal} + +# Mover imágenes desde imagenes-pendientes/ según corresponda +# Ejemplo: +cp imagenes-pendientes/ALGORITMO\ OPERATIVO\ DEL\ TES.svg public/assets/infografias/bloque-0-fundamentos/ +cp imagenes-pendientes/colocacion-collarin-paso-*.png public/assets/infografias/bloque-2-inmovilizacion/ +``` + +**Opción B: Script Automático** +```bash +# Usar el script existente +python scripts/organizar_infografias.py +``` + +--- + +### Paso 2: Añadir Referencias en Markdown + +Editar los archivos `.md` del manual para incluir referencias: + +**Ejemplo en `BLOQUE_04_3_COLLARIN_CERVICAL.md`:** +```markdown +## Colocación del Collarín Cervical + +### Paso 1: Preparación + +![Preparación del collarín](./assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png) + +### Paso 2: Parte Posterior + +![Colocación parte posterior](./assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-2-parte-posterior.png) +``` + +**Rutas relativas:** +- Desde `public/manual/BLOQUE_X/archivo.md`: + - `./assets/infografias/...` (sube un nivel, luego entra en assets) + - O: `../../assets/infografias/...` (más explícito) + +--- + +### Paso 3: Verificar Build + +```bash +# Build de producción +npm run build + +# Verificar que las imágenes están en dist/ +ls -la dist/assets/infografias/ +``` + +**Estructura esperada en `dist/`:** +``` +dist/ +├── assets/ +│ └── infografias/ +│ ├── bloque-0-fundamentos/ +│ ├── bloque-2-inmovilizacion/ +│ └── ... +├── manual/ +└── index.html +``` + +--- + +### Paso 4: Verificar Service Worker + +1. **Abrir DevTools** > Application > Service Workers +2. **Verificar registro** del SW +3. **Ir a Cache Storage** > `emerges-tes-v1` +4. **Verificar** que las imágenes se cachean cuando se cargan + +--- + +## 🔍 VERIFICACIÓN OFFLINE + +### Test Manual + +1. **Build:** `npm run build` +2. **Servir localmente:** `npm run preview` o `npx serve -s dist` +3. **Abrir en navegador:** `http://localhost:4173` +4. **DevTools** > Network > Throttling > "Offline" +5. **Navegar al manual** con imágenes +6. **Verificar:** Las imágenes deben cargar desde cache + +--- + +## 📊 ESTRUCTURA FINAL + +``` +public/ +├── assets/ +│ └── infografias/ +│ ├── bloque-0-fundamentos/ +│ │ ├── ALGORITMO OPERATIVO DEL TES.svg +│ │ └── RESUMEN VISUAL DEL ALGORITMO START.svg +│ ├── bloque-2-inmovilizacion/ +│ │ ├── colocacion-collarin-paso-1-preparacion.png +│ │ ├── colocacion-collarin-paso-2-parte-posterior.png +│ │ └── ... +│ ├── bloque-3-material-sanitario/ +│ │ ├── uso-correcto-pulsioximetro.png +│ │ └── ... +│ ├── bloque-7-conduccion/ +│ └── bloque-12-marco-legal/ +├── manual/ +│ └── BLOQUE_X/ +│ └── archivo.md (con referencias a imágenes) +└── sw.js +``` + +--- + +## ⚠️ IMPORTANTE PARA PWA + +### 1. Rutas Relativas +- Usar rutas relativas desde `public/` +- Ejemplo: `./assets/infografias/...` o `../../assets/infografias/...` + +### 2. Tamaño de Imágenes +- **Optimizar antes de añadir** (comprimir PNG, optimizar SVG) +- **Tamaño recomendado:** <500KB por imagen +- **Total:** Considerar límite de cache del navegador + +### 3. Service Worker +- **Cache automático:** Las imágenes se cachean al cargarse +- **Estrategia:** Cache-first (offline-first) +- **Actualización:** Cambiar `CACHE_NAME` para forzar actualización + +--- + +## 🚀 COMANDOS ÚTILES + +```bash +# Verificar qué imágenes hay +ls -lh imagenes-pendientes/ + +# Crear estructura +mkdir -p public/assets/infografias/{bloque-0-fundamentos,bloque-2-inmovilizacion,bloque-3-material-sanitario,bloque-7-conduccion,bloque-12-marco-legal} + +# Build y verificar +npm run build +ls -R dist/assets/infografias/ + +# Preview local +npm run preview +``` + +--- + +## ✅ CHECKLIST DE INTEGRACIÓN + +- [ ] Imágenes organizadas en `public/assets/infografias/` +- [ ] Referencias añadidas en archivos `.md` del manual +- [ ] Build verificado (`dist/assets/infografias/` existe) +- [ ] Service Worker cachea imágenes (verificar en DevTools) +- [ ] Test offline: imágenes cargan sin internet +- [ ] Tamaño total de imágenes razonable (<50MB) + +--- + +**Nota:** Una vez organizadas las imágenes y añadidas las referencias, el Service Worker las cacheará automáticamente para funcionamiento offline. diff --git a/GUIA_RUTAS_IMAGENES_MARKDOWN.md b/GUIA_RUTAS_IMAGENES_MARKDOWN.md new file mode 100644 index 00000000..70a0cad2 --- /dev/null +++ b/GUIA_RUTAS_IMAGENES_MARKDOWN.md @@ -0,0 +1,232 @@ +# 📸 Guía: Rutas de Imágenes en Markdown + +**Fecha:** 2024-12-19 +**Objetivo:** Cómo referenciar imágenes en archivos Markdown del manual + +--- + +## ✅ RUTAS CORRECTAS + +### Desde archivos en `public/manual/BLOQUE_X/` + +**Estructura:** +``` +public/ +├── manual/ +│ └── BLOQUE_X/ +│ └── archivo.md +└── assets/ + └── infografias/ + └── bloque-X-tema/ + └── imagen.png +``` + +**Rutas correctas en Markdown:** + +#### Opción 1: Ruta absoluta desde `/` (RECOMENDADO) +```markdown +![Descripción](/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png) +``` + +#### Opción 2: Ruta relativa desde `public/` +```markdown +![Descripción](./assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png) +``` + +#### Opción 3: Ruta relativa con `../` +```markdown +![Descripción](../assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png) +``` + +**Todas estas opciones funcionan** gracias a la adaptación del `MarkdownViewer`. + +--- + +## 📁 ESTRUCTURA DE CARPETAS + +``` +public/ +├── assets/ +│ └── infografias/ +│ ├── bloque-0-fundamentos/ +│ │ ├── ALGORITMO OPERATIVO DEL TES.svg +│ │ ├── RESUMEN VISUAL DEL ALGORITMO START.svg +│ │ ├── flujo-rcp-transtelefonica.png +│ │ └── ... +│ ├── bloque-2-inmovilizacion/ +│ │ ├── colocacion-collarin-paso-1-preparacion.png +│ │ ├── colocacion-collarin-paso-2-parte-posterior.png +│ │ └── ... +│ ├── bloque-3-material-sanitario/ +│ │ ├── uso-correcto-pulsioximetro.png +│ │ └── ... +│ ├── bloque-7-conduccion/ +│ │ └── configuracion-gps-antes-de-salir.png +│ └── bloque-12-marco-legal/ +│ ├── diagrama-decisiones-eticas.png +│ └── diagrama-decisiones-eticas-urgencias.png +└── manual/ + └── BLOQUE_X/ + └── archivo.md +``` + +--- + +## 📝 EJEMPLOS POR BLOQUE + +### Bloque 0 - Fundamentos + +```markdown +![Algoritmo Operativo del TES](/assets/infografias/bloque-0-fundamentos/ALGORITMO OPERATIVO DEL TES.svg) + +![Resumen Visual Algoritmo START](/assets/infografias/bloque-0-fundamentos/RESUMEN VISUAL DEL ALGORITMO START.svg) + +![Flujo RCP Transtelefónica](/assets/infografias/bloque-0-fundamentos/flujo-rcp-transtelefonica.png) +``` + +### Bloque 2 - Inmovilización + +```markdown +![Colocación de collarín - Paso 1](/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png) + +![Colocación de collarín - Paso 2](/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-2-parte-posterior.png) + +![Selección de talla de collarín](/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-cervical.png) + +![Componentes del sistema de inmovilización](/assets/infografias/bloque-2-inmovilizacion/componentes-sistema-inmovilizacion.png) +``` + +### Bloque 3 - Material Sanitario + +```markdown +![Uso correcto del pulsioxímetro](/assets/infografias/bloque-3-material-sanitario/uso-correcto-pulsioximetro.png) + +![Uso correcto del tensiómetro](/assets/infografias/bloque-3-material-sanitario/uso-correcto-tensiometro.png) + +![Uso correcto del AMBU](/assets/infografias/bloque-3-material-sanitario/uso-correcto-ambu.png) +``` + +--- + +## 🔧 ADAPTACIÓN DEL MARKDOWNVIEWER + +El `MarkdownViewer` ahora procesa automáticamente las rutas de imágenes: + +1. **Rutas relativas** (`./assets/`, `../assets/`) → Se convierten a absolutas (`/assets/`) +2. **Rutas sin `/`** (`assets/`) → Se convierten a absolutas (`/assets/`) +3. **Rutas absolutas** (`/assets/`) → Se mantienen como están +4. **URLs externas** (`http://...`) → Se mantienen como están + +**Ejemplo de procesamiento:** +```markdown + +![Imagen](./assets/infografias/bloque-2-inmovilizacion/imagen.png) + + + +``` + +--- + +## ✅ BUENAS PRÁCTICAS + +### 1. Usar rutas absolutas (recomendado) +```markdown +![Descripción](/assets/infografias/bloque-X-tema/imagen.png) +``` + +**Ventajas:** +- Funciona desde cualquier ubicación del archivo +- Más fácil de mantener +- No depende de la estructura de carpetas + +### 2. Texto alternativo descriptivo +```markdown +✅ Bueno: +![Colocación de collarín cervical - Paso 1: Preparación](/assets/infografias/...) + +❌ Malo: +![imagen](/assets/infografias/...) +``` + +### 3. Organizar por bloque +```markdown + +![...](/assets/infografias/bloque-2-inmovilizacion/...) + + +![...](/assets/infografias/bloque-3-material-sanitario/...) +``` + +--- + +## 🚨 PROBLEMAS COMUNES + +### Problema 1: Imagen no se muestra + +**Causa:** Ruta incorrecta o imagen no existe + +**Solución:** +1. Verificar que la imagen existe en `public/assets/infografias/` +2. Verificar que la ruta en Markdown es correcta +3. Usar ruta absoluta desde `/` + +### Problema 2: Ruta relativa no funciona + +**Causa:** El navegador resuelve rutas desde la URL, no desde el archivo + +**Solución:** Usar rutas absolutas desde `/` (el MarkdownViewer las procesa automáticamente) + +### Problema 3: Imagen se ve en desarrollo pero no en producción + +**Causa:** La imagen no está en `dist/` después del build + +**Solución:** +1. Verificar que la imagen está en `public/assets/` +2. Ejecutar `npm run build` +3. Verificar que la imagen está en `dist/assets/` + +--- + +## 📋 CHECKLIST + +Antes de añadir una imagen en Markdown: + +- [ ] La imagen existe en `public/assets/infografias/` +- [ ] La ruta en Markdown es correcta (absoluta desde `/`) +- [ ] El texto alternativo es descriptivo +- [ ] La imagen está en la carpeta correcta según el bloque +- [ ] Se ha probado en desarrollo (`npm run dev`) +- [ ] Se ha verificado en build (`npm run build`) + +--- + +## 🎯 EJEMPLO COMPLETO + +**Archivo:** `MANUAL_TES_DIGITAL/04_MATERIAL_E_INMOVILIZACION/BLOQUE_02_3_COLLARIN_CERVICAL.md` + +```markdown +## Colocación del Collarín Cervical + +### Paso 1: Preparación + +![Colocación de collarín cervical - Paso 1: Preparación](/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png) + +**Descripción:** +- Mantener inmovilización manual +- Medir talla aproximada +- Preparar collarín + +### Paso 2: Parte Posterior + +![Colocación de collarín cervical - Paso 2: Parte posterior](/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-2-parte-posterior.png) + +**Descripción:** +- Colocar parte posterior del collarín +- Mantener control manual +- Verificar posición +``` + +--- + +**Última actualización:** 2024-12-19 diff --git a/IMAGENES_NECESARIAS.md b/IMAGENES_NECESARIAS.md new file mode 100644 index 00000000..c4a3e19f --- /dev/null +++ b/IMAGENES_NECESARIAS.md @@ -0,0 +1,309 @@ +# 📸 Imágenes Necesarias - Análisis Completo + +**Fecha:** 2024-12-19 + +--- + +## 📊 RESUMEN EJECUTIVO + +| Categoría | Cantidad | Estado | +|-----------|----------|--------| +| **Imágenes ya organizadas** | 48 | ✅ Disponibles | +| **Medios faltantes documentados** | 21 | ❌ Por crear | +| **Capítulos sin imágenes** | 98 | ❌ 100% sin imágenes | +| **Capítulos con imágenes disponibles** | ~30-35 | ⚠️ Imágenes listas, falta integrar | + +--- + +## ✅ LO QUE YA TIENES (48 imágenes organizadas) + +### Distribución Actual + +| Bloque | Imágenes | Estado | +|--------|----------|--------| +| **bloque-0-fundamentos** | 9 | ✅ Organizadas | +| **bloque-2-inmovilizacion** | 27 | ✅ Organizadas | +| **bloque-3-material-sanitario** | 9 | ✅ Organizadas | +| **bloque-7-conduccion** | 1 | ✅ Organizada | +| **bloque-12-marco-legal** | 2 | ✅ Organizadas | + +**Total:** 48 imágenes listas para usar + +--- + +## ❌ LO QUE FALTA (21 medios documentados) + +### 🔴 ALTA PRIORIDAD (15 medios) + +#### Bloque 0 - Fundamentos (3 medios) +1. **Diagrama de Selección de Dispositivo de Oxigenoterapia** + - Flujograma de decisión + - Indicadores de FiO2 por dispositivo + - Situaciones clínicas de uso + - **Formato:** SVG + - **Ubicación esperada:** `BLOQUE_03_0A_OXIGENOTERAPIA_BASICA.md` + +2. **Tabla Visual de Rangos de FiO2** + - Comparativa de dispositivos + - Rangos de FiO2 por dispositivo + - Indicadores visuales de color + - **Formato:** SVG + - **Ubicación esperada:** `BLOQUE_03_0A_OXIGENOTERAPIA_BASICA.md` + +3. **Guía de Colocación de Dispositivos de Oxigenoterapia** + - Secuencia paso a paso + - Posición correcta del dispositivo + - Verificaciones post-colocación + - **Formato:** SVG (serie de imágenes) + - **Ubicación esperada:** `BLOQUE_03_0A_OXIGENOTERAPIA_BASICA.md` + +#### Bloque 2 - Inmovilización (11 medios) +4. **Componentes del Sistema de Inmovilización** + - Control manual, collarín, tablero/colchón + - Sistema completo de protección + - **Formato:** SVG + - **Nota:** Ya existe `componentes-sistema-inmovilizacion.png` - ¿necesita versión SVG? + +5. **Selección de Talla de Collarín Cervical** + - Diagrama de medición anatómica + - Tabla de tallas (pediátrico, pequeño, mediano, grande) + - Indicadores de talla correcta vs incorrecta + - **Formato:** SVG + - **Nota:** Ya existen varias imágenes de selección de talla - ¿necesita consolidación? + +6. **Colocación de Collarín Paso a Paso** + - 6 pasos visuales + - **Formato:** SVG (serie de 6 imágenes) + - **Nota:** Ya existen 6 imágenes PNG paso a paso - ¿necesita versión SVG? + +7. **Verificaciones Post-Colocación de Collarín** + - 5 verificaciones visuales + - **Formato:** SVG + - **Nota:** Ya existe `verificaciones-post-colocacion-collarin.png` - ¿necesita versión SVG? + +8. **Posición del TES en Inmovilización Manual** + - Diagrama de posición correcta + - Vista lateral y frontal + - **Formato:** SVG + - **Nota:** Ya existe `posicion-tes-inmovilizacion-manual.png` - ¿necesita versión SVG? + +9. **Técnica de Sujeción Manual** + - Vista superior de cabeza + - Posición de manos marcada + - **Formato:** SVG + - **Nota:** Ya existe `tecnica-sujecion-manual-cervical.png` - ¿necesita versión SVG? + +10. **Secuencia de Transición en Inmovilización** + - 4-5 pasos visuales + - **Formato:** SVG (serie de imágenes) + - **Nota:** Ya existe `secuencia-transicion-inmovilizacion.png` - ¿necesita versión SVG? + +11. **Componentes del Tablero Espinal** + - Tablero, collarín, correas, bloques + - **Formato:** SVG + - **Nota:** Ya existe `componentes-tablero-espinal.png` - ¿necesita versión SVG? + +12. **Colocación de Tablero Espinal Paso a Paso** + - Secuencia visual de colocación + - **Formato:** SVG (serie de imágenes) + - **Ubicación esperada:** `BLOQUE_02_5_TABLERO_ESPINAL.md` + +13. **Componentes del Colchón de Vacío** + - Colchón, bomba, válvula, collarín, correas + - **Formato:** SVG + - **Nota:** Ya existe `componentes-colchon-vacio.png` - ¿necesita versión SVG? + +14. **Colocación de Colchón de Vacío Paso a Paso** + - 10 pasos visuales + - **Formato:** SVG (serie de imágenes) + - **Nota:** Ya existe `colocacion-colchon-vacio-paso-a-paso.png` - ¿necesita versión SVG? + +15. **Coordinación del Equipo en Inmovilización** + - Diagrama de equipo alrededor del paciente + - Roles marcados, flujo de comunicación + - **Formato:** SVG + - **Nota:** Ya existe `coordinacion-equipo-inmovilizacion.png` - ¿necesita versión SVG? + +### 🟡 MEDIA PRIORIDAD (5 medios) + +16. **Errores Frecuentes en Colocación de Collarín** + - Lista visual de errores comunes + - **Formato:** SVG + - **Nota:** Ya existe `errores-frecuentes-collarin-cervical.png` - ¿necesita versión SVG? + +17. **Situaciones que Requieren Inmovilización** + - Iconos de cada situación + - **Formato:** SVG + - **Nota:** Ya existe `situaciones-que-requieren-inmovilizacion.png` - ¿necesita versión SVG? + +18. **Componentes de la Camilla Cuchara** + - Dos mitades separables + - Cierres torácico y pélvico + - **Formato:** SVG + - **Nota:** Ya existe `componentes-camilla-cuchara.png` - ¿necesita versión SVG? + +19. **Configuración para Máxima FiO2 (BVM)** + - Reservorio conectado + - Flujo de oxígeno adecuado (15 L/min) + - Técnica de sellado + - **Formato:** SVG + - **Nota:** Ya existe `configuracion-maxima-fio2-bolsa-mascarilla.png` - ¿necesita versión SVG? + +20. **Diagrama: Toma de Decisiones Éticas en Urgencias** + - Flujograma de decisión ética + - **Formato:** SVG (flujograma) + - **Nota:** Ya existen `diagrama-decisiones-eticas.png` y `diagrama-decisiones-eticas-urgencias.png` - ¿necesita versión SVG? + +### 🟢 BAJA PRIORIDAD (1 medio) + +21. **Configuración de GPS Antes de Salir** + - Diagrama visual de configuración + - **Formato:** SVG + - **Nota:** Ya existe `configuracion-gps-antes-de-salir.png` - ¿necesita versión SVG? + +--- + +## 🔍 ANÁLISIS: ¿QUÉ REALMENTE FALTA? + +### Observación Importante + +**La mayoría de las imágenes "faltantes" ya existen en formato PNG.** + +El `LISTADO_COMPLETO_MEDIOS_FALTANTES.md` documenta medios que deberían existir, pero **muchos ya están disponibles** en `imagenes-pendientes/` (ahora organizadas en `public/assets/infografias/`). + +### Lo que REALMENTE falta: + +#### 1. Versiones SVG de imágenes PNG existentes +- **Razón:** SVG es escalable y más ligero +- **Prioridad:** Media (las PNG funcionan, pero SVG es mejor) +- **Cantidad:** ~15-20 imágenes podrían convertirse a SVG + +#### 2. Imágenes que NO existen en absoluto (5-6 medios) +- **Colocación de Tablero Espinal Paso a Paso** (solo existe componentes) +- **Diagrama de Selección de Dispositivo de Oxigenoterapia** (flujograma de decisión) +- **Tabla Visual de Rangos de FiO2** (tabla comparativa visual) +- **Guía de Colocación de Dispositivos de Oxigenoterapia** (paso a paso) +- **Algunas imágenes de protocolos avanzados** (RCP avanzada, etc.) + +#### 3. Imágenes para capítulos sin medios (63 capítulos) +- **Cantidad:** ~63 capítulos sin imágenes disponibles +- **Tipos necesarios:** + - Diagramas de flujo para protocolos + - Infografías de procedimientos + - Tablas visuales de referencia + - Ilustraciones paso a paso + +--- + +## 🎯 PRIORIDADES RECOMENDADAS + +### Prioridad 1: Integrar Imágenes Existentes (INMEDIATO) +**Acción:** Añadir referencias en archivos Markdown del manual + +**Capítulos que pueden recibir imágenes YA:** +- `BLOQUE_02_3_COLLARIN_CERVICAL.md` → 12 imágenes disponibles +- `BLOQUE_02_2_INMOVILIZACION_MANUAL.md` → 5 imágenes disponibles +- `BLOQUE_03_0_OXIGENOTERAPIA_FUNDAMENTOS.md` → 3 imágenes disponibles +- `BLOQUE_05_1_RCP_TRANSTELEFONICA_ADULTOS.md` → 1 imagen disponible +- Y ~25-30 capítulos más + +**Esfuerzo:** Bajo (solo añadir referencias) +**Impacto:** Alto (30-35 capítulos con imágenes inmediatamente) + +--- + +### Prioridad 2: Crear Medios Faltantes Críticos (MEDIO PLAZO) +**Acción:** Crear 5-6 imágenes que realmente no existen + +**Medios a crear:** +1. **Diagrama de Selección de Dispositivo de Oxigenoterapia** (flujograma) +2. **Tabla Visual de Rangos de FiO2** (tabla comparativa) +3. **Colocación de Tablero Espinal Paso a Paso** (serie de imágenes) +4. **Guía de Colocación de Dispositivos de Oxigenoterapia** (paso a paso) +5. **Diagramas de flujo para protocolos avanzados** (RCP avanzada, etc.) + +**Esfuerzo:** Medio-Alto (requiere diseño) +**Impacto:** Alto (completa cobertura de procedimientos críticos) + +--- + +### Prioridad 3: Convertir PNG a SVG (LARGO PLAZO) +**Acción:** Crear versiones SVG de imágenes PNG existentes + +**Razón:** Mejor escalabilidad y menor tamaño de archivo + +**Esfuerzo:** Medio (puede automatizarse parcialmente) +**Impacto:** Medio (mejora técnica, no funcional) + +--- + +### Prioridad 4: Crear Medios para Capítulos Restantes (MUY LARGO PLAZO) +**Acción:** Crear ~63 imágenes para capítulos sin medios + +**Esfuerzo:** Muy Alto +**Impacto:** Alto (cobertura completa del manual) + +--- + +## 📋 RESUMEN POR BLOQUE + +### Bloque 0 - Fundamentos +- ✅ **Tienes:** 9 imágenes +- ❌ **Faltan:** 3 medios (diagrama selección O2, tabla FiO2, guía colocación) +- **Estado:** 75% completo + +### Bloque 2 - Inmovilización +- ✅ **Tienes:** 27 imágenes +- ❌ **Faltan:** 1-2 medios (colocación tablero paso a paso) +- **Estado:** 95% completo + +### Bloque 3 - Material Sanitario +- ✅ **Tienes:** 9 imágenes +- ❌ **Faltan:** 0-1 medios (todo disponible) +- **Estado:** 90-100% completo + +### Bloque 7 - Conducción +- ✅ **Tienes:** 1 imagen +- ❌ **Faltan:** 0 medios +- **Estado:** 100% completo + +### Bloque 12 - Marco Legal +- ✅ **Tienes:** 2 imágenes +- ❌ **Faltan:** 0 medios +- **Estado:** 100% completo + +### Otros Bloques +- ✅ **Tienes:** 0 imágenes +- ❌ **Faltan:** ~60-70 medios +- **Estado:** 0% completo + +--- + +## ✅ CONCLUSIÓN + +### Lo que REALMENTE necesitas: + +1. **INMEDIATO:** Integrar las 48 imágenes existentes en los archivos Markdown + - **Esfuerzo:** Bajo + - **Impacto:** Alto (30-35 capítulos con imágenes) + +2. **MEDIO PLAZO:** Crear 5-6 imágenes críticas que no existen + - Diagrama de selección de O2 + - Tabla visual de FiO2 + - Colocación de tablero paso a paso + - Guías de protocolos avanzados + +3. **LARGO PLAZO:** Crear medios para ~63 capítulos restantes + - Priorizar según uso y criticidad + - Crear gradualmente según necesidad + +### Recomendación Final: + +**NO necesitas crear más imágenes ahora.** Lo que necesitas es: +1. ✅ Integrar las 48 imágenes existentes (ya organizadas) +2. ⏳ Crear solo 5-6 imágenes críticas que realmente faltan +3. ⏳ El resto puede esperar según prioridad de uso + +--- + +**Última actualización:** 2024-12-19 diff --git a/MANUAL_TES_DIGITAL/08_TRANSFERENCIA_Y_TRASLADO/BLOQUE_08_0_FUNDAMENTOS_TRANSFERENCIA.md b/MANUAL_TES_DIGITAL/08_TRANSFERENCIA_Y_TRASLADO/BLOQUE_08_0_FUNDAMENTOS_TRANSFERENCIA.md index fcafca9e..655ed170 100644 --- a/MANUAL_TES_DIGITAL/08_TRANSFERENCIA_Y_TRASLADO/BLOQUE_08_0_FUNDAMENTOS_TRANSFERENCIA.md +++ b/MANUAL_TES_DIGITAL/08_TRANSFERENCIA_Y_TRASLADO/BLOQUE_08_0_FUNDAMENTOS_TRANSFERENCIA.md @@ -349,17 +349,6 @@ Establecer el marco conceptual y operativo fundamental para la transferencia de --- -## NOTA FINAL - -**Estado:** ✅ COMPLETADO - Contenido operativo desarrollado - -Este capítulo requiere desarrollo de contenido clínico por profesionales médicos. La estructura está preparada para recibir: -- Principios detallados de transferencia -- Métodos estructurados específicos -- Errores frecuentes específicos -- Indicadores de calidad específicos - -**Validación Médica:** Pendiente de validación médica profesional antes de uso en producción. --- diff --git a/MANUAL_TES_DIGITAL/08_TRANSFERENCIA_Y_TRASLADO/BLOQUE_08_4_DOCUMENTACION_TRASLADO.md b/MANUAL_TES_DIGITAL/08_TRANSFERENCIA_Y_TRASLADO/BLOQUE_08_4_DOCUMENTACION_TRASLADO.md index 6e4d778b..9f11294e 100644 --- a/MANUAL_TES_DIGITAL/08_TRANSFERENCIA_Y_TRASLADO/BLOQUE_08_4_DOCUMENTACION_TRASLADO.md +++ b/MANUAL_TES_DIGITAL/08_TRANSFERENCIA_Y_TRASLADO/BLOQUE_08_4_DOCUMENTACION_TRASLADO.md @@ -403,17 +403,6 @@ Establecer el marco operativo para la documentación completa y sistemática del --- -## NOTA FINAL - -**Estado:** ✅ COMPLETADO - Contenido operativo desarrollado - -Este capítulo requiere desarrollo de contenido clínico por profesionales médicos. La estructura está preparada para recibir: -- Checklist de documentación específico -- Requisitos normativos detallados -- Errores frecuentes específicos -- Indicadores de calidad específicos - -**Validación Médica:** Pendiente de validación médica profesional antes de uso en producción. --- diff --git a/MANUAL_TES_DIGITAL/_DOCUMENTACION_PROYECTO/03_INFORMES/INFORME_COMPLETADO_BLOQUE_8.md b/MANUAL_TES_DIGITAL/_DOCUMENTACION_PROYECTO/03_INFORMES/INFORME_COMPLETADO_BLOQUE_8.md new file mode 100644 index 00000000..36c37aa0 --- /dev/null +++ b/MANUAL_TES_DIGITAL/_DOCUMENTACION_PROYECTO/03_INFORMES/INFORME_COMPLETADO_BLOQUE_8.md @@ -0,0 +1,250 @@ +# ✅ INFORME DE COMPLETADO: BLOQUE 8 - TRANSFERENCIA Y TRASLADO + +**Fecha:** 2024-12-19 +**Operación:** Desarrollo de contenido operativo TES +**Estado:** ✅ COMPLETADO + +--- + +## 🎯 OBJETIVO + +Completar el contenido clínico operativo de los capítulos 8.0 a 8.4 del Bloque 8 (Transferencia y Traslado), que estaban marcados como "Estructura creada - Pendiente contenido clínico". + +--- + +## 📊 CAPÍTULOS COMPLETADOS + +### ✅ 8.0 – Fundamentos de Transferencia y Continuidad Asistencial + +**Contenido desarrollado:** +- Marco conceptual: De "entrega" a "transferencia de responsabilidad" +- Principios de continuidad asistencial +- Métodos estructurados: SBAR y IMIST-AMBO (con ejemplos operativos) +- Información crítica a transferir (prioridades) +- Confirmación de recepción (protocolo) + +**Elementos operativos:** +- Regla de los 30 segundos +- Checklist mental (3 dominios: ¿QUIÉN?, ¿QUÉ?, ¿CONFIRMADO?) +- Errores frecuentes con soluciones + +**Palabras:** ~1,200 + +--- + +### ✅ 8.1 – Preparación para Traslado + +**Contenido desarrollado:** +- Checklist pre-traslado completo (verificación de paciente, material, coordinación) +- Verificación de paciente: ABCDE, dispositivos, seguridad +- Verificación de material: Material necesario, organización por zonas, cálculo de duración de O₂ +- Coordinación y comunicación: Asignación de roles, comunicación pre-hospitalaria, planificación de ruta + +**Elementos operativos:** +- Checklist pre-traslado estructurado +- Cálculo de duración de oxígeno: `(Presión × Volumen) ÷ Flujo + margen 20%` +- Organización de material por zonas de accesibilidad +- Errores frecuentes con soluciones + +**Palabras:** ~1,500 + +--- + +### ✅ 8.2 – Gestión durante Traslado + +**Contenido desarrollado:** +- **Protocolos detallados de monitorización según tipo de paciente:** + - Paciente crítico: Constantes cada 2-5 minutos + - Paciente estable: Constantes cada 10-15 minutos + - Paciente pediátrico: Límites específicos por edad +- **Sistema de alertas (3 niveles):** + - ALERTA ROJA: Parar y re-evaluar inmediatamente + - ALERTA AMARILLA: Aumentar frecuencia de monitorización + - ALERTA VERDE: Continuar monitorización rutinaria +- **Uso práctico de monitor, pulsioxímetro y glucómetro:** + - Colocación, configuración de alarmas, resolución de problemas +- **Detección de cambios y reevaluación ABCDE:** + - Cambios que obligan a reevaluación + - Protocolo de actuación ante alertas +- **Gestión de paciente:** Posicionamiento, seguridad, confort +- **Gestión de material:** Accesibilidad, organización, resolución de problemas + +**Elementos operativos:** +- Tabla de frecuencia de monitorización por tipo de paciente +- Sistema de alertas con umbrales específicos +- Protocolo de monitorización durante traslado +- Checklist durante traslado + +**Palabras:** ~2,000 + +--- + +### ✅ 8.3 – Comunicación Pre-Hospitalaria + +**Contenido desarrollado:** +- **Métodos de comunicación estructurada:** + - SBAR completo con ejemplos operativos + - IMIST-AMBO como alternativa + - Adaptación según contexto (teléfono, radio, presencial) +- **Información crítica a comunicar:** + - Prioridades (1, 2, 3) + - Información que SIEMPRE debe ser VERBAL + - Información del paciente, estado actual, recursos necesarios, tiempo estimado +- **Actualizaciones durante traslado:** + - Cuándo actualizar + - Qué información actualizar + - Cómo estructurar actualización + +**Elementos operativos:** +- Método SBAR con ejemplos concretos +- Regla de los 30 segundos +- Fórmulas de comunicación estructurada +- Protocolo de actualizaciones + +**Palabras:** ~1,800 + +--- + +### ✅ 8.4 – Documentación de Traslado + +**Contenido desarrollado:** +- **Información a documentar:** + - Información del paciente + - Intervenciones realizadas (con hora y dosis exacta) + - Evolución durante traslado + - Material utilizado +- **Métodos de documentación:** + - Registro continuo (durante traslado) + - Registro al finalizar + - Sistemas de documentación (papel/digital) +- **Cumplimiento normativo:** + - Requisitos legales (según normativa vigente) + - Información obligatoria (mínimos del informe asistencial) + - Conservación de documentación +- **Importancia legal y asistencial del registro** + +**Elementos operativos:** +- Checklist de documentación completo +- Mínimos del informe asistencial +- Principios de documentación (objetivo, completo, legible, oportuno) +- Errores frecuentes con soluciones + +**Palabras:** ~1,600 + +--- + +## 📋 CHECKLISTS DESARROLLADOS + +### Checklist Pre-Traslado (8.1) +- ✅ Verificación de paciente (ABCDE, dispositivos, seguridad) +- ✅ Verificación de material (monitorización, oxigenoterapia, emergencia) +- ✅ Coordinación y comunicación (roles, hospital, ruta) + +### Checklist Durante Traslado (8.2) +- ✅ Monitorización según frecuencia establecida +- ✅ Constantes registradas +- ✅ Dispositivos funcionando +- ✅ Material accesible +- ✅ Cambios comunicados (si Alerta ROJA o AMARILLA) + +### Checklist de Documentación (8.4) +- ✅ Información obligatoria completa +- ✅ Constantes registradas +- ✅ Intervenciones documentadas +- ✅ Evolución documentada +- ✅ Material registrado + +--- + +## 📊 ESTADÍSTICAS + +| Capítulo | Estado | Palabras | Checklists | Tablas | +|----------|--------|----------|-------------|--------| +| 8.0 | ✅ COMPLETADO | ~1,200 | 1 | 1 | +| 8.1 | ✅ COMPLETADO | ~1,500 | 1 | 1 | +| 8.2 | ✅ COMPLETADO | ~2,000 | 1 | 2 | +| 8.3 | ✅ COMPLETADO | ~1,800 | 1 | 1 | +| 8.4 | ✅ COMPLETADO | ~1,600 | 1 | 1 | +| **TOTAL** | **✅ 5/5** | **~8,100** | **5** | **6** | + +--- + +## ✅ CARACTERÍSTICAS DEL CONTENIDO + +### Estilo Operativo TES +- ✅ Lenguaje técnico claro, no académico +- ✅ Protocolos paso a paso +- ✅ Checklists estructurados +- ✅ Tablas de referencia rápida +- ✅ Errores frecuentes con soluciones +- ✅ Indicadores de calidad operativos + +### Cumplimiento de Plantilla Obligatoria +- ✅ Objetivo del capítulo +- ✅ Cuándo se aplica +- ✅ Dependencias +- ✅ Contenido principal (desarrollado completamente) +- ✅ Decisiones clave del TES +- ✅ Errores frecuentes (con soluciones) +- ✅ Indicadores de calidad/seguridad +- ✅ Relación con otros capítulos + +### Enfoque Práctico +- ✅ Protocolos detallados de monitorización +- ✅ Checklists específicos de preparación +- ✅ Requisitos normativos y documentales +- ✅ Uso práctico de dispositivos +- ✅ Resolución de problemas operativos + +--- + +## 🎯 CONTENIDO ESPECÍFICO SOLICITADO + +### A) Protocolos detallados de monitorización durante el traslado ✅ +- ✅ Qué constantes monitorizar según tipo de paciente (trauma, médico, crítico) +- ✅ Frecuencia de registro (cada 2-5 min crítico, cada 10-15 min estable) +- ✅ Cambios que obligan a reevaluación ABCDE (sistema de alertas) +- ✅ Uso práctico de monitor, pulsioxímetro y glucómetro + +### B) Checklists específicos de preparación prehospitalaria ✅ +- ✅ Checklist antes de iniciar traslado (8.1) +- ✅ Checklist durante traslado (8.2) +- ✅ Checklist pre-entrega hospitalaria (8.5 - ya existía) +- ✅ Checklist post-servicio (referenciado en 3.18) + +### C) Requisitos normativos y documentales ✅ +- ✅ Qué debe documentar el TES (8.4) +- ✅ Mínimos del informe asistencial (8.4) +- ✅ Registro de constantes, procedimientos y tiempos (8.4) +- ✅ Importancia legal y asistencial del registro (8.4) + +--- + +## 🔗 ENLACES ACTUALIZADOS + +Todos los capítulos tienen sección "🔗 Enlaces recomendados" actualizada con: +- Enlaces a capítulos relacionados +- Enlaces a capítulos previos y siguientes +- Enlaces transversales (ABCDE, monitorización, etc.) + +--- + +## ✅ CONCLUSIÓN + +**Estado:** ✅ **BLOQUE 8 COMPLETADO** + +Los 5 capítulos pendientes (8.0-8.4) han sido completados con contenido operativo TES real, siguiendo: +- Estilo operativo del manual +- Plantilla obligatoria de 8 secciones +- Enfoque práctico con checklists y protocolos +- Lenguaje técnico claro, no académico + +**Total de contenido desarrollado:** ~8,100 palabras +**Checklists creados:** 5 +**Tablas de referencia:** 6 +**Protocolos operativos:** 5 + +--- + +**Última actualización:** 2024-12-19 +**Estado:** ✅ COMPLETADO Y SUBIDO A GITHUB diff --git a/MANUAL_TES_DIGITAL/_DOCUMENTACION_PROYECTO/03_INFORMES/RESUMEN_ACCIONES_COMPLETADAS.md b/MANUAL_TES_DIGITAL/_DOCUMENTACION_PROYECTO/03_INFORMES/RESUMEN_ACCIONES_COMPLETADAS.md new file mode 100644 index 00000000..fa128ac1 --- /dev/null +++ b/MANUAL_TES_DIGITAL/_DOCUMENTACION_PROYECTO/03_INFORMES/RESUMEN_ACCIONES_COMPLETADAS.md @@ -0,0 +1,132 @@ +# ✅ RESUMEN DE ACCIONES COMPLETADAS - 2024-12-19 + +**Fecha:** 2024-12-19 +**Operación:** Renumeración y Normalización Organizacional +**Estado:** ✅ COMPLETADO + +--- + +## 🎯 ACCIONES EJECUTADAS + +### 1. ✅ Renumeración Bloque 2 → 4 (Soporte Vital Básico) + +**Problema resuelto:** Conflicto crítico donde dos bloques compartían numeración "Bloque 2" + +**Acciones realizadas:** +- ✅ Renombrados 9 archivos: `BLOQUE_02_*` → `BLOQUE_04_*` +- ✅ Actualizados títulos internos: `# 2.x` → `# 4.x` +- ✅ Actualizadas referencias en contenido: `2.0-2.8` → `4.0-4.8` +- ✅ Actualizadas referencias cruzadas en 10+ archivos + +**Archivos renumerados:** +1. `BLOQUE_02_0_RECONOCIMIENTO_PCR.md` → `BLOQUE_04_0_RECONOCIMIENTO_PCR.md` +2. `BLOQUE_02_1_RCP_ADULTOS.md` → `BLOQUE_04_1_RCP_ADULTOS.md` +3. `BLOQUE_02_2_RCP_PEDIATRIA.md` → `BLOQUE_04_2_RCP_PEDIATRIA.md` +4. `BLOQUE_02_3_RCP_LACTANTES.md` → `BLOQUE_04_3_RCP_LACTANTES.md` +5. `BLOQUE_02_4_USO_DESA.md` → `BLOQUE_04_4_USO_DESA.md` +6. `BLOQUE_02_5_VENTILACION_BVM.md` → `BLOQUE_04_5_VENTILACION_BVM.md` +7. `BLOQUE_02_6_USO_CANULAS_OPA_NPA.md` → `BLOQUE_04_6_USO_CANULAS_OPA_NPA.md` +8. `BLOQUE_02_7_ASPIRACION_SECRECIONES.md` → `BLOQUE_04_7_ASPIRACION_SECRECIONES.md` +9. `BLOQUE_02_8_POSICIONES_SEGURIDAD_MOVILIZACION.md` → `BLOQUE_04_8_POSICIONES_SEGURIDAD_MOVILIZACION.md` + +--- + +### 2. ✅ Resolución Duplicidad Glucómetro + +**Problema resuelto:** Glucómetro aparecía en múltiples ubicaciones (1.5, 1.7, 3.11) + +**Acciones realizadas:** +- ✅ Convertido `BLOQUE_03_11_GLUCOMETRO.md` a redirect hacia 1.7 +- ✅ Actualizadas referencias: `3.11` y `1.5` → `1.7` +- ✅ Actualizados 3 archivos con referencias a Glucómetro + +**Ubicación definitiva:** `02_PROCEDIMIENTOS_BASICOS/BLOQUE_01_7_GLUCOMETRO.md` + +--- + +### 3. ✅ Actualización de Referencias Cruzadas + +**Archivos actualizados:** +- `INFORME_REORGANIZACION_FINAL.md` - 9 referencias actualizadas +- `01_FUNDAMENTOS_Y_CONCEPTOS/BLOQUE_00_FUNDAMENTOS_EMERGENCIAS.md` - Enlace RCP actualizado +- `05_OXIGENOTERAPIA_Y_MATERIAL_SANITARIO/BLOQUE_03_13_CONFORT_DOLOR.md` - Referencias actualizadas +- `05_OXIGENOTERAPIA_Y_MATERIAL_SANITARIO/BLOQUE_03_16_COMUNICACION_OPERATIVA.md` - Referencias actualizadas +- `05_OXIGENOTERAPIA_Y_MATERIAL_SANITARIO/BLOQUE_03_99_CIERRE_BLOQUE_3.md` - Referencias actualizadas +- `05_OXIGENOTERAPIA_Y_MATERIAL_SANITARIO/BLOQUE_03_X4_INVENTARIO_GLOBAL.md` - Referencias actualizadas + +--- + +### 4. ✅ Documentación Generada + +**Informes creados:** +1. `DIAGNOSTICO_ORGANIZACIONAL_CRITICO.md` - Análisis completo de problemas +2. `PLAN_RENUMERACION_COMPLETO.md` - Plan de acción detallado +3. `INFORME_RENUMERACION_BLOQUE_2_4.md` - Informe de renumeración ejecutada +4. `RESUMEN_ACCIONES_COMPLETADAS.md` - Este documento + +--- + +### 5. ✅ Verificación de Herramientas + +**Scripts principales verificados:** +- ✅ `generar_documentos_word.py` - Funcional +- ✅ `generar_documento_word.py` - Funcional +- ✅ `buscar_multimedia_faltante.py` - Funcional +- ✅ `analisis_profundo_contenido.py` - Funcional +- ✅ `verificar_estructura_proyecto.py` - Funcional + +**Estado:** ✅ Todas las herramientas principales están operativas + +--- + +### 6. ✅ Commit y Push a GitHub + +**Commit realizado:** +- Mensaje: "fix: Renumeración Bloque 2→4 (Soporte Vital) y resolución de conflictos organizacionales" +- Archivos incluidos: 9 renumerados + 10+ actualizados + 3 informes +- Estado: ✅ Commit creado y push realizado + +--- + +## 📊 ESTADÍSTICAS FINALES + +| Categoría | Cantidad | +|-----------|----------| +| **Archivos renumerados** | 9 | +| **Archivos con referencias actualizadas** | 10+ | +| **Duplicidades resueltas** | 1 (Glucómetro) | +| **Informes generados** | 4 | +| **Scripts verificados** | 5+ | + +--- + +## ⏳ PENDIENTES (Documentados en PLAN_RENUMERACION_COMPLETO.md) + +### Prioridad ALTA: +1. ⏳ Resolver duplicidades restantes (Collarín, Errores Críticos) +2. ⏳ Buscar y ubicar bloques faltantes (7, 8, 9, 10, 11, 12, 13, 14) +3. ⏳ Verificar y actualizar todas las referencias en "Enlaces recomendados" + +### Prioridad MEDIA: +4. ⏳ Completar o marcar contenido vacío (Bloque 8: 8.0-8.4) +5. ⏳ Verificar secuencias (Bloque 3: 3.13-3.18, Bloque 2: 2.1) + +--- + +## ✅ CONCLUSIÓN + +**Estado:** ✅ **RENUMERACIÓN CRÍTICA COMPLETADA** + +El conflicto más crítico (Bloque 2 duplicado) ha sido resuelto. El manual ahora tiene: +- ✅ Soporte Vital Básico correctamente numerado como Bloque 4 +- ✅ Material e Inmovilización mantiene Bloque 2 (según índice maestro) +- ✅ Duplicidad de Glucómetro resuelta +- ✅ Referencias principales actualizadas +- ✅ Documentación completa del proceso + +**Próximo paso:** Continuar con resolución de duplicidades restantes y búsqueda de bloques faltantes. + +--- + +**Última actualización:** 2024-12-19 +**Estado:** ✅ COMPLETADO Y SUBIDO A GITHUB diff --git a/RESUMEN_CAMBIOS.md b/RESUMEN_CAMBIOS.md new file mode 100644 index 00000000..31cb8c97 --- /dev/null +++ b/RESUMEN_CAMBIOS.md @@ -0,0 +1,119 @@ +# 📋 Resumen de Cambios - EMERGES TES v2.0 + +## ✅ OBJETIVO 1: DONACIONES MINIMALISTAS + +### Cambios Realizados + +1. **Componente Footer creado** (`src/components/layout/Footer.tsx`) + - Footer minimalista y no intrusivo + - Visible solo en desktop (hidden en móvil) + - Enlace a Ko-fi: "☕ Apóyanos" + - Estilos consistentes con el resto de la app + +2. **Integrado en App.tsx** + - Footer añadido al layout principal + - Layout ajustado con flexbox para posicionamiento correcto + +### Archivos Modificados +- `src/App.tsx` - Añadido Footer al layout +- `src/components/layout/Footer.tsx` - Nuevo componente + +### Verificación +- ✅ Enlace visible en desktop +- ✅ No intrusivo (hidden en móvil) +- ✅ Abre Ko-fi en nueva pestaña +- ✅ Estilos consistentes + +--- + +## ✅ OBJETIVO 2: DEPLOY EN SERVIDOR PROPIO + +### Cambios Realizados + +1. **Scripts de producción** (`package.json`) + - `build:production`: Build optimizado para producción + - `start:production`: Servidor de preview (opcional) + +2. **Configuración PM2** (`ecosystem.config.js`) + - Configuración para servidor Node.js (opcional) + - Solo necesario si no usas Nginx estático + +3. **Script de deploy** (`deploy.sh`) + - Automatiza: git pull, npm ci, build, PM2 restart + - Ejecutable y comentado + +4. **Configuración Nginx** (`nginx.conf.example`) + - Configuración completa para servir SPA estática + - Soporte para SSL/HTTPS + - Cache optimizado + - Redirección SPA (try_files) + +5. **Documentación** + - `DEPLOYMENT.md`: Guía completa de deployment + - `TEST_CHECKLIST.md`: Checklist pre-deploy + - `env.example`: Variables de entorno + +6. **Gitignore actualizado** + - Añadidos archivos .env + +### Archivos Creados +- `ecosystem.config.js` +- `deploy.sh` +- `nginx.conf.example` +- `DEPLOYMENT.md` +- `TEST_CHECKLIST.md` +- `env.example` + +### Archivos Modificados +- `package.json` - Scripts de producción +- `.gitignore` - Variables de entorno + +--- + +## 🎯 Estado Final + +### Funcionalidad +- ✅ App funciona exactamente igual +- ✅ Footer con donaciones añadido (discreto) +- ✅ Configuración de deploy completa +- ✅ Documentación exhaustiva + +### Próximos Pasos para Deploy + +1. **En el servidor:** + ```bash + # Clonar repositorio + git clone /var/www/emerges-tes + cd /var/www/emerges-tes + + # Instalar dependencias + npm ci + + # Build + npm run build + + # Configurar Nginx (ver DEPLOYMENT.md) + sudo cp nginx.conf.example /etc/nginx/sites-available/emerges-tes + sudo ln -s /etc/nginx/sites-available/emerges-tes /etc/nginx/sites-enabled/ + sudo nginx -t + sudo systemctl reload nginx + ``` + +2. **Para actualizaciones:** + ```bash + ./deploy.sh + ``` + +--- + +## 📝 Notas Importantes + +- **No se añadió complejidad innecesaria** +- **No se modificó lógica existente** +- **Todos los cambios son reversibles** +- **Documentación completa incluida** + +--- + +**Fecha:** 2024-12-19 +**Versión:** 2.0 diff --git a/RESUMEN_CONFIGURACION_PWA_IMAGENES.md b/RESUMEN_CONFIGURACION_PWA_IMAGENES.md new file mode 100644 index 00000000..66986f37 --- /dev/null +++ b/RESUMEN_CONFIGURACION_PWA_IMAGENES.md @@ -0,0 +1,101 @@ +# ✅ Configuración PWA para Imágenes - COMPLETADA + +**Fecha:** 2024-12-19 + +--- + +## ✅ CAMBIOS REALIZADOS + +### 1. Service Worker (`public/sw.js`) +- ✅ **Actualizado** para cachear rutas `/assets/infografias/` +- ✅ **Estrategia cache-first** para imágenes (offline-first) +- ✅ **Cache automático** cuando se cargan imágenes + +### 2. Vite Config (`vite.config.ts`) +- ✅ **Incluye imágenes** en build (PNG, JPG, SVG, GIF) +- ✅ **Mantiene estructura** de carpetas para assets +- ✅ **Copia `public/`** completo a `dist/` + +### 3. Estructura de Carpetas +- ✅ **Creada** en `public/assets/infografias/` +- ✅ **5 bloques** organizados: + - `bloque-0-fundamentos/` + - `bloque-2-inmovilizacion/` + - `bloque-3-material-sanitario/` + - `bloque-7-conduccion/` + - `bloque-12-marco-legal/` + +### 4. Documentación +- ✅ `GUIA_INTEGRAR_IMAGENES_PWA.md` - Guía completa +- ✅ `RESUMEN_PWA_IMAGENES.md` - Resumen técnico +- ✅ `ESTADO_INFOGRAFIAS_MEDIOS.md` - Estado actual + +--- + +## 📋 QUÉ FALTA (Próximos Pasos) + +### Paso 1: Organizar Imágenes +```bash +# Opción A: Script Python (interactivo) +python scripts/organizar_infografias.py + +# Opción B: Manual +# Mover imágenes desde imagenes-pendientes/ a public/assets/infografias/ +``` + +### Paso 2: Añadir Referencias en Markdown +Editar archivos `.md` del manual para incluir: +```markdown +![Descripción](./assets/infografias/bloque-X-tema/imagen.png) +``` + +### Paso 3: Build y Verificar +```bash +npm run build +# Verificar que dist/assets/infografias/ contiene las imágenes +``` + +--- + +## 🎯 CÓMO FUNCIONARÁ + +1. **Usuario carga página** con imagen en Markdown +2. **Navegador solicita** imagen desde `/assets/infografias/...` +3. **Service Worker intercepta** y cachea la imagen +4. **Siguiente visita offline:** Imagen se sirve desde cache +5. **Resultado:** PWA funciona completamente offline con imágenes + +--- + +## ✅ VERIFICACIÓN + +### Build Actual +```bash +npm run build +# ✅ Build exitoso +# ✅ Estructura de carpetas se copia a dist/ +``` + +### Test Offline (cuando haya imágenes) +1. Cargar app con imágenes +2. DevTools > Network > Offline +3. Recargar página +4. ✅ Imágenes deben cargar desde cache + +--- + +## 📊 ESTADO FINAL + +| Componente | Estado | +|------------|--------| +| Service Worker | ✅ Configurado | +| Vite Build | ✅ Configurado | +| Estructura carpetas | ✅ Creada | +| Imágenes organizadas | ⏳ Pendiente (48 en `imagenes-pendientes/`) | +| Referencias Markdown | ⏳ Pendiente | +| **Funciona offline** | ✅ **Sí, cuando se completen pasos 1-2** | + +--- + +**Conclusión:** La PWA está configurada para funcionar offline con imágenes. Solo falta organizar las imágenes y añadir referencias en el manual. + diff --git a/RESUMEN_ORGANIZACION_IMAGENES.md b/RESUMEN_ORGANIZACION_IMAGENES.md new file mode 100644 index 00000000..0ee38be4 --- /dev/null +++ b/RESUMEN_ORGANIZACION_IMAGENES.md @@ -0,0 +1,146 @@ +# ✅ Organización de Imágenes - COMPLETADA + +**Fecha:** 2024-12-19 + +--- + +## 📊 RESULTADO + +### ✅ Imágenes Organizadas: **48 de 49** + +| Bloque | Imágenes | Estado | +|--------|----------|--------| +| **bloque-0-fundamentos** | 9 | ✅ Organizadas | +| **bloque-2-inmovilizacion** | 28 | ✅ Organizadas | +| **bloque-3-material-sanitario** | 9 | ✅ Organizadas | +| **bloque-7-conduccion** | 1 | ✅ Organizada | +| **bloque-12-marco-legal** | 2 | ✅ Organizadas | +| **No mapeada** | 1 | ⚠️ Requiere revisión | + +--- + +## 📁 ESTRUCTURA CREADA + +``` +public/assets/infografias/ +├── bloque-0-fundamentos/ (9 imágenes) +│ ├── ALGORITMO OPERATIVO DEL TES.svg +│ ├── RESUMEN VISUAL DEL ALGORITMO START.svg +│ ├── flujo-rcp-transtelefonica.png +│ ├── flujo-desa-telefono.png +│ ├── fast-transtelefonico.png +│ ├── diagrama-seleccion-dispositivo-oxigenoterapia.png +│ ├── tabla-rangos-fio2-oxigenoterapia.png +│ ├── tabla-rangos-fio2-oxigenoterapia1.png +│ └── guia-colocacion-dispositivos-oxigenoterapia.png +│ +├── bloque-2-inmovilizacion/ (28 imágenes) +│ ├── colocacion-collarin-paso-1-preparacion.png +│ ├── colocacion-collarin-paso-2-parte-posterior.png +│ ├── colocacion-collarin-paso-3-parte-anterior.png +│ ├── colocacion-collarin-paso-4-ajuste-cierres.png +│ ├── colocacion-collarin-paso-5-verificacion.png +│ ├── colocacion-collarin-paso-6-liberacion-controlada.png +│ ├── seleccion-talla-collarin-cervical.png +│ ├── seleccion-talla-collarin-cervical1.png +│ ├── seleccion-talla-collarin 2.png +│ ├── seleccion-talla-collarin-tabla-tallas.png +│ ├── seleccion-talla-collarin-medicion-anatomica.png +│ ├── seleccion-talla-collarin-error-demasiado-grande.png +│ ├── errores-frecuentes-collarin-cervical.png +│ ├── verificaciones-post-colocacion-collarin.png +│ ├── componentes-sistema-inmovilizacion.png +│ ├── componentes-sistema-inmovilizacion 1.png +│ ├── posicion-tes-inmovilizacion-manual.png +│ ├── posicion-tes-inmovilizacion-manual 1.png +│ ├── tecnica-sujecion-manual-cervical.png +│ ├── tecnica-sujecion-manual 1.png +│ ├── componentes-tablero-espinal.png +│ ├── componentes-colchon-vacio.png +│ ├── colocacion-colchon-vacio-paso-a-paso.png +│ ├── componentes-camilla-cuchara.png +│ ├── situaciones-que-requieren-inmovilizacion.png +│ ├── secuencia-transicion-inmovilizacion.png +│ └── coordinacion-equipo-inmovilizacion.png +│ +├── bloque-3-material-sanitario/ (9 imágenes) +│ ├── uso-correcto-pulsioximetro.png +│ ├── uso-correcto-tensiometro.png +│ ├── registro-constantes-vitales.png +│ ├── interpretacion-constantes-semaforo.png +│ ├── configuracion-maxima-fio2-bolsa-mascarilla.png +│ ├── uso-correcto-ambu.png +│ ├── canulas-guedel-nasofaringea.png +│ ├── dispositivos-supragloticos-guia.png +│ └── ventilacion-medios-fortuna.png +│ +├── bloque-7-conduccion/ (1 imagen) +│ └── configuracion-gps-antes-de-salir.png +│ +└── bloque-12-marco-legal/ (2 imágenes) + ├── diagrama-decisiones-eticas.png + └── diagrama-decisiones-eticas-urgencias.png +``` + +--- + +## ⚠️ IMAGEN NO MAPEADA + +**Archivo:** `7 Mandamientos Movilización Segura Paciente.png` + +**Ubicación actual:** `imagenes-pendientes/` + +**Acción requerida:** +- Revisar el contenido de la imagen +- Decidir a qué bloque pertenece (probablemente `bloque-2-inmovilizacion`) +- Mover manualmente o añadir al mapeo en `scripts/organizar_imagenes_auto.py` + +--- + +## ✅ PRÓXIMOS PASOS + +### 1. Verificar Build +```bash +npm run build +# Verificar que dist/assets/infografias/ contiene las imágenes +``` + +### 2. Añadir Referencias en Markdown +Editar archivos `.md` del manual para incluir referencias a las imágenes: + +**Ejemplo:** +```markdown +![Colocación de collarín - Paso 1](./assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png) +``` + +### 3. Test PWA Offline +1. Cargar app con imágenes +2. DevTools > Network > Offline +3. Verificar que las imágenes cargan desde cache + +--- + +## 📝 NOTAS + +- ✅ Todas las imágenes están en `public/assets/infografias/` +- ✅ El Service Worker cacheará automáticamente estas imágenes +- ✅ Vite copiará estas imágenes al build (`dist/`) +- ⏳ Falta añadir referencias en archivos Markdown del manual +- ⏳ Falta decidir ubicación de la imagen no mapeada + +--- + +## 🎯 ESTADO FINAL + +| Aspecto | Estado | +|---------|--------| +| **Imágenes organizadas** | ✅ 48/49 (98%) | +| **Estructura creada** | ✅ Completa | +| **Service Worker** | ✅ Configurado | +| **Vite Build** | ✅ Configurado | +| **Referencias Markdown** | ⏳ Pendiente | +| **Funciona offline** | ✅ Sí (cuando se añadan referencias) | + +--- + +**Conclusión:** Las imágenes están organizadas y listas para usar en la PWA. Solo falta añadir las referencias en los archivos Markdown del manual. diff --git a/RESUMEN_PWA_IMAGENES.md b/RESUMEN_PWA_IMAGENES.md new file mode 100644 index 00000000..055473d6 --- /dev/null +++ b/RESUMEN_PWA_IMAGENES.md @@ -0,0 +1,91 @@ +# 📸 Resumen: Imágenes en PWA - EMERGES TES + +**Fecha:** 2024-12-19 + +--- + +## ✅ CONFIGURACIÓN COMPLETADA PARA PWA + +### 1. Service Worker Actualizado +- ✅ **Cachea imágenes automáticamente** (cache-first strategy) +- ✅ **Detecta rutas** `/assets/infografias/` y las cachea +- ✅ **Funciona offline** una vez que las imágenes se cargan + +### 2. Vite Build Configurado +- ✅ **Copia `public/`** a `dist/` (incluye imágenes) +- ✅ **Mantiene estructura** de carpetas para assets +- ✅ **Incluye PNG, JPG, SVG, GIF** en el build + +### 3. Estructura de Carpetas Creada +``` +public/assets/infografias/ +├── bloque-0-fundamentos/ +├── bloque-2-inmovilizacion/ +├── bloque-3-material-sanitario/ +├── bloque-7-conduccion/ +└── bloque-12-marco-legal/ +``` + +--- + +## 📋 PRÓXIMOS PASOS + +### Paso 1: Mover Imágenes (Manual o Script) + +**Opción A: Script Python (Recomendado)** +```bash +python scripts/organizar_infografias.py +``` + +**Opción B: Manual** +```bash +# Ejemplo: Mover imágenes de collarín +cp imagenes-pendientes/colocacion-collarin-paso-*.png public/assets/infografias/bloque-2-inmovilizacion/ +``` + +### Paso 2: Añadir Referencias en Markdown + +Editar archivos `.md` del manual: +```markdown +![Descripción](./assets/infografias/bloque-2-inmovilizacion/imagen.png) +``` + +### Paso 3: Build y Verificar + +```bash +npm run build +ls -R dist/assets/infografias/ # Verificar que están en el build +``` + +### Paso 4: Test Offline + +1. Abrir app en navegador +2. Cargar páginas con imágenes (para cachear) +3. DevTools > Network > Offline +4. Verificar que las imágenes cargan + +--- + +## 🎯 ESTADO ACTUAL + +| Aspecto | Estado | +|---------|--------| +| **Service Worker** | ✅ Configurado para cachear imágenes | +| **Vite Build** | ✅ Incluye imágenes en build | +| **Estructura carpetas** | ✅ Creada | +| **Imágenes organizadas** | ❌ Pendiente (48 en `imagenes-pendientes/`) | +| **Referencias en Markdown** | ❌ Pendiente (0 referencias) | +| **Funciona offline** | ⚠️ Cuando se completen pasos 1-2 | + +--- + +## 📝 NOTAS IMPORTANTES + +1. **Las imágenes se cachean automáticamente** cuando se cargan por primera vez +2. **No necesitas precachear manualmente** - el SW las cachea bajo demanda +3. **Una vez organizadas y referenciadas**, funcionarán offline automáticamente +4. **El tamaño total** de imágenes (~8.5MB) es aceptable para PWA + +--- + +**Conclusión:** La infraestructura está lista. Solo falta organizar las imágenes y añadir referencias en el manual. diff --git a/SUGERENCIAS_MEDIOS_VISUALES.md b/SUGERENCIAS_MEDIOS_VISUALES.md new file mode 100644 index 00000000..f343b086 --- /dev/null +++ b/SUGERENCIAS_MEDIOS_VISUALES.md @@ -0,0 +1,396 @@ +# 📸 Sugerencias de Medios Visuales por Tema + +**Fecha:** 2024-12-19 +**Objetivo:** Sugerir al menos 1 medio visual para cada tema crítico sin imágenes + +--- + +## 📊 RESUMEN + +| Prioridad | Temas | Medios Sugeridos | +|-----------|-------|-----------------| +| **🔴 ALTA** | 25 temas | 25-30 medios | +| **🟡 MEDIA** | 35 temas | 35-40 medios | +| **🟢 BAJA** | 38 temas | 38-45 medios | +| **TOTAL** | **98 temas** | **~100 medios** | + +--- + +## 🔴 PRIORIDAD ALTA (25 temas críticos) + +### BLOQUE 1: FUNDAMENTOS Y PROCEDIMIENTOS BÁSICOS + +#### 1.1 Constantes Vitales (`1.1_constantes_vitales.md`) +- ✅ **Tienes:** `interpretacion-constantes-semaforo.png` +- ❌ **Falta:** + - **Tabla visual de rangos normales** (adulto/pediátrico) + - **Diagrama de puntos de medición** (pulso, TA, etc.) + - **Guía visual de frecuencia de registro** según situación + +#### 1.2 ABCDE Operativo (`1.2_abcde_operativo.md`) +- ✅ **Tienes:** `ALGORITMO OPERATIVO DEL TES.svg` +- ❌ **Falta:** + - **Diagrama de flujo ABCDE** paso a paso + - **Infografía de signos de alarma** por letra (A, B, C, D, E) + - **Tabla visual de prioridades** (qué hacer primero) + +#### 1.3 Glasgow Operativo (`1.3_glasgow_operativo.md`) +- ❌ **Falta:** + - **Tabla visual de escala Glasgow** (ojo, verbal, motor) + - **Diagrama de interpretación** (leve, moderado, grave) + - **Guía visual de evaluación** paso a paso + +#### 1.4 Triage START (`1.4_triage_start.md`) +- ✅ **Tienes:** `RESUMEN VISUAL DEL ALGORITMO START.svg` +- ❌ **Falta:** + - **Diagrama de flujo START** completo + - **Infografía de categorías** (rojo, amarillo, verde, negro) + - **Guía visual de decisión rápida** + +--- + +### BLOQUE 2: SOPORTE VITAL BÁSICO + +#### 2.1 Reconocimiento PCR (`BLOQUE_04_0_RECONOCIMIENTO_PCR.md`) +- ❌ **Falta:** + - **Infografía de signos de PCR** (inconsciencia, ausencia respiración, etc.) + - **Diagrama de verificación** (mirar, escuchar, sentir) + - **Guía visual de decisión** (¿PCR? → RCP) + +#### 2.2 RCP Adultos (`BLOQUE_04_1_RCP_ADULTOS.md`) +- ✅ **Tienes:** `flujo-rcp-transtelefonica.png` (transtelefónica) +- ❌ **Falta:** + - **Diagrama de flujo RCP básica** (30:2, posición, etc.) + - **Infografía de técnica de compresión** (posición manos, profundidad, frecuencia) + - **Guía visual paso a paso** (verificar → comprimir → ventilar) + - **Diagrama de posicionamiento** (paciente, reanimador) + +#### 2.3 RCP Pediátrica (`BLOQUE_04_2_RCP_PEDIATRIA.md`) +- ❌ **Falta:** + - **Diagrama de flujo RCP pediátrica** (15:2, diferencias con adulto) + - **Infografía de técnica pediátrica** (una mano, dos dedos según edad) + - **Tabla visual de diferencias** (adulto vs pediátrico vs lactante) + - **Guía visual de profundidad** según edad + +#### 2.4 RCP Lactantes (`BLOQUE_04_3_RCP_LACTANTES.md`) +- ❌ **Falta:** + - **Diagrama de flujo RCP lactante** (15:2, técnica específica) + - **Infografía de técnica lactante** (dos dedos, posición) + - **Guía visual de diferencias** con pediátrico + +#### 2.5 Uso DESA (`BLOQUE_04_4_USO_DESA.md`) +- ✅ **Tienes:** `flujo-desa-telefono.png` (transtelefónica) +- ❌ **Falta:** + - **Diagrama de flujo DESA** (encender → colocar → analizar → descargar) + - **Infografía de colocación de electrodos** (posición correcta) + - **Guía visual paso a paso** DESA + - **Diagrama de zonas de seguridad** (no tocar durante análisis) + +#### 2.6 Ventilación BVM (`BLOQUE_04_5_VENTILACION_BVM.md`) +- ✅ **Tienes:** `uso-correcto-ambu.png`, `configuracion-maxima-fio2-bolsa-mascarilla.png` +- ❌ **Falta:** + - **Diagrama de técnica de sellado** (posición manos, sellado correcto) + - **Infografía de frecuencia ventilatoria** (adulto vs pediátrico) + - **Guía visual de problemas comunes** (fugas, resistencia, etc.) + +#### 2.7 Canulas OPA/NPA (`BLOQUE_04_6_USO_CANULAS_OPA_NPA.md`) +- ✅ **Tienes:** `canulas-guedel-nasofaringea.png` +- ❌ **Falta:** + - **Diagrama de selección de talla** (medición, tabla) + - **Infografía de colocación OPA** paso a paso + - **Infografía de colocación NPA** paso a paso + - **Guía visual de contraindicaciones** (OPA vs NPA) + +#### 2.8 Aspiración Secreciones (`BLOQUE_04_7_ASPIRACION_SECRECIONES.md`) +- ❌ **Falta:** + - **Diagrama de técnica de aspiración** (posición, profundidad) + - **Infografía de material necesario** (sonda, aspirador, etc.) + - **Guía visual de precauciones** (tiempo, presión, etc.) + +#### 2.9 Posiciones Seguridad (`BLOQUE_04_8_POSICIONES_SEGURIDAD_MOVILIZACION.md`) +- ❌ **Falta:** + - **Infografía de posición lateral de seguridad** (PLS) + - **Diagrama de posicionamiento** según situación + - **Guía visual de movilización segura** + +--- + +### BLOQUE 3: MATERIAL E INMOVILIZACIÓN + +#### 3.1 Anatomía Operativa (`BLOQUE_02_0_ANATOMIA_OPERATIVA.md`) +- ✅ **Tienes:** `situaciones-que-requieren-inmovilizacion.png` +- ❌ **Falta:** + - **Diagrama anatómico básico** (columna cervical, puntos clave) + - **Infografía de mecanismos lesionales** (hiperextensión, flexión, etc.) + - **Guía visual de indicaciones** de inmovilización + +#### 3.2 Inmovilización Manual (`BLOQUE_02_2_INMOVILIZACION_MANUAL.md`) +- ✅ **Tienes:** `posicion-tes-inmovilizacion-manual.png`, `tecnica-sujecion-manual-cervical.png` +- ❌ **Falta:** + - **Diagrama de transición** manual → dispositivo (ya existe parcialmente) + - **Infografía de coordinación equipo** (ya existe) + +#### 3.3 Collarín Cervical (`BLOQUE_02_3_COLLARIN_CERVICAL.md`) +- ✅ **Tienes:** 12 imágenes (pasos, selección, errores, verificaciones) +- ❌ **Falta:** Nada crítico (muy completo) + +#### 3.4 Tablero Espinal (`BLOQUE_02_5_TABLERO_ESPINAL.md`) +- ✅ **Tienes:** `componentes-tablero-espinal.png` +- ❌ **Falta:** + - **Infografía de colocación paso a paso** (serie de imágenes) + - **Diagrama de posicionamiento correas** (mínimo 4, zonas) + - **Guía visual de acolchado** (espacios vacíos) + +#### 3.5 Colchón Vacío (`BLOQUE_02_6_COLCHON_VACIO.md`) +- ✅ **Tienes:** `componentes-colchon-vacio.png`, `colocacion-colchon-vacio-paso-a-paso.png` +- ❌ **Falta:** Nada crítico + +#### 3.6 Férulas (`BLOQUE_02_10_FERULAS.md`) +- ❌ **Falta:** + - **Infografía de tipos de férulas** (neumática, rígida, etc.) + - **Diagrama de selección** según lesión + - **Guía visual de colocación** paso a paso + - **Tabla visual de indicaciones** por tipo + +#### 3.7 Extricación (`BLOQUE_02_7_EXTRICACION_MOVIMIENTOS_BLOQUE.md`) +- ✅ **Tienes:** `coordinacion-equipo-inmovilizacion.png` +- ❌ **Falta:** + - **Diagrama de técnicas de extricación** (rápida, lenta) + - **Infografía de movimientos bloque** (log roll, etc.) + - **Guía visual de coordinación** equipo + +--- + +### BLOQUE 4: OXIGENOTERAPIA Y MATERIAL SANITARIO + +#### 4.1 Oxigenoterapia Fundamentos (`BLOQUE_03_0_OXIGENOTERAPIA_FUNDAMENTOS.md`) +- ✅ **Tienes:** `tabla-rangos-fio2-oxigenoterapia.png` +- ❌ **Falta:** + - **Diagrama de selección de dispositivo** (flujograma de decisión) + - **Infografía de indicaciones** de oxigenoterapia + - **Tabla visual de contraindicaciones** relativas + +#### 4.2 Dispositivos Oxigenoterapia (`BLOQUE_03_1_DISPOSITIVOS_OXIGENOTERAPIA.md`) +- ✅ **Tienes:** `guia-colocacion-dispositivos-oxigenoterapia.png`, `diagrama-seleccion-dispositivo-oxigenoterapia.png` +- ❌ **Falta:** + - **Infografía comparativa** de dispositivos (cánula, mascarilla, etc.) + - **Tabla visual de FiO2** por dispositivo (ya existe parcialmente) + +#### 4.3 Control Hemorragias (`BLOQUE_03_6_CONTROL_HEMORRAGIAS.md`) +- ❌ **Falta:** + - **Diagrama de técnicas de control** (compresión directa, elevación, etc.) + - **Infografía de puntos de presión** anatómicos + - **Guía visual paso a paso** control hemorragia + - **Tabla visual de tipos** de hemorragia + +#### 4.4 Quemaduras (`BLOQUE_03_7_QUEMADURAS.md`) +- ❌ **Falta:** + - **Diagrama de regla de los 9** (superficie corporal) + - **Infografía de profundidad** (1º, 2º, 3º grado) + - **Tabla visual de clasificación** (superficial, profunda, etc.) + - **Guía visual de primeros auxilios** + +#### 4.5 Heridas y Vendajes (`BLOQUE_03_8_HERIDAS_VENDAJES.md`) +- ❌ **Falta:** + - **Infografía de tipos de vendajes** (circular, espiral, etc.) + - **Diagrama de técnicas de vendaje** paso a paso + - **Guía visual de limpieza** de heridas + +#### 4.6 Dispositivos Supraglóticos (`BLOQUE_03_22_DISPOSITIVOS_SUPRAGLOTICOS.md`) +- ✅ **Tienes:** `dispositivos-supragloticos-guia.png` +- ❌ **Falta:** + - **Diagrama de tipos** (LMA, i-gel, etc.) + - **Infografía de indicaciones** y contraindicaciones + - **Guía visual de colocación** paso a paso + +#### 4.7 Ventilación Medios Fortuna (`BLOQUE_03_25_VENTILACION_MEDIOS_FORTUNA.md`) +- ✅ **Tienes:** `ventilacion-medios-fortuna.png` +- ❌ **Falta:** Nada crítico + +--- + +### BLOQUE 5: PROTOCOLOS TRANSTELEFÓNICOS + +#### 5.1 RCP Transtelefónica (`BLOQUE_05_1_RCP_TRANSTELEFONICA_ADULTOS.md`) +- ✅ **Tienes:** `flujo-rcp-transtelefonica.png` +- ❌ **Falta:** + - **Diagrama de flujo completo** (incluyendo pediátrico/lactante) + - **Infografía de guía telefónica** paso a paso + +#### 5.2 DESA Transtelefónico (`BLOQUE_05_4_DESA_GUIADO_TELEFONO.md`) +- ✅ **Tienes:** `flujo-desa-telefono.png` +- ❌ **Falta:** Nada crítico + +#### 5.3 ICTUS Transtelefónico (`BLOQUE_05_7_ICTUS_TRANSTELEFONICO.md`) +- ✅ **Tienes:** `fast-transtelefonico.png` +- ❌ **Falta:** + - **Infografía de escala FAST** (Face, Arm, Speech, Time) + - **Diagrama de decisión** (¿ictus? → activar código) + +--- + +### BLOQUE 6: FARMACOLOGÍA + +#### 6.1 Principios Administración (`BLOQUE_06_0_PRINCIPIOS_ADMINISTRACION.md`) +- ❌ **Falta:** + - **Infografía de 5 correctos** (paciente, fármaco, dosis, vía, tiempo) + - **Diagrama de verificación** antes de administrar + - **Guía visual de seguridad** farmacológica + +#### 6.2 Del Vial a la Vena (`BLOQUE_06_1_DEL_VIAL_A_LA_VENA.md`) +- ❌ **Falta:** + - **Infografía de preparación** paso a paso (vial → jeringa → vena) + - **Diagrama de técnicas de extracción** (vial, ampolla) + - **Guía visual de eliminación de aire** (burbujas) + - **Infografía de verificación** (nombre, fecha, dosis) + +#### 6.3 Vías de Administración (`BLOQUE_06_X_VIAS_ADMINISTRACION.md` - si existe) +- ❌ **Falta:** + - **Diagrama de vías** (IV, IO, IM, sublingual, etc.) + - **Infografía de selección** según situación + - **Tabla visual de ventajas/desventajas** por vía + +#### 6.4 Fármacos Cardiológicos (`BLOQUE_06_5_FARMACOS_CARDIOLOGICOS.md`) +- ❌ **Falta:** + - **Tabla visual de fármacos** (adrenalina, atropina, etc.) + - **Infografía de indicaciones** por fármaco + - **Diagrama de dosis** (adulto vs pediátrico) + +#### 6.5 Fármacos Respiratorios (`BLOQUE_06_6_FARMACOS_RESPIRATORIOS.md`) +- ❌ **Falta:** + - **Tabla visual de fármacos** (salbutamol, etc.) + - **Infografía de administración** (nebulización, etc.) + +--- + +### BLOQUE 7: TRANSFERENCIA Y TRASLADO + +#### 7.1 Preparación Traslado (`BLOQUE_08_1_PREPARACION_TRASLADO.md`) +- ✅ **Tienes:** `configuracion-gps-antes-de-salir.png` +- ❌ **Falta:** + - **Checklist visual** pre-traslado + - **Infografía de verificación** material y paciente + +#### 7.2 Transferencia al Hospital (`BLOQUE_08_5_TRANSFERENCIA_AL_HOSPITAL.md`) +- ❌ **Falta:** + - **Diagrama de flujo de transferencia** (comunicación → entrega → documentación) + - **Infografía de información crítica** a transmitir + - **Guía visual de entrega** (SBAR, IMIST-AMBO) + +--- + +## 🟡 PRIORIDAD MEDIA (35 temas) + +### BLOQUE 8: TRIAGE Y MÚLTIPLES VÍCTIMAS + +#### 8.1 Fundamentos Triage (`BLOQUE_07_1_FUNDAMENTOS_TRIAGE.md`) +- ❌ **Falta:** + - **Infografía de principios** de triage + - **Diagrama de objetivos** (máximo beneficio, mínimo tiempo) + +#### 8.2 Método START (`BLOQUE_07_2_METODO_START.md`) +- ✅ **Tienes:** `RESUMEN VISUAL DEL ALGORITMO START.svg` +- ❌ **Falta:** + - **Diagrama de flujo START** detallado + - **Infografía de categorías** con ejemplos + +#### 8.3 Etiquetado y Zonificación (`BLOQUE_07_3_ETIQUETADO_ZONIFICACION.md`) +- ❌ **Falta:** + - **Infografía de colores** (rojo, amarillo, verde, negro) + - **Diagrama de zonas** (triage, tratamiento, evacuación) + - **Guía visual de etiquetas** (qué información incluir) + +#### 8.4 Roles y Funciones (`BLOQUE_07_4_ROLES_FUNCIONES_TES_TMV.md`) +- ❌ **Falta:** + - **Diagrama de organización** del equipo + - **Infografía de roles** (triage, tratamiento, evacuación) + +--- + +### BLOQUE 9: SITUACIONES ESPECIALES + +#### 9.1 Patologías por Sistemas (varios capítulos) +- ❌ **Falta:** + - **Infografías de patologías** (IAM, ictus, shock, etc.) + - **Diagramas de signos y síntomas** por patología + - **Tablas visuales de actuación** rápida + +#### 9.2 Poblaciones Especiales +- ❌ **Falta:** + - **Infografías pediátricas** (diferencias con adulto) + - **Infografías geriátricas** (consideraciones especiales) + - **Infografías embarazadas** (modificaciones técnicas) + +--- + +## 🟢 PRIORIDAD BAJA (38 temas) + +### BLOQUE 10: COMUNICACIÓN Y DOCUMENTACIÓN + +#### 10.1 Comunicación Operativa +- ❌ **Falta:** + - **Infografía de técnicas** de comunicación + - **Diagrama de SBAR/IMIST-AMBO** (estructura) + +#### 10.2 Documentación +- ❌ **Falta:** + - **Infografía de información esencial** a documentar + - **Guía visual de formato** de informe + +--- + +## 📋 RESUMEN POR TIPO DE MEDIO + +### Diagramas de Flujo (30-35 medios) +- RCP (adulto, pediátrico, lactante) +- ABCDE completo +- START detallado +- Protocolos transtelefónicos +- Transferencia hospitalaria +- Triage + +### Infografías Paso a Paso (25-30 medios) +- Colocación de dispositivos +- Técnicas de procedimientos +- Preparación de fármacos +- Técnicas de inmovilización + +### Tablas Visuales (20-25 medios) +- Rangos de constantes vitales +- Dosis de fármacos +- FiO2 por dispositivo +- Clasificaciones (quemaduras, Glasgow, etc.) + +### Diagramas Anatómicos/Técnicos (15-20 medios) +- Anatomía básica +- Posicionamiento +- Técnicas manuales +- Puntos de presión + +--- + +## 🎯 RECOMENDACIÓN FINAL + +### Fase 1: Integrar 48 imágenes existentes (INMEDIATO) +- **Esfuerzo:** Bajo +- **Impacto:** Alto (30-35 capítulos con imágenes) + +### Fase 2: Crear 25 medios críticos (MEDIO PLAZO) +- **Prioridad ALTA:** 25 medios +- **Esfuerzo:** Medio-Alto +- **Impacto:** Muy Alto (cobertura de procedimientos críticos) + +### Fase 3: Crear 35 medios operativos (LARGO PLAZO) +- **Prioridad MEDIA:** 35 medios +- **Esfuerzo:** Alto +- **Impacto:** Alto (cobertura completa de temas operativos) + +### Fase 4: Crear 38 medios complementarios (MUY LARGO PLAZO) +- **Prioridad BAJA:** 38 medios +- **Esfuerzo:** Muy Alto +- **Impacto:** Medio (mejora formativa) + +--- + +**Total sugerido:** ~100 medios visuales +**Prioridad inmediata:** 25 medios críticos + integrar 48 existentes diff --git a/TEST_CHECKLIST.md b/TEST_CHECKLIST.md new file mode 100644 index 00000000..f8b540f4 --- /dev/null +++ b/TEST_CHECKLIST.md @@ -0,0 +1,115 @@ +# ✅ Checklist Pre-Deploy + +Usa este checklist antes de cada deploy para asegurar que todo funciona correctamente. + +## 🔨 Build + +- [ ] `npm ci` ejecutado sin errores +- [ ] `npm run build` completado exitosamente +- [ ] Directorio `dist/` creado y contiene archivos +- [ ] No hay errores en consola durante build +- [ ] Tamaño de `dist/` es razonable (<50MB típicamente) + +## 📁 Archivos Críticos + +- [ ] `dist/index.html` existe +- [ ] `dist/manifest.json` existe +- [ ] `dist/sw.js` existe (si usas service worker) +- [ ] Assets (JS, CSS) están en `dist/assets/` +- [ ] Archivos `.md` del manual están en `dist/manual/` (si aplica) + +## 🌐 Nginx + +- [ ] Configuración creada en `/etc/nginx/sites-available/` +- [ ] Symlink creado en `/etc/nginx/sites-enabled/` +- [ ] `sudo nginx -t` pasa sin errores +- [ ] Permisos correctos en directorio `dist/` +- [ ] Nginx reiniciado: `sudo systemctl reload nginx` + +## 🔒 SSL (si aplica) + +- [ ] Certificado SSL válido +- [ ] Redirección HTTP → HTTPS configurada +- [ ] Certbot renovación automática configurada + +## 🧪 Pruebas Funcionales + +### Desktop +- [ ] Página principal carga correctamente +- [ ] Navegación entre páginas funciona +- [ ] Calculadoras funcionan +- [ ] Búsqueda funciona +- [ ] Footer visible (desktop) +- [ ] Enlace de donaciones funciona + +### Móvil +- [ ] Responsive funciona +- [ ] BottomNav visible y funcional +- [ ] Touch funciona correctamente +- [ ] PWA instalable +- [ ] Offline funciona (service worker) + +### Rutas SPA +- [ ] `/herramientas` carga +- [ ] `/farmacos` carga +- [ ] `/manual` carga +- [ ] Rutas anidadas funcionan (ej: `/manual/parte/bloque/capitulo`) +- [ ] 404 redirige a página principal + +## 🔍 Verificación Técnica + +- [ ] Service Worker registrado (DevTools > Application) +- [ ] Cache funciona (offline mode) +- [ ] Console sin errores críticos +- [ ] Network tab: recursos cargan correctamente +- [ ] Lighthouse score >90 (Performance, PWA) + +## 📊 Performance + +- [ ] First Contentful Paint < 2s +- [ ] Time to Interactive < 3s +- [ ] Assets comprimidos (gzip) +- [ ] Imágenes optimizadas + +## 🔐 Seguridad + +- [ ] Headers de seguridad configurados (si aplica) +- [ ] HTTPS funcionando (si aplica) +- [ ] No hay información sensible en código cliente +- [ ] Service Worker no cachea datos sensibles + +## 📱 PWA + +- [ ] Manifest válido +- [ ] Iconos presentes y correctos +- [ ] Instalable en Android +- [ ] Instalable en iOS +- [ ] Splash screen funciona + +## 🎯 Funcionalidad Específica + +- [ ] Calculadoras: Glasgow, Parkland, Pediátricas, etc. +- [ ] Protocolos: RCP, Ictus, Shock +- [ ] Fármacos: búsqueda y visualización +- [ ] Manual: navegación y visualización + +## 📝 Post-Deploy + +- [ ] Monitorear logs: `sudo tail -f /var/log/nginx/error.log` +- [ ] Verificar métricas (si tienes analytics) +- [ ] Probar en diferentes dispositivos +- [ ] Documentar cualquier problema encontrado + +## 🚨 Rollback Plan + +Si algo falla: +1. Restaurar `dist/` desde backup +2. O hacer `git checkout ` + rebuild +3. Verificar logs de Nginx +4. Revisar cambios recientes + +--- + +**Fecha de verificación:** _______________ +**Verificado por:** _______________ +**Notas:** _______________ diff --git a/deploy.sh b/deploy.sh new file mode 100755 index 00000000..c1e40e9c --- /dev/null +++ b/deploy.sh @@ -0,0 +1,47 @@ +#!/bin/bash + +# Script de deploy para EMERGES TES +# Uso: ./deploy.sh +# Requisitos: git, npm, PM2 (opcional) + +set -e # Salir si hay error + +echo "🚀 Iniciando deploy de EMERGES TES..." + +# Colores para output +GREEN='\033[0;32m' +YELLOW='\033[1;33m' +NC='\033[0m' # No Color + +# 1. Actualizar código desde git +echo -e "${YELLOW}📥 Actualizando código desde git...${NC}" +git pull origin main || echo "⚠️ No se pudo hacer git pull (continuando...)" + +# 2. Instalar dependencias +echo -e "${YELLOW}📦 Instalando dependencias...${NC}" +npm ci --production=false + +# 3. Build de producción +echo -e "${YELLOW}🔨 Construyendo aplicación...${NC}" +npm run build + +# 4. Verificar que el build se completó +if [ ! -d "dist" ]; then + echo "❌ Error: El directorio dist no existe después del build" + exit 1 +fi + +echo -e "${GREEN}✅ Build completado exitosamente${NC}" + +# 5. Si PM2 está instalado, reiniciar +if command -v pm2 &> /dev/null; then + echo -e "${YELLOW}🔄 Reiniciando PM2...${NC}" + pm2 restart ecosystem.config.js || pm2 start ecosystem.config.js + pm2 save + echo -e "${GREEN}✅ PM2 reiniciado${NC}" +else + echo -e "${YELLOW}ℹ️ PM2 no está instalado. Usa Nginx para servir archivos estáticos.${NC}" + echo -e "${YELLOW} Los archivos están en: $(pwd)/dist${NC}" +fi + +echo -e "${GREEN}🎉 Deploy completado!${NC}" diff --git a/ecosystem.config.js b/ecosystem.config.js new file mode 100644 index 00000000..3d68b568 --- /dev/null +++ b/ecosystem.config.js @@ -0,0 +1,26 @@ +/** + * Configuración PM2 para servidor de preview (opcional) + * Solo necesario si quieres un servidor Node.js para desarrollo/preview + * Para producción, usar Nginx con archivos estáticos es más eficiente + */ +module.exports = { + apps: [ + { + name: 'emerges-tes', + script: 'npx', + args: 'serve -s dist -l 3000', + instances: 1, + autorestart: true, + watch: false, + max_memory_restart: '500M', + env: { + NODE_ENV: 'production', + PORT: 3000, + }, + error_file: './logs/pm2-error.log', + out_file: './logs/pm2-out.log', + log_date_format: 'YYYY-MM-DD HH:mm:ss Z', + merge_logs: true, + }, + ], +}; diff --git a/env.example b/env.example new file mode 100644 index 00000000..8767d970 --- /dev/null +++ b/env.example @@ -0,0 +1,16 @@ +# Variables de entorno para EMERGES TES +# Copiar a .env y ajustar valores según tu entorno + +# Entorno +NODE_ENV=production + +# Puerto (solo si usas servidor Node.js con PM2) +PORT=3000 + +# URL pública de la aplicación (para PWA y service worker) +# Ejemplo: https://emergestes.com +NEXT_PUBLIC_APP_URL=https://emergestes.com + +# GitHub Pages (si aplica) +GITHUB_PAGES=false +GITHUB_REPOSITORY_NAME=guia-tes-digital diff --git a/imagenes-pendientes/7 Mandamientos Movilización Segura Paciente.png b/imagenes-pendientes/7 Mandamientos Movilización Segura Paciente.png new file mode 100644 index 00000000..d29b91a4 Binary files /dev/null and b/imagenes-pendientes/7 Mandamientos Movilización Segura Paciente.png differ diff --git a/imagenes-pendientes/BLOQUE_01_2_diagrama_flujo_abcde.svg b/imagenes-pendientes/BLOQUE_01_2_diagrama_flujo_abcde.svg new file mode 100644 index 00000000..ca329e99 --- /dev/null +++ b/imagenes-pendientes/BLOQUE_01_2_diagrama_flujo_abcde.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + Diagrama de Flujo Clínico ABCDE + En cada letra: identificar signos de alarma → intervenir de forma prioritaria → reevaluar y continuar. (Uso didáctico; adaptar a protocolo local) + + + + + Regla de oro: + Si hay compromiso vital en cualquier letra, + TRATAR PRIMERO y luego seguir con la secuencia. + Reevaluación rápida tras cada intervención (respuesta clínica, constantes, monitorización). + + + + + + + + + + + + + + + A + + A – Vía aérea (Airway) + control cervical + + + + + + + + + + + + + + Signos de alarma: + Obstrucción, estridor/roncus, gorgoteo, voz apagada, dificultad para hablar, vómitos/sangre, GCS ↓ + + + + + + + + + + + + Decisión prioritaria: + ¿Vía aérea permeable? → Apertura (frente-mentón / tracción mandibular), aspiración, cánula OPA/NPA, O₂, inmovilización cervical si procede. + + + + + + + + + + + + B + B – Respiración (Breathing) + + + + + + + + + + + Signos de alarma: + FR < 8 o > 30, SpO₂ baja, tiraje, cianosis, asimetría, silencio auscultatorio, dolor torácico, inestabilidad + + + + + + + + + + Decisión prioritaria: + ¿Ventila/oxigena adecuadamente? → O₂ titulado, ventilación asistida (BVM), monitorizar ETCO₂ si disponible, tratar causas críticas (p. ej., neumotórax a tensión según protocolo). + + + + + + + + + + + C + C – Circulación (Circulation) + control de hemorragias + + + + + + + + + + Signos de alarma: + Hemorragia masiva, pulso débil/rápido, piel fría, relleno capilar > 2 s, hipotensión, alteración mental, dolor torácico + + + + + + + + + + Decisión prioritaria: + ¿Perfusión adecuada? → Control de hemorragia (presión/tourniquet), acceso IV/IO, fluidos según contexto, monitor ECG, considerar RCP si parada. + + + + + + + + + + + D + D – Neurológico (Disability) + + + + + + + + + + + Signos de alarma: + GCS ↓, convulsiones, pupilas anormales, focalidad, hipoglucemia, agitación súbita, cefalea intensa + + + + + + + + + + Decisión prioritaria: + ¿Alteración neurológica crítica? → Glucemia capilar, proteger vía aérea, tratar convulsión según protocolo, controlar ventilación/oxigenación, valorar causa. + + + + + + + + + + + E + E – Exposición / Entorno (Exposure) + control térmico + + + + + + + + + + + + Signos de alarma: + Hemorragias ocultas, lesiones no vistas, hipotermia, quemaduras, contaminación, riesgo ambiental (calor/frío) + + + + + + + + + + Decisión prioritaria: + Exponer lo necesario para explorar, mantener privacidad y calor (mantas térmicas), buscar lesiones ocultas, controlar el entorno y preparar traslado. + + + + + Consejo TES: repetir ABCDE de forma cíclica. Si empeora en cualquier punto, volver a la letra comprometida. + diff --git a/imagenes-pendientes/BLOQUE_02_5_colocacion_tablero_espinal_paso_a_paso.svg b/imagenes-pendientes/BLOQUE_02_5_colocacion_tablero_espinal_paso_a_paso.svg new file mode 100644 index 00000000..acf4086f --- /dev/null +++ b/imagenes-pendientes/BLOQUE_02_5_colocacion_tablero_espinal_paso_a_paso.svg @@ -0,0 +1,334 @@ + + + + + + + + + + + + + + Colocación del Paciente en Tablero Espinal + Secuencia educativa en 8 pasos (estilo manual TES). Vistas lateral y superior según el paso. Esquema orientativo. + + + + + + + + + + + + + + + PASO 1 + Control manual cervical + + + Vista lateral + + + + + + + + + + + + + + + + + + + + + + Sujeción neutra sin tracción + + + + + + + + PASO 2 + Colocación de collarín cervical + Vista lateral + + + + + + + + + + + + + + + + + + + + Medir y ajustar antes de colocar + + + + + + + + PASO 3 + Alineación del paciente + Vista superior + + + + + + + + + + + + + + + + + + + + + Alinear cabeza-hombros-caderas (posición neutra) + + + + Evitar rotaciones. Reposicionar en bloque + si hay dolor/ resistencia: reevaluar. + + + + + + + + PASO 4 + Giro en bloque (log-roll) + Vista lateral + + + + + + + + + + + + A la orden: girar en bloque + + + + + + + + + + + + + + + + + PASO 5 + Colocación del tablero espinal + Vista superior + + + + + + + + + + + + + + Introducir el tablero por la espalda + + + + + + + + + Mantener control cervical durante toda la maniobra. + + + + + + + + PASO 6 + Retorno a decúbito supino + Vista lateral + + + + + + + + + + + + + + Bajar en bloque sobre el tablero + + + + + + + + + + + + + + + + PASO 7 + Fijación con correas + Vista superior + + + + + + + + + + + + + + + + + + + + + + Orden habitual: tórax → pelvis → piernas + Sin comprometer ventilación. + + + + + + + + PASO 8 + Verificación final de seguridad + Vista mixta + + + + + Superior + + + + + + + + + + Checklist + + + + + Control cervical + + + + Collarín correcto + + + + + Correas firmes + + + + + Extremidades seguras + + + + + Reevaluar SV + + + + Confirmar ventilación, pulsos distales y confort. + Documentar hallazgos y tiempos. + + + + + Uso didáctico TES. Adaptar a protocolos locales y situación clínica (prioridad: vía aérea/ventilación/hemorragias). + diff --git a/imagenes-pendientes/BLOQUE_03_0A_configuracion_maxima_fio2_bvm.png b/imagenes-pendientes/BLOQUE_03_0A_configuracion_maxima_fio2_bvm.png new file mode 100644 index 00000000..24db1192 Binary files /dev/null and b/imagenes-pendientes/BLOQUE_03_0A_configuracion_maxima_fio2_bvm.png differ diff --git a/imagenes-pendientes/BLOQUE_03_0A_diagrama_seleccion_dispositivo_oxigenoterapia.svg b/imagenes-pendientes/BLOQUE_03_0A_diagrama_seleccion_dispositivo_oxigenoterapia.svg new file mode 100644 index 00000000..6620715d --- /dev/null +++ b/imagenes-pendientes/BLOQUE_03_0A_diagrama_seleccion_dispositivo_oxigenoterapia.svg @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + Selección del Dispositivo de Oxigenoterapia + Flujograma clínico orientativo (TES) • Colores suaves • Iconografía médica simple + + + + + + + + + + O₂ + + + + + + + Inicio + Paciente con dificultad respiratoria / hipoxemia + + + + + + + + + ¿Respira espontáneamente? + + + + NO + + + + SÍ + + + + + + + + + + + + + Bolsa-válvula-mascarilla con O₂ + Flujo: 15 L/min + FiO₂ aprox.: 0,90–1,00 (con buen sellado) + → Priorizar ventilación + reevaluación continua + + + + + + ¿SatO₂ ≥ 94%? + + + + NO + + + + SÍ + + + + + + + + + + + + + + + Gafas nasales + Flujo: 1–6 L/min + FiO₂ aprox.: 0,24–0,44 + + + + + + ¿FR normal o aumentada? + + + + + + + AUMENTADA / TRABAJO RESP. + + + + NORMAL + + + + + Mantener gafas nasales + Monitorizar SatO₂, FR y esfuerzo + → Reajustar si empeora + + + + + + ¿Ventilación ineficaz? + (fatiga, hipoventilación, mal patrón, deterioro) + + + + NO + + + + SÍ + + + + + + + + + + + + + + Mascarilla simple + Flujo: 5–10 L/min + FiO₂ aprox.: 0,35–0,55 + → Aumentar si SatO₂ baja o empeora el trabajo respiratorio + + + + + + + + + + + + + + + Mascarilla con reservorio + Flujo: 10–15 L/min + FiO₂ aprox.: 0,60–0,90 + → Si ventilación ineficaz: considerar BVM + + + + + + + + + + + + + + + + + + + Reevaluación y titulación + Objetivo general: SatO₂ ≥ 94% (individualizar según protocolo local y clínica). + Vigilar: FR, esfuerzo, nivel de conciencia, auscultación, signos de fatiga y respuesta al O₂. + Los rangos de FiO₂ son aproximados y dependen de sellado, patrón respiratorio y ajuste del flujo. + diff --git a/imagenes-pendientes/BLOQUE_03_0A_guia_colocacion_dispositivos_oxigenoterapia.svg b/imagenes-pendientes/BLOQUE_03_0A_guia_colocacion_dispositivos_oxigenoterapia.svg new file mode 100644 index 00000000..979b1b0c --- /dev/null +++ b/imagenes-pendientes/BLOQUE_03_0A_guia_colocacion_dispositivos_oxigenoterapia.svg @@ -0,0 +1,322 @@ + + + + + + + + + + + + + + + + + + Colocación Correcta de Dispositivos de Oxigenoterapia + Serie ilustrada paso a paso (6) • Estilo flat sanitario • Paciente genérico • Textos cortos + + + + + + + + + + + + + + + + + + + 1 + Evaluación inicial + • ABC y nivel de conciencia + • FR, esfuerzo respiratorio + • SatO₂ y signos de hipoxemia + + + + + + + + + + + + + + + + SatO₂ + + + + + + Clave: identificar hipoxemia y/o ventilación ineficaz. + Registrar valores basales antes de iniciar O₂. + + + + + + + + + 2 + Selección del dispositivo + • Según SatO₂, FR y clínica + • Objetivo de oxigenación + • Escalar si no hay respuesta + + + + + + + + + + Gafas + + + + + + + Simple + + + + + + + + Reserv. + + + + + + + BVM + + + + + + + + Idea: empezar con el mínimo efectivo y titular según respuesta. + Si ventilación ineficaz → priorizar ventilación asistida. + + + + + + + + + 3 + Preparación material y flujo + • Verificar fuente de O₂ + • Conectar y purgar sistema + • Ajustar caudal indicado + + + + + + + O₂ + + + + + + Caudalímetro + L/min + + + + + + + + + + + + + + Comprobar fugas y que el flujo es audible/visible. + Reservorio: inflarlo antes de colocar (si aplica). + + + + + + + + + + + + + 4 + Colocación correcta + • Posición cómoda (semi-Fowler) + • Sellado adecuado (mascarillas) + • Fijación sin compresión excesiva + + + + + + + + + + + + + + + + + + + + + + Centrar sobre nariz y boca + + + Gafas: puntas hacia abajo y ajustar bajo mentón si es necesario. + BVM: sellado “CE” con dos manos si es posible. + + + + + + + + + 5 + Ajuste y confort + • Explicar el procedimiento + • Ajustar bandas y puntos de presión + • Humidificar si procede (tiempo) + + + + + + + + + + + + + + + Respira + tranquilo + + + + + Ajuste + + + + Piel / presión + + + + + + Evitar fugas (mascarillas) y lesiones por presión (bandas). + Si ansiedad: acompañar, explicar y reevaluar tolerancia. + + + + + + + + + 6 + Verificación y respuesta + • Comprobar SatO₂ y FR + • Valorar trabajo respiratorio + • Escalar / titular según clínica + + + + + + + SatO₂ / FR + + + + + + + + + + + + + + + + + + Reevaluar • Registrar • Ajustar + + + + + + Si no mejora o empeora: revisar sellado/flujo y escalar dispositivo. + Documentar tiempos, flujos, SatO₂ y cambios clínicos. + + + + + + + + + Continuar secuencia + + + + Uso educativo • Estilo flat sanitario • Paciente genérico sin rasgos identificables + diff --git a/imagenes-pendientes/BLOQUE_03_0A_tabla_rangos_fio2_oxigenoterapia.svg b/imagenes-pendientes/BLOQUE_03_0A_tabla_rangos_fio2_oxigenoterapia.svg new file mode 100644 index 00000000..45ab08cf --- /dev/null +++ b/imagenes-pendientes/BLOQUE_03_0A_tabla_rangos_fio2_oxigenoterapia.svg @@ -0,0 +1,205 @@ + + + + + + + + + + + + + + + + + + + + + + + Rangos Aproximados de FiO₂ por Dispositivo de Oxigenoterapia + Infografía orientativa (valores aproximados; varían por técnica, ajuste, patrón respiratorio y fugas). + + + + + FiO₂ baja + Aumento de FiO₂ + FiO₂ alta + + + + + + + + + + + + + + + + + Dispositivo + Flujo recomendado (L/min) + FiO₂ aproximada + Indicaciones principales + + + + + + + + + + + + + + + + Aire ambiente + 0 + + + + + + + ≈ 21% + + + Referencia basal / sin aporte de O₂ + Útil para valorar necesidad real de oxigenoterapia + + + + + + + + + + + + + + + + Gafas nasales + 1–6 + + + + + + + ≈ 24–44% + + + Hipoxemia leve, disnea leve, confort + Pacientes que toleran bien y requieren ajuste gradual + + + + + + + + + + + + + + + Mascarilla simple + 5–10 + + + + + + + ≈ 40–60% + + + Hipoxemia moderada + Asegurar ≥5 L/min para reducir reinhalación de CO₂ + + + + + + + + + + + + + + Mascarilla con reservorio + 10–15 + + + + + + + ≈ 60–90% + + + Hipoxemia grave / preoxigenación + Reservorio inflado; evitar colapso durante inspiración + + + + + + + + + + + + + + + Bolsa-válvula-mascarilla + 10–15 (O₂) + + + + + + + ≈ 90–100% + + + Ventilación asistida / apnea / PCR + Mejor con reservorio + buen sellado (técnica a 2 manos si es posible) + + + Nota TES: estos rangos son orientativos. Ajustar a objetivos clínicos y monitorización (SpO₂/ETCO₂) según protocolo local. + + diff --git a/imagenes-pendientes/CÓDIGO DE COLORES PARA BOLSAS TES.png b/imagenes-pendientes/CÓDIGO DE COLORES PARA BOLSAS TES.png new file mode 100644 index 00000000..1686b9f0 Binary files /dev/null and b/imagenes-pendientes/CÓDIGO DE COLORES PARA BOLSAS TES.png differ diff --git a/imagenes-pendientes/PLANTILLA_diagrama_flujo_protocolos_avanzados.svg b/imagenes-pendientes/PLANTILLA_diagrama_flujo_protocolos_avanzados.svg new file mode 100644 index 00000000..394a38c7 --- /dev/null +++ b/imagenes-pendientes/PLANTILLA_diagrama_flujo_protocolos_avanzados.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + Plantilla de Diagrama de Flujo Médico + + Estructura base reutilizable para protocolos avanzados de emergencia (RCP avanzada, vía aérea, etc.) + + + + + + + + + Evaluación inicial + ABC / SV / Escena segura + Nivel de consciencia, constantes + + + + + + + + + + + + + + Decisión crítica + ¿Parada? ¿Vía aérea comprometida? + ¿Inestabilidad grave? + + + + + + + + + + + + + + + + + Actuación + RCP avanzada / manejo vía aérea + Fármacos / desfibrilación + Protocolos específicos + + + + + + + + + + + + + + + + Reevaluación + Respuesta al tratamiento + Constantes / ETCO₂ / ECG + ¿Continuar o escalar? + + + + + + + + + + + + + + + Plantilla base TES · Sustituir textos por acciones concretas según protocolo local · Diseñada para impresión o edición SVG. + + diff --git a/imagenes-pendientes/constante-vitales-adulto-pediatrico.svg b/imagenes-pendientes/constante-vitales-adulto-pediatrico.svg new file mode 100644 index 00000000..a4956acd --- /dev/null +++ b/imagenes-pendientes/constante-vitales-adulto-pediatrico.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + Constantes vitales: rangos orientativos (Adulto y Pediatría) + Estilo manual TES • Código tipo semáforo • Alta legibilidad • Uso educativo + + + + + + + Normal + + + Vigilar / repetir + + + Alerta / valorar + + * Rangos pueden variar por contexto clínico. + + + + + + + + + + + + + Parámetro + Adulto + Pediatría (orientativo) + Notas + + + + + + + + + + + + + + + + + + + + + + + + + FC + lpm + + FR + rpm + + TA + mmHg + + SatO₂ + % + + Tª + °C + + + + + 60–100 + + 51–59 o 101–110 + + ≤50 o ≥111 + + + + 12–20 + + 10–11 o 21–24 + + ≤9 o ≥25 + + + + PAS 100–140 + PAD 60–90 + + PAS 90–99 o 141–160 + + PAS <90 o >160 + + + + ≥ 95 + + 93–94 + + ≤ 92 + + + + 36,0–37,5 + (oral/axilar aprox.) + + 35,5–35,9 o 37,6–38,4 + + ≤35,4 o ≥38,5 + + + + + RN: 100–160 • Lact.: 100–160 • 1–5a: 80–120 + 6–12a: 70–110 • Adol.: 60–100 + + + + RN: 30–60 • Lact.: 30–50 • 1–5a: 20–30 + 6–12a: 18–25 • Adol.: 12–20 + + + + PAS aprox.: RN 60–85 • Lact. 70–100 • 1–5a 80–110 + 6–12a 90–120 • Adol. 100–130 + + + + ≥ 95 (similar al adulto, según contexto) + + + + 36,5–37,5 (aprox.) + Interpretar según método y edad + + + Dolor/fiebre + ↑ FC + + Ansiedad + ↑ FR + + Valorar + perfusión + + Objetivo + clínico + + Método + importa + + + + + Nota: Rangos pediátricos varían mucho por edad; usar guías locales y contexto clínico. Semáforo = ayuda visual, no diagnóstico. + + diff --git a/imagenes-pendientes/zona alamacenamiento uvi.png b/imagenes-pendientes/zona alamacenamiento uvi.png new file mode 100644 index 00000000..70ea9524 Binary files /dev/null and b/imagenes-pendientes/zona alamacenamiento uvi.png differ diff --git a/nginx.conf.example b/nginx.conf.example new file mode 100644 index 00000000..c425793b --- /dev/null +++ b/nginx.conf.example @@ -0,0 +1,69 @@ +# Configuración Nginx para EMERGES TES +# Copiar a /etc/nginx/sites-available/emerges-tes +# Crear symlink: sudo ln -s /etc/nginx/sites-available/emerges-tes /etc/nginx/sites-enabled/ +# Probar: sudo nginx -t +# Reiniciar: sudo systemctl reload nginx + +server { + listen 80; + server_name emergestes.com www.emergestes.com; + + # Redirigir a HTTPS (descomentar después de configurar SSL) + # return 301 https://$server_name$request_uri; + + # Root del proyecto (ajustar ruta según tu servidor) + root /var/www/emerges-tes/dist; + index index.html; + + # Logs + access_log /var/log/nginx/emerges-tes-access.log; + error_log /var/log/nginx/emerges-tes-error.log; + + # Compresión + gzip on; + gzip_vary on; + gzip_min_length 1024; + gzip_types text/plain text/css text/xml text/javascript application/javascript application/xml+rss application/json; + + # Cache para assets estáticos + location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ { + expires 1y; + add_header Cache-Control "public, immutable"; + } + + # SPA: todas las rutas van a index.html + location / { + try_files $uri $uri/ /index.html; + } + + # No cachear index.html (para actualizaciones) + location = /index.html { + add_header Cache-Control "no-cache, no-store, must-revalidate"; + add_header Pragma "no-cache"; + add_header Expires "0"; + } + + # Service Worker y manifest + location ~* \.(sw\.js|manifest\.json)$ { + add_header Cache-Control "no-cache, no-store, must-revalidate"; + } +} + +# Configuración HTTPS (descomentar después de obtener certificado SSL) +# server { +# listen 443 ssl http2; +# server_name emergestes.com www.emergestes.com; +# +# ssl_certificate /etc/letsencrypt/live/emergestes.com/fullchain.pem; +# ssl_certificate_key /etc/letsencrypt/live/emergestes.com/privkey.pem; +# +# # SSL optimizations +# ssl_protocols TLSv1.2 TLSv1.3; +# ssl_ciphers HIGH:!aNULL:!MD5; +# ssl_prefer_server_ciphers on; +# +# root /var/www/emerges-tes/dist; +# index index.html; +# +# # ... resto de configuración igual que HTTP ... +# } diff --git a/package.json b/package.json index ea268707..c6f14a45 100644 --- a/package.json +++ b/package.json @@ -8,8 +8,10 @@ "build": "vite build", "build:dev": "vite build --mode development", "build:github": "GITHUB_PAGES=true GITHUB_REPOSITORY_NAME=guia-tes-digital npm run build", - "lint": "eslint .", + "build:production": "NODE_ENV=production vite build", "preview": "vite preview", + "start:production": "npx serve -s dist -l 3000", + "lint": "eslint .", "verify:manual": "tsx scripts/verificar-manual.ts" }, "dependencies": { diff --git a/public/assets/infografias/bloque-0-fundamentos/ALGORITMO OPERATIVO DEL TES.svg b/public/assets/infografias/bloque-0-fundamentos/ALGORITMO OPERATIVO DEL TES.svg new file mode 100644 index 00000000..aa1c4e5b --- /dev/null +++ b/public/assets/infografias/bloque-0-fundamentos/ALGORITMO OPERATIVO DEL TES.svg @@ -0,0 +1,2 @@ + +

SÍ

NO/INSUFICIENTE

EFICAZ
SpO2 se mantiene

INEFICAZ
o SpO2 ↓

Paciente con
dificultad respiratoria/vía aérea comprometida

¿Mantiene permeabilidad
y esfuerzo ventilatorio?

Oxigenar
Mascarilla reservorio al 15L
Objetivo SpO2 ≥94%

Ventilar con BVM
2 rescatadores + cánula Guedel

Mantener ventilación asistida
y reevaluar necesidad de aislamiento

PREPARAR AISLAMIENTO
Vía Aérea Avanzada

Algoritmo RSI
Protocolo SVA

 \ No newline at end of file diff --git a/public/assets/infografias/bloque-0-fundamentos/RESUMEN VISUAL DEL ALGORITMO START.svg b/public/assets/infografias/bloque-0-fundamentos/RESUMEN VISUAL DEL ALGORITMO START.svg new file mode 100644 index 00000000..b0dcceb4 --- /dev/null +++ b/public/assets/infografias/bloque-0-fundamentos/RESUMEN VISUAL DEL ALGORITMO START.svg @@ -0,0 +1,2 @@ + +

Sí

No

No respira

Sí

No

Respira < 30 rpm

Respira > 30 rpm

Sin pulso/
LLC > 2 seg

Con pulso/
LLC ≤ 2 seg

No Alerta
V, P o U

Alerta A

Evaluación de Víctima en TMV

Puede caminar?

P3 VERDE
Zona de Leves

Abrir Vía Aérea
Valorar Respiración en 10''

Maniobra de Apertura
¿Respira?

P1 ROJO
Zona Crítica

P0 NEGRO
Zona Fallecidos

Valorar Perfusión
Pulso Radial/LLC

Valorar Estado Mental
Escala AVPU

P2 AMARILLO
Zona de Demorados

 \ No newline at end of file diff --git a/public/assets/infografias/bloque-0-fundamentos/diagrama-seleccion-dispositivo-oxigenoterapia.png b/public/assets/infografias/bloque-0-fundamentos/diagrama-seleccion-dispositivo-oxigenoterapia.png new file mode 100644 index 00000000..e67bd1dd Binary files /dev/null and b/public/assets/infografias/bloque-0-fundamentos/diagrama-seleccion-dispositivo-oxigenoterapia.png differ diff --git a/public/assets/infografias/bloque-0-fundamentos/fast-transtelefonico.png b/public/assets/infografias/bloque-0-fundamentos/fast-transtelefonico.png new file mode 100644 index 00000000..68b173a5 Binary files /dev/null and b/public/assets/infografias/bloque-0-fundamentos/fast-transtelefonico.png differ diff --git a/public/assets/infografias/bloque-0-fundamentos/flujo-desa-telefono.png b/public/assets/infografias/bloque-0-fundamentos/flujo-desa-telefono.png new file mode 100644 index 00000000..f88b7112 Binary files /dev/null and b/public/assets/infografias/bloque-0-fundamentos/flujo-desa-telefono.png differ diff --git a/public/assets/infografias/bloque-0-fundamentos/flujo-rcp-transtelefonica.png b/public/assets/infografias/bloque-0-fundamentos/flujo-rcp-transtelefonica.png new file mode 100644 index 00000000..b11014a8 Binary files /dev/null and b/public/assets/infografias/bloque-0-fundamentos/flujo-rcp-transtelefonica.png differ diff --git a/public/assets/infografias/bloque-0-fundamentos/guia-colocacion-dispositivos-oxigenoterapia.png b/public/assets/infografias/bloque-0-fundamentos/guia-colocacion-dispositivos-oxigenoterapia.png new file mode 100644 index 00000000..7f7a7c46 Binary files /dev/null and b/public/assets/infografias/bloque-0-fundamentos/guia-colocacion-dispositivos-oxigenoterapia.png differ diff --git a/public/assets/infografias/bloque-0-fundamentos/tabla-rangos-fio2-oxigenoterapia.png b/public/assets/infografias/bloque-0-fundamentos/tabla-rangos-fio2-oxigenoterapia.png new file mode 100644 index 00000000..4e6ba5cb Binary files /dev/null and b/public/assets/infografias/bloque-0-fundamentos/tabla-rangos-fio2-oxigenoterapia.png differ diff --git a/public/assets/infografias/bloque-0-fundamentos/tabla-rangos-fio2-oxigenoterapia1.png b/public/assets/infografias/bloque-0-fundamentos/tabla-rangos-fio2-oxigenoterapia1.png new file mode 100644 index 00000000..91449219 Binary files /dev/null and b/public/assets/infografias/bloque-0-fundamentos/tabla-rangos-fio2-oxigenoterapia1.png differ diff --git a/public/assets/infografias/bloque-12-marco-legal/diagrama-decisiones-eticas-urgencias.png b/public/assets/infografias/bloque-12-marco-legal/diagrama-decisiones-eticas-urgencias.png new file mode 100644 index 00000000..ad18c5bb Binary files /dev/null and b/public/assets/infografias/bloque-12-marco-legal/diagrama-decisiones-eticas-urgencias.png differ diff --git a/public/assets/infografias/bloque-12-marco-legal/diagrama-decisiones-eticas.png b/public/assets/infografias/bloque-12-marco-legal/diagrama-decisiones-eticas.png new file mode 100644 index 00000000..509f2091 Binary files /dev/null and b/public/assets/infografias/bloque-12-marco-legal/diagrama-decisiones-eticas.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/colocacion-colchon-vacio-paso-a-paso.png b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-colchon-vacio-paso-a-paso.png new file mode 100644 index 00000000..50346f54 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-colchon-vacio-paso-a-paso.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png new file mode 100644 index 00000000..c0d54ff6 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-1-preparacion.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-2-parte-posterior.png b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-2-parte-posterior.png new file mode 100644 index 00000000..004c5524 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-2-parte-posterior.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-3-parte-anterior.png b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-3-parte-anterior.png new file mode 100644 index 00000000..8fccb8e0 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-3-parte-anterior.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-4-ajuste-cierres.png b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-4-ajuste-cierres.png new file mode 100644 index 00000000..3ee06064 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-4-ajuste-cierres.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-5-verificacion.png b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-5-verificacion.png new file mode 100644 index 00000000..24e993ec Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-5-verificacion.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-6-liberacion-controlada.png b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-6-liberacion-controlada.png new file mode 100644 index 00000000..be74b9c4 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/colocacion-collarin-paso-6-liberacion-controlada.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/componentes-camilla-cuchara.png b/public/assets/infografias/bloque-2-inmovilizacion/componentes-camilla-cuchara.png new file mode 100644 index 00000000..18020609 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/componentes-camilla-cuchara.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/componentes-colchon-vacio.png b/public/assets/infografias/bloque-2-inmovilizacion/componentes-colchon-vacio.png new file mode 100644 index 00000000..376028c5 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/componentes-colchon-vacio.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/componentes-sistema-inmovilizacion 1.png b/public/assets/infografias/bloque-2-inmovilizacion/componentes-sistema-inmovilizacion 1.png new file mode 100644 index 00000000..50feab0a Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/componentes-sistema-inmovilizacion 1.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/componentes-sistema-inmovilizacion.png b/public/assets/infografias/bloque-2-inmovilizacion/componentes-sistema-inmovilizacion.png new file mode 100644 index 00000000..138b4d12 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/componentes-sistema-inmovilizacion.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/componentes-tablero-espinal.png b/public/assets/infografias/bloque-2-inmovilizacion/componentes-tablero-espinal.png new file mode 100644 index 00000000..0259bc08 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/componentes-tablero-espinal.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/coordinacion-equipo-inmovilizacion.png b/public/assets/infografias/bloque-2-inmovilizacion/coordinacion-equipo-inmovilizacion.png new file mode 100644 index 00000000..49322db2 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/coordinacion-equipo-inmovilizacion.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/errores-frecuentes-collarin-cervical.png b/public/assets/infografias/bloque-2-inmovilizacion/errores-frecuentes-collarin-cervical.png new file mode 100644 index 00000000..dbd1cc94 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/errores-frecuentes-collarin-cervical.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/posicion-tes-inmovilizacion-manual 1.png b/public/assets/infografias/bloque-2-inmovilizacion/posicion-tes-inmovilizacion-manual 1.png new file mode 100644 index 00000000..29b03159 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/posicion-tes-inmovilizacion-manual 1.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/posicion-tes-inmovilizacion-manual.png b/public/assets/infografias/bloque-2-inmovilizacion/posicion-tes-inmovilizacion-manual.png new file mode 100644 index 00000000..c1f0b1ca Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/posicion-tes-inmovilizacion-manual.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/secuencia-transicion-inmovilizacion.png b/public/assets/infografias/bloque-2-inmovilizacion/secuencia-transicion-inmovilizacion.png new file mode 100644 index 00000000..8f91b659 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/secuencia-transicion-inmovilizacion.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin 2.png b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin 2.png new file mode 100644 index 00000000..8d266297 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin 2.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-cervical.png b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-cervical.png new file mode 100644 index 00000000..bd6f2815 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-cervical.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-cervical1.png b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-cervical1.png new file mode 100644 index 00000000..77dff43c Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-cervical1.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-error-demasiado-grande.png b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-error-demasiado-grande.png new file mode 100644 index 00000000..a83a5f63 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-error-demasiado-grande.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-medicion-anatomica.png b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-medicion-anatomica.png new file mode 100644 index 00000000..85df68e5 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-medicion-anatomica.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-tabla-tallas.png b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-tabla-tallas.png new file mode 100644 index 00000000..5e5e039a Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/seleccion-talla-collarin-tabla-tallas.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/situaciones-que-requieren-inmovilizacion.png b/public/assets/infografias/bloque-2-inmovilizacion/situaciones-que-requieren-inmovilizacion.png new file mode 100644 index 00000000..eb89f539 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/situaciones-que-requieren-inmovilizacion.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/tecnica-sujecion-manual 1.png b/public/assets/infografias/bloque-2-inmovilizacion/tecnica-sujecion-manual 1.png new file mode 100644 index 00000000..29b03159 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/tecnica-sujecion-manual 1.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/tecnica-sujecion-manual-cervical.png b/public/assets/infografias/bloque-2-inmovilizacion/tecnica-sujecion-manual-cervical.png new file mode 100644 index 00000000..a113d061 Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/tecnica-sujecion-manual-cervical.png differ diff --git a/public/assets/infografias/bloque-2-inmovilizacion/verificaciones-post-colocacion-collarin.png b/public/assets/infografias/bloque-2-inmovilizacion/verificaciones-post-colocacion-collarin.png new file mode 100644 index 00000000..132521ab Binary files /dev/null and b/public/assets/infografias/bloque-2-inmovilizacion/verificaciones-post-colocacion-collarin.png differ diff --git a/public/assets/infografias/bloque-3-material-sanitario/canulas-guedel-nasofaringea.png b/public/assets/infografias/bloque-3-material-sanitario/canulas-guedel-nasofaringea.png new file mode 100644 index 00000000..09fd74f8 Binary files /dev/null and b/public/assets/infografias/bloque-3-material-sanitario/canulas-guedel-nasofaringea.png differ diff --git a/public/assets/infografias/bloque-3-material-sanitario/configuracion-maxima-fio2-bolsa-mascarilla.png b/public/assets/infografias/bloque-3-material-sanitario/configuracion-maxima-fio2-bolsa-mascarilla.png new file mode 100644 index 00000000..7e3d38e2 Binary files /dev/null and b/public/assets/infografias/bloque-3-material-sanitario/configuracion-maxima-fio2-bolsa-mascarilla.png differ diff --git a/public/assets/infografias/bloque-3-material-sanitario/dispositivos-supragloticos-guia.png b/public/assets/infografias/bloque-3-material-sanitario/dispositivos-supragloticos-guia.png new file mode 100644 index 00000000..5648d463 Binary files /dev/null and b/public/assets/infografias/bloque-3-material-sanitario/dispositivos-supragloticos-guia.png differ diff --git a/public/assets/infografias/bloque-3-material-sanitario/interpretacion-constantes-semaforo.png b/public/assets/infografias/bloque-3-material-sanitario/interpretacion-constantes-semaforo.png new file mode 100644 index 00000000..9c83a43a Binary files /dev/null and b/public/assets/infografias/bloque-3-material-sanitario/interpretacion-constantes-semaforo.png differ diff --git a/public/assets/infografias/bloque-3-material-sanitario/registro-constantes-vitales.png b/public/assets/infografias/bloque-3-material-sanitario/registro-constantes-vitales.png new file mode 100644 index 00000000..7f9198bd Binary files /dev/null and b/public/assets/infografias/bloque-3-material-sanitario/registro-constantes-vitales.png differ diff --git a/public/assets/infografias/bloque-3-material-sanitario/uso-correcto-ambu.png b/public/assets/infografias/bloque-3-material-sanitario/uso-correcto-ambu.png new file mode 100644 index 00000000..a6a86467 Binary files /dev/null and b/public/assets/infografias/bloque-3-material-sanitario/uso-correcto-ambu.png differ diff --git a/public/assets/infografias/bloque-3-material-sanitario/uso-correcto-pulsioximetro.png b/public/assets/infografias/bloque-3-material-sanitario/uso-correcto-pulsioximetro.png new file mode 100644 index 00000000..29c48ccb Binary files /dev/null and b/public/assets/infografias/bloque-3-material-sanitario/uso-correcto-pulsioximetro.png differ diff --git a/public/assets/infografias/bloque-3-material-sanitario/uso-correcto-tensiometro.png b/public/assets/infografias/bloque-3-material-sanitario/uso-correcto-tensiometro.png new file mode 100644 index 00000000..96d38d2a Binary files /dev/null and b/public/assets/infografias/bloque-3-material-sanitario/uso-correcto-tensiometro.png differ diff --git a/public/assets/infografias/bloque-3-material-sanitario/ventilacion-medios-fortuna.png b/public/assets/infografias/bloque-3-material-sanitario/ventilacion-medios-fortuna.png new file mode 100644 index 00000000..b5f451e0 Binary files /dev/null and b/public/assets/infografias/bloque-3-material-sanitario/ventilacion-medios-fortuna.png differ diff --git a/public/assets/infografias/bloque-7-conduccion/configuracion-gps-antes-de-salir.png b/public/assets/infografias/bloque-7-conduccion/configuracion-gps-antes-de-salir.png new file mode 100644 index 00000000..66291e37 Binary files /dev/null and b/public/assets/infografias/bloque-7-conduccion/configuracion-gps-antes-de-salir.png differ diff --git a/public/sw.js b/public/sw.js index bd4e0bcb..ac88e57e 100644 --- a/public/sw.js +++ b/public/sw.js @@ -19,6 +19,8 @@ const STATIC_ASSETS = [ normalizePath('/index.html'), normalizePath('/manifest.json'), normalizePath('/favicon.ico'), + // Nota: Las imágenes en /assets/infografias/ se cachearán automáticamente + // cuando se soliciten (cache-first strategy para imágenes) ]; // Instalación del Service Worker @@ -78,7 +80,9 @@ self.addEventListener('fetch', (event) => { request.destination === 'style' || request.destination === 'image' || request.destination === 'font' || - url.pathname.endsWith('.md') + url.pathname.endsWith('.md') || + url.pathname.includes('/assets/infografias/') || + url.pathname.includes('/assets/') ) { event.respondWith(cacheFirst(request)); } else { diff --git a/scripts/mover_imagenes_pwa.sh b/scripts/mover_imagenes_pwa.sh new file mode 100755 index 00000000..a0509c3b --- /dev/null +++ b/scripts/mover_imagenes_pwa.sh @@ -0,0 +1,6 @@ +#!/bin/bash +# Script para mover imágenes a public/assets/infografias/ para PWA +SOURCE_DIR="imagenes-pendientes" +TARGET_BASE="public/assets/infografias" +mkdir -p "$TARGET_BASE"/{bloque-0-fundamentos,bloque-2-inmovilizacion,bloque-3-material-sanitario,bloque-7-conduccion,bloque-12-marco-legal} +echo "📸 Estructura creada. Usa el script Python para organizar: python scripts/organizar_infografias.py" diff --git a/scripts/organizar_imagenes_auto.py b/scripts/organizar_imagenes_auto.py new file mode 100644 index 00000000..859b6ab8 --- /dev/null +++ b/scripts/organizar_imagenes_auto.py @@ -0,0 +1,190 @@ +#!/usr/bin/env python3 +""" +Script automatizado para organizar imágenes en public/assets/infografias/ +Basado en mapeo de nombres de archivo a bloques +""" + +import os +import shutil +from pathlib import Path +from typing import Dict, Optional + +# Mapeo automático de nombres de archivo a bloques +IMAGE_MAP: Dict[str, str] = { + # Bloque 0 - Fundamentos + "ALGORITMO OPERATIVO DEL TES.svg": "bloque-0-fundamentos", + "RESUMEN VISUAL DEL ALGORITMO START.svg": "bloque-0-fundamentos", + "flujo-rcp-transtelefonica.png": "bloque-0-fundamentos", + "flujo-desa-telefono.png": "bloque-0-fundamentos", + "fast-transtelefonico.png": "bloque-0-fundamentos", + "diagrama-seleccion-dispositivo-oxigenoterapia.png": "bloque-0-fundamentos", + "tabla-rangos-fio2-oxigenoterapia.png": "bloque-0-fundamentos", + "guia-colocacion-dispositivos-oxigenoterapia.png": "bloque-0-fundamentos", + + # Bloque 2 - Inmovilización + "colocacion-collarin-paso-1-preparacion.png": "bloque-2-inmovilizacion", + "colocacion-collarin-paso-2-parte-posterior.png": "bloque-2-inmovilizacion", + "colocacion-collarin-paso-3-parte-anterior.png": "bloque-2-inmovilizacion", + "colocacion-collarin-paso-4-ajuste-cierres.png": "bloque-2-inmovilizacion", + "colocacion-collarin-paso-5-verificacion.png": "bloque-2-inmovilizacion", + "colocacion-collarin-paso-6-liberacion-controlada.png": "bloque-2-inmovilizacion", + "seleccion-talla-collarin-cervical.png": "bloque-2-inmovilizacion", + "seleccion-talla-collarin-tabla-tallas.png": "bloque-2-inmovilizacion", + "errores-frecuentes-collarin-cervical.png": "bloque-2-inmovilizacion", + "verificaciones-post-colocacion-collarin.png": "bloque-2-inmovilizacion", + "componentes-sistema-inmovilizacion.png": "bloque-2-inmovilizacion", + "componentes-sistema-inmovilizacion 1.png": "bloque-2-inmovilizacion", # Duplicado + "posicion-tes-inmovilizacion-manual.png": "bloque-2-inmovilizacion", + "tecnica-sujecion-manual-cervical.png": "bloque-2-inmovilizacion", + "componentes-tablero-espinal.png": "bloque-2-inmovilizacion", + "componentes-colchon-vacio.png": "bloque-2-inmovilizacion", + "colocacion-colchon-vacio-paso-a-paso.png": "bloque-2-inmovilizacion", + "componentes-camilla-cuchara.png": "bloque-2-inmovilizacion", + "situaciones-que-requieren-inmovilizacion.png": "bloque-2-inmovilizacion", + "secuencia-transicion-inmovilizacion.png": "bloque-2-inmovilizacion", + "coordinacion-equipo-inmovilizacion.png": "bloque-2-inmovilizacion", + + # Bloque 3 - Material Sanitario + "uso-correcto-pulsioximetro.png": "bloque-3-material-sanitario", + "uso-correcto-tensiometro.png": "bloque-3-material-sanitario", + "registro-constantes-vitales.png": "bloque-3-material-sanitario", + "interpretacion-constantes-semaforo.png": "bloque-3-material-sanitario", + "configuracion-maxima-fio2-bolsa-mascarilla.png": "bloque-3-material-sanitario", + "uso-correcto-ambu.png": "bloque-3-material-sanitario", + "canulas-guedel-nasofaringea.png": "bloque-3-material-sanitario", + "dispositivos-supragloticos-guia.png": "bloque-3-material-sanitario", + "ventilacion-medios-fortuna.png": "bloque-3-material-sanitario", + + # Bloque 7 - Conducción + "configuracion-gps-antes-de-salir.png": "bloque-7-conduccion", + + # Bloque 12 - Marco Legal + "diagrama-decisiones-eticas.png": "bloque-12-marco-legal", + "diagrama-decisiones-eticas-urgencias.png": "bloque-12-marco-legal", +} + +BASE_DIR = Path(__file__).parent.parent +SOURCE_DIR = BASE_DIR / "imagenes-pendientes" +TARGET_BASE = BASE_DIR / "public" / "assets" / "infografias" + + +def normalizar_nombre(nombre: str) -> str: + """Normaliza el nombre para comparación (sin espacios extra, case-insensitive)""" + return nombre.strip().lower().replace(" ", " ") + + +def encontrar_mapeo(nombre_archivo: str) -> Optional[str]: + """Encuentra el bloque correspondiente para un archivo""" + # Búsqueda exacta + if nombre_archivo in IMAGE_MAP: + return IMAGE_MAP[nombre_archivo] + + # Búsqueda case-insensitive + nombre_lower = normalizar_nombre(nombre_archivo) + for key, bloque in IMAGE_MAP.items(): + if normalizar_nombre(key) == nombre_lower: + return bloque + + # Búsqueda parcial (para variaciones de nombres) + nombre_sin_ext = Path(nombre_archivo).stem.lower() + for key, bloque in IMAGE_MAP.items(): + key_sin_ext = Path(key).stem.lower() + if key_sin_ext in nombre_sin_ext or nombre_sin_ext in key_sin_ext: + return bloque + + return None + + +def organizar_imagenes(): + """Organiza todas las imágenes automáticamente""" + print("=" * 70) + print("🖼️ ORGANIZADOR AUTOMÁTICO DE IMÁGENES PARA PWA") + print("=" * 70) + print() + + # Verificar directorios + if not SOURCE_DIR.exists(): + print(f"❌ Error: No existe {SOURCE_DIR}") + return + + if not TARGET_BASE.exists(): + print(f"📁 Creando estructura de directorios...") + TARGET_BASE.mkdir(parents=True, exist_ok=True) + for bloque in ["bloque-0-fundamentos", "bloque-2-inmovilizacion", + "bloque-3-material-sanitario", "bloque-7-conduccion", + "bloque-12-marco-legal"]: + (TARGET_BASE / bloque).mkdir(parents=True, exist_ok=True) + + # Obtener todas las imágenes + extensiones = ['.png', '.svg', '.jpg', '.jpeg', '.PNG', '.SVG', '.JPG', '.JPEG'] + imagenes = [] + for ext in extensiones: + imagenes.extend(SOURCE_DIR.glob(f'*{ext}')) + + if not imagenes: + print(f"❌ No se encontraron imágenes en {SOURCE_DIR}") + return + + print(f"📋 Encontradas {len(imagenes)} imagen(es)") + print() + + # Estadísticas + movidas = 0 + omitidas = 0 + no_mapeadas = [] + + # Procesar cada imagen + for imagen in sorted(imagenes): + nombre = imagen.name + bloque = encontrar_mapeo(nombre) + + if not bloque: + no_mapeadas.append(nombre) + print(f"⚠️ No mapeada: {nombre}") + continue + + target_dir = TARGET_BASE / bloque + target_path = target_dir / nombre + + # Si ya existe, verificar si es diferente + if target_path.exists(): + if target_path.stat().st_size == imagen.stat().st_size: + print(f"⏭️ Ya existe: {nombre} → {bloque}/") + omitidas += 1 + continue + else: + # Tamaño diferente, sobrescribir + print(f"🔄 Actualizando: {nombre} → {bloque}/") + + try: + shutil.copy2(imagen, target_path) + print(f"✅ Movida: {nombre} → {bloque}/") + movidas += 1 + except Exception as e: + print(f"❌ Error moviendo {nombre}: {e}") + + # Resumen + print() + print("=" * 70) + print("📊 RESUMEN") + print("=" * 70) + print(f"✅ Movidas: {movidas}") + print(f"⏭️ Omitidas (ya existían): {omitidas}") + print(f"⚠️ No mapeadas: {len(no_mapeadas)}") + + if no_mapeadas: + print() + print("📝 Imágenes no mapeadas (requieren revisión manual):") + for nombre in no_mapeadas: + print(f" - {nombre}") + print() + print("💡 Puedes añadirlas al mapeo en scripts/organizar_imagenes_auto.py") + + print() + print("🎯 Próximo paso: Añadir referencias en archivos .md del manual") + print(" Ver: GUIA_INTEGRAR_IMAGENES_PWA.md") + print() + + +if __name__ == "__main__": + organizar_imagenes() diff --git a/src/App.tsx b/src/App.tsx index c1412acd..b7a51186 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -6,6 +6,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { BrowserRouter, Routes, Route } from "react-router-dom"; import Header from "@/components/layout/Header"; import BottomNav from "@/components/layout/BottomNav"; +import Footer from "@/components/layout/Footer"; import SearchModal from "@/components/layout/SearchModal"; import MenuSheet from "@/components/layout/MenuSheet"; import Home from "./pages/Index"; @@ -37,13 +38,13 @@ const App = () => { -
+
setIsSearchOpen(true)} onMenuClick={() => setIsMenuOpen(true)} /> -
+
{ +