planetazuzu 2f9fb6e499 chore: limpieza completa del proyecto

- Fase 1: Eliminar archivos innecesarios (logs, builds, node_modules)
- Fase 2: Mover backups y duplicados a revisión:
  - _BACKUP_MD/ (203 archivos)
  - MANUAL_TES_DIGITAL/ (110 archivos)
  - imagenes-pendientes/ (60 archivos)
- Fase 3: Simplificar configuraciones (mover no usadas a config_backup/)
- Fase 4: Consolidar documentación:
  - 13 documentos esenciales → docs/consolidado/
  - 42 documentos → docs/archivo/
  - README.md actualizado
- Fase 5: Organizar scripts (mantener solo esenciales)
- Fase 6: Reinstalación y verificación (npm install + build)
- Corregir clave duplicada 'uso-tensiometro' en image-registry.ts
- Total: 393 archivos movidos a revisión, 5 configuraciones archivadas, 55 documentos organizados
- Build verificado y exitoso

2025-12-23 10:16:35 +01:00

2.4 KiB

Raw Blame History

📸 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)

python scripts/organizar_infografias.py

Opción B: Manual

# 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:

![Descripción](./assets/infografias/bloque-2-inmovilizacion/imagen.png)

Paso 3: Build y Verificar

npm run build
ls -R dist/assets/infografias/  # Verificar que están en el build

Paso 4: Test Offline

Abrir app en navegador
Cargar páginas con imágenes (para cachear)
DevTools > Network > Offline
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

Las imágenes se cachean automáticamente cuando se cargan por primera vez
No necesitas precachear manualmente - el SW las cachea bajo demanda
Una vez organizadas y referenciadas, funcionarán offline automáticamente
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.

2.4 KiB Raw Blame History