-
Notifications
You must be signed in to change notification settings - Fork 26.1k
/
api.ts
120 lines (114 loc) · 2.51 KB
/
api.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
const POST_GRAPHQL_FIELDS = `
slug
title
coverImage {
url
}
date
author {
name
picture {
url
}
}
excerpt
content {
json
links {
assets {
block {
sys {
id
}
url
description
}
}
}
}
`;
async function fetchGraphQL(query: string, preview = false): Promise<any> {
return fetch(
`https://graphql.contentful.com/content/v1/spaces/${process.env.CONTENTFUL_SPACE_ID}`,
{
method: "POST",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${
preview
? process.env.CONTENTFUL_PREVIEW_ACCESS_TOKEN
: process.env.CONTENTFUL_ACCESS_TOKEN
}`,
},
body: JSON.stringify({ query }),
next: { tags: ["posts"] },
},
).then((response) => response.json());
}
function extractPost(fetchResponse: any): any {
return fetchResponse?.data?.postCollection?.items?.[0];
}
function extractPostEntries(fetchResponse: any): any[] {
return fetchResponse?.data?.postCollection?.items;
}
export async function getPreviewPostBySlug(slug: string | null): Promise<any> {
const entry = await fetchGraphQL(
`query {
postCollection(where: { slug: "${slug}" }, preview: true, limit: 1) {
items {
${POST_GRAPHQL_FIELDS}
}
}
}`,
true,
);
return extractPost(entry);
}
export async function getAllPosts(isDraftMode: boolean): Promise<any[]> {
const entries = await fetchGraphQL(
`query {
postCollection(where: { slug_exists: true }, order: date_DESC, preview: ${
isDraftMode ? "true" : "false"
}) {
items {
${POST_GRAPHQL_FIELDS}
}
}
}`,
isDraftMode,
);
return extractPostEntries(entries);
}
export async function getPostAndMorePosts(
slug: string,
preview: boolean,
): Promise<any> {
const entry = await fetchGraphQL(
`query {
postCollection(where: { slug: "${slug}" }, preview: ${
preview ? "true" : "false"
}, limit: 1) {
items {
${POST_GRAPHQL_FIELDS}
}
}
}`,
preview,
);
const entries = await fetchGraphQL(
`query {
postCollection(where: { slug_not_in: "${slug}" }, order: date_DESC, preview: ${
preview ? "true" : "false"
}, limit: 2) {
items {
${POST_GRAPHQL_FIELDS}
}
}
}`,
preview,
);
return {
post: extractPost(entry),
morePosts: extractPostEntries(entries),
};
}