✨ Convertisseur Design Élégant

Application de style élégant avec préservation complète des scripts

Système prêt - Scripts préservés
Version Élégant v2.0

1. Code Source
⚡ En attente

2. Aperçu en Direct
👁️ Vide

3. Code Généré

📊 Analyse + Design Élégant
[INFO] Design Élégant : Scripts totalement préservés
[SYSTEM] Mode préservation activé

📊 Statistiques

Design: Élégant
Scripts préservés: 0
Scripts externes: 0
Temps traitement: 0ms
Status: Prêt
<\/script>`; originalExternalScripts.push(scriptTag); externalScriptsCount++; debugConsole.log(`🛡️ Script externe préservé: ${script.src}`, 'success'); }); // Scripts inline originaux - PRESERVATION TOTALE sourceDoc.querySelectorAll('script:not([src])').forEach(script => { const scriptContent = script.textContent || script.innerHTML || ''; if (scriptContent.trim()) { const scriptType = script.type ? ` type="${script.type}"` : ''; allScripts += `\n\n${scriptContent}\n<\/script>\n`; inlineScriptsCount++; debugConsole.log('🛡️ Script inline préservé', 'success'); } }); // Ajouter les scripts externes du thème élégant const themeExternalScripts = []; if (ELEGANT_THEME.externalScripts) { ELEGANT_THEME.externalScripts.forEach(scriptUrl => { themeExternalScripts.push(`<\/script>`); debugConsole.log(`✨ Script thème ajouté: ${scriptUrl}`, 'info'); }); } // CSS externes originaux - PRÉSERVATION let originalExternalCSS = ''; sourceDoc.querySelectorAll('link[rel="stylesheet"]').forEach(link => { originalExternalCSS += `\n`; debugConsole.log(`🎨 CSS externe préservé: ${link.href}`, 'success'); }); // CSS inline original - PRÉSERVATION let originalInlineCSS = ''; sourceDoc.querySelectorAll('style').forEach(style => { originalInlineCSS += '\n' + style.textContent + '\n'; }); // CSS externes du thème let themeExternalCSS = ''; if (ELEGANT_THEME.externalCSS) { ELEGANT_THEME.externalCSS.forEach(cssUrl => { themeExternalCSS += `\n`; debugConsole.log(`✨ CSS thème ajouté: ${cssUrl}`, 'info'); }); } // Script d'initialisation du thème if (ELEGANT_THEME.initScript) { allScripts += '\n \n' + ''; elements.outputHtml.value = finalHtml; elements.previewFrame.srcdoc = finalHtml; // Statistiques finales const endTime = performance.now(); const processTime = Math.round(endTime - startTime); elements.processTime.textContent = processTime + 'ms'; const totalPreservedScripts = externalScriptsCount + inlineScriptsCount; const totalExternalScripts = externalScriptsCount + (ELEGANT_THEME.externalScripts?.length || 0); elements.preservedScripts.textContent = totalPreservedScripts; elements.externalScripts.textContent = totalExternalScripts; elements.preservationStatus.textContent = 'Scripts préservés'; updateValidation(elements.previewStatus, 'valid', 'Généré avec succès'); updateStatus('Transformation élégante terminée'); notifications.show(`✅ Design élégant appliqué - ${totalPreservedScripts} scripts préservés!`, 'success'); debugConsole.log(`🎉 Transformation réussie en ${processTime}ms - ${totalPreservedScripts} scripts préservés`, 'success'); debugConsole.log(`🛡️ Préservation: ${externalScriptsCount} externes + ${inlineScriptsCount} inline`, 'success'); } catch (error) { debugConsole.log(`❌ ERREUR: ${error.message}`, 'error'); notifications.show('Erreur de transformation: ' + error.message, 'error'); updateStatus('Erreur de transformation', 'error'); } }); } catch (error) { debugConsole.log(`❌ ERREUR CRITIQUE: ${error.message}`, 'error'); notifications.show('Erreur critique: ' + error.message, 'error'); updateStatus('Erreur critique', 'error'); } }); }); // Message de bienvenue setTimeout(() => { notifications.show('✨ Convertisseur Design Élégant prêt !', 'info', 5000); debugConsole.log('🛡️ Mode préservation maximale activé', 'success'); debugConsole.log('✨ Design sophistiqué avec particules mathématiques', 'info'); debugConsole.log('🚀 Scripts externes et inline entièrement préservés', 'success'); debugConsole.log('🎨 Effets avancés et animations fluides', 'info'); }, 1000);