# ✅ Cómo Verificar Imágenes OG y Twitter

## 🔍 Verificación Rápida

### Comando Único
```bash
cd /Applications/XAMPP/xamppfiles/htdocs/cd-system
./scripts/verificar-og-twitter-images.sh
```

---

## 📋 Verificación Manual Paso a Paso

### 1. Verificar Carpeta de Origen (Assets)
```bash
# Ver qué archivos hay en assets
ls -lah public/cd-project/assets/ | grep -E "(og|twitter)"

# Buscar específicamente
ls -lah public/cd-project/assets/og-image.* 2>/dev/null
ls -lah public/cd-project/assets/twitter-image.* 2>/dev/null
```

**Resultado esperado:**
- ✅ `og-image.png` o `og-image.jpg` debe existir
- ✅ `twitter-image.png` o `twitter-image.jpg` debe existir

### 2. Verificar Carpeta de Destino (Meta Tags)
```bash
# Ver archivos en meta-tags
ls -lah public/cd-project/img/meta-tags/ | grep -E "(og|twitter)"

# Verificar archivos específicos
ls -lah public/cd-project/img/meta-tags/og-image.* 2>/dev/null
ls -lah public/cd-project/img/meta-tags/twitter-image.* 2>/dev/null
```

**Resultado esperado:**
- ✅ `og-image.png` o `og-image.jpg` debe existir
- ✅ `twitter-image.png` o `twitter-image.jpg` debe existir

### 3. Verificar Configuración
```bash
# Ver qué está configurado en site.php
grep -A 2 "'image'" config/site.php | grep -E "(og|twitter)" -A 2
```

**Resultado esperado:**
```php
'og' => [
    'image' => 'cd-project/img/meta-tags/og-image.jpg',  // ✅
],
'twitter' => [
    'image' => 'cd-project/img/meta-tags/twitter-image.jpg',  // ✅
],
```

### 4. Verificar que los Archivos Existen
```bash
# Verificar que los archivos configurados existen
test -f public/cd-project/img/meta-tags/og-image.jpg && echo "✅ OG existe" || echo "❌ OG NO existe"
test -f public/cd-project/img/meta-tags/twitter-image.jpg && echo "✅ Twitter existe" || echo "❌ Twitter NO existe"
```

### 5. Verificar URLs Generadas
```bash
# Probar que las URLs se generan correctamente
php artisan tinker --execute="echo asset('cd-project/img/meta-tags/og-image.jpg');"
php artisan tinker --execute="echo asset('cd-project/img/meta-tags/twitter-image.jpg');"
```

---

## ✅ Estado Actual de tu Sistema

Según la verificación:

### ✅ Lo que SÍ está bien:
1. **Imágenes en destino final:** ✅
   - `public/cd-project/img/meta-tags/og-image.jpg` existe (48K)
   - `public/cd-project/img/meta-tags/twitter-image.jpg` existe (48K)

2. **Configuración:** ✅
   - `config/site.php` apunta a las rutas correctas

### ⚠️ Lo que falta:
1. **Imágenes en assets (origen):** ❌
   - No están en `public/cd-project/assets/`
   - El comando no las encontró porque busca `.png` y las imágenes son `.jpg`

---

## 🔧 Soluciones

### Opción 1: Si las imágenes ya están en el destino (tu caso)
**No necesitas hacer nada más.** Las imágenes ya están correctamente ubicadas y la configuración apunta a ellas.

**Solo verifica:**
```bash
# Verificar que todo funciona
php artisan config:clear
php artisan tinker --execute="echo App\Helpers\MetaTagsHelper::getOgImage();"
php artisan tinker --execute="echo App\Helpers\MetaTagsHelper::getTwitterImage();"
```

### Opción 2: Si quieres usar el comando artisan (para futuras actualizaciones)

**Problema:** El comando busca `.png` pero tus imágenes son `.jpg`

**Solución A: Renombrar a .png**
```bash
# Copiar las imágenes actuales a assets con nombre .png
cp public/cd-project/img/meta-tags/og-image.jpg public/cd-project/assets/og-image.png
cp public/cd-project/img/meta-tags/twitter-image.jpg public/cd-project/assets/twitter-image.png

# Ejecutar comando
php artisan project:update-assets public/cd-project/assets --backup
```

**Solución B: Modificar el comando para aceptar .jpg**

Editar `app/Console/Commands/UpdateProjectAssets.php`:
```php
private $optionalAssets = [
    'og-image.png' => 'cd-project/img/meta-tags/og-image.png',
    'og-image.jpg' => 'cd-project/img/meta-tags/og-image.jpg',  // ← Agregar
    'twitter-image.png' => 'cd-project/img/meta-tags/twitter-image.png',
    'twitter-image.jpg' => 'cd-project/img/meta-tags/twitter-image.jpg',  // ← Agregar
];
```

---

## 🎯 Verificación Final Completa

Ejecuta este script completo:

```bash
#!/bin/bash
echo "🔍 VERIFICACIÓN COMPLETA"
echo "========================"
echo ""

# 1. Verificar origen
echo "1. Origen (assets):"
ls -lah public/cd-project/assets/og-image.* public/cd-project/assets/twitter-image.* 2>/dev/null || echo "   ⚠️  No encontrado en assets"
echo ""

# 2. Verificar destino
echo "2. Destino (meta-tags):"
ls -lah public/cd-project/img/meta-tags/og-image.* public/cd-project/img/meta-tags/twitter-image.* 2>/dev/null
echo ""

# 3. Verificar configuración
echo "3. Configuración:"
grep -A 1 "'image'" config/site.php | grep -E "(og|twitter)" -A 1
echo ""

# 4. Verificar URLs
echo "4. URLs generadas:"
php artisan tinker --execute="echo 'OG: ' . App\Helpers\MetaTagsHelper::getOgImage() . PHP_EOL;"
php artisan tinker --execute="echo 'Twitter: ' . App\Helpers\MetaTagsHelper::getTwitterImage() . PHP_EOL;"
echo ""

echo "✅ Verificación completada"
```

---

## 📊 Checklist de Verificación

- [ ] Imágenes existen en `public/cd-project/img/meta-tags/`
- [ ] Configuración en `config/site.php` apunta a las rutas correctas
- [ ] URLs se generan correctamente con `MetaTagsHelper`
- [ ] Archivos son accesibles vía web (probar en navegador)
- [ ] Caché limpiado: `php artisan config:clear`

---

## 🚨 Problemas Comunes

### Problema: "Opcional no encontrado: og-image.png"
**Causa:** El comando busca `.png` pero las imágenes son `.jpg`

**Solución:**
1. Renombrar a `.png` en assets, o
2. Modificar el comando para aceptar `.jpg`

### Problema: "Archivo NO existe en: public/..."
**Causa:** La ruta en `config/site.php` no coincide con la ubicación real

**Solución:**
1. Verificar la ruta en `config/site.php`
2. Verificar que el archivo existe en esa ruta
3. Actualizar la configuración si es necesario

---

**Última actualización:** 2025-12-16