Rocketmc/apps/app-frontend/src/providers/download-progress.ts

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')