64 lines
1.3 KiB
TypeScript
64 lines
1.3 KiB
TypeScript
import { gql } from 'graphql-request'
|
|
import { gqlFetcher } from '../networkHelpers'
|
|
import {
|
|
Highlight,
|
|
highlightFragment,
|
|
HighlightType,
|
|
} from './../fragments/highlightFragment'
|
|
|
|
export type CreateHighlightInput = {
|
|
id: string
|
|
shortId: string
|
|
articleId: string
|
|
|
|
prefix?: string
|
|
suffix?: string
|
|
quote?: string
|
|
html?: string
|
|
annotation?: string
|
|
|
|
patch?: string
|
|
|
|
highlightPositionPercent?: number
|
|
highlightPositionAnchorIndex?: number
|
|
|
|
type?: HighlightType
|
|
}
|
|
|
|
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 {
|
|
...HighlightFields
|
|
}
|
|
}
|
|
|
|
... on CreateHighlightError {
|
|
errorCodes
|
|
}
|
|
}
|
|
}
|
|
${highlightFragment}
|
|
`
|
|
|
|
try {
|
|
const data = await gqlFetcher(mutation, { input })
|
|
const output = data as CreateHighlightOutput | undefined
|
|
return output?.createHighlight.highlight
|
|
} catch {
|
|
return undefined
|
|
}
|
|
}
|