import { gql } from 'graphql-request'
import { gqlFetcher } from '../networkHelpers'
import { Highlight } from './../fragments/highlightFragment'

type CreateHighlightInput = {
  prefix: string
  suffix: string
  quote: string
  id: string
  shortId: string
  patch: string
  articleId: string
}

type CreateHighlightOutput = {
  createHighlight: InnerCreateHighlightOutput
}

type InnerCreateHighlightOutput = {
  highlight: Highlight
}

export async function createHighlightMutation(
  input: CreateHighlightInput
): Promise<Highlight | undefined> {
  const mutation = gql`
    mutation CreateHighlight($input: CreateHighlightInput!) {
      createHighlight(input: $input) {
        ... on CreateHighlightSuccess {
          highlight {
            ...NewHighlight
          }
        }

        ... on CreateHighlightError {
          errorCodes
        }
      }
    }
    ${NewHighlightFragment}
  `

  try {
    const data = await gqlFetcher(mutation, { input })
    const output = data as CreateHighlightOutput | undefined
    return output?.createHighlight.highlight
  } catch {
    return undefined
  }
}

const NewHighlightFragment = gql`
  fragment NewHighlight on Highlight {
    id
    shortId
    quote
    prefix
    suffix
    patch
    createdAt
    updatedAt
    annotation
    sharedAt
    user {
      id
      name
      profile {
        id
        pictureUrl
        username
      }
    }
    createdByMe
  }
`