omnivore/packages/web/lib/networking/fragments/highlightFragment.ts

import { gql } from 'graphql-request'
import { LibraryItemNode } from '../queries/useGetLibraryItemsQuery'
import { Label } from './labelFragment'

export const highlightFragment = gql`
  fragment HighlightFields on Highlight {
    id
    type
    shortId
    quote
    prefix
    suffix
    patch
    color
    annotation
    createdByMe
    createdAt
    updatedAt
    sharedAt
    highlightPositionPercent
    highlightPositionAnchorIndex
    labels {
      id
      name
      color
      createdAt
    }
  }
`
export type HighlightType = 'HIGHLIGHT' | 'REDACTION' | 'NOTE'

export type Highlight = {
  id: string
  type: HighlightType
  shortId: string
  quote?: string
  prefix?: string
  suffix?: string
  patch: string
  annotation?: string
  createdByMe: boolean
  createdAt: string
  updatedAt: string
  sharedAt: string
  labels?: Label[]
  color?: string
  highlightPositionPercent?: number
  highlightPositionAnchorIndex?: number
  libraryItem?: LibraryItemNode
}

export type User = {
  id: string
  name: string
  profile: {
    id: string
    pictureUrl?: string
    username: string
  }
}