111 lines
3.2 KiB
TypeScript
111 lines
3.2 KiB
TypeScript
import { ContentfulClientApi, createClient } from 'contentful';
|
|
import moment from 'moment';
|
|
import { SideMenuItem } from '../state/navigation';
|
|
import { IAuthor, IFigureImage, IPost, ISplitPage } from '../types/cms';
|
|
|
|
export class CmsApi {
|
|
client: ContentfulClientApi;
|
|
|
|
constructor() {
|
|
this.client = createClient({
|
|
space: process.env.CONTENTFUL_SPACE_ID,
|
|
accessToken: process.env.CONTENTFUL_ACCESS_TOKEN,
|
|
});
|
|
}
|
|
|
|
public async fetchBlogEntries(): Promise<Array<IPost>> {
|
|
return this.client
|
|
.getEntries({
|
|
content_type: 'post', // only fetch blog post entry
|
|
})
|
|
.then(entries => {
|
|
if (entries && entries.items && entries.items.length > 0) {
|
|
const blogPosts = entries.items.map(entry => this.convertPost(entry));
|
|
return blogPosts;
|
|
}
|
|
return [];
|
|
});
|
|
}
|
|
|
|
public async fetchBlogById(id): Promise<IPost> {
|
|
return this.client.getEntry(id).then(entry => {
|
|
if (entry) {
|
|
const post = this.convertPost(entry);
|
|
return post;
|
|
}
|
|
return null;
|
|
});
|
|
}
|
|
|
|
public async fetchPageById(id: SideMenuItem): Promise<ISplitPage> {
|
|
return this.client.getEntry(id).then(entry => {
|
|
if (entry) {
|
|
console.log('cms ➡️ entry:', entry);
|
|
// return this.convertPage(entry);
|
|
}
|
|
return null;
|
|
});
|
|
}
|
|
|
|
public async fetchBlogBySlug(slug: string): Promise<IPost> {
|
|
return this.client
|
|
.getEntries({
|
|
content_type: 'post',
|
|
'fields.slug[in]': slug,
|
|
})
|
|
.then(entries => {
|
|
console.log('blog ➡️ entries:', entries);
|
|
if (entries && entries.items && entries.items.length > 0) {
|
|
const post = this.convertPost(entries.items[0]);
|
|
return post;
|
|
}
|
|
return null;
|
|
});
|
|
}
|
|
|
|
public convertImage = (rawImage): IFigureImage =>
|
|
rawImage
|
|
? {
|
|
imageUrl: rawImage.file.url.replace('//', 'http://'), // may need to put null check as well here
|
|
description: rawImage.description ?? null,
|
|
title: rawImage.title ?? null,
|
|
}
|
|
: null;
|
|
|
|
public convertAuthor = (rawAuthor): IAuthor =>
|
|
rawAuthor
|
|
? {
|
|
name: rawAuthor.name,
|
|
avatar: this.convertImage(rawAuthor.avatar.fields),
|
|
shortBio: rawAuthor.shortBio,
|
|
position: rawAuthor.position,
|
|
email: rawAuthor.email,
|
|
twitter: rawAuthor?.twitter ?? null,
|
|
facebook: rawAuthor.facebook ?? null,
|
|
github: rawAuthor.github ?? null,
|
|
}
|
|
: null;
|
|
|
|
public convertPost = (rawData): IPost => {
|
|
const rawPost = rawData.fields;
|
|
const rawFeatureImage = rawPost?.featureImage
|
|
? rawPost?.featureImage.fields
|
|
: null;
|
|
const rawAuthor = rawPost.author ? rawPost.author.fields : null;
|
|
|
|
console.log('blog ➡️ author', rawAuthor);
|
|
|
|
return {
|
|
id: rawData.sys.id,
|
|
body: rawPost.body,
|
|
subtitle: rawPost.subtitle,
|
|
publishedDate: moment(rawPost.publishedDate).format('DD MMM YYYY'),
|
|
slug: rawPost.slug,
|
|
tags: rawPost?.tags ?? [],
|
|
title: rawPost.title,
|
|
featureImage: this.convertImage(rawFeatureImage),
|
|
author: this.convertAuthor(rawAuthor),
|
|
};
|
|
};
|
|
}
|