import Renderer , {File} from "../renderer.js"
import fs from 'fs'
import path from 'path'
import matter from 'gray-matter'

export default class Html implements Renderer {
  name = "html"
  fileExtensions = ["htm", "html"]

  loadAsHTML(filePath: string): File {
    const fileContents = fs.readFileSync(path.join("./", filePath), 'utf8')
    const { data: metadata, content: htmlContent } = matter(fileContents)

    return {
        data: metadata,
        html: htmlContent 
    }
  }
}