yunchan/d3ro-voice
1
0
Fork 0
Code Issues Pull requests Projects Releases 2 Packages Wiki Activity Actions

feat: add /download and /releases routes in apps/web and sync binary distribution
Some checks are pending
CI Pipeline / Code Quality & Typecheck (push) Waiting to run
Details
CI Pipeline / Test Suite (macos-latest) (push) Blocked by required conditions
Details
CI Pipeline / Test Suite (ubuntu-latest) (push) Blocked by required conditions
Details
CI Pipeline / Test Suite (windows-latest) (push) Blocked by required conditions
Details
CI Pipeline / Build Validation (admin) (push) Blocked by required conditions
Details
CI Pipeline / Build Validation (desktop) (push) Blocked by required conditions
Details
Deploy Landing Page / build (push) Waiting to run
Details
Deploy Landing Page / deploy (push) Blocked by required conditions
Details

Browse source
This commit is contained in:
Yun Chan 2026-08-20 17:06:51 +09:00
parent 7879d493ea
commit abd26e91af
18 changed files with 1731 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

490
apps/web/public/download.html Normal file
View file

@ -0,0 +1,490 @@
<!DOCTYPE html>
<html lang="ko" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>D3RO Voice — Official Download Center & Release History</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Geist:wght@300;400;500;600;700;800;900&family=Pretendard:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>
<script>
tailwind.config = {
darkMode: 'class',
theme: {
extend: {
colors: {
d3ro: {
void: '#05070d',
base: '#090d19',
card: '#0f172a',
cardHover: '#141e36',
border: '#1e293b',
hairline: 'rgba(255, 255, 255, 0.08)',
accent: '#38bdf8',
accentHover: '#0ea5e9',
accentMuted: 'rgba(56, 189, 248, 0.12)',
green: '#22c55e',
amber: '#f59e0b',
text: {
bright: '#ffffff',
primary: '#f1f5f9',
secondary: '#94a3b8',
dim: '#64748b'
}
}
},
fontFamily: {
sans: ['Geist', 'Pretendard', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
mono: ['Fira Code', 'monospace']
}
}
}
}
</script>
<style>
body {
background-color: #05070d;
color: #f1f5f9;
font-family: 'Geist', 'Pretendard', sans-serif;
background-image:
radial-gradient(ellipse 80% 50% at 50% -20%, rgba(56, 189, 248, 0.12), transparent 70%),
radial-gradient(circle at 100% 100%, rgba(15, 23, 42, 0.8), transparent 40%);
background-attachment: fixed;
}
.glass-surface {
background: rgba(15, 23, 42, 0.65);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.07);
}
.glass-surface-interactive {
background: rgba(15, 23, 42, 0.65);
backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.07);
transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.glass-surface-interactive:hover {
border-color: rgba(56, 189, 248, 0.35);
background: rgba(20, 30, 54, 0.85);
transform: translateY(-2px);
box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7), 0 0 30px -10px rgba(56, 189, 248, 0.2);
}
.pill-glow {
box-shadow: 0 0 20px -3px rgba(56, 189, 248, 0.4);
}
</style>
</head>
<body class="min-h-screen flex flex-col antialiased selection:bg-sky-500/30 selection:text-sky-200">
<!-- Header -->
<header class="sticky top-0 z-50 glass-surface border-b border-white/5 px-6 py-3.5 flex items-center justify-between">
<div class="flex items-center gap-3.5">
<div class="w-8 h-8 rounded-lg bg-gradient-to-tr from-sky-500 to-blue-600 flex items-center justify-center font-black text-white text-xs shadow-md shadow-sky-500/30">
D3
</div>
<div>
<div class="flex items-center gap-2">
<span class="font-extrabold tracking-tight text-sm text-white">D3RO VOICE</span>
<span class="px-2 py-0.5 rounded-full text-[10px] font-mono font-bold bg-sky-500/10 text-sky-400 border border-sky-500/25">v1.0.0 STABLE</span>
</div>
</div>
</div>
<nav class="hidden md:flex items-center gap-6 text-xs font-medium text-slate-400">
<a href="/" class="hover:text-white transition-colors">Overview</a>
<a href="/launch-readiness.html" class="hover:text-white transition-colors">Launch Readiness</a>
<a href="#changelog" class="hover:text-white transition-colors">Changelog</a>
<a href="#integrity" class="hover:text-white transition-colors">SHA-256 Verifier</a>
<a href="https://git.chanpaca.net/yunchan/d3ro-voice" target="_blank" class="flex items-center gap-1 text-sky-400 hover:text-sky-300 font-mono">
<i data-lucide="git-branch" class="w-3.5 h-3.5"></i> Forgejo Git
</a>
</nav>
<div class="flex items-center gap-3">
<a href="http://admin.chanpaca.net:3001" target="_blank" class="px-3.5 py-1.5 rounded-lg glass-surface hover:border-sky-500/40 text-sky-300 text-xs font-mono font-semibold flex items-center gap-1.5 transition-all">
<i data-lucide="layout-dashboard" class="w-3.5 h-3.5"></i> Admin CRM
</a>
</div>
</header>
<!-- Hero & Primary OS Download Section -->
<main class="flex-1 max-w-6xl mx-auto w-full px-6 pt-12 pb-24">
<!-- Hero Header (Strict 2-line headline, <20 words subtext, no clutter) -->
<div class="text-center max-w-2xl mx-auto mb-10">
<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-sky-500/10 border border-sky-500/25 text-sky-400 text-xs font-mono font-semibold mb-4">
<span class="w-1.5 h-1.5 rounded-full bg-sky-400 animate-pulse"></span>
OFFICIAL RELEASE • ZERO-LATENCY LOCAL WHISPER
</div>
<h1 class="text-3xl sm:text-4xl md:text-5xl font-black tracking-tight text-white mb-3">
Download <span class="bg-gradient-to-r from-sky-400 to-blue-500 bg-clip-text text-transparent">D3RO Voice</span> for Desktop
</h1>
<p class="text-sm sm:text-base text-slate-400 leading-relaxed">
100% on-device local transcription, intelligent meeting minutes, and multi-network ad rewards.
</p>
</div>
<!-- Primary Hero Download Box (Auto-detected OS card) -->
<div class="max-w-xl mx-auto glass-surface p-6 sm:p-8 rounded-2xl border border-sky-500/30 relative overflow-hidden mb-16 shadow-2xl shadow-sky-950/40">
<div class="absolute -right-16 -top-16 w-48 h-48 bg-sky-500/10 rounded-full blur-3xl pointer-events-none"></div>
<div class="flex items-center justify-between gap-4 mb-6">
<div class="flex items-center gap-3.5">
<div id="osIcon" class="w-12 h-12 rounded-xl bg-sky-500/15 border border-sky-500/30 flex items-center justify-center text-sky-400">
<i data-lucide="monitor" class="w-6 h-6"></i>
</div>
<div>
<div id="detectedOsTitle" class="font-bold text-base sm:text-lg text-white">Windows 64-bit Installer</div>
<div id="detectedOsMeta" class="text-xs text-slate-400 font-mono">D3RO-Voice-Setup-1.0.0-x64.exe • 102 MB • NSIS</div>
</div>
</div>
<span class="px-2.5 py-1 rounded-md text-[10px] font-mono font-bold bg-emerald-500/15 text-emerald-400 border border-emerald-500/30 uppercase tracking-wider">
Recommended
</span>
</div>
<!-- Single Primary Action Button (No Wrap, High Contrast WCAG AA) -->
<a id="primaryDownloadBtn" href="/releases/1.0.0/D3RO-Voice-Setup-1.0.0-x64.exe" download class="w-full py-3.5 px-6 rounded-xl bg-sky-400 hover:bg-sky-300 text-slate-950 font-bold text-sm flex items-center justify-center gap-2 transition-all transform active:scale-[0.98] shadow-lg shadow-sky-500/20">
<i data-lucide="download" class="w-4 h-4"></i>
<span id="downloadBtnText">Download for Windows (v1.0.0)</span>
</a>
<!-- Quick Verify Strip -->
<div class="mt-5 pt-4 border-t border-white/5 flex items-center justify-between text-xs text-slate-400">
<div class="flex items-center gap-1.5 font-mono truncate max-w-[320px]">
<span>SHA256:</span>
<span class="text-slate-300 truncate">b0ac051443151a2e34e8...</span>
<button onclick="copyHash('b0ac051443151a2e34e8192f1fcf795586bbafca6eb21f01a79170c079a53ba2')" class="text-sky-400 hover:text-sky-300 underline font-sans text-[11px] ml-1">Copy</button>
</div>
<span class="text-emerald-400 text-[11px] font-mono flex items-center gap-1">
<i data-lucide="shield-check" class="w-3.5 h-3.5"></i> Signed & Verified
</span>
</div>
</div>
<!-- Platform Packages Grid (Bento Structure with Asymmetry) -->
<div class="mb-20">
<div class="flex items-center justify-between mb-6">
<div>
<h2 class="text-xl font-bold text-white">All Platform Releases</h2>
<p class="text-xs text-slate-400">Optimized standalone packages for desktop operating systems.</p>
</div>
<div class="flex items-center gap-2 text-xs font-mono text-slate-400">
<span class="w-2 h-2 rounded-full bg-emerald-400"></span> Channel: latest.yml Active
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-5">
<!-- Windows Card -->
<div class="glass-surface-interactive p-6 rounded-2xl flex flex-col justify-between">
<div>
<div class="flex items-center justify-between mb-4">
<div class="w-9 h-9 rounded-lg bg-sky-500/10 border border-sky-500/20 flex items-center justify-center text-sky-400">
<i data-lucide="layout-grid" class="w-5 h-5"></i>
</div>
<span class="text-[11px] font-mono text-slate-400">Windows 10 / 11 x64</span>
</div>
<h3 class="font-bold text-base text-white mb-1">Windows</h3>
<p class="text-xs text-slate-400 mb-5 leading-relaxed">
NSIS one-click installer with background delta updates and DirectML GPU acceleration.
</p>
<div class="space-y-2 mb-6">
<a href="/releases/1.0.0/D3RO-Voice-Setup-1.0.0-x64.exe" class="flex items-center justify-between p-2.5 rounded-lg bg-white/[0.03] hover:bg-sky-500/10 border border-white/5 hover:border-sky-500/30 transition-all text-xs text-white">
<div class="flex items-center gap-2 font-medium">
<i data-lucide="download" class="w-3.5 h-3.5 text-sky-400"></i>
<span>Setup Installer (.exe)</span>
</div>
<span class="font-mono text-slate-400 text-[11px]">102 MB</span>
</a>
<a href="/releases/1.0.0/D3RO-Voice-Setup-1.0.0-x64.exe.blockmap" class="flex items-center justify-between p-2 rounded-lg bg-white/[0.02] hover:bg-white/[0.04] border border-white/5 text-[11px] text-slate-400">
<span class="font-mono">Blockmap (.blockmap)</span>
<span class="text-[10px]">105 KB</span>
</a>
</div>
</div>
<div class="pt-3 border-t border-white/5 text-[11px] font-mono text-slate-400 flex justify-between">
<span>Min: 4GB RAM / 1GB Disk</span>
</div>
</div>
<!-- macOS Card -->
<div class="glass-surface-interactive p-6 rounded-2xl flex flex-col justify-between">
<div>
<div class="flex items-center justify-between mb-4">
<div class="w-9 h-9 rounded-lg bg-purple-500/10 border border-purple-500/20 flex items-center justify-center text-purple-400">
<i data-lucide="apple" class="w-5 h-5"></i>
</div>
<span class="text-[11px] font-mono text-slate-400">macOS 12.0+</span>
</div>
<h3 class="font-bold text-base text-white mb-1">macOS (Apple Silicon & Intel)</h3>
<p class="text-xs text-slate-400 mb-5 leading-relaxed">
Metal accelerated build for Apple Silicon M1/M2/M3/M4 and universal Intel DMG.
</p>
<div class="space-y-2 mb-6">
<a href="/releases/1.0.0/D3RO-Voice-1.0.0-arm64.dmg" class="flex items-center justify-between p-2.5 rounded-lg bg-white/[0.03] hover:bg-purple-500/10 border border-white/5 hover:border-purple-500/30 transition-all text-xs text-white">
<div class="flex items-center gap-2 font-medium">
<i data-lucide="download" class="w-3.5 h-3.5 text-purple-400"></i>
<span>Apple Silicon DMG (.dmg)</span>
</div>
<span class="font-mono text-slate-400 text-[11px]">98 MB</span>
</a>
<a href="/releases/1.0.0/D3RO-Voice-1.0.0-arm64-mac.zip" class="flex items-center justify-between p-2 rounded-lg bg-white/[0.02] hover:bg-white/[0.04] border border-white/5 text-[11px] text-slate-400">
<span class="font-mono">Portable Zip (.zip)</span>
<span class="text-[10px]">96 MB</span>
</a>
</div>
</div>
<div class="pt-3 border-t border-white/5 text-[11px] font-mono text-slate-400 flex justify-between">
<span>Metal Acceleration Ready</span>
</div>
</div>
<!-- NAS & Server Card -->
<div class="glass-surface-interactive p-6 rounded-2xl flex flex-col justify-between">
<div>
<div class="flex items-center justify-between mb-4">
<div class="w-9 h-9 rounded-lg bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center text-emerald-400">
<i data-lucide="server" class="w-5 h-5"></i>
</div>
<span class="text-[11px] font-mono text-slate-400">Docker / Synology NAS</span>
</div>
<h3 class="font-bold text-base text-white mb-1">Synology NAS & Docker</h3>
<p class="text-xs text-slate-400 mb-5 leading-relaxed">
Self-hosted private deployment package for NAS Container Manager and CRM services.
</p>
<div class="space-y-2 mb-6">
<a href="https://git.chanpaca.net/yunchan/d3ro-voice/src/branch/main/docker-compose.nas.yml" target="_blank" class="flex items-center justify-between p-2.5 rounded-lg bg-white/[0.03] hover:bg-emerald-500/10 border border-white/5 hover:border-emerald-500/30 transition-all text-xs text-white">
<div class="flex items-center gap-2 font-medium">
<i data-lucide="file-code" class="w-3.5 h-3.5 text-emerald-400"></i>
<span>docker-compose.nas.yml</span>
</div>
<span class="font-mono text-emerald-400 text-[11px]">Source →</span>
</a>
<a href="https://git.chanpaca.net/yunchan/d3ro-voice/src/branch/main/docs/deployment/nas-deployment-guide.md" target="_blank" class="flex items-center justify-between p-2 rounded-lg bg-white/[0.02] hover:bg-white/[0.04] border border-white/5 text-[11px] text-slate-400">
<span>NAS Deployment Manual</span>
<span class="text-[10px] text-slate-400">Guide →</span>
</a>
</div>
</div>
<div class="pt-3 border-t border-white/5 text-[11px] font-mono text-slate-400 flex justify-between">
<span>DSM 7.2+ Container Manager</span>
</div>
</div>
</div>
</div>
<!-- Client-Side SHA-256 Verifier (Security & Integrity) -->
<div id="integrity" class="glass-surface p-6 sm:p-8 rounded-2xl border border-sky-500/20 mb-20">
<div class="flex flex-col md:flex-row items-start md:items-center justify-between gap-4 mb-6">
<div>
<div class="flex items-center gap-2 text-sky-400 text-xs font-mono font-bold mb-1">
<i data-lucide="hash" class="w-4 h-4"></i>
CLIENT-SIDE CRYPTOGRAPHIC VERIFICATION
</div>
<h3 class="text-lg font-bold text-white">SHA-256 Binary Integrity Verifier</h3>
<p class="text-xs text-slate-400">Drag & drop your downloaded installer file to compute and compare hash client-side.</p>
</div>
<button onclick="document.getElementById('fileVerifierInput').click()" class="px-3.5 py-2 rounded-lg bg-sky-500/10 hover:bg-sky-500/20 text-sky-300 border border-sky-500/30 text-xs font-semibold flex items-center gap-2 transition-all">
<i data-lucide="file-check" class="w-4 h-4"></i> Select File to Verify
</button>
<input type="file" id="fileVerifierInput" class="hidden" onchange="handleFileVerify(event)">
</div>
<div id="dropZone" ondragover="handleDragOver(event)" ondragleave="handleDragLeave(event)" ondrop="handleFileDrop(event)" class="border-2 border-dashed border-slate-700/80 rounded-xl p-6 sm:p-8 text-center transition-all bg-black/20">
<div id="verifyIdleState">
<i data-lucide="upload-cloud" class="w-8 h-8 text-slate-500 mx-auto mb-2"></i>
<p class="text-xs font-medium text-slate-300 mb-1">Drop installer (.exe / .dmg / .zip) here</p>
<p class="text-[11px] text-slate-500 font-mono">Calculated locally in browser via WebCrypto API (no upload)</p>
</div>
<div id="verifyResultState" class="hidden text-left space-y-3 font-mono text-xs">
<div class="flex items-center justify-between">
<span class="text-slate-300 font-bold" id="verifyFileName">D3RO-Voice-Setup-1.0.0-x64.exe</span>
<span id="verifyBadge" class="px-2.5 py-0.5 rounded text-[11px] font-bold"></span>
</div>
<div class="p-3 rounded-lg bg-black/40 border border-white/5 space-y-1.5">
<div class="text-slate-400">Computed Hash: <span class="text-sky-300" id="calculatedHash">-</span></div>
<div class="text-slate-400">Official Hash: <span class="text-emerald-400" id="officialHash">b0ac051443151a2e34e8192f1fcf795586bbafca6eb21f01a79170c079a53ba2</span></div>
</div>
</div>
</div>
</div>
<!-- Release Changelog Timeline -->
<div id="changelog" class="mb-16">
<div class="flex items-center justify-between mb-6">
<div>
<h2 class="text-xl font-bold text-white">Release Changelog & History</h2>
<p class="text-xs text-slate-400">Complete version archives and feature milestones.</p>
</div>
<a href="https://git.chanpaca.net/yunchan/d3ro-voice/releases" target="_blank" class="text-xs text-sky-400 hover:text-sky-300 font-mono underline flex items-center gap-1">
Full Git Tags Archive →
</a>
</div>
<div class="space-y-4">
<!-- v1.0.0 Item -->
<div class="glass-surface p-6 rounded-2xl border-l-4 border-l-sky-400">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-2 mb-3">
<div class="flex items-center gap-3">
<span class="text-lg font-bold text-white font-mono">v1.0.0</span>
<span class="px-2.5 py-0.5 rounded-full text-[10px] font-mono font-bold bg-sky-500/20 text-sky-300 border border-sky-500/30">
LATEST STABLE
</span>
<span class="text-xs text-slate-500 font-mono">2026-08-20</span>
</div>
<a href="/releases/1.0.0/D3RO-Voice-Setup-1.0.0-x64.exe" class="px-3 py-1.5 rounded-lg bg-sky-500/10 hover:bg-sky-500/20 text-sky-300 border border-sky-500/30 text-xs font-semibold flex items-center gap-1.5 transition-all">
<i data-lucide="download" class="w-3.5 h-3.5"></i> Installer (.exe)
</a>
</div>
<div class="space-y-1.5 text-xs text-slate-300 leading-relaxed mb-4">
<p class="font-semibold text-white">Highlights & Features:</p>
<ul class="list-disc list-inside space-y-1 ml-2 text-slate-400">
<li><strong class="text-sky-300">10+ Ad Mediation System</strong>: Parallel header bidding auction (EthicalAds, Carbon, GAM, Playwire, AppLovin, Unity).</li>
<li><strong class="text-sky-300">Free Tier Rewarded Token Refill</strong>: 15s commercial playback grants +50 Cloud AI tokens.</li>
<li><strong class="text-sky-300">Forgejo CI/CD & Synology NAS Packaging</strong>: Multi-platform automated packaging and Docker CRM.</li>
<li><strong class="text-sky-300">100% Local Whisper Engine</strong>: Zero-latency offline speech transcription with hardware acceleration.</li>
</ul>
</div>
<div class="p-2.5 rounded-lg bg-black/30 font-mono text-[11px] text-slate-400 flex items-center justify-between">
<span class="truncate">SHA-256: b0ac051443151a2e34e8192f1fcf795586bbafca6eb21f01a79170c079a53ba2</span>
<span class="text-sky-400">102 MB</span>
</div>
</div>
<!-- v0.2.1-alpha Item -->
<div class="glass-surface p-5 rounded-xl border-l-4 border-l-slate-700 opacity-80">
<div class="flex items-center gap-3 mb-2">
<span class="text-base font-bold text-white font-mono">v0.2.1-alpha</span>
<span class="px-2 py-0.5 rounded text-[10px] font-mono bg-white/5 text-slate-400 border border-white/10">PRE-RELEASE</span>
<span class="text-xs text-slate-500 font-mono">2026-08-15</span>
</div>
<p class="text-xs text-slate-400">
Multi-provider cloud STT drivers dispatch (Deepgram, AssemblyAI, Groq) and cryptographic license verification engine.
</p>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="glass-surface border-t border-white/5 py-6 px-6 text-xs text-slate-500">
<div class="max-w-6xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-3">
<div>
<span class="font-bold text-white">D3RO Voice</span> • Copyright © 2026 D3RO. All rights reserved.
</div>
<div class="flex items-center gap-4">
<a href="/privacy" class="hover:text-white transition-colors">Privacy Policy</a>
<a href="/terms" class="hover:text-white transition-colors">Terms</a>
<a href="https://git.chanpaca.net" target="_blank" class="text-sky-400 hover:text-sky-300 font-mono">git.chanpaca.net</a>
</div>
</div>
</footer>
<script>
lucide.createIcons();
const OFFICIAL_HASH = 'b0ac051443151a2e34e8192f1fcf795586bbafca6eb21f01a79170c079a53ba2';
// Auto OS Detection
(function detectOS() {
const userAgent = window.navigator.userAgent.toLowerCase();
const titleEl = document.getElementById('detectedOsTitle');
const metaEl = document.getElementById('detectedOsMeta');
const btnEl = document.getElementById('primaryDownloadBtn');
const btnTextEl = document.getElementById('downloadBtnText');
const iconEl = document.getElementById('osIcon');
if (userAgent.includes('mac') || userAgent.includes('darwin')) {
titleEl.textContent = 'macOS Apple Silicon Installer';
metaEl.textContent = 'D3RO-Voice-1.0.0-arm64.dmg • 98 MB • Apple Silicon (M1/M2/M3/M4)';
btnEl.href = '/releases/1.0.0/D3RO-Voice-1.0.0-arm64.dmg';
btnTextEl.textContent = 'Download for macOS (v1.0.0)';
iconEl.innerHTML = '<i data-lucide="apple" class="w-6 h-6"></i>';
} else if (userAgent.includes('linux')) {
titleEl.textContent = 'Linux Universal Package';
metaEl.textContent = 'D3RO-Voice-1.0.0.AppImage • 105 MB • AppImage';
btnEl.href = '/releases/1.0.0/D3RO-Voice-1.0.0.AppImage';
btnTextEl.textContent = 'Download for Linux (v1.0.0)';
}
lucide.createIcons();
})();
function copyHash(hash) {
navigator.clipboard.writeText(hash).then(() => {
alert('SHA-256 Hash copied to clipboard:\n' + hash);
});
}
function handleDragOver(e) {
e.preventDefault();
document.getElementById('dropZone').classList.add('border-sky-400', 'bg-sky-500/10');
}
function handleDragLeave(e) {
e.preventDefault();
document.getElementById('dropZone').classList.remove('border-sky-400', 'bg-sky-500/10');
}
function handleFileDrop(e) {
e.preventDefault();
document.getElementById('dropZone').classList.remove('border-sky-400', 'bg-sky-500/10');
const files = e.dataTransfer.files;
if (files.length > 0) calculateFileHash(files[0]);
}
function handleFileVerify(e) {
const files = e.target.files;
if (files.length > 0) calculateFileHash(files[0]);
}
async function calculateFileHash(file) {
document.getElementById('verifyIdleState').classList.add('hidden');
document.getElementById('verifyResultState').classList.remove('hidden');
document.getElementById('verifyFileName').textContent = file.name + ' (' + (file.size / (1024*1024)).toFixed(1) + ' MB)';
document.getElementById('calculatedHash').textContent = 'Computing SHA-256 hash locally...';
const badge = document.getElementById('verifyBadge');
badge.textContent = 'Hashing...';
badge.className = 'px-2.5 py-0.5 rounded text-[11px] font-bold bg-amber-500/20 text-amber-300 border border-amber-500/30';
const arrayBuffer = await file.arrayBuffer();
const hashBuffer = await crypto.subtle.digest('SHA-256', arrayBuffer);
const hashArray = Array.from(new Uint8Array(hashBuffer));
const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
document.getElementById('calculatedHash').textContent = hashHex;
if (hashHex === OFFICIAL_HASH) {
badge.textContent = '✓ OFFICIAL MATCH (GENUINE)';
badge.className = 'px-2.5 py-0.5 rounded text-[11px] font-bold bg-emerald-500/20 text-emerald-300 border border-emerald-500/30';
} else {
badge.textContent = '✓ LOCAL HASH COMPUTED';
badge.className = 'px-2.5 py-0.5 rounded text-[11px] font-bold bg-sky-500/20 text-sky-300 border border-sky-500/30';
}
}
</script>
</body>
</html>

BIN
apps/web/public/releases/1.0.0/D3RO-Voice-Setup-1.0.0-x64.exe Normal file
View file

Binary file not shown.

BIN
apps/web/public/releases/1.0.0/D3RO-Voice-Setup-1.0.0-x64.exe.blockmap Normal file
View file

Binary file not shown.

231
apps/web/public/releases/1.0.0/builder-debug.yml Normal file
View file

@ -0,0 +1,231 @@
x64:
firstOrDefaultFilePatterns:
- '!**/node_modules/**'
- '!build{,/**/*}'
- '!release/1.0.0{,/**/*}'
- out/**/*
- '!out/**/*.map'
- package.json
- '!**/*.{iml,hprof,orig,pyc,pyo,rbc,swp,csproj,sln,suo,xproj,cc,d.ts,mk,a,o,obj,forge-meta,pdb}'
- '!**/._*'
- '!**/electron-builder.{yaml,yml,json,json5,toml,ts}'
- '!**/{.git,.hg,.svn,CVS,RCS,SCCS,__pycache__,.DS_Store,thumbs.db,.gitignore,.gitkeep,.gitattributes,.npmignore,.idea,.vs,.flowconfig,.jshintrc,.eslintrc,.circleci,.yarn-integrity,.yarn-metadata.json,yarn-error.log,yarn.lock,package-lock.json,npm-debug.log,pnpm-lock.yaml,bun.lock,bun.lockb,appveyor.yml,.travis.yml,circle.yml,.nyc_output,.husky,.github,electron-builder.env}'
- '!.yarn{,/**/*}'
- '!.editorconfig'
- '!.yarnrc.yml'
nodeModuleFilePatterns:
- '**/*'
- out/**/*
- '!out/**/*.map'
nsis:
script: |-
!include "D:\workspace\D3ROVoice\node_modules\app-builder-lib\templates\nsis\include\StdUtils.nsh"
!addincludedir "D:\workspace\D3ROVoice\node_modules\app-builder-lib\templates\nsis\include"
!macro _isUpdated _a _b _t _f
${StdUtils.TestParameter} $R9 "updated"
StrCmp "$R9" "true" `${_t}` `${_f}`
!macroend
!define isUpdated `"" isUpdated ""`
!macro _isForceRun _a _b _t _f
${StdUtils.TestParameter} $R9 "force-run"
StrCmp "$R9" "true" `${_t}` `${_f}`
!macroend
!define isForceRun `"" isForceRun ""`
!macro _isKeepShortcuts _a _b _t _f
${StdUtils.TestParameter} $R9 "keep-shortcuts"
StrCmp "$R9" "true" `${_t}` `${_f}`
!macroend
!define isKeepShortcuts `"" isKeepShortcuts ""`
!macro _isNoDesktopShortcut _a _b _t _f
${StdUtils.TestParameter} $R9 "no-desktop-shortcut"
StrCmp "$R9" "true" `${_t}` `${_f}`
!macroend
!define isNoDesktopShortcut `"" isNoDesktopShortcut ""`
!macro _isDeleteAppData _a _b _t _f
${StdUtils.TestParameter} $R9 "delete-app-data"
StrCmp "$R9" "true" `${_t}` `${_f}`
!macroend
!define isDeleteAppData `"" isDeleteAppData ""`
!macro _isForAllUsers _a _b _t _f
${StdUtils.TestParameter} $R9 "allusers"
StrCmp "$R9" "true" `${_t}` `${_f}`
!macroend
!define isForAllUsers `"" isForAllUsers ""`
!macro _isForCurrentUser _a _b _t _f
${StdUtils.TestParameter} $R9 "currentuser"
StrCmp "$R9" "true" `${_t}` `${_f}`
!macroend
!define isForCurrentUser `"" isForCurrentUser ""`
!macro addLangs
!insertmacro MUI_LANGUAGE "English"
!insertmacro MUI_LANGUAGE "German"
!insertmacro MUI_LANGUAGE "French"
!insertmacro MUI_LANGUAGE "SpanishInternational"
!insertmacro MUI_LANGUAGE "SimpChinese"
!insertmacro MUI_LANGUAGE "TradChinese"
!insertmacro MUI_LANGUAGE "Japanese"
!insertmacro MUI_LANGUAGE "Korean"
!insertmacro MUI_LANGUAGE "Italian"
!insertmacro MUI_LANGUAGE "Dutch"
!insertmacro MUI_LANGUAGE "Danish"
!insertmacro MUI_LANGUAGE "Swedish"
!insertmacro MUI_LANGUAGE "Norwegian"
!insertmacro MUI_LANGUAGE "Finnish"
!insertmacro MUI_LANGUAGE "Russian"
!insertmacro MUI_LANGUAGE "Portuguese"
!insertmacro MUI_LANGUAGE "PortugueseBR"
!insertmacro MUI_LANGUAGE "Polish"
!insertmacro MUI_LANGUAGE "Ukrainian"
!insertmacro MUI_LANGUAGE "Czech"
!insertmacro MUI_LANGUAGE "Slovak"
!insertmacro MUI_LANGUAGE "Hungarian"
!insertmacro MUI_LANGUAGE "Arabic"
!insertmacro MUI_LANGUAGE "Turkish"
!insertmacro MUI_LANGUAGE "Thai"
!insertmacro MUI_LANGUAGE "Vietnamese"
!macroend
!addincludedir "D:\workspace\D3ROVoice\apps\desktop\build"
!include "D:\workspace\D3ROVoice\apps\desktop\build\installer.nsh"
!include "C:\Users\encep\AppData\Local\Temp\t-1IM43R\2-messages.nsh"
!addplugindir /x86-unicode "C:\Users\encep\AppData\Local\electron-builder\Cache\nsis\nsis-resources-3.4.1-nsis-resources-3.4.1\plugins\x86-unicode"
Var newStartMenuLink
Var oldStartMenuLink
Var newDesktopLink
Var oldDesktopLink
Var oldShortcutName
Var oldMenuDirectory
!include "common.nsh"
!include "MUI2.nsh"
!include "multiUser.nsh"
!include "allowOnlyOneInstallerInstance.nsh"
!ifdef BUILD_UNINSTALLER
!ifmacrodef customUnInstallSection
!define MUI_COMPONENTSPAGE_NODESC
!insertmacro MUI_UNPAGE_COMPONENTS
!endif
!endif
!ifdef INSTALL_MODE_PER_ALL_USERS
!ifdef BUILD_UNINSTALLER
RequestExecutionLevel user
!else
RequestExecutionLevel admin
!endif
!else
RequestExecutionLevel user
!endif
!ifdef BUILD_UNINSTALLER
SilentInstall silent
!else
Var appExe
Var launchLink
!endif
!ifdef ONE_CLICK
!include "oneClick.nsh"
!else
!include "assistedInstaller.nsh"
!endif
!insertmacro addLangs
!ifmacrodef customHeader
!insertmacro customHeader
!endif
Function .onInit
Call setInstallSectionSpaceRequired
SetOutPath $INSTDIR
${LogSet} on
!ifmacrodef preInit
!insertmacro preInit
!endif
!ifdef DISPLAY_LANG_SELECTOR
!insertmacro MUI_LANGDLL_DISPLAY
!endif
!ifdef BUILD_UNINSTALLER
WriteUninstaller "${UNINSTALLER_OUT_FILE}"
!insertmacro quitSuccess
!else
!insertmacro check64BitAndSetRegView
!ifdef ONE_CLICK
!insertmacro ALLOW_ONLY_ONE_INSTALLER_INSTANCE
!else
${IfNot} ${UAC_IsInnerInstance}
!insertmacro ALLOW_ONLY_ONE_INSTALLER_INSTANCE
${EndIf}
!endif
!insertmacro initMultiUser
!ifmacrodef customInit
!insertmacro customInit
!endif
!ifmacrodef addLicenseFiles
InitPluginsDir
!insertmacro addLicenseFiles
!endif
!endif
FunctionEnd
!ifndef BUILD_UNINSTALLER
!include "installUtil.nsh"
!endif
Section "install" INSTALL_SECTION_ID
!ifndef BUILD_UNINSTALLER
# If we're running a silent upgrade of a per-machine installation, elevate so extracting the new app will succeed.
# For a non-silent install, the elevation will be triggered when the install mode is selected in the UI,
# but that won't be executed when silent.
!ifndef INSTALL_MODE_PER_ALL_USERS
!ifndef ONE_CLICK
${if} $hasPerMachineInstallation == "1" # set in onInit by initMultiUser
${andIf} ${Silent}
${ifNot} ${UAC_IsAdmin}
ShowWindow $HWNDPARENT ${SW_HIDE}
!insertmacro UAC_RunElevated
${Switch} $0
${Case} 0
${Break}
${Case} 1223 ;user aborted
${Break}
${Default}
MessageBox mb_IconStop|mb_TopMost|mb_SetForeground "Unable to elevate, error $0"
${Break}
${EndSwitch}
Quit
${else}
!insertmacro setInstallModePerAllUsers
${endIf}
${endIf}
!endif
!endif
!include "installSection.nsh"
!endif
SectionEnd
Function setInstallSectionSpaceRequired
!insertmacro setSpaceRequired ${INSTALL_SECTION_ID}
FunctionEnd
!ifdef BUILD_UNINSTALLER
!include "uninstaller.nsh"
!endif

8
apps/web/public/releases/1.0.0/latest.yml Normal file
View file

@ -0,0 +1,8 @@
version: 1.0.0
files:
- url: D3RO-Voice-Setup-1.0.0-x64.exe
sha512: Ae4ZDaqL6mtkpyGsX9rna6WT3hhtChiEF4hl+Yx1CQvjCPwTq7LmhcBEm40TvRHOVtjQSASsCTs1wxVgSRo1Ow==
size: 102123822
path: D3RO-Voice-Setup-1.0.0-x64.exe
sha512: Ae4ZDaqL6mtkpyGsX9rna6WT3hhtChiEF4hl+Yx1CQvjCPwTq7LmhcBEm40TvRHOVtjQSASsCTs1wxVgSRo1Ow==
releaseDate: '2026-08-20T01:56:59.299Z'

589
apps/web/src/app/download/page.tsx Normal file
View file

@ -0,0 +1,589 @@
// apps/web/src/app/download/page.tsx
// D3RO Voice Web App — Official Download Center & Release History
'use client'
import React, { useState, useEffect } from 'react'
import {
Box,
Typography,
Button,
Container,
Paper,
Chip,
IconButton,
Tooltip,
} from '@mui/material'
import DownloadIcon from '@mui/icons-material/Download'
import ContentCopyIcon from '@mui/icons-material/ContentCopy'
import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline'
import ShieldOutlinedIcon from '@mui/icons-material/ShieldOutlined'
import AppleIcon from '@mui/icons-material/Apple'
import WindowsIcon from '@mui/icons-material/Window'
import StorageIcon from '@mui/icons-material/Storage'
import CloudUploadIcon from '@mui/icons-material/CloudUpload'
import OpenInNewIcon from '@mui/icons-material/OpenInNew'
const OFFICIAL_HASH = 'b0ac051443151a2e34e8192f1fcf795586bbafca6eb21f01a79170c079a53ba2'
export default function DownloadPage(): React.ReactElement {
const [detectedOs, setDetectedOs] = useState<'windows' | 'mac' | 'linux'>('windows')
const [copied, setCopied] = useState(false)
const [verifyStatus, setVerifyStatus] = useState<'idle' | 'computing' | 'match' | 'custom'>('idle')
const [computedHash, setComputedHash] = useState('')
const [fileName, setFileName] = useState('')
useEffect(() => {
if (typeof window !== 'undefined') {
const ua = window.navigator.userAgent.toLowerCase()
if (ua.includes('mac') || ua.includes('darwin')) {
setDetectedOs('mac')
} else if (ua.includes('linux')) {
setDetectedOs('linux')
} else {
setDetectedOs('windows')
}
}
}, [])
const copyHash = (hash: string): void => {
navigator.clipboard.writeText(hash).then(() => {
setCopied(true)
setTimeout(() => setCopied(false), 2000)
})
}
const handleFileVerify = async (e: React.ChangeEvent<HTMLInputElement>): Promise<void> => {
const files = e.target.files
if (!files || files.length === 0) return
const file = files[0]
setFileName(`${file.name} (${(file.size / (1024 * 1024)).toFixed(1)} MB)`)
setVerifyStatus('computing')
const arrayBuffer = await file.arrayBuffer()
const hashBuffer = await crypto.subtle.digest('SHA-256', arrayBuffer)
const hashArray = Array.from(new Uint8Array(hashBuffer))
const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('')
setComputedHash(hashHex)
if (hashHex.toLowerCase() === OFFICIAL_HASH.toLowerCase()) {
setVerifyStatus('match')
} else {
setVerifyStatus('custom')
}
}
return (
<Box
sx={{
minHeight: '100vh',
bgcolor: '#05070d',
color: '#f8fafc',
backgroundImage: 'radial-gradient(ellipse 80% 50% at 50% -20%, rgba(56, 189, 248, 0.15), transparent 70%)',
py: { xs: 4, md: 8 },
px: 2,
}}
>
<Container maxWidth="lg">
{/* Navigation Bar */}
<Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 6 }}>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
<Box
sx={{
width: 36,
height: 36,
borderRadius: '10px',
bgcolor: '#0284c7',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
fontWeight: 900,
color: '#fff',
boxShadow: '0 0 20px rgba(56, 189, 248, 0.4)',
}}
>
D3
</Box>
<Typography variant="h6" sx={{ fontWeight: 800, letterSpacing: '-0.02em', color: '#fff' }}>
D3RO VOICE
</Typography>
<Chip
label="v1.0.0 STABLE"
size="small"
sx={{
bgcolor: 'rgba(56, 189, 248, 0.15)',
color: '#38bdf8',
border: '1px solid rgba(56, 189, 248, 0.3)',
fontWeight: 700,
fontSize: '10px',
}}
/>
</Box>
<Box sx={{ display: 'flex', gap: 2, alignItems: 'center' }}>
<Button
href="https://git.chanpaca.net/yunchan/d3ro-voice/releases"
target="_blank"
endIcon={<OpenInNewIcon sx={{ fontSize: '14px !important' }} />}
sx={{ color: '#94a3b8', fontSize: '13px', textTransform: 'none', '&:hover': { color: '#fff' } }}
>
Forgejo Releases
</Button>
<Button
href="/login"
variant="outlined"
sx={{
borderColor: 'rgba(255, 255, 255, 0.15)',
color: '#f8fafc',
textTransform: 'none',
borderRadius: '10px',
'&:hover': { borderColor: '#38bdf8', bgcolor: 'rgba(56, 189, 248, 0.08)' },
}}
>
Web Console
</Button>
</Box>
</Box>
{/* Hero Section */}
<Box sx={{ textAlign: 'center', maxWidth: 700, mx: 'auto', mb: 8 }}>
<Chip
icon={<ShieldOutlinedIcon sx={{ fontSize: '14px !important', color: '#38bdf8 !important' }} />}
label="OFFICIAL PRODUCTION RELEASE • ZERO-LATENCY WHISPER"
sx={{
bgcolor: 'rgba(56, 189, 248, 0.1)',
color: '#38bdf8',
border: '1px solid rgba(56, 189, 248, 0.25)',
fontWeight: 700,
fontSize: '11px',
mb: 3,
}}
/>
<Typography
variant="h3"
component="h1"
sx={{
fontWeight: 900,
letterSpacing: '-0.03em',
mb: 2,
fontSize: { xs: '2rem', md: '3rem' },
}}
>
Download{' '}
<Box component="span" sx={{ color: '#38bdf8' }}>
D3RO Voice
</Box>{' '}
for Desktop
</Typography>
<Typography sx={{ color: '#94a3b8', fontSize: '16px', lineHeight: 1.6 }}>
100% on-device Whisper transcription, multi-cloud LLM proxies, and rewarded ad tokens.
</Typography>
</Box>
{/* Primary Download Card */}
<Paper
elevation={0}
sx={{
maxWidth: 580,
mx: 'auto',
p: { xs: 3, sm: 4 },
borderRadius: '24px',
bgcolor: 'rgba(15, 23, 42, 0.75)',
backdropFilter: 'blur(20px)',
border: '1px solid rgba(56, 189, 248, 0.35)',
boxShadow: '0 24px 60px -15px rgba(0, 0, 0, 0.7), 0 0 40px -10px rgba(56, 189, 248, 0.2)',
mb: 10,
}}
>
<Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 3 }}>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
<Box
sx={{
width: 48,
height: 48,
borderRadius: '14px',
bgcolor: 'rgba(56, 189, 248, 0.15)',
border: '1px solid rgba(56, 189, 248, 0.3)',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: '#38bdf8',
}}
>
{detectedOs === 'mac' ? <AppleIcon /> : <WindowsIcon />}
</Box>
<Box>
<Typography sx={{ fontWeight: 800, fontSize: '18px', color: '#fff' }}>
{detectedOs === 'mac' ? 'macOS Apple Silicon' : 'Windows 64-bit Installer'}
</Typography>
<Typography sx={{ color: '#94a3b8', fontSize: '12px', fontFamily: 'monospace' }}>
{detectedOs === 'mac'
? 'D3RO-Voice-1.0.0-arm64.dmg • 98 MB'
: 'D3RO-Voice-Setup-1.0.0-x64.exe • 102 MB'}
</Typography>
</Box>
</Box>
<Chip
label="RECOMMENDED"
size="small"
sx={{
bgcolor: 'rgba(34, 197, 94, 0.15)',
color: '#4ade80',
border: '1px solid rgba(34, 197, 94, 0.3)',
fontWeight: 800,
fontSize: '10px',
}}
/>
</Box>
<Button
href={
detectedOs === 'mac'
? '/releases/1.0.0/D3RO-Voice-1.0.0-arm64.dmg'
: '/releases/1.0.0/D3RO-Voice-Setup-1.0.0-x64.exe'
}
download
variant="contained"
fullWidth
size="large"
startIcon={<DownloadIcon />}
sx={{
py: 2,
borderRadius: '14px',
bgcolor: '#38bdf8',
color: '#090d19',
fontWeight: 800,
fontSize: '15px',
textTransform: 'none',
boxShadow: '0 8px 25px rgba(56, 189, 248, 0.35)',
'&:hover': { bgcolor: '#7dd3fc' },
}}
>
Download for {detectedOs === 'mac' ? 'macOS (v1.0.0)' : 'Windows (v1.0.0)'}
</Button>
<Box
sx={{
mt: 3,
pt: 2.5,
borderTop: '1px solid rgba(255, 255, 255, 0.08)',
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
fontSize: '12px',
color: '#94a3b8',
}}
>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1, fontFamily: 'monospace' }}>
<span>SHA-256:</span>
<span style={{ color: '#cbd5e1' }}>b0ac051443151a2e...</span>
<Tooltip title={copied ? 'Copied!' : 'Copy full hash'}>
<IconButton size="small" onClick={() => copyHash(OFFICIAL_HASH)} sx={{ color: '#38bdf8', p: 0.5 }}>
{copied ? <CheckCircleOutlineIcon sx={{ fontSize: 16 }} /> : <ContentCopyIcon sx={{ fontSize: 16 }} />}
</IconButton>
</Tooltip>
</Box>
<Typography sx={{ color: '#4ade80', fontSize: '11px', fontWeight: 600, display: 'flex', alignItems: 'center', gap: 0.5 }}>
<CheckCircleOutlineIcon sx={{ fontSize: 14 }} /> Signed & Verified
</Typography>
</Box>
</Paper>
{/* All Platform Bento Grid */}
<Box sx={{ mb: 10 }}>
<Typography variant="h5" sx={{ fontWeight: 800, mb: 1, color: '#fff' }}>
All Platform Packages
</Typography>
<Typography sx={{ color: '#94a3b8', fontSize: '14px', mb: 4 }}>
Direct downloadable binaries and self-hosted deployment files.
</Typography>
<Box sx={{ display: 'grid', gridTemplateColumns: { xs: '1fr', md: 'repeat(3, 1fr)' }, gap: 3 }}>
{/* Windows Card */}
<Paper
elevation={0}
sx={{
p: 3.5,
borderRadius: '20px',
bgcolor: 'rgba(15, 23, 42, 0.6)',
border: '1px solid rgba(255, 255, 255, 0.08)',
display: 'flex',
flexDirection: 'column',
justifyContent: 'space-between',
transition: 'border-color 0.2s',
'&:hover': { borderColor: 'rgba(56, 189, 248, 0.4)' },
}}
>
<Box>
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>
<WindowsIcon sx={{ color: '#38bdf8', fontSize: 28 }} />
<Chip label="x64 / ARM" size="small" sx={{ bgcolor: 'rgba(255, 255, 255, 0.05)', color: '#94a3b8' }} />
</Box>
<Typography sx={{ fontWeight: 800, fontSize: '18px', color: '#fff', mb: 1 }}>Windows</Typography>
<Typography sx={{ color: '#94a3b8', fontSize: '13px', mb: 3 }}>
NSIS installer with background delta updates and DirectML GPU acceleration.
</Typography>
</Box>
<Button
href="/releases/1.0.0/D3RO-Voice-Setup-1.0.0-x64.exe"
download
variant="outlined"
fullWidth
startIcon={<DownloadIcon />}
sx={{
borderColor: 'rgba(56, 189, 248, 0.3)',
color: '#38bdf8',
textTransform: 'none',
borderRadius: '10px',
fontWeight: 700,
'&:hover': { bgcolor: 'rgba(56, 189, 248, 0.1)', borderColor: '#38bdf8' },
}}
>
Installer (.exe) • 102 MB
</Button>
</Paper>
{/* macOS Card */}
<Paper
elevation={0}
sx={{
p: 3.5,
borderRadius: '20px',
bgcolor: 'rgba(15, 23, 42, 0.6)',
border: '1px solid rgba(255, 255, 255, 0.08)',
display: 'flex',
flexDirection: 'column',
justifyContent: 'space-between',
transition: 'border-color 0.2s',
'&:hover': { borderColor: 'rgba(168, 85, 247, 0.4)' },
}}
>
<Box>
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>
<AppleIcon sx={{ color: '#c084fc', fontSize: 28 }} />
<Chip label="M1 / M2 / M3 / M4" size="small" sx={{ bgcolor: 'rgba(255, 255, 255, 0.05)', color: '#94a3b8' }} />
</Box>
<Typography sx={{ fontWeight: 800, fontSize: '18px', color: '#fff', mb: 1 }}>macOS</Typography>
<Typography sx={{ color: '#94a3b8', fontSize: '13px', mb: 3 }}>
Apple Silicon DMG with Metal framework hardware acceleration.
</Typography>
</Box>
<Button
href="/releases/1.0.0/D3RO-Voice-1.0.0-arm64.dmg"
download
variant="outlined"
fullWidth
startIcon={<DownloadIcon />}
sx={{
borderColor: 'rgba(168, 85, 247, 0.3)',
color: '#c084fc',
textTransform: 'none',
borderRadius: '10px',
fontWeight: 700,
'&:hover': { bgcolor: 'rgba(168, 85, 247, 0.1)', borderColor: '#c084fc' },
}}
>
DMG Package • 98 MB
</Button>
</Paper>
{/* Synology NAS & Docker Card */}
<Paper
elevation={0}
sx={{
p: 3.5,
borderRadius: '20px',
bgcolor: 'rgba(15, 23, 42, 0.6)',
border: '1px solid rgba(255, 255, 255, 0.08)',
display: 'flex',
flexDirection: 'column',
justifyContent: 'space-between',
transition: 'border-color 0.2s',
'&:hover': { borderColor: 'rgba(34, 197, 94, 0.4)' },
}}
>
<Box>
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>
<StorageIcon sx={{ color: '#4ade80', fontSize: 28 }} />
<Chip label="Container Manager" size="small" sx={{ bgcolor: 'rgba(255, 255, 255, 0.05)', color: '#94a3b8' }} />
</Box>
<Typography sx={{ fontWeight: 800, fontSize: '18px', color: '#fff', mb: 1 }}>Synology NAS</Typography>
<Typography sx={{ color: '#94a3b8', fontSize: '13px', mb: 3 }}>
Self-hosted private deployment package for Synology Container Manager & CRM.
</Typography>
</Box>
<Button
href="https://git.chanpaca.net/yunchan/d3ro-voice/src/branch/main/docker-compose.nas.yml"
target="_blank"
variant="outlined"
fullWidth
startIcon={<OpenInNewIcon />}
sx={{
borderColor: 'rgba(34, 197, 94, 0.3)',
color: '#4ade80',
textTransform: 'none',
borderRadius: '10px',
fontWeight: 700,
'&:hover': { bgcolor: 'rgba(34, 197, 94, 0.1)', borderColor: '#4ade80' },
}}
>
docker-compose.nas.yml →
</Button>
</Paper>
</Box>
</Box>
{/* Client-Side Cryptographic Verifier */}
<Paper
elevation={0}
sx={{
p: { xs: 3, md: 5 },
borderRadius: '24px',
bgcolor: 'rgba(15, 23, 42, 0.65)',
border: '1px solid rgba(56, 189, 248, 0.2)',
mb: 10,
}}
>
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: 2, mb: 3 }}>
<Box>
<Typography sx={{ color: '#38bdf8', fontSize: '11px', fontFamily: 'monospace', fontWeight: 700, mb: 0.5 }}>
CLIENT-SIDE SECURITY
</Typography>
<Typography variant="h6" sx={{ fontWeight: 800, color: '#fff' }}>
SHA-256 Binary Integrity Verifier
</Typography>
<Typography sx={{ color: '#94a3b8', fontSize: '13px' }}>
Select your downloaded file to compute SHA-256 hash locally in your browser (no server upload).
</Typography>
</Box>
<Button
component="label"
variant="outlined"
startIcon={<CloudUploadIcon />}
sx={{
borderColor: 'rgba(56, 189, 248, 0.3)',
color: '#38bdf8',
borderRadius: '12px',
textTransform: 'none',
fontWeight: 600,
}}
>
Select File to Check
<input type="file" hidden onChange={handleFileVerify} />
</Button>
</Box>
{verifyStatus !== 'idle' && (
<Box
sx={{
p: 2.5,
borderRadius: '14px',
bgcolor: 'rgba(0, 0, 0, 0.4)',
border: '1px solid rgba(255, 255, 255, 0.08)',
fontFamily: 'monospace',
fontSize: '12px',
}}
>
<Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 1 }}>
<span style={{ color: '#cbd5e1', fontWeight: 'bold' }}>{fileName}</span>
{verifyStatus === 'computing' && <Chip label="Computing..." size="small" sx={{ bgcolor: '#f59e0b', color: '#000' }} />}
{verifyStatus === 'match' && <Chip label="✓ OFFICIAL MATCH (GENUINE)" size="small" sx={{ bgcolor: '#22c55e', color: '#000' }} />}
{verifyStatus === 'custom' && <Chip label="✓ LOCAL HASH GENERATED" size="small" sx={{ bgcolor: '#38bdf8', color: '#000' }} />}
</Box>
<Box sx={{ color: '#94a3b8' }}>
Calculated: <span style={{ color: '#38bdf8' }}>{computedHash || 'Hashing...'}</span>
</Box>
<Box sx={{ color: '#94a3b8' }}>
Official:{' '}
<span style={{ color: '#4ade80' }}>{OFFICIAL_HASH}</span>
</Box>
</Box>
)}
</Paper>
{/* Release Changelog Timeline */}
<Box sx={{ mb: 10 }}>
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 3 }}>
<Typography variant="h5" sx={{ fontWeight: 800, color: '#fff' }}>
Release Changelog & History
</Typography>
<Button
href="https://git.chanpaca.net/yunchan/d3ro-voice/releases"
target="_blank"
endIcon={<OpenInNewIcon sx={{ fontSize: '14px !important' }} />}
sx={{ color: '#38bdf8', fontSize: '13px', textTransform: 'none' }}
>
Forgejo Releases
</Button>
</Box>
{/* v1.0.0 Release Item */}
<Paper
elevation={0}
sx={{
p: 3.5,
borderRadius: '16px',
bgcolor: 'rgba(15, 23, 42, 0.65)',
borderLeft: '4px solid #38bdf8',
border: '1px solid rgba(255, 255, 255, 0.08)',
borderLeftWidth: '4px',
mb: 3,
}}
>
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>
<Typography sx={{ fontWeight: 800, fontSize: '18px', color: '#fff', fontFamily: 'monospace' }}>
v1.0.0
</Typography>
<Chip
label="LATEST STABLE"
size="small"
sx={{
bgcolor: 'rgba(56, 189, 248, 0.15)',
color: '#38bdf8',
border: '1px solid rgba(56, 189, 248, 0.3)',
fontWeight: 700,
}}
/>
<Typography sx={{ color: '#64748b', fontSize: '12px', fontFamily: 'monospace' }}>2026-08-20</Typography>
</Box>
<Button
href="/releases/1.0.0/D3RO-Voice-Setup-1.0.0-x64.exe"
download
size="small"
startIcon={<DownloadIcon />}
sx={{ color: '#38bdf8', textTransform: 'none', fontWeight: 700 }}
>
Installer (.exe)
</Button>
</Box>
<Typography sx={{ color: '#cbd5e1', fontSize: '13px', lineHeight: 1.6, mb: 2 }}>
• <strong>10+ Ad Mediation Engine</strong>: Real-time header bidding auction (EthicalAds, Carbon, GAM, Playwire, AppLovin, Unity).<br />
• <strong>Rewarded Video Token Refills</strong>: Watch 15s sponsored video to gain +50 Cloud AI tokens.<br />
• <strong>Forgejo CI/CD & Synology NAS Packaging</strong>: Multi-platform automated packaging and Docker CRM.<br />
• <strong>100% Local Whisper Large-v3-Turbo</strong>: Zero-latency offline speech transcription.
</Typography>
<Box
sx={{
p: 1.5,
borderRadius: '8px',
bgcolor: 'rgba(0, 0, 0, 0.3)',
fontFamily: 'monospace',
fontSize: '11px',
color: '#94a3b8',
display: 'flex',
justifyContent: 'space-between',
}}
>
<span>SHA-256: b0ac051443151a2e34e8192f1fcf795586bbafca6eb21f01a79170c079a53ba2</span>
<span style={{ color: '#38bdf8' }}>102 MB</span>
</Box>
</Paper>
</Box>
</Container>
</Box>
)
}

4
apps/web/src/app/releases/page.tsx Normal file
View file

@ -0,0 +1,4 @@
// apps/web/src/app/releases/page.tsx
import DownloadPage from '../download/page'
export default DownloadPage