Trabajar vista previa, publicacion, versiones y conflictos

Qué vas a lograr

• Diferenciar claramente entre borrador, vista previa y sitio publicado dentro del Page Builder v2.
• Navegar versiones reales del editor con Deshacer y Rehacer, entendiendo cuándo Flobu publica la cabeza actual y cuándo parte desde una versión histórica.
• Resolver guardado pendiente, reseteo a publicada y conflictos de versión sin improvisar ni perder contenido local.

---

Paso a paso en Flobu

Cómo funciona la interfaz de Flobu en este tutorial

• Menú lateral: aquí no trabajarás tanto con bloques, sino con la barra superior del editor, el menú Acciones y, en algunos casos, el modal Cambiar página.
• Panel central: el canvas te muestra el borrador actual de la página; ese estado puede no coincidir con el Sitio publicado.
• Acciones clave: usarás Vista previa, Sitio publicado, Deshacer, Rehacer, Publicar cambios, Regenerar link vista previa y, si existe una versión live, Resetear a publicada.
• Alcance de este tutorial: aquí aprenderás el flujo real del editor. Hoy no hay una lista cronológica visible de versiones; la navegación histórica principal ocurre con Deshacer y Rehacer.

---

1) Entender la diferencia entre borrador, vista previa y sitio publicado

1. Abre una página dentro del Page Builder v2.
2. En la barra superior, abre Acciones.
3. Ahí verás opciones como Sitio publicado, Vista previa y Regenerar link vista previa.
4. Vista previa abre el borrador actual en una pestaña nueva.
5. Esa vista depende de que la página tenga preview_token y de que el sitio tenga dominio disponible.
6. Si ese link no está listo, la opción puede aparecer deshabilitada.
7. Sitio publicado abre la versión en vivo de esa página.
8. Esa opción depende de que el dominio público esté configurado.
9. La regla clave es esta: el canvas del editor y la Vista previa trabajan sobre borrador; Sitio publicado muestra lo que hoy ve un cliente real.
10. Por eso, cuando hagas cambios importantes, conviene comparar ambos lados.
11. Si sospechas que el link de preview se compartió de más, o simplemente quieres invalidarlo, usa Regenerar link vista previa.
12. Flobu abre un modal de confirmación que te avisa que el link anterior dejará de funcionar inmediatamente al refrescar o volver a abrir la vista previa.
13. Esta acción no publica nada. Solo reemplaza el token del preview del borrador.
14. Usa Vista previa para revisar cambios antes de publicar.
15. Usa Sitio publicado para verificar que todavía no impactaste el sitio en vivo antes de confirmar la publicación.

Resultado esperado:

• Diferenciaste correctamente borrador, preview y versión publicada.
• Supiste cuándo usar Vista previa, cuándo usar Sitio publicado y qué efecto real tiene Regenerar link vista previa.

---

2) Navegar versiones con Deshacer y Rehacer, y publicar desde el contexto correcto

1. En escritorio, verás Deshacer y Rehacer en la barra superior.
2. En pantallas pequeñas, esos controles bajan a la barra flotante inferior junto con Publicar cambios.
3. También puedes usar atajos de teclado:
   • Ctrl/Cmd + Z para deshacer.
   • Ctrl/Cmd + Shift + Z o Ctrl + Y para rehacer.
   • Ctrl/Cmd + S para disparar la publicación.
4. En este editor, Deshacer y Rehacer no son solo una memoria visual del último clic: Flobu navega versiones reales del documento.
5. Si tienes cambios pendientes antes de moverte entre versiones, el editor intenta auto-guardarlos primero, lo que reduce el riesgo de perder trabajo al recorrer el historial.
6. Cuando te mueves a una versión anterior, estás navegando un snapshot histórico. Ahí cambia el contexto del botón de publicación:
   • Si solo estás parado en una versión histórica sin crear cambios nuevos, el botón puede pasar a Publicar esta versión.
   • Si desde esa versión histórica ya generaste un nuevo borrador local, el botón puede pasar a Publicar desde aquí.
   • Si estás en la cabeza actual con cambios pendientes, verás el comportamiento normal de Publicar cambios.
   • Si estás exactamente sobre la versión que ya está publicada y no hay nada nuevo, Flobu no te dejará publicar otra vez como si fuera un cambio real.
7. Otro flujo relacionado aparece en Acciones > Resetear a publicada. Ese botón solo aparece si existe una versión oficial publicada.
8. El modal explica algo muy importante: no cambia lo que ya está live. Lo que hace es eliminar borradores visibles posteriores y crear un nuevo borrador desde la versión publicada.
9. Úsalo cuando el editor se haya desordenado demasiado y quieras volver a partir desde lo que hoy está en producción.

Resultado esperado:

• Navegaste versiones reales con Deshacer y Rehacer, entendiendo que Flobu puede guardar antes de moverse.
• Entendiste por qué el botón de publicación cambia entre Publicar cambios, Publicar esta versión y Publicar desde aquí.

---

3) Resolver guardado pendiente, salida segura y conflictos sin perder trabajo

1. Mientras editas, el editor puede pasar por estados como Guardando... o Publicando.... Aunque no veas una tabla de versiones en pantalla, ese guardado va sosteniendo la rama actual del borrador.
2. Si intentas volver a Inicio o cambiar de página desde el editor, Flobu intenta guardar antes de salir.
3. Si hay un conflicto pendiente, el editor bloquea esa salida y te avisa que recargues primero.
4. Si no pudo guardar antes de cambiar de página o volver al panel, también te lo indicará.
5. Además, si intentas cerrar la pestaña o recargar con trabajo pendiente, el navegador puede mostrar una advertencia de salida.
6. El caso más delicado es el Conflicto de versión. Cuando ocurre, aparece un overlay sobre el editor con el título Conflicto de versión detectado.
7. Flobu te explica que tus cambios locales no se guardaron porque existe una versión más reciente en el servidor.
8. Si el sistema conoce ambos números, te muestra:
   • Versión local base.
   • Versión más reciente en servidor.
9. Ahí tienes dos caminos reales:
   • Descargar copia de seguridad: te baja un archivo .json con tu contenido local actual antes de recargar.
   • Recargar versión actual: abandona tu rama local y vuelve a cargar la versión vigente del servidor.
10. En algunos casos, si una versión histórica deja de estar visible mientras navegas, Flobu se recupera solo y te devuelve a la versión más reciente mostrando un mensaje de aviso.
11. La mejor práctica es simple: si aparece un conflicto, no sigas editando a ciegas. Descarga el respaldo si el trabajo era importante, recarga y vuelve a entrar desde una base limpia antes de publicar.

Resultado esperado:

• Entendiste cómo Flobu intenta proteger tus cambios al salir, cambiar de página o navegar el historial.
• Sabes exactamente qué hacer cuando aparece un conflicto de versión y cómo rescatar una copia antes de recargar.

---

Checklist final rápido

• Diferenciaste Vista previa del borrador y Sitio publicado.
• Verificaste si el preview estaba disponible antes de depender de ese link.
• Entendiste que Regenerar link vista previa invalida el link anterior.
• Usaste Deshacer y Rehacer sabiendo que navegan versiones reales del documento.
• Reconociste que el botón de publicar cambia según si estás en la cabeza actual o en el historial.
• Entendiste para qué sirve Resetear a publicada y que no publica nada por sí solo.
• Revisaste el estado del editor antes de salir o cambiar de página.
• Supiste que Flobu intenta guardar antes de navegar fuera del editor.
• Identificaste el overlay Conflicto de versión detectado y sus dos acciones reales.
• Descargarías una copia de seguridad antes de recargar si el conflicto afecta trabajo importante.

---

Errores comunes

• Confundir el canvas del editor con el sitio en vivo. El borrador puede verse perfecto en el editor mientras Sitio publicado todavía sigue igual.
• Publicar desde el historial sin entender el contexto del botón. Publicar esta versión y Publicar desde aquí no significan exactamente lo mismo que Publicar cambios en la cabeza actual.
• Pensar que Deshacer solo retrocede el último clic visual. En este editor navega versiones reales y puede implicar la carga de snapshots anteriores.
• Salir del editor apenas ves Guardando... Lo más seguro es dejar que el guardado termine o usar los flujos que intentan guardar antes de cambiar de página.
• Ignorar un conflicto de versión y seguir trabajando como si nada. Cuando aparece ese overlay, conviene descargar el respaldo y recargar antes de continuar.
• Usar Resetear a publicada creyendo que revertirá el sitio live de inmediato. Ese flujo solo reconstruye la rama actual del editor desde lo que ya está publicado.