♻️ Use front matter for handlebars

Author: AnandChowdhary

content/configuration/article-2.md

@@ -2,6 +2,10 @@
 emoji: 🛠️
 ---
 
-# Configuration
+# Getting started
 
-This will bring about some options
+Oswald Labs (formerly Oswald Foundation) is an India and Netherlands-based accessibility technology company that builds products for individuals with disabilities. It specializes in enterprise web accessibility, offers smartphone apps, and also runs a startup accelerator. It was established in 2016 by Anand Chowdhary, Nishant Gadihoke and Mahendra Raghuwanshi after their product, Oswald Extension, won an event at the AngelHack hackathon in New Delhi.
+
+In an interview with The Huffington Post, Chowdhary said that he believes "Oswald \[Labs] can enable a Web 4.0, a web centered around accessibility and equality". Oswald Labs is named in honor of Oswald Berkhan, the German physician who first identified dyslexia in 1881.
+
+Text from Wikipedia

content/configuration/index.md

@@ -1,6 +1,6 @@
 {
   "name": "@staart/site",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "module": "dist/module.js",
   "main": "dist/index.js",
   "bin": "./dist/index.js",

content/configuration/page-1.md

@@ -28,6 +28,8 @@ import { SitemapStream, streamToPromise } from "sitemap";
 import { StaartSiteConfig } from "./interfaces";
 import { getLastCommit, getGitHubRepoUrl } from "./github";
 import { parse as yaml } from "yaml";
+import frontMatter from "front-matter";
+import { FrontMatter } from "./interfaces";
 
 export const getTemplate = async () => {
   const result = await cached<string>("template", async () => {
@@ -280,6 +282,7 @@ const generatePage = async (path: string, content: string) => {
       }"  target="_blank">Edit on GitHub</a></p>`;
   }
   const template = compile(await getTemplate());
+  const attributes = frontMatter<FrontMatter>(content).attributes;
   const data: { [index: string]: any } = {
     ...(await getData()),
     content:
@@ -294,7 +297,8 @@ const generatePage = async (path: string, content: string) => {
         : `${await getTitle(content)} · ${(await getSiteMeta(
             "title",
             "name"
-          )) || "Staart Site"}`
+          )) || "Staart Site"}`,
+    ...attributes
   };
   for await (const key of Object.keys(data)) {
     if (typeof data[key] === "string")

content/getting-started/index.md

@@ -31,13 +31,13 @@
     <meta property="og:title" content="{{ metaTitle }}">
     {{#if description }}<meta name="description" content="{{ description }}">{{/if}}
     {{#if description }}<meta itemprop="description" content="{{ description }}">{{/if}}
-    {{#if heroImage }}<meta itemprop="image" content="{{ heroImage }}">{{/if}}
+    {{#if seoImage }}<meta itemprop="image" content="{{ seoImage }}">{{/if}}
     {{#if twitterPublisher }}<meta name="twitter:site" content="@{{ twitterPublisher }}">{{/if}}
     {{#if description }}<meta name="twitter:description" content="{{ description }}">{{/if}}
     {{#if twitterCreator }}<meta name="twitter:creator" content="@{{ twitterCreator }}">{{/if}}
-    {{#if heroImage }}<meta name="twitter:image:src" content="{{ heroImage }}">{{/if}}
+    {{#if seoImage }}<meta name="twitter:image:src" content="{{ seoImage }}">{{/if}}
     {{#if canonical }}<meta property="og:url" content="{{ canonical }}">{{/if}}
-    {{#if heroImage }}<meta property="og:image" content="{{ heroImage }}">{{/if}}
+    {{#if seoImage }}<meta property="og:image" content="{{ seoImage }}">{{/if}}
     {{#if description }}<meta property="og:description" content="{{ description }}">{{/if}}
     {{#if title }}<meta property="og:site_name" content="{{ title }}">{{/if}}
     {{#if publishedTime }}<meta property="article:published_time" content="{{ publishedTime }}">{{/if}}

package.json

@@ -38,7 +38,8 @@ export interface StaartSiteConfig {
 }
 
 export interface FrontMatter {
-  title?: string;
-  emoji?: string;
-  seoImage?: string;
+  title: string;
+  emoji: string;
+  seoImage: string;
+  [index: string]: string;
 }