import {z} from 'zod'

export type DashboardCreateSchema = {projectId?: string | undefined, name: string, description?: string | undefined, isArchived?: boolean | undefined, labels?: (Array<{id?: string | undefined}>) | undefined, dashboardViewConfig?: Record<string, never> | undefined, pageTitle?: string | undefined, pageDescription?: string | undefined, logoFileId?: string | undefined, darkThemeLogoFileId?: string | undefined, faviconFileId?: string | undefined, theme?: ('Light' | 'Dark' | 'System') | undefined, isPublicDashboard?: boolean | undefined, enableMasterPassword?: boolean | undefined, masterPassword?: string | undefined, ipWhitelist?: string | undefined};

export type CreateApiDashboardArgs = {body: {data: DashboardCreateSchema}};

export type CreateApiDashboardOptions = {baseUrl?: string | undefined, ApiKey?: string | undefined, fetch?: typeof fetch | undefined};

export const dashboardReadSchema = z.object({_id: z.string().optional(), createdAt: z.object({}).optional(), updatedAt: z.object({}).optional(), deletedAt: z.object({}).optional(), projectId: z.string().optional(), name: z.string(), slug: z.string().optional(), description: z.string().optional(), createdByUserId: z.string().optional(), deletedByUserId: z.string().optional(), isArchived: z.boolean().optional(), archivedAt: z.object({}).optional(), archivedByUserId: z.string().optional(), labels: z.array(z.object({id: z.string().optional()})).optional(), dashboardViewConfig: z.object({}).optional(), pageTitle: z.string().optional(), pageDescription: z.string().optional(), logoFileId: z.string().optional(), darkThemeLogoFileId: z.string().optional(), faviconFileId: z.string().optional(), theme: z.enum(["Light", "Dark", "System"]).optional(), isPublicDashboard: z.boolean().optional(), enableMasterPassword: z.boolean().optional(), masterPassword: z.string().optional(), ipWhitelist: z.string().optional()});

export const createApiDashboardResponse = z.object({data: dashboardReadSchema.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 Dashboard
 * 
 * POST /dashboard
 */
export const createApiDashboard = async (args: CreateApiDashboardArgs, options?: CreateApiDashboardOptions) => {
const {baseUrl = "https://oneuptime.com/api", fetch: fetchFn = fetch, ApiKey} = options ?? {}

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

if (ApiKey !== undefined) headers.set("APIKey", ApiKey)

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