export function getPageInfo() {
	const viewport_width = window.innerWidth
	const viewport_height = window.innerHeight

	const page_width = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth || 0)
	const page_height = Math.max(
		document.documentElement.scrollHeight,
		document.body.scrollHeight || 0
	)

	const scroll_x = window.scrollX || window.pageXOffset || document.documentElement.scrollLeft || 0
	const scroll_y = window.scrollY || window.pageYOffset || document.documentElement.scrollTop || 0

	const pixels_below = Math.max(0, page_height - (window.innerHeight + scroll_y))
	const pixels_right = Math.max(0, page_width - (window.innerWidth + scroll_x))

	return {
		// Current viewport dimensions
		viewport_width,
		viewport_height,

		// Total page dimensions
		page_width,
		page_height,

		// Current scroll position
		scroll_x,
		scroll_y,

		pixels_above: scroll_y,
		pixels_below,

		pages_above: viewport_height > 0 ? scroll_y / viewport_height : 0,
		pages_below: viewport_height > 0 ? pixels_below / viewport_height : 0,
		total_pages: viewport_height > 0 ? page_height / viewport_height : 0,

		current_page_position: scroll_y / Math.max(1, page_height - viewport_height),

		pixels_left: scroll_x,
		pixels_right,
	}
}