DesignJet - DesignJet

A New Home for Designers

Eliminate repetitive tasks and skip starting from scratch. DesignJet helps you save time and design effortlessly with speed and confidence.

Launching Soon!

`; const blob = new Blob([htmlData], { type: "text/html" }); const item = new ClipboardItem({ "text/html": blob }); navigator.clipboard.write([item]).catch(err => console.error("Copy failed", err)); } else if (copyType === 'elementor') { let elementorJson = button.getAttribute('data-elementor'); try { let jsonData = JSON.parse(elementorJson); jsonData = enhanceElementorData(jsonData); const enhancedJson = JSON.stringify(jsonData); navigator.clipboard.writeText(enhancedJson).catch(err => console.error("Copy failed", err)); } catch (e) { navigator.clipboard.writeText(elementorJson).catch(err => console.error("Copy failed", err)); } } else if (copyType === 'canva') { const targetId = button.getAttribute('data-target'); const textarea = document.getElementById(targetId); if (textarea) { navigator.clipboard.writeText(textarea.value).catch(err => console.error("Copy failed", err)); } } }// Helper functions for messages function getSuccessMessage(copyType) { const messages = { 'figma': 'Figma Component Copied!', 'elementor': 'Elementor Design Copied!', 'canva': 'Canva Design Copied!' }; return messages[copyType] || '✅ Design Copied!'; }function getInstructionMessage(copyType) { const instructions = { 'figma': 'Open Figma → Select a frame → Press Ctrl+V (Cmd+V on Mac) to paste your design component.', 'elementor': 'Go to Elementor Editor → Right-click on a section → Select \'Paste\' → Or press Ctrl+V to import your design.', 'canva': 'Open Canva → Create a new design → Press Ctrl+V (Cmd+V on Mac) to paste your design.' }; return instructions[copyType] || 'Paste your design in the respective application.'; }// Enhanced hover effects document.addEventListener('mouseover', function(e) { const btn = e.target.closest('.figma-copy-btn, .elementor-copy-btn, .canva-copy-btn'); if (btn && !btn.disabled) { btn.style.background = btn.getAttribute('data-hoverbg'); } });document.addEventListener('mouseout', function(e) { const btn = e.target.closest('.figma-copy-btn, .elementor-copy-btn, .canva-copy-btn'); if (btn && !btn.disabled) { btn.style.background = btn.getAttribute('data-bg'); } });// Enhanced notification system function showCopyNotification(message, type = 'success', instructions = '') { const existingNotifications = document.querySelectorAll('.copy-notification'); existingNotifications.forEach(notif => notif.remove());const notification = document.createElement('div'); notification.className = 'copy-notification'; let bgColor, iconSvg, borderColor; if (type === 'figma') { bgColor = 'linear-gradient(135deg, #1E1E1E 0%, #333 100%)'; borderColor = '#09f'; iconSvg = ''; } else if (type === 'canva') { bgColor = 'linear-gradient(135deg, #20C4CB 0%, #167EE6 100%)'; borderColor = '#20C4CB'; iconSvg = ''; } else if (type === 'error') { bgColor = 'linear-gradient(135deg, #dc3545 0%, #c82333 100%)'; borderColor = '#dc3545'; iconSvg = ''; } else { bgColor = 'linear-gradient(135deg, #e2498a 0%, #d63384 100%)'; borderColor = '#e2498a'; iconSvg = ''; }notification.innerHTML = `

${iconSvg}

${message}

${instructions}

`;notification.style.cssText = ` position: fixed; top: 20px; right: 20px; background: ${bgColor}; color: white; padding: 16px 20px; border-radius: 12px; border-left: 4px solid ${borderColor}; box-shadow: 0 8px 32px rgba(0,0,0,0.3); z-index: 10000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 380px; min-width: 320px; animation: slideInBounce 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); `;document.body.appendChild(notification);setTimeout(() => { if (notification.parentNode) { notification.style.animation = 'slideOutRight 0.4s ease-out'; setTimeout(() => { if (notification.parentNode) { notification.remove(); } }, 400); } }, type === 'error' ? 10000 : 8000); }// CSS animations if (!document.querySelector('#copy-notification-styles')) { const style = document.createElement('style'); style.id = 'copy-notification-styles'; style.textContent = ` @keyframes spin { to { transform: rotate(360deg); } } @keyframes slideInBounce { 0% { transform: translateX(100%) scale(0.8); opacity: 0; } 70% { transform: translateX(-10px) scale(1.05); opacity: 1; } 100% { transform: translateX(0) scale(1); opacity: 1; } } @keyframes slideOutRight { from { transform: translateX(0) scale(1); opacity: 1; } to { transform: translateX(100%) scale(0.9); opacity: 0; } } `; document.head.appendChild(style); }// Function to enhance Elementor data (keeping original functionality) function enhanceElementorData(data) { const elementorVersion = window.elementor?.config?.version || '3.18.0'; function processElement(element) { if (typeof element !== 'object' || element === null) return element; if (Array.isArray(element)) return element.map(processElement);const processed = { ...element }; if (processed.version) processed.version = elementorVersion; if (processed.elementor_version) processed.elementor_version = elementorVersion; if (processed.export_version) processed.export_version = elementorVersion;delete processed.pro_version; delete processed.is_pro_version; delete processed.export_link; delete processed.import_link;processed.export_settings = { elementor_version: elementorVersion, elementor_pro_version: false, wp_version: '6.4.0', bypass_all_checks: true, force_import: true, skip_validation: true };Object.keys(processed).forEach(key => { if (typeof processed[key] === 'object' && processed[key] !== null) { processed[key] = processElement(processed[key]); } });return processed; }return processElement(data); }