import {z} from 'zod'

export type ComponentDistribution = {type: 'docker' | 'slug', image: string, registrySecretId?: string | undefined} | {type: 'docker' | 'slug', slugUrl: string};

export type Owner = {id: string, type: string};

export type MutableComponent = {name: string, description?: string | undefined, id?: string | undefined, access?: ('private' | 'public') | undefined, applicationUid?: string | undefined, logo?: string | undefined, descriptor?: Record<string, never> | undefined, distribution: ComponentDistribution, isGlobal?: boolean | undefined, active?: boolean | undefined, owners?: Array<Owner> | undefined};

export type CreateApiComponentsArgs = {body: MutableComponent};

export type CreateApiComponentsOptions = {baseUrl: string, bearerAuth?: string | undefined, fetch?: typeof fetch | undefined};

export const componentDistribution = z.union([z.object({type: z.enum(["docker", "slug"]), image: z.string(), registrySecretId: z.string().optional()}), z.object({type: z.enum(["docker", "slug"]), slugUrl: z.string()})]);

export const owner = z.object({id: z.string(), type: z.string()});

export const mutableComponent = z.object({name: z.string(), description: z.string().optional(), id: z.string().optional(), access: z.enum(["private", "public"]).optional(), applicationUid: z.string().optional(), logo: z.string().optional(), descriptor: z.object({}).optional(), distribution: componentDistribution, isGlobal: z.boolean().optional(), active: z.boolean().optional(), owners: z.array(owner).optional()});

export const createApiComponentsResponse = z.object({data: mutableComponent.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
};

/**
 * Create a component
 * 
 * POST /components/
 */
export const createApiComponents = async (args: CreateApiComponentsArgs, options: CreateApiComponentsOptions) => {
const {baseUrl, fetch: fetchFn = fetch, bearerAuth} = options ?? {}

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

if (bearerAuth !== undefined) headers.set('authorization', `Bearer ${bearerAuth}`)

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