import { browser } from '$app/environment';
import { fetchDensity } from '$lib/document/timeline';
import type { PageLoad } from './$types';

export const load: PageLoad = async ({ url, fetch, data }) => {
	const view = url.searchParams.get('view');
	const isDesktop = browser && window.matchMedia('(min-width: 640px)').matches;
	const density = await fetchDensity(fetch, view, isDesktop);
	return { ...data, ...density };
};