78 lines
1.6 KiB
TypeScript
78 lines
1.6 KiB
TypeScript
import { gql } from 'graphql-request'
|
|
import useSWRImmutable from 'swr'
|
|
import { makeGqlFetcher, RequestContext, ssrFetcher } from '../networkHelpers'
|
|
|
|
type ArticleQueryInput = {
|
|
username?: string
|
|
slug?: string
|
|
includeFriendsHighlights?: boolean
|
|
}
|
|
|
|
type ArticleData = {
|
|
article: NestedArticleData
|
|
}
|
|
|
|
type NestedArticleData = {
|
|
article: ArticleAttributes
|
|
errorCodes?: string[]
|
|
}
|
|
|
|
export type ArticleAttributes = {
|
|
id: string
|
|
originalHtml: string
|
|
}
|
|
|
|
const query = gql`
|
|
query GetArticle($username: String!, $slug: String!) {
|
|
article(username: $username, slug: $slug) {
|
|
... on ArticleSuccess {
|
|
article {
|
|
id
|
|
originalHtml
|
|
}
|
|
}
|
|
... on ArticleError {
|
|
errorCodes
|
|
}
|
|
}
|
|
}
|
|
`
|
|
|
|
export function useGetArticleOriginalHtmlQuery({
|
|
username,
|
|
slug,
|
|
}: ArticleQueryInput): string | undefined {
|
|
const variables = {
|
|
username,
|
|
slug,
|
|
}
|
|
|
|
const { data } = useSWRImmutable(
|
|
slug ? [query, username, slug] : null,
|
|
makeGqlFetcher(variables)
|
|
)
|
|
|
|
const resultData: ArticleData | undefined = data as ArticleData
|
|
console.log('RESULT', JSON.stringify(data))
|
|
|
|
return resultData?.article.article.originalHtml
|
|
}
|
|
|
|
export async function originalHtmlQuery(
|
|
context: RequestContext,
|
|
input: ArticleQueryInput
|
|
): Promise<string | undefined> {
|
|
const resultData = (await ssrFetcher(
|
|
context,
|
|
query,
|
|
input,
|
|
false
|
|
)) as ArticleData
|
|
console.log(JSON.stringify(resultData))
|
|
// if (resultData?.article.article.originalHtml) {
|
|
// return resultData?.article.article.originalHtml
|
|
// }
|
|
|
|
return Promise.reject()
|
|
}
|