feat: update button (download, verify, stage)

web/src/lib/updateFormat.ts

@@ -44,3 +44,28 @@ export function isCheckDue(checkedAt: string | null, now: number = Date.now()) {
 export function formatReleased(iso: string) {
 	return `Released ${formatAbsoluteDateFromIso(iso)}`
 }
+
+const BYTES_PER_MB = 1024 * 1024
+const ANNOUNCEMENT_STEP_PERCENT = 25
+const LAST_ANNOUNCED_PERCENT = 75
+
+export function formatDownloadProgress(progress: {
+	percent: number
+	downloaded_bytes: number
+	total_bytes: number
+}) {
+	const done = Math.round(progress.downloaded_bytes / BYTES_PER_MB)
+	const total = Math.round(progress.total_bytes / BYTES_PER_MB)
+	return `${progress.percent}% · ${done} of ${total} MB`
+}
+
+export function downloadAnnouncement(version: string, percent: number) {
+	const step = Math.min(
+		Math.floor(percent / ANNOUNCEMENT_STEP_PERCENT) * ANNOUNCEMENT_STEP_PERCENT,
+		LAST_ANNOUNCED_PERCENT,
+	)
+	const base = `Downloading version ${version}`
+	return step > 0 ? `${base}, ${step} percent` : base
+}
+
+export const VERIFYING_ANNOUNCEMENT = 'Checking the download'