Rocketmc/apps/frontend/src/utils/fetch-helpers.ts

function segmentData<T>(data: T[], segmentSize: number): T[][] {
	return data.reduce((acc: T[][], curr, index) => {
		const segment = Math.floor(index / segmentSize)

		if (!acc[segment]) {
			acc[segment] = []
		}
		acc[segment].push(curr)
		return acc
	}, [])
}

export function fetchSegmented<T>(
	data: T[],
	createUrl: (ids: T[]) => string,
	options = {},
	segmentSize = 800,
): Promise<any> {
	return Promise.all(
		segmentData(data, segmentSize).map((ids) => useBaseFetch(createUrl(ids), options)),
	).then((results) => results.flat())
}

export function fetchSegmentedWith<TId, TResult>(
	data: TId[],
	fetchFn: (ids: TId[]) => Promise<TResult[]>,
	segmentSize = 800,
): Promise<TResult[]> {
	return Promise.all(segmentData(data, segmentSize).map((ids) => fetchFn(ids))).then((results) =>
		results.flat(),
	)
}

export function asEncodedJsonArray<T>(data: T[]): string {
	return encodeURIComponent(JSON.stringify(data))
}