- Integración de 93 capítulos del manual completo - Componente MarkdownViewer para renderizar archivos .md - Navegación jerárquica completa (ManualIndex) - Sistema de búsqueda mejorado - Página ManualViewer con navegación anterior/siguiente - Scripts de verificación del manual - Puerto configurado en 8096 - Configuración de despliegue (Vercel, Netlify, GitHub Pages) - Todos los problemas detectados corregidos
9.5 KiB
9.5 KiB
MÓDULO 2: PROTOCOLOS TRANSTELEFÓNICOS
✅ IMPLEMENTACIÓN COMPLETADA
Fecha: 2024-12-13
Estado: Completado y listo para uso
Compatibilidad: 100% aditivo, no modifica código existente
📁 ARCHIVOS CREADOS (NUEVOS)
1. src/data/telephone-protocols.ts
- Tipo: Archivo de datos TypeScript
- Contenido:
- Tipos TypeScript:
ProtocolCategory,AgeGroup,ProtocolStep,TelephoneProtocol - 6 protocolos implementados:
rcpTelephoneAdult: RCP Transtelefónica - Adultos (10 pasos)rcpTelephonePediatric: RCP Transtelefónica - Pediatría (9 pasos)desaTelephone: DESA Guiado por Teléfono (10 pasos)ovaceTelephoneAdult: OVACE Transtelefónica - Adultos (8 pasos)scaTelephone: Sospecha de SCA (6 pasos)ictusTelephone: Sospecha de Ictus (7 pasos)
- Funciones helper:
getProtocolById,getProtocolsByCategory,getProtocolsByAgeGroup
- Tipos TypeScript:
- Fuente: Manual TES Digital (Bloques 4.1, 4.2, 4.4, 4.6, 5.6, 5.7)
2. src/components/telephone-protocols/TelephoneProtocolViewer.tsx
- Tipo: Componente React reutilizable
- Funcionalidad:
- Visualización interactiva de protocolos transtelefónicos
- Evaluación inicial (preguntas al testigo)
- Navegación paso a paso con instrucciones para leer
- Verificación de cada paso (checkboxes)
- Notas para el operador (ocultas por defecto)
- Alertas para pasos críticos sin verificar
- Botón "Reiniciar" para volver al inicio
- Dependencias: Componentes UI existentes (Button, Card, Alert, Badge)
3. Nueva página: src/pages/Telefono.tsx
- Tipo: Página completa de React
- Funcionalidad:
- Lista de protocolos disponibles
- Filtrado por categoría (RCP, DESA, OVACE, SCA, Ictus)
- Filtrado por grupo etario (Adulto, Pediatría, Lactante)
- Visualizador de protocolo seleccionado
- Navegación entre lista y protocolo
- Ruta:
/telefono
4. Integración en src/App.tsx
- Cambios realizados:
- ✅ Añadida ruta
/telefonopara la nueva página - ✅ Importado componente Telefono
- ✅ Añadida ruta
- NO modificado:
- ❌ Ninguna ruta existente
- ❌ Ninguna página existente
- ❌ Ninguna funcionalidad existente
5. Integración en src/components/layout/MenuSheet.tsx
- Cambios realizados:
- ✅ Añadido enlace "Protocolos Transtelefónicos" en el menú lateral
- ✅ Icono Phone
- ✅ Navegación a
/telefono
- NO modificado:
- ❌ Ningún otro item del menú
- ❌ Estructura del menú
- ❌ Funcionalidad existente
🎯 FUNCIONALIDADES IMPLEMENTADAS
1. Protocolo: RCP Transtelefónica - Adultos
- Evaluación inicial: 3 preguntas
- 10 pasos:
- Activar 112
- Colocar en superficie firme
- Abrir vía aérea
- Verificar respiración
- Iniciar compresiones (posición)
- Compresiones (técnica)
- Ritmo de compresiones
- Ventilaciones
- Continuar ciclos
- Cambio de reanimador (si aplica)
- Notas importantes: 4 notas para el operador
2. Protocolo: RCP Transtelefónica - Pediatría
- Evaluación inicial: 4 preguntas
- 9 pasos:
- Adaptaciones pediátricas (una o dos manos según tamaño)
- Ratio 15:2 si hay dos personas, 30:2 si está solo
- Ventilación cubriendo boca Y nariz
- Notas importantes: 4 notas para el operador
3. Protocolo: DESA Guiado por Teléfono
- Evaluación inicial: 3 preguntas
- 10 pasos:
- Continuar RCP mientras se trae DESA
- Encender DESA
- Preparar tórax (secar, afeitar si necesario)
- Colocar parches
- Conectar cable
- Analizar ritmo (¡todos fuera!)
- Seguir órdenes del DESA
- Descarga si indicada (verificación de seguridad)
- Reanudar RCP
- Continuar ciclos con DESA
- Notas importantes: 4 notas para el operador
4. Protocolo: OVACE Transtelefónica - Adultos
- Evaluación inicial: 4 preguntas
- 8 pasos:
- Evaluación de gravedad (tos efectiva vs. inefectiva)
- OVACE leve (animar a toser)
- OVACE grave consciente (Heimlich)
- Compresiones abdominales
- Reevaluación
- Si inconsciente (RCP)
- Adaptación para embarazadas/obesos
- Notas importantes: 4 notas para el operador
5. Protocolo: SCA Transtelefónico
- Evaluación inicial: 5 preguntas
- 6 pasos:
- Activar 112
- Posición cómoda
- Aflojar ropa
- Aspirina (si protocolo contempla)
- Monitorizar
- Preparar para traslado
- Notas importantes: 4 notas para el operador
6. Protocolo: Ictus Transtelefónico
- Evaluación inicial: 4 preguntas
- 7 pasos:
- Activar 112 (tiempo crítico)
- Test FAST
- Posición segura
- No dar comida/bebida
- Monitorizar consciencia
- Anotar hora de inicio
- Preparar para traslado
- Notas importantes: 5 notas para el operador
🔗 INTEGRACIÓN CON EXISTENTE
Reutiliza:
- ✅ Componentes UI existentes (Button, Card, Alert, Badge)
- ✅ Sistema de routing existente (React Router)
- ✅ Estilos existentes (Tailwind, clases personalizadas)
- ✅ Estructura de páginas existente
- ✅ Menú lateral existente (añadido enlace, no modificado)
No toca:
- ❌
src/data/procedures.ts(sin cambios) - ❌
src/data/drugs.ts(sin cambios) - ❌
src/data/calculators.ts(sin cambios) - ❌
src/data/decision-trees.ts(sin cambios) - ❌
src/data/material-checklists.ts(sin cambios) - ❌ Componentes existentes (sin modificaciones)
- ❌ Otras páginas (sin cambios)
- ❌ BottomNav (sin cambios)
📱 USO EN LA APP
Acceso:
- Opción 1: Menú lateral (☰) → "Protocolos Transtelefónicos"
- Opción 2: URL directa:
/telefono - Opción 3: Desde código (navegación programática)
Flujo de uso:
- Abrir página Telefono
- Filtrar por categoría (opcional): Todos, RCP, DESA, OVACE, SCA, Ictus
- Filtrar por grupo etario (opcional): Todos, Adulto, Pediatría, Lactante
- Seleccionar protocolo
- Realizar evaluación inicial (preguntas al testigo)
- Comenzar guía paso a paso
- Leer instrucción al testigo
- Verificar que se está haciendo (checkbox)
- Continuar al siguiente paso
- Navegar hacia atrás si es necesario
Características:
- ✅ Instrucciones claras para leer al testigo
- ✅ Preguntas de verificación para cada paso
- ✅ Pasos críticos destacados (badge rojo)
- ✅ Notas para el operador (ocultas por defecto)
- ✅ Navegación hacia adelante/atrás
- ✅ Bloqueo de avance si paso crítico no verificado
- ✅ Evaluación inicial antes de comenzar
🚀 PRÓXIMOS PASOS (MÓDULOS FUTUROS)
Este módulo está completamente funcional y listo para uso. Los siguientes módulos se añadirán de forma similar:
- Módulo 3: Guiones de Comunicación Operativa (pendiente)
- Módulo 5: Material e Inmovilización (pendiente)
✅ CONFIRMACIÓN DE COMPATIBILIDAD
✅ No rompe nada existente:
- Todas las páginas existentes funcionan igual
- Todas las rutas existentes intactas
- Todos los datos existentes intactos
- Todos los componentes existentes sin modificaciones
- Menú lateral funciona igual (añadido enlace, no modificado)
✅ Es completamente aditivo:
- Nuevos archivos en nuevas carpetas
- Nueva página añadida (no modifica existentes)
- Nueva ruta añadida (no conflictos)
- Nuevos tipos TypeScript (no conflictos)
- Nuevos componentes (no dependencias circulares)
- Enlace en menú lateral (añadido, no modificado)
✅ Compatible hacia atrás:
- Funciona con estructura existente
- Reutiliza componentes UI existentes
- Sigue patrones de código existentes
- No requiere cambios en configuración
- Build exitoso sin errores
📝 NOTAS TÉCNICAS
Estructura de datos:
TelephoneProtocol {
id: string
title: string
category: 'rcp' | 'desa' | 'ovace' | 'sca' | 'ictus' | 'comunicacion'
ageGroup: 'adulto' | 'pediatrico' | 'lactante' | 'todos'
initialAssessment: string[]
steps: ProtocolStep[]
importantNotes?: string[]
}
ProtocolStep {
id: string
order: number
instruction: string // Para leer al testigo
verification?: string // Pregunta para verificar
notes?: string // Notas para el operador (no se leen)
critical?: boolean
}
Características técnicas:
- Estado local: Cada protocolo mantiene su estado de pasos verificados
- Navegación: Hacia adelante/atrás con validación de pasos críticos
- Persistencia: No persistente (se reinicia al recargar) - puede extenderse con localStorage si se requiere
- Performance: Renderizado eficiente con navegación paso a paso
- Accesibilidad: Botones y enlaces accesibles, estructura semántica
Extensibilidad:
- Fácil añadir nuevos protocolos: solo añadir a
telephoneProtocols[] - Fácil añadir nuevos pasos: solo añadir al array
steps - Fácil añadir nuevas categorías: extender tipo
ProtocolCategory - Fácil añadir nuevos grupos etarios: extender tipo
AgeGroup
🎯 CASOS DE USO REALES
Escenario 1: Centro Coordinador
- Operador recibe llamada de testigo con PCR
- Abre app → Protocolos Transtelefónicos → RCP Adulto
- Sigue evaluación inicial
- Guía paso a paso al testigo
- Verifica cada paso crítico antes de continuar
Escenario 2: TES en Ambulancia
- TES recibe llamada de coordinador pidiendo guiar RCP
- Abre app → Protocolos Transtelefónicos → RCP Pediátrico
- Sigue protocolo adaptado a pediatría
- Verifica que testigo está siguiendo instrucciones
Escenario 3: DESA Disponible
- Testigo tiene DESA disponible
- Operador guía uso del DESA paso a paso
- Verifica seguridad antes de cada descarga
- Integra DESA con RCP en curso
✅ MÓDULO 2 COMPLETADO Y LISTO PARA USO