Download — Jex Client
.version color: #4a6a8b; font-size: 0.9rem; margin-bottom: 1.5rem;
// Create hidden link and trigger download const link = document.createElement('a'); link.href = url; link.download = ''; // optional: forces download document.body.appendChild(link); link.click(); document.body.removeChild(link);
// GET /api/jex/latest app.get('/api/jex/latest', (req, res) => const latestVersion = '2.5.0'; const releaseDate = '2026-04-10'; res.json( version: latestVersion, releaseDate, releaseNotes: [ "✨ New dark mode UI", "⚡ 30% faster sync", "🐛 Fixed connection timeout bug" ], downloads: windows: https://cdn.jex.com/client/$latestVersion/Jex-Setup-$latestVersion.exe , mac: https://cdn.jex.com/client/$latestVersion/Jex-$latestVersion.dmg , "mac-arm": https://cdn.jex.com/client/$latestVersion/Jex-$latestVersion-arm64.dmg , linux: https://cdn.jex.com/client/$latestVersion/jex_$latestVersion_amd64.deb
.btn-primary background: #2d6a4f; color: white; border: none; padding: 12px 24px; font-size: 1rem; font-weight: bold; border-radius: 40px; cursor: pointer; margin-top: 12px; width: 100%; transition: background 0.2s; Jex Client Download
// Track download event (analytics) console.log( Downloading Jex for $osKey from $url );
@keyframes fadeInOut 0% opacity: 0; bottom: 0; 10% opacity: 1; bottom: 20px; 90% opacity: 1; bottom: 20px; 100% opacity: 0; bottom: 0;
// Show confirmation showToast( ⬇️ Download started for $getReadableOS(osKey) ); .version color: #4a6a8b
.platform-btn:hover background: #dee2e6;
// Add manual platform buttons document.querySelectorAll('.platform-btn').forEach(btn => btn.addEventListener('click', (e) => const osKey = btn.getAttribute('data-os'); downloadClient(osKey); ); );
.jex-download-card h2 margin-top: 0; color: #1a2b3e; link.href = url
// Run when DOM ready document.addEventListener('DOMContentLoaded', initJexDownload); .jex-download-card max-width: 500px; margin: 2rem auto; padding: 1.8rem; background: #ffffff; border-radius: 24px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); font-family: system-ui, -apple-system, sans-serif;
primaryBtn.onclick = () => downloadClient(detectedOS); else detectedSpan.textContent = 'Unknown (select manually)'; osLabel.textContent = 'your OS'; primaryBtn.onclick = () => alert('Please select your OS from the options below.');
// Toast notification function showToast(message) const toast = document.createElement('div'); toast.className = 'toast-notification'; toast.textContent = message; document.body.appendChild(toast); setTimeout(() => toast.remove(), 3000);
.toast-notification position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #1e293b; color: white; padding: 10px 20px; border-radius: 40px; font-size: 0.9rem; z-index: 1000; animation: fadeInOut 3s ease;
<details class="release-notes"> <summary>📝 Release Notes v2.5.0</summary> <ul> <li>✨ New dark mode UI</li> <li>⚡ 30% faster sync</li> <li>🐛 Fixed connection timeout bug</li> </ul> </details> </div> // Download URLs mapping const downloadUrls = windows: 'https://cdn.jex.com/client/latest/Jex-Setup-2.5.0.exe', mac: 'https://cdn.jex.com/client/latest/Jex-2.5.0.dmg', 'mac-arm': 'https://cdn.jex.com/client/latest/Jex-2.5.0-arm64.dmg', linux: 'https://cdn.jex.com/client/latest/jex_2.5.0_amd64.deb', 'linux-rpm': 'https://cdn.jex.com/client/latest/jex-2.5.0-1.x86_64.rpm' ; // Detect OS function detectOS() const platform = navigator.platform.toLowerCase(); const userAgent = navigator.userAgent.toLowerCase();