import {z} from 'zod'

export type TightenRect = {x0: number, y0: number, x1: number, y1: number};

export type TightenRegion = {entity_id: string, bbox: TightenRect};

export type TightenTextBboxesRequest = {regions?: Array<TightenRegion> | undefined};

export type CreateApiApiV0ComponentsComponentIdSchematicTightenTextBboxesArgs = {component_id: string, vc_id: string, body: TightenTextBboxesRequest};

export type CreateApiApiV0ComponentsComponentIdSchematicTightenTextBboxesOptions = {baseUrl: string, HTTPBearer?: string | undefined, fetch?: typeof fetch | undefined};

export const tightenRect = z.object({x0: z.number(), y0: z.number(), x1: z.number(), y1: z.number()});

export const tightenResultModel = z.object({entity_id: z.string(), original_bbox: tightenRect, bbox: tightenRect, changed: z.boolean()});

export const tightenTimings = z.object({fetch_ms: z.number().int(), decode_ms: z.number().int(), tighten_ms: z.number().int(), total_ms: z.number().int()});

export const tightenTextBboxesResponse = z.object({result: z.array(tightenResultModel), timings: tightenTimings, image_width: z.number().int(), image_height: z.number().int()});

export const validateResponse = async <Output>(
  schema: {
    readonly '~standard': {
      readonly validate: (value: unknown) => ({ readonly value: Output; readonly issues?: undefined } | { readonly issues: ReadonlyArray<{ readonly message: string; readonly path?: ReadonlyArray<PropertyKey | { readonly key: PropertyKey }> | undefined }> }) | Promise<{ readonly value: Output; readonly issues?: undefined } | { readonly issues: ReadonlyArray<{ readonly message: string; readonly path?: ReadonlyArray<PropertyKey | { readonly key: PropertyKey }> | undefined }> }>
    }
  },
  value: unknown
): Promise<Output> => {
  const result = await schema['~standard'].validate(value)

  if (result.issues !== undefined) {
    const detail = result.issues
      .map(({ message, path }) =>
        path?.length
          ? `${path.map((segment) => String(typeof segment === 'object' ? segment.key : segment)).join('.')}: ${message}`
          : message
      )
      .join('; ')

    throw new Error(`Response does not match the schema: ${detail}`, { cause: { issues: result.issues } })
  }

  return result.value
};

/**
 * Propose tightened schematic text bounding boxes
 * 
 * POST /api/v0/components/{component_id}/schematic/tighten-text-bboxes
 */
export const createApiApiV0ComponentsComponentIdSchematicTightenTextBboxes = async (args: CreateApiApiV0ComponentsComponentIdSchematicTightenTextBboxesArgs, options: CreateApiApiV0ComponentsComponentIdSchematicTightenTextBboxesOptions) => {
const {baseUrl, fetch: fetchFn = fetch, HTTPBearer} = options ?? {}

const query = new URLSearchParams()
const headers = new Headers()
headers.set('content-type', "application/json")
headers.set('accept', "application/json")

if (args.vc_id != null) query.append("vc_id", String(args.vc_id))
if (HTTPBearer !== undefined) headers.set('authorization', `Bearer ${HTTPBearer}`)

const url = `${baseUrl.replace(/\/+$/, '')}/api/v0/components/${encodeURIComponent(String(args.component_id))}/schematic/tighten-text-bboxes${query.size > 0 ? `?${query}` : ''}`

const res = await fetchFn(url, {method: "POST", headers, body: JSON.stringify(args.body)})

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

return validateResponse(tightenTextBboxesResponse, await res.json())
};