dans , application classes * thème sur , stockage data/design.json pour traçabilité * Avantages : pipeline VPS plus court (~30 secondes gagnées par maquette), * cohérence single-source pour le CSS (mockup preview = maquette = site final), * suppression d'un point de friction (design_system.php était bloquant si * absent depuis sa suppression du VPS). * Version process_site.php parallèle : à aligner V4 prochaine session. * v8.9 : Hotfix injection site.css. URL absolue obligatoire car * assemble.php injecte un vers le dossier du template * (ex: https://popmywebsite.com/templates/restaurant/template-01/), * ce qui faisait chercher site.css dans ce dossier au lieu de * /preview/SKU/. Conséquence : aucune maquette générée depuis * session 4 (06/05/2026 matin) ne chargeait son site.css → choix * design client invisibles. Fix : URL absolue avec BASE_URL et * $folder. Aucun autre changement vs v8.8. * v8.8 : Intégration design system v1. Lit les 8 décisions visuelles * depuis le payload (designBase, designPrimary, designSecondary, * designHeadingColor, designCouple, designCorners, designShadows, * designBorders). Si toutes présentes : appelle generate_site_css() * depuis design_system.php pour produire un site.css déployé dans * /preview/SKU/site.css, ajoute dans le HTML, applique les * classes thème sur , stocke les décisions dans data/design.json. * Le bloc legacy "; $headPos = strrpos($html, ''); if ($headPos !== false) { $html = substr($html, 0, $headPos) . $cssOverride . substr($html, $headPos); } } // ── DESIGN SYSTEM v1 — INJECTION CSS + APPLICATION CLASSES BODY ────────────── // v9.0 (May 2026) : refactoré pour V4. // La génération du site.css est maintenant faite par send.php sur Hostinger (au // moment du submit mockup). Le fichier est déjà présent dans /preview/{SKU}/site.css // quand ce code s'exécute. process.php se contente de : // 1. Injecter le dans // 2. Appliquer les classes thème sur // 3. Sauvegarder data/design.json pour traçabilité (utile brief.html) // La fonction local generate_body_classes() est définie en haut de ce fichier. if ($useDesignSystem) { try { $designDecisions = [ 'base' => $designBase, 'primary' => $designPrimary, 'secondary' => $designSecondary, 'heading_color' => $designHeadingColor, 'couple' => $designCouple, 'corners' => $designCorners, 'shadows' => $designShadows, 'borders' => $designBorders, ]; $bodyClasses = generate_body_classes($designDecisions); // 1. Stockage du module design pour traçabilité (réutilisé par brief.html) pmw_store_save_module($folder, 'design', [ 'version' => 'v1', 'decisions' => $designDecisions, 'bodyClasses' => $bodyClasses, 'generatedAt' => date('c'), ]); // 2. Injection dans le du HTML // URL absolue obligatoire car assemble.php injecte un vers le dossier // du template, ce qui ferait chercher site.css au mauvais endroit avec une URL relative $cssLinkTag = "\n\n"; $headPos = strrpos($html, ''); if ($headPos !== false) { $html = substr($html, 0, $headPos) . $cssLinkTag . substr($html, $headPos); pmw_log("[design-system] site.css injecté dans le head"); } else { pmw_log("[design-system] [WARN] introuvable, non injecté"); } // 3. Application des classes thème sur // Pattern : → if (preg_match('/]*)>/i', $html, $bodyMatch)) { $bodyAttrs = $bodyMatch[1]; $hasClassAttr = preg_match('/\bclass\s*=\s*["\']([^"\']*)["\']/', $bodyAttrs, $classMatch); if ($hasClassAttr) { // Body a déjà un class= : on append nos classes $existingClasses = trim($classMatch[1]); $newClasses = trim($existingClasses . ' ' . $bodyClasses); $newBodyAttrs = preg_replace( '/\bclass\s*=\s*["\'][^"\']*["\']/', 'class="' . $newClasses . '"', $bodyAttrs ); $html = str_replace('', '', $html); } else { // Body sans class : on en ajoute un $html = str_replace( '', '', $html ); } pmw_log("[design-system] body classes appliquées : $bodyClasses"); } else { pmw_log("[design-system] [WARN] tag introuvable dans le HTML"); } } catch (Throwable $e) { pmw_log("[design-system] [ERROR] " . $e->getMessage()); // Pas de blocage : on laisse le HTML partir tel quel sans le design system } } // ── POPUP MAQUETTE ──────────────────────────────────────────────────────────── // Le popup d'interception des liens (vers /order.html) est désormais injecté // directement par assemble.php v6.9+ quand mode=mockup. Plus de code popup ici. // (Ancien bloc retiré : il avait un bug 'http' trop large dans ALLOW qui laissait // passer toutes les URL externes, et un str_replace cassé dans le onclick.) // ── MADE BY ─────────────────────────────────────────────────────────────────── // Injection ciblée sur la DERNIÈRE (défensif anti-duplication) $signature = "\n

" . "Made by PoPmyWebsite" . "

\n"; $bodyPos = strrpos($html, ''); if ($bodyPos !== false) { $html = substr($html, 0, $bodyPos) . $signature . substr($html, $bodyPos); } // ── 5. DÉPLOIEMENT ──────────────────────────────────────────────────────────── $deployUrl = BASE_URL . '/deploy_html.php?token=' . urlencode(SECRET_TOKEN) . '&folder=' . urlencode($folder); $ch = curl_init($deployUrl); curl_setopt_array($ch, [ CURLOPT_RETURNTRANSFER => true, CURLOPT_POST => true, CURLOPT_POSTFIELDS => http_build_query(['html' => $html]), CURLOPT_HTTPHEADER => ['Content-Type: application/x-www-form-urlencoded'], CURLOPT_TIMEOUT => 30, ]); $deployResponse = curl_exec($ch); $deployCode = curl_getinfo($ch, CURLINFO_HTTP_CODE); curl_close($ch); if ($deployCode !== 200) { pmw_log("[ERROR] deploy : {$deployCode} — {$deployResponse}"); exit; } pmw_log("Maquette déployée : {$mockupUrl}"); // ── 5a. ÉCRITURE MÉMOIRE MAQUETTE (v8.6) ────────────────────────────────────── // Écrit /preview/SKU/site.json (maître) et /preview/SKU/data/design.json (module) // pour permettre à process_site.php de reproduire la maquette à l'identique // lors de la génération du site final (Bug A). // // Échec = WARN, pas blocage : la maquette doit arriver chez le prospect coûte // que coûte. Si la mémoire est absente ou corrompue, process_site.php fera // un fallback sur les valeurs du brief (comportement legacy préservé). try { // Extraction header/footer rendus depuis le HTML final (post-Claude, post-images, post-logo) $mockupHeaderHtml = ''; $mockupFooterHtml = ''; $domDoc = new DOMDocument(); libxml_use_internal_errors(true); if ($domDoc->loadHTML('' . $html, LIBXML_HTML_NODEFDTD | LIBXML_HTML_NOIMPLIED)) { $xpath = new DOMXPath($domDoc); $headerNode = $xpath->query('//header[@data-block]')->item(0); if ($headerNode) $mockupHeaderHtml = $domDoc->saveHTML($headerNode); $footerNode = $xpath->query('//footer[@data-block]')->item(0); if ($footerNode) $mockupFooterHtml = $domDoc->saveHTML($footerNode); } libxml_clear_errors(); // Extraction selectedBlocks depuis assembleData $mockupSelected = $assembleData['selected'] ?? ''; // chaîne CSV "header-03,hero-07,..." $selectedArr = array_filter(array_map('trim', explode(',', $mockupSelected))); // Extraction headerFile / footerFile depuis selectedBlocks $mockupHeaderFile = ''; $mockupFooterFile = ''; foreach ($selectedArr as $blockName) { if (str_starts_with($blockName, 'header-')) $mockupHeaderFile = $blockName; if (str_starts_with($blockName, 'footer-')) $mockupFooterFile = $blockName; } // Construction du module design.json $designData = [ 'schemaVer' => 1, 'palette' => $palette, 'ownColours' => $ownColours, 'style' => $style, 'preset' => $assembleData['preset'] ?? '', 'fonts' => $assembleData['fonts'] ?? ['heading' => 'Montserrat', 'body' => 'Plus Jakarta Sans'], 'colors' => $assembleData['colors'] ?? ['primary' => '#2563eb', 'secondary' => '#1d4ed8'], 'headerFile' => $mockupHeaderFile, 'footerFile' => $mockupFooterFile, 'selectedBlocks' => $selectedArr, 'headerHtml' => $mockupHeaderHtml, 'footerHtml' => $mockupFooterHtml, ]; // Construction du maître site.json $siteData = [ 'sku' => $folder, 'lang' => $lang, 'sector' => $sector, 'siteType' => $siteType, 'companyName' => $projectDisplay, 'domain' => '', 'pages' => ['home'], // maquette = home seule 'legalPages' => [], 'status' => 'mockup', 'modules' => [ 'design' => 'data/design.json', ], ]; // Écriture (module d'abord, maître ensuite — l'ordre garantit que la // référence dans modules.design pointe vers un fichier qui existe déjà) $okDesign = pmw_store_save_module($folder, 'design', $designData); $okMaster = pmw_store_save_master($folder, $siteData); if ($okDesign && $okMaster) { pmw_log("Mémoire maquette écrite : site.json + data/design.json (" . count($selectedArr) . " blocs, header=$mockupHeaderFile, footer=$mockupFooterFile)"); } else { pmw_log("[WARN] Mémoire maquette partiellement écrite : design=" . ($okDesign ? 'OK' : 'FAIL') . " master=" . ($okMaster ? 'OK' : 'FAIL')); } } catch (\Throwable $e) { pmw_log("[WARN] Mémoire maquette : exception " . $e->getMessage()); } // ── 5b. PURGE CLOUDFLARE — DÉSACTIVÉ v8.7 ───────────────────────────────────── // Cloudflare n'est plus utilisé (zone "moved" depuis avril 2026). // Pour réactiver : restaurer cloudflare_purge.php + décommenter ces 2 lignes // + décommenter les constantes CLOUDFLARE_* dans config.php. // // pmw_cloudflare_purge_prefix($folder); // ── 6. EMAIL BREVO ──────────────────────────────────────────────────────────── $translations = [ 'en'=>['subject'=>'Your free mockup is ready!','h1'=>'Your mockup is ready!','hi'=>'Hi','p1'=>'Your free homepage mockup is ready. Click below to discover it.','btn'=>'View my mockup','p3'=>'This mockup will be available for 5 days.','legal'=>'You received this email because you submitted a mockup request on popmywebsite.com.'], 'fr'=>['subject'=>'Votre maquette gratuite est prête !','h1'=>'Votre maquette est prête !','hi'=>'Bonjour','p1'=>"Votre maquette de page d'accueil est prête. Cliquez ci-dessous pour la découvrir.",'btn'=>'Voir ma maquette','p3'=>'Votre maquette sera disponible pendant 5 jours.','legal'=>'Vous recevez cet email suite à votre demande de maquette sur popmywebsite.com.'], 'de'=>['subject'=>'Ihr kostenloses Mockup ist fertig!','h1'=>'Ihr Mockup ist fertig!','hi'=>'Hallo','p1'=>'Ihr kostenloses Homepage-Mockup ist fertig. Klicken Sie unten, um es zu entdecken.','btn'=>'Mein Mockup ansehen','p3'=>'Ihr Mockup ist 5 Tage verfügbar.','legal'=>'Sie erhalten diese E-Mail, weil Sie eine Mockup-Anfrage auf popmywebsite.com gestellt haben.'], 'it'=>['subject'=>'Il suo mockup gratuito è pronto!','h1'=>'Il suo mockup è pronto!','hi'=>'Gentile','p1'=>'Il suo mockup gratuito della homepage è pronto. Clicchi qui sotto per scoprirlo.','btn'=>'Visualizza il mio mockup','p3'=>'Il suo mockup sarà disponibile per 5 giorni.','legal'=>'Ha ricevuto questa email perché ha inviato una richiesta di mockup su popmywebsite.com.'], 'es'=>['subject'=>'¡Su maqueta gratuita está lista!','h1'=>'¡Su maqueta está lista!','hi'=>'Estimado/a','p1'=>'Su maqueta gratuita de página de inicio está lista. Haga clic abajo para descubrirla.','btn'=>'Ver mi maqueta','p3'=>'Su maqueta estará disponible durante 5 días.','legal'=>'Recibió este correo porque envió una solicitud de maqueta en popmywebsite.com.'], 'pt'=>['subject'=>'A sua maquete gratuita está pronta!','h1'=>'A sua maquete está pronta!','hi'=>'Olá','p1'=>'A sua maquete gratuita da página inicial está pronta. Clique abaixo para descobri-la.','btn'=>'Ver a minha maquete','p3'=>'A sua maquete estará disponível durante 5 dias.','legal'=>'Recebeu este email porque enviou um pedido de maquete em popmywebsite.com.'], ]; $tr = $translations[$lang] ?? $translations['en']; $emailHtml = '' . '

' . '

' . htmlspecialchars($tr['h1']) . '

' . '

' . htmlspecialchars($tr['hi']) . ' ' . htmlspecialchars($firstName) . '

' . '

' . htmlspecialchars($tr['p1']) . '

' . '' . htmlspecialchars($tr['btn']) . '' . '

' . htmlspecialchars($tr['p3']) . '

' . '

' . htmlspecialchars($tr['legal']) . '

' . 'popmywebsite.com' . '

'; $ch = curl_init('https://api.brevo.com/v3/smtp/email'); curl_setopt_array($ch, [ CURLOPT_RETURNTRANSFER => true, CURLOPT_POST => true, CURLOPT_POSTFIELDS => json_encode([ 'sender' => ['email' => FROM_EMAIL, 'name' => FROM_NAME], 'to' => [['email' => $email, 'name' => $firstName]], 'subject' => $tr['subject'], 'htmlContent' => $emailHtml, 'replyTo' => ['email' => FROM_EMAIL, 'name' => FROM_NAME], ]), CURLOPT_HTTPHEADER => ['api-key: '.BREVO_API_KEY,'Content-Type: application/json','Accept: application/json'], CURLOPT_TIMEOUT => 30, ]); curl_exec($ch); $brevoCode = curl_getinfo($ch, CURLINFO_HTTP_CODE); curl_close($ch); if ($brevoCode < 200 || $brevoCode >= 300) pmw_log("[ERROR] Brevo : {$brevoCode}"); else pmw_log("Email envoyé à {$email}"); pmw_log("v9.0 END — {$folder}"); // ══════════════════════════════════════════════════════════════════════════════ // HELPERS // ══════════════════════════════════════════════════════════════════════════════ /** * Génère une image via fal.ai Flux Dev. * negative_prompt uniquement sur le type 'product'. */ function generateFalImage(string $prompt, string $imageSize = 'landscape_16_9', string $type = ''): string { $payload = ['prompt' => $prompt, 'image_size' => $imageSize, 'num_images' => 1]; // Negative prompt uniquement sur product — fond neutre, pas de personnes if ($type === 'product') { $payload['negative_prompt'] = 'people, person, hands, cluttered background, text, watermark, logo, deformed, blurry'; } $ch = curl_init('https://fal.run/fal-ai/flux/dev'); curl_setopt_array($ch, [ CURLOPT_RETURNTRANSFER => true, CURLOPT_POST => true, CURLOPT_POSTFIELDS => json_encode($payload), CURLOPT_HTTPHEADER => ['Authorization: Key ' . FAL_API_KEY, 'Content-Type: application/json'], CURLOPT_TIMEOUT => 60, ]); $response = curl_exec($ch); $code = curl_getinfo($ch, CURLINFO_HTTP_CODE); curl_close($ch); if ($code !== 200 || empty($response)) { pmw_log("[ERROR] fal.ai $code — prompt: $prompt"); return ''; } $data = json_decode($response, true); $url = $data['images'][0]['url'] ?? ''; if ($url) pmw_log("fal.ai OK [$type]: $url"); return $url; } /** * Sauvegarde une URL fal.ai sur Hostinger via save_image.php. */ function saveFalImageToHostinger(string $falUrl, string $folder, int $index): string { if (empty($falUrl)) return ''; $ch = curl_init(BASE_URL . '/save_image.php?token=' . urlencode(SECRET_TOKEN)); curl_setopt_array($ch, [ CURLOPT_RETURNTRANSFER => true, CURLOPT_POST => true, CURLOPT_POSTFIELDS => http_build_query(['folder' => $folder, 'image_url' => $falUrl, 'index' => $index]), CURLOPT_HTTPHEADER => ['Content-Type: application/x-www-form-urlencoded'], CURLOPT_TIMEOUT => 45, ]); $response = curl_exec($ch); $code = curl_getinfo($ch, CURLINFO_HTTP_CODE); curl_close($ch); if ($code !== 200 || empty($response)) { pmw_log("[ERROR] save_image $code idx=$index"); return $falUrl; } $data = json_decode($response, true); if (!empty($data['ok']) && !empty($data['url'])) { pmw_log("save_image OK idx=$index : " . $data['url'] . " (" . ($data['size'] ?? 0) . " bytes)"); return $data['url']; } pmw_log("[ERROR] save_image réponse invalide : $response"); return $falUrl; } /** * Génère et sauvegarde toutes les images. */ function generateAndSaveFalImages(array $prompts, string $folder): array { $sizeMap = [ 'hero' => 'landscape_16_9', 'gallery' => 'square_hd', 'about' => 'portrait_4_3', 'card' => 'landscape_4_3', 'product' => 'square_hd', ]; $result = []; $index = 0; foreach ($prompts as $type => $prompt) { if (empty($prompt) || !is_string($prompt)) continue; $count = in_array($type, ['gallery', 'product']) ? 2 : FAL_IMAGES_PER_TYPE; for ($i = 0; $i < $count; $i++) { $falUrl = generateFalImage($prompt, $sizeMap[$type] ?? 'landscape_16_9', $type); if (empty($falUrl)) continue; $permanentUrl = saveFalImageToHostinger($falUrl, $folder, $index); if (!empty($permanentUrl)) { $result[$type][] = $permanentUrl; $index++; } } } return $result; } /** * Injecte les URLs permanentes dans le HTML par type de bloc. */ function injectFalImages(string $html, array $generatedUrls): string { if (empty($generatedUrls)) return $html; $blockTypeMap = [ 'hero'=>'hero','header'=>'hero','gallery'=>'gallery','about'=>'about', 'ecommerce'=>'product','services'=>'card','cta'=>'card','blog'=>'card', 'contact'=>'about','pricing'=>'card','faq'=>'card','footer'=>'card', 'interactive'=>'card','teaser'=>'card','content'=>'card', ]; $counters = array_fill_keys(array_keys($generatedUrls), 0); // Étape 1 — overrides CSS hero background if (!empty($generatedUrls['hero'])) { $html = preg_replace_callback( '/(#block-(?:hero|header)-\d+\s*\{[^}]*background-image\s*:\s*url$)[\'"]?https?:\/\/[^\s\'"$]+[\'"]?(\)[^}]*\})/i', function($m) use ($generatedUrls, &$counters) { $url = $generatedUrls['hero'][$counters['hero'] % count($generatedUrls['hero'])]; $counters['hero']++; return $m[1] . $url . $m[2]; }, $html ); } // Étape 2 — remplacement segment par segment $segments = preg_split('/(data-block="[a-z]+-\d+")/i', $html, -1, PREG_SPLIT_DELIM_CAPTURE); $result = ''; $currentType = 'card'; foreach ($segments as $seg) { if (preg_match('/^data-block="([a-z]+)-\d+"/i', $seg, $m)) { $currentType = $blockTypeMap[strtolower($m[1])] ?? 'card'; $result .= $seg; continue; } $urls = $generatedUrls[$currentType] ?? $generatedUrls['card'] ?? []; if (!empty($urls)) { $t = $currentType; $seg = preg_replace_callback( '/src="https?:\/\/(?:images\.)?unsplash\.com\/[^"]+"/i', function() use ($urls, &$counters, $t) { if (!isset($counters[$t])) $counters[$t] = 0; $url = $urls[$counters[$t] % count($urls)]; $counters[$t]++; return 'src="' . $url . '"'; }, $seg ); $seg = preg_replace_callback( '/url$[\'"]?https?:\/\/(?:images\.)?unsplash\.com\/[^\'")\s]+[\'"]?$/i', function() use ($urls, &$counters, $t) { if (!isset($counters[$t])) $counters[$t] = 0; $url = $urls[$counters[$t] % count($urls)]; $counters[$t]++; return 'url(' . $url . ')'; }, $seg ); } $result .= $seg; } return $result; } /** * Construit les balises SEO + Schema.org. */ function buildSeoTags(array $seo, string $lang, string $project, string $url): string { $out = "\n\n"; if (!empty($seo['description'])) $out .= "\n"; if (!empty($seo['og_title'])) $out .= "\n"; if (!empty($seo['og_description'])) $out .= "\n"; $out .= "\n"; $out .= "\n"; $out .= "\n"; $out .= "\n"; if (!empty($seo['og_title'])) $out .= "\n"; $schema = [ '@context' => 'https://schema.org', '@type' => $seo['schema_type'] ?? 'LocalBusiness', 'name' => $seo['schema_name'] ?? $project, 'description' => $seo['schema_description'] ?? '', 'url' => $url, 'inLanguage' => $lang, ]; $out .= "\n"; return $out; }