export type GetApiImagesImageIdZXYOptions = {baseUrl?: string | undefined, key?: string | undefined, fetch?: typeof fetch | undefined};

/**
 * XYZ tiles
 * 
 * GET /images/{imageId}/{z}/{x}/{y}
 */
export const getApiImagesImageIdZXY = async (options?: GetApiImagesImageIdZXYOptions) => {
const {baseUrl = "https://api.maptiler.com", fetch: fetchFn = fetch, key} = options ?? {}

const query = new URLSearchParams()
const headers = new Headers()
headers.set('accept', "image/png")

if (key !== undefined) query.set("key", key)

const url = `${baseUrl.replace(/\/+$/, '')}/images/${encodeURIComponent(String(args.imageId))}/${encodeURIComponent(String(args.z))}/${encodeURIComponent(String(args.x))}/${encodeURIComponent(String(args.y))}${query.size > 0 ? `?${query}` : ''}`

const res = await fetchFn(url, {method: "GET", headers})

if (!res.ok) throw new Error(`Request failed with status ${res.status}`, {cause: {status: res.status, body: await res.text()}})

return res.blob()
};