// Optional: generate signed URL if using S3 res.json( download_url: asset.download_url, checksum: asset.checksum_sha256 ); ); // TableauVersions.jsx import useState, useEffect from 'react'; export default function TableauVersions() const [versions, setVersions] = useState([]); const [filters, setFilters] = useState( product: 'Desktop', os: [], status: 'active' ); const [selectedVersion, setSelectedVersion] = useState(null);
useEffect(() => fetch( /api/tableau/versions?$new URLSearchParams(filters) ) .then(res => res.json()) .then(setVersions); , [filters]); tableau download versions
const asset = version.assets.find(a => a.os === os); if (!asset) return res.status(404).json( error: 'Asset not found' ); // Optional: generate signed URL if using S3 res
return ( <div className="p-6"> <h1 className="text-2xl font-bold mb-4">📊 Tableau Version Archive</h1> <div className="flex gap-4 mb-6"> <select onChange=e => setFilters(...filters, product: e.target.value)> <option>Desktop</option><option>Server</option><option>Reader</option> </select> <select multiple onChange=e => setFilters(...filters, os: [...e.target.selectedOptions].map(o => o.value))> <option value="Windows">Windows</option><option value="macOS">macOS</option> </select> </div> <table className="w-full border"> <thead><tr><th>Version</th><th>Release Date</th><th>OS</th><th>Actions</th></tr></thead> <tbody> versions.map(v => ( <tr key=v.id> <td>v.version_string</td> <td>v.release_date</td> <td>v.assets.map(a => a.os).join(', ')</td> <td> v.assets.map(asset => ( <button key=asset.os onClick=() => handleDownload(v, asset.os) className="bg-blue-500 text-white px-2 py-1 mr-2 rounded"> Download for asset.os </button> )) </td> </tr> )) </tbody> </table> </div> ); checksum: asset.checksum_sha256 )
const handleDownload = async (version, os) => const res = await fetch( /api/tableau/versions/$version.id/download?os=$os ); const download_url, checksum = await res.json(); window.open(download_url, '_blank'); alert( Download started. SHA256: $checksum ); ;