import {z} from 'zod'

export type FetchStealthMode = 'none' | 'auto' | 'ultra';

export type FetchOutputMarkdown = {type: 'markdown'};

export type FetchOutputHtml = {type: 'html'};

export type FetchOutputLinks = {type: 'links'};

export type FetchScreenshotFormat = 'jpeg' | 'png' | 'webp';

export type FetchOutputScreenshot = {fullPage?: boolean | undefined, format?: FetchScreenshotFormat | undefined, cropToContent?: boolean | undefined, cropToContentMaxHeight?: number | undefined, cropToContentMinHeight?: number | undefined, type: 'screenshot'};

export type FetchOutputJson = {schema?: Record<string, never> | undefined, prompt?: string | undefined, type: 'json'};

export type FetchOutputBranding = {type: 'branding'};

export type FetchSanitizeMode = 'none' | 'basic' | 'advanced';

export type FetchStorageStateOptions = {localStorage?: {[key: string]: string} | undefined, sessionStorage?: {[key: string]: string} | undefined};

export type FetchOutputOptions = {formats?: (Array<FetchOutputMarkdown | FetchOutputHtml | FetchOutputLinks | FetchOutputScreenshot | FetchOutputJson | FetchOutputBranding | 'markdown' | 'html' | 'links' | 'screenshot' | 'branding'>) | undefined, sanitize?: FetchSanitizeMode | undefined, includeSelectors?: Array<string> | undefined, excludeSelectors?: Array<string> | undefined, storageState?: FetchStorageStateOptions | undefined};

export type ScreenConfig = {width?: number | undefined, height?: number | undefined};

export type FetchBrowserLocationOptions = {country?: string | undefined, state?: string | undefined, city?: string | undefined};

export type FetchBrowserOptions = {screen?: ScreenConfig | undefined, profileId?: string | undefined, solveCaptchas?: string | undefined, location?: FetchBrowserLocationOptions | undefined};

export type FetchWaitUntil = 'load' | 'domcontentloaded' | 'networkidle';

export type FetchNavigationOptions = {waitUntil?: FetchWaitUntil | undefined, timeoutMs?: number | undefined, waitFor?: number | undefined};

export type FetchCacheOptions = {maxAgeSeconds?: number | undefined};

export type FetchParams = {url: string, stealth?: FetchStealthMode | undefined, outputs?: FetchOutputOptions | undefined, browser?: FetchBrowserOptions | undefined, navigation?: FetchNavigationOptions | undefined, cache?: FetchCacheOptions | undefined};

export type CreateApiApiWebFetchArgs = {body: FetchParams};

export type CreateApiApiWebFetchOptions = {baseUrl?: string | undefined, ApiKeyAuth?: string | undefined, fetch?: typeof fetch | undefined};

export const fetchStatus = z.enum(["completed", "failed", "pending", "running"]);

export const brandingProfile = z.object({colorScheme: z.string().optional(), colors: z.object({}).optional(), fonts: z.array(z.object({family: z.string().optional(), role: z.string().optional()})).optional(), typography: z.object({}).optional(), spacing: z.object({}).optional(), components: z.object({}).optional(), images: z.object({}).optional(), personality: z.object({}).optional(), designSystem: z.object({}).optional(), confidence: z.object({}).optional()});

export const fetchResponseData = z.object({metadata: z.record(z.string(), z.union([z.string(), z.array(z.string())])).optional(), html: z.string().optional(), markdown: z.string().optional(), links: z.array(z.string()).optional(), screenshot: z.string().optional(), json: z.object({}).optional(), branding: brandingProfile.optional()});

export const fetchResponse = z.object({jobId: z.string(), status: fetchStatus, error: z.string().nullable().optional(), data: fetchResponseData.optional()});

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
};

/**
 * Fetch a web page
 * 
 * POST /api/web/fetch
 */
export const createApiApiWebFetch = async (args: CreateApiApiWebFetchArgs, options?: CreateApiApiWebFetchOptions) => {
const {baseUrl = "https://api.hyperbrowser.ai", fetch: fetchFn = fetch, ApiKeyAuth} = options ?? {}

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

if (ApiKeyAuth !== undefined) headers.set("x-api-key", ApiKeyAuth)

const url = `${baseUrl.replace(/\/+$/, '')}/api/web/fetch${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(fetchResponse, await res.json())
};