Update script.js

script.js

@@ -1438,42 +1438,62 @@ document.addEventListener('DOMContentLoaded', () => {
                 showConfigModal(); // Show config modal if API key is missing
                 return;
             }
-            if (typeof JSZip === 'undefined') {
-                alert('JSZip library is not loaded. Export cannot proceed.');
-                console.error("JSZip is not defined!");
-                return;
-            }
 
             const originalButtonContent = exportCodeButtonEl.innerHTML;
             exportCodeButtonEl.disabled = true;
-            exportCodeButtonEl.innerHTML = '<svg class="animate-spin h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg> Exporting...';
+            exportCodeButtonEl.innerHTML = `<svg class="animate-spin h-4 w-4 inline-block mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+            </svg> Exporting...`;
 
             try {
-                const splitCode = await fetchCodeSplitFromGemini(apiKey, currentCode);
-                
-                if (!splitCode || typeof splitCode.html_code === 'undefined' || typeof splitCode.css_code === 'undefined' || typeof splitCode.js_code === 'undefined') {
-                    throw new Error('Invalid response structure from code splitting model.');
-                }
+                const response = await fetch(`${API_BASE_URL}/chat/completions`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'Authorization': `Bearer ${apiKey}`
+                    },
+                    body: JSON.stringify({
+                        model: 'qwen/qwen3-235b-a22b-fp8',
+                        messages: [{
+                            role: "user",
+                            content: `Please analyze and optimize the following HTML code for export. Ensure it follows best practices and is production-ready:
+
+\`\`\`html
+${currentCode}
+\`\`\`
 
-                const zip = new JSZip();
-                zip.file("index.html", splitCode.html_code);
-                zip.file("style.css", splitCode.css_code);
-                zip.file("script.js", splitCode.js_code);
-
-                const zipBlob = await zip.generateAsync({ type: "blob" });
-                
-                const downloadLink = document.createElement('a');
-                downloadLink.href = URL.createObjectURL(zipBlob);
-                downloadLink.download = "exported_code.zip";
-                document.body.appendChild(downloadLink);
-                downloadLink.click();
-                document.body.removeChild(downloadLink);
-                URL.revokeObjectURL(downloadLink.href); 
+Please provide the optimized code with any necessary improvements for production use.`
+                        }],
+                        stream: false,
+                        max_tokens: MODEL_DETAILS['qwen/qwen3-235b-a22b-fp8'].defaultOutput
+                    })
+                });
 
-                exportCodeButtonEl.innerHTML = originalButtonContent;
+                if (!response.ok) {
+                    throw new Error(`API Error: ${response.status} ${response.statusText}`);
+                }
 
+                const data = await response.json();
+                const optimizedCode = data.choices[0].message.content;
+
+                // Create a blob with the optimized code
+                const blob = new Blob([optimizedCode], { type: 'text/html' });
+                const url = window.URL.createObjectURL(blob);
+                const a = document.createElement('a');
+                a.href = url;
+                a.download = 'optimized-code.html';
+                document.body.appendChild(a);
+                a.click();
+                window.URL.revokeObjectURL(url);
+                document.body.removeChild(a);
+
+                exportCodeButtonEl.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check inline-block mr-1"><polyline points="20 6 9 17 4 12"></polyline></svg> Exported!`;
+                setTimeout(() => {
+                    exportCodeButtonEl.innerHTML = originalButtonContent;
+                }, 2000);
             } catch (error) {
-                console.error("Export failed:", error);
+                console.error('Export error:', error);
                 alert(`Export failed: ${error.message}`);
                 exportCodeButtonEl.innerHTML = originalButtonContent;
             } finally {