markblog/components/Post.ts

import matter from 'gray-matter'

interface PostInterface {
	slug: string
	title: string
	content: any
}

export interface PostHeader {
	title: string
	id: string
	category: string
	image?: string
	imageAlt?: string
	date: Date
	url?: string
	tags?: Array<string>
	modifiedDate?: Date
	short?: string
}

export default class Post implements PostInterface {

	public slug: string
	public title: string = ''
	public content: string = ''
	public isStarted = false

	public header?: PostHeader

	public constructor(slug: string) {
		this.slug = slug
	}

	public static async fetchAll(): Promise<Array<Post>> {
		const files: Array<string> = ((require as any).context('../posts', true, /\.md$/)).keys()
		const posts: Array<Post> = []
		console.log(files)
		for (const file of files) {
			posts.push(new Post(file.replace('./', '')))
		}
		return posts
	}


	public async fetch() {
		const content = await import(`../posts/${this.slug}`)
		const md = matter(content.default)
		this.title = md.data.title
		this.header = (md.data as PostHeader)
		this.content = md.content
	}

	public fetchSync() {
		const content = require(`../posts/${this.slug}`)
		const md = matter(content.default)
		this.title = md.data.title
		this.header = (md.data as PostHeader)
		this.content = md.content
	}
}