Reworked app update flow (#3960)

* Make theseus capable of logging messages from the `log` crate * Move update checking entirely into JS and open a modal if an update is available * Fix formatjs on Windows and run formatjs * Add in the buttons and body * Fix lint * Show update size in modal * Fix update not being rechecked if the update modal was directly dismissed * Slight UI tweaks * Fix lint * Implement skipping the update * Implement the Update Now button * Implement updating at next exit * Turn download progress into an error bar on failure * Restore 5 minute update check instead of 30 seconds * Fix PendingUpdateData being seen as a unit struct * Fix lint * Make CI also lint updater code * feat: create AppearingProgressBar component * feat: polish update available modal * feat: add error handling * Open changelog with tauri-plugin-opener * Run intl:extract * Update completion toasts (#3978) * Use single LAUNCHER_USER_AGENT constant for all user agents * Fix build on Mac * Request the update size with HEAD instead of GET * UI tweaks * lint * Fix lint * fix: hide modal header & add "Hide update reminder" button w/ tooltip * Run intl:extract * fix: lint issues * fix: merge issues * notifications.js no longer exists * Add metered network checking * Add a timeout to macOS is_network_metered * Fix tauri.conf.json * vibe debugging * Set a dispatch queue * Have a popup that asks you if you'd like to disable automatic file downloads if you're on a metered network * Move UpdateModal to modal package * Fix lint * Add a toggle for automatic downloads * Fix type Co-authored-by: Alejandro González <7822554+AlexTMjugador@users.noreply.github.com> Signed-off-by: Josiah Glosson <soujournme@gmail.com> * Redo updating UI and experience * lint * fix unlistener issue * remove unneeded translation keys * Fix expose issue * temp disable cranelift, tweak some messages * change version back * Clean up App.vue * move toast to top right * update reload icon * Fixed the bug!!!!!!!!!!!! * improve messages * intl:extract * Add liquid glass icon file * not you! * use dependency injection * lint on apple icon * Fix imports, move download size to button * change update check back to 5 mins * lint + move to providers * intl:extract --------- Signed-off-by: Cal H. <hendersoncal117@gmail.com> Signed-off-by: Josiah Glosson <soujournme@gmail.com> Co-authored-by: Calum <calum@modrinth.com> Co-authored-by: Prospector <prospectordev@gmail.com> Co-authored-by: Cal H. <hendersoncal117@gmail.com> Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com> Co-authored-by: Alejandro González <7822554+AlexTMjugador@users.noreply.github.com>
2025-09-29 09:28:31 -06:00
parent f6f66a313f
commit a538b99c18
49 changed files with 1487 additions and 284 deletions
--- a/apps/app-frontend/src/providers/download-progress.ts
+++ b/apps/app-frontend/src/providers/download-progress.ts
@@ -0,0 +1,36 @@
+import { createContext } from '@modrinth/ui'
+import type { Ref } from 'vue'
+
+import { loading_listener } from '@/helpers/events'
+
+export interface AppDownloadProgressContext {
+	progress: Ref<number>
+	version: Ref<string | undefined>
+}
+
+/* returns unlisten function */
+export async function subscribeToDownloadProgress(
+	context: AppDownloadProgressContext,
+	version: string,
+) {
+	return await loading_listener(
+		(event: {
+			event: {
+				type: 'launcher_update'
+				version: string
+			}
+			fraction?: number
+		}) => {
+			if (event.event.type === 'launcher_update') {
+				if (!version || event.event.version === version) {
+					context.progress.value = event.fraction ?? 1.0
+					context.version.value = event.event.version
+					console.log(`Progress: ${context.progress.value} ${context.version.value}`)
+				}
+			}
+		},
+	)
+}
+
+export const [injectAppUpdateDownloadProgress, provideAppUpdateDownloadProgress] =
+	createContext<AppDownloadProgressContext>('root', 'appUpdateDownloadProgress')