"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const API = "https://api.github.com/repos/Voiid-Studios/voiidcountdown/releases?per_page=50"; const DEFAULT_RELEASE_URL = "https://github.com/Voiid-Studios/voiidcountdown/releases"; const initialState = { versionText: "...", meta: "", downloadUrl: DEFAULT_RELEASE_URL, releaseUrl: DEFAULT_RELEASE_URL, downloadLabel: "Download" }; const cmpSemver = (a, b) => { const pa = a.split(".").map(Number); const pb = b.split(".").map(Number); for (let i = 0; i < 3; i++) { if ((pa[i] || 0) > (pb[i] || 0)) return 1; if ((pa[i] || 0) < (pb[i] || 0)) return -1; } return 0; }; const formatDate = iso => { try { return new Intl.DateTimeFormat("en-US", { dateStyle: "medium", timeStyle: "short" }).format(new Date(iso)); } catch (err) { return iso; } }; const pickAsset = assets => { if (!assets || !assets.length) return null; const preferred = assets.find(asset => (/\.(jar|zip|mcaddon|mcpack)$/i).test(asset.name)); return preferred || assets[0]; }; const formatBytes = bytes => { if (!bytes && bytes !== 0) return ""; const units = ["B", "KB", "MB", "GB", "TB"]; let size = bytes; let unitIndex = 0; while (size >= 1024 && unitIndex < units.length - 1) { size /= 1024; unitIndex++; } return `${size.toFixed(size < 10 ? 2 : 1)} ${units[unitIndex]}`; }; const hydrateRelease = release => { if (!release) { return { versionText: "No version found", meta: "Check out all releases on GitHub.", downloadUrl: DEFAULT_RELEASE_URL, releaseUrl: DEFAULT_RELEASE_URL, downloadLabel: "View releases" }; } const asset = pickAsset(release.assets); const assetsCount = release && Array.isArray(release.assets) ? release.assets.length : 0; return { versionText: `Version ${release.tag_name}`, meta: `Published on ${formatDate(release.published_at)}`, downloadUrl: asset ? asset.browser_download_url : release.html_url, releaseUrl: release.html_url, downloadLabel: asset ? `Download (${formatBytes(asset.size)})` : "View assets" }; }; const MDXLayout = function Downloads() { const _components = { a: "a", div: "div", h1: "h1", h2: "h2", img: "img", li: "li", path: "path", section: "section", style: "style", svg: "svg", table: "table", tbody: "tbody", td: "td", th: "th", thead: "thead", tr: "tr", ul: "ul", ..._provideComponents() }; const [lite, setLite] = useState(initialState); const [full, setFull] = useState(initialState); useEffect(() => { let cancelled = false; const load = async () => { try { const res = await fetch(API, { headers: { Accept: "application/vnd.github+json" } }); if (!res.ok) throw new Error(`GitHub API error: ${res.status}`); const releases = await res.json(); const stable = releases.filter(release => !release.prerelease && !release.draft && (/^\d+\.\d+\.\d+$/).test(release.tag_name)); const byMajor = { 1: [], 2: [] }; for (const release of stable) { const major = parseInt(release.tag_name.split(".")[0], 10); if (major === 1) byMajor[1].push(release); if (major === 2) byMajor[2].push(release); } const pickLatest = list => list.sort((a, b) => cmpSemver(b.tag_name, a.tag_name))[0] || null; const latestLite = pickLatest(byMajor[1]); const latestFull = pickLatest(byMajor[2]); if (!cancelled) { setLite(hydrateRelease(latestLite)); setFull(hydrateRelease(latestFull)); } } catch (err) { console.error(err); if (!cancelled) { setLite(prev => ({ ...prev, versionText: "Error loading", meta: "We were unable to obtain the versions. Please try again." })); setFull(prev => ({ ...prev, versionText: "Error loading", meta: "We were unable to obtain the versions. Please try again." })); } } }; load(); return () => { cancelled = true; }; }, []); return _jsxs(_components.div, { className: "downloads-page", children: [_jsx(_components.style, { children: ` .downloads-page { --bg: #0e0b0b; --fg: #f3f3f3; --muted: #b3b3b3; --gray: #686868; --orange: #ea580c; --radius: 16px; color: var(--fg); line-height: 1.6; padding: 40px 16px 56px; } .plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; max-width: 1000px; margin: 0 auto; } .plan { background: #181818; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--radius); padding: 28px 24px 36px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: transform 0.2s ease, border 0.2s ease; } .plan.popular { border: 2px solid var(--orange); transform: scale(1.03); position: relative; } .plan.popular::before { content: "MOST POPULAR"; position: absolute; top: -14px; background: var(--orange); color: #fff; padding: 4px 10px; font-size: 11px; font-weight: 700; border-radius: 999px; letter-spacing: 0.4px; } .plan h2 { font-size: 1.4rem; margin-bottom: 12px; } .price { font-size: 2rem; font-weight: 800; color: var(--orange); margin-bottom: 4px; } .plan small { color: var(--muted); font-size: 0.9rem; margin-bottom: 18px; } .features { text-align: left; flex: 1 1 auto; width: 100%; margin-top: 12px; color: var(--fg); } .features li { list-style: none; margin-bottom: 6px; font-size: 0.95rem; display: flex; align-items: flex-start; gap: 8px; } .features li::before { content: ""; display: inline-block; width: 16px; height: 16px; background-color: var(--orange); mask: url("data:image/svg+xml;utf8,") no-repeat center; -webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center; mask-size: contain; -webkit-mask-size: contain; margin-right: 2px; flex-shrink: 0; transform: translateY(6px); } .btns { display: flex; flex-wrap: wrap; justify-content: center; margin-top: auto; padding-top: 20px; gap: 8px; } .btn { appearance: none; border: none; border-radius: 8px; font-weight: 700; font-size: 0.95rem; padding: 10px 18px; cursor: pointer; text-decoration: none; transition: background 0.2s ease; } .btn.primary { background: var(--orange); border-radius: 99px; color: #fff; } .btn.external { background: transparent; color: #fff; font-weight: 700; gap: 6px; text-decoration: underline; text-underline-offset: 4px; display: inline-flex; align-items: center; } .btn:hover { opacity: 0.9; } .version { font-size: 0.9rem; color: var(--muted); margin-top: 10px; } .compare-title { max-width: 1000px; margin: 36px auto 12px; padding: 0 16px; font-size: 1.25rem; color: var(--fg); } .table-wrap { max-width: 1000px; margin: 0 auto; padding: 0 16px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .feat-table { width: 103.25%; border-collapse: collapse; min-width: 560px; background: #181818; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; overflow: hidden; } .feat-table thead th { text-align: left; color: var(--muted); padding: 14px 16px; font-size: 0.95rem; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .feat-table thead th:not(:first-child) { text-align: center; } .feat-table tbody td { padding: 14px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); color: var(--fg); font-size: 0.95rem; height: 44px; } .feat-table tbody tr:last-child td { border-bottom: 0; } .feat-table tbody td:not(:first-child) { text-align: center; } .feat-table td.yes::before, .feat-table td.no::before, .feat-table td.limited::before, .feat-table td.soon::before { position: relative; } .feat-table td.yes::before { content: ""; display: inline-block; width: 16px; height: 16px; background-color: var(--orange); mask: url("data:image/svg+xml;utf8,") no-repeat center; -webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center; mask-size: contain; -webkit-mask-size: contain; vertical-align: middle; transform: translateY(-1px); } .feat-table td.no { color: var(--muted); } .feat-table td.limited { color: var(--fg); opacity: 0.9; } .feat-table td.soon { color: var(--muted); font-style: italic; } .feat-table tbody tr:hover td { background: #1c1c1c; } @media (max-width: 640px) { .downloads-page { padding: 28px 12px 40px; } .plan.popular { transform: none; } } ` }), _jsx(_components.div, { className: "mint-absolute mint-top-0 lg:mint--top-16 mint-left-0 mint-right-0 mint-pointer-events-none mint--z-10", children: _jsx(_components.img, { src: "/images/introduction/background.png", className: "mint-block" }) }), _jsxs(_components.div, { className: "mint-px-4 mint-py-14 lg:mint-py-14 lg:mint-pb-8 mint-max-w-3xl mint-mx-auto", children: [_jsx(_components.h1, { className: "mint-block mint-text-4xl mint-font-medium mint-text-center mint-text-gray-900 dark:mint-text-zinc-50 mint-tracking-tight", children: "Download Voiid Countdown Timer" }), _jsx(_components.div, { className: "mint-max-w-xl mint-mx-auto mint-px-4 mint-mt-4 mint-text-lg mint-text-center mint-text-gray-500 dark:mint-text-zinc-500", children: "Choose Lite or Full depending on what you need." })] }), _jsxs(_components.div, { className: "plans", id: "plans", children: [_jsxs(_components.div, { className: "plan", children: [_jsx(_components.h2, { children: "Lite (Datapack)" }), _jsx(_components.div, { className: "price", id: "lite-version", children: lite.versionText }), _jsxs(_components.ul, { className: "features", children: [_jsx(_components.li, { children: "Compatible with Minecraft Vanilla." }), _jsx(_components.li, { children: "Quick and easy setup." }), _jsx(_components.li, { children: "Ideal for simple servers or single players." })] }), _jsxs(_components.div, { className: "btns", children: [_jsx(_components.a, { id: "lite-download", className: "btn primary", href: lite.downloadUrl, target: "_blank", rel: "noopener noreferrer", children: lite.downloadLabel }), _jsxs(_components.a, { id: "lite-release", className: "btn external", href: lite.releaseUrl, target: "_blank", rel: "noopener noreferrer", children: ["View release", _jsxs(_components.svg, { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-external-link", children: [_jsx(_components.path, { d: "M15 3h6v6" }), _jsx(_components.path, { d: "M10 14 21 3" }), _jsx(_components.path, { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })] })] })] }), _jsx(_components.div, { className: "version", id: "lite-meta", children: lite.meta })] }), _jsxs(_components.div, { className: "plan popular", children: [_jsx(_components.h2, { children: "Full (Plugin)" }), _jsx(_components.div, { className: "price", id: "full-version", children: full.versionText }), _jsxs(_components.ul, { className: "features", children: [_jsx(_components.li, { children: "Compatible with Spigot, Paper and forks." }), _jsx(_components.li, { children: "Many more features and extended support." }), _jsx(_components.li, { children: "Integration with external APIs." }), _jsx(_components.li, { children: "Frequent updates and full support." })] }), _jsxs(_components.div, { className: "btns", children: [_jsx(_components.a, { id: "full-download", className: "btn primary", href: full.downloadUrl, target: "_blank", rel: "noopener noreferrer", children: full.downloadLabel }), _jsxs(_components.a, { id: "full-release", className: "btn external", href: full.releaseUrl, target: "_blank", rel: "noopener noreferrer", children: ["View release", _jsxs(_components.svg, { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-external-link", children: [_jsx(_components.path, { d: "M15 3h6v6" }), _jsx(_components.path, { d: "M10 14 21 3" }), _jsx(_components.path, { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })] })] })] }), _jsx(_components.div, { className: "version", id: "full-meta", children: full.meta })] })] }), _jsxs(_components.section, { className: "compare", children: [_jsx(_components.h2, { className: "compare-title", children: "Not sure which one is best? Check out the features" }), _jsx(_components.div, { className: "table-wrap", children: _jsxs(_components.table, { className: "feat-table", children: [_jsx(_components.thead, { children: _jsxs(_components.tr, { children: [_jsx(_components.th, { children: "Feature" }), _jsx(_components.th, { children: "Lite (Datapack)" }), _jsx(_components.th, { children: "Full (Plugin)" })] }) }), _jsxs(_components.tbody, { children: [_jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Compatibility" }), _jsx(_components.td, { className: "limited", children: "Vanilla (1.15+)" }), _jsx(_components.td, { className: "limited", children: "Spigot, Paper and forks (1.13+)" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "In-game configuration book" }), _jsx(_components.td, { className: "yes" }), _jsx(_components.td, { className: "mint-no", children: "—" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Progress bar in bossbar" }), _jsx(_components.td, { className: "yes" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Custom Bossbar" }), _jsx(_components.td, { className: "limited", children: "Limited" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Integrated Events" }), _jsx(_components.td, { className: "yes", children: " (limited)" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Change language" }), _jsx(_components.td, { className: "yes", children: " (limited)" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Optimized performance" }), _jsx(_components.td, { className: "yes" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Support for gradients and styles" }), _jsx(_components.td, { className: "limited", children: "Only styles" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Multiple timer profiles" }), _jsx(_components.td, { className: "mint-no", children: "—" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "API for developers" }), _jsx(_components.td, { className: "mint-no", children: "—" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Integration with other plugins" }), _jsx(_components.td, { className: "mint-no", children: "—" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Expansions" }), _jsx(_components.td, { className: "mint-no", children: "—" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "Auto-update" }), _jsx(_components.td, { className: "mint-no", children: "—" }), _jsx(_components.td, { className: "yes" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "State persistence between restarts" }), _jsx(_components.td, { className: "mint-no", children: "—" }), _jsx(_components.td, { className: "yes" })] })] })] }) })] })] }); }; function _createMdxContent(props) { return _jsx(_Fragment, {}); } function MDXContent(props = {}) { return _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }); } return { API, DEFAULT_RELEASE_URL, initialState, cmpSemver, formatDate, pickAsset, formatBytes, hydrateRelease, default: MDXContent };

Get Started

Usage Guide