6daa599b76
This will let us handle the mutations differently on native iOS and should help in avoiding making web calls directly from the web view, so we can avoid CORs and introduce a caching layer.
76 lines
1.4 KiB
TypeScript
76 lines
1.4 KiB
TypeScript
import { gql } from 'graphql-request'
|
|
import { gqlFetcher } from '../networkHelpers'
|
|
import { Highlight } from './../fragments/highlightFragment'
|
|
|
|
export 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
|
|
}
|
|
`
|