WebWizard/docs/prompts/step19.md

Krok 19 - Preview a Export (Posledné fázy Wizarda)

Kontext projektu

Po úspešnom vygenerovaní a vyrenderovaní webu si ho používateľ môže prezrieť a následne stiahnuť ako ZIP archív.

Pred implementáciou si preštuduj

• docs/wizard.md - Sekcia 8 (Krok 7 - Preview) a 9 (Krok 8 - Export).

Cieľ

Implementovať UI pre náhľad vygenerovaného webu a funkčnosť pre stiahnutie projektu v ZIP formáte.

Požadované zmeny

1. Na frontende (index.html + wizard.js):
   • Krok 7: Zobrazenie náhľadu (napr. cez <iframe> smerujúci na exports/<project_id>/index.html).
   • Možnosť prepínať medzi Desktop/Mobile náhľadom.
   • Tlačidlo "Upraviť zadanie" (návrat do wizardu).
   • Tlačidlo "Stiahnuť web" (volanie exportu).
2. Na backende (ajax.php):
   • Implementácia akcie exportWebsite.
   • Vytvorenie ZIP archívu z obsahu priečinka exports/<project_id>/.
   • ZIP nesmie obsahovať konfiguračné súbory wizardu alebo AI pracovné súbory (iba výsledný web).
   • Vrátenie linku na stiahnutie alebo priamy download.

Implementačné pravidlá

• Preview musí byť izolované (iframe), aby CSS exportu neovplyvňovalo wizard.
• ZIP archív by mal mať názov podľa firmy (napr. web-pizza-marco.zip).

Súbory ktoré je potrebné vytvoriť

Žiadne.

Súbory ktoré je potrebné upraviť

• public/index.html (DOM pre náhľad a export)
• public/js/wizard.js (logika pre iframe a download)
• public/ajax.php (akcia exportWebsite - ZIP generovanie)

API a dátové štruktúry

Akcia exportWebsite:

• Request: { "project_id": "..." }.
• Response: { "success": true, "data": { "download_url": "..." } }.

Frontend požiadavky

• Pútavé zobrazenie náhľadu.
• Jasné inštrukcie, čo robiť po stiahnutí (napr. "Nahrajte obsah na váš FTP").

Backend požiadavky

• PHP rozšírenie ZipArchive.

Testovací scenár

1. Dokonči generovanie webu.
2. Over, či sa v Kroku 7 správne zobrazí náhľad v iframe.
3. Klikni na stiahnutie.
4. Rozbaľ ZIP a over, či obsahuje všetky potrebné súbory (index, assets, php skripty) a či web funguje po otvorení z disku.

Definition of Done

• Používateľ si môže prezrieť web pred stiahnutím.
• Export do ZIP funguje a obsahuje kompletný, funkčný statický web.
• Proces je plynulý od konca generovania až po download.

Obmedzenia

• ZIP nesmie byť príliš veľký (obmedzenie na assety).

Výstup

• zoznam vytvorených súborov
• zoznam upravených súborov
• stručné zhrnutie vykonaných zmien
• prípadné otvorené problémy