87 lines
2.3 KiB
JavaScript
87 lines
2.3 KiB
JavaScript
"use strict";
|
|
|
|
|
|
|
|
// I M P O R T S
|
|
|
|
import fm from "front-matter";
|
|
import fs from "graceful-fs";
|
|
import html from "choo/html";
|
|
import raw from "choo/html/raw";
|
|
|
|
// U T I L S
|
|
|
|
import markdown from "@component/markdown";
|
|
import page404 from "./404";
|
|
|
|
|
|
|
|
// E X P O R T
|
|
|
|
export default (state, emit) => { // eslint-disable-line
|
|
const partialPath = state.route === "resources/*" ?
|
|
`resources/${state.params.wildcard}` :
|
|
state.params.wildcard;
|
|
|
|
const path = `./documents/${partialPath}.md`;
|
|
|
|
if (!fs.existsSync(path))
|
|
return page404();
|
|
|
|
const markdownFile = fs.readFileSync(path, "utf-8");
|
|
const markdownFileDetails = fm(markdownFile);
|
|
|
|
if (markdownFileDetails.attributes.meta) {
|
|
const customMetadata = {};
|
|
|
|
for (const key in markdownFileDetails.attributes.meta) {
|
|
if (markdownFileDetails.attributes.meta.hasOwnProperty(key)) {
|
|
customMetadata[Object.keys(markdownFileDetails.attributes.meta[key])[0]] =
|
|
markdownFileDetails.attributes.meta[key][Object.keys(markdownFileDetails.attributes.meta[key])[0]];
|
|
}
|
|
}
|
|
|
|
// below seems evil
|
|
state.lbry = customMetadata;
|
|
}
|
|
|
|
// below should be refactored into components
|
|
let pageScript = "";
|
|
|
|
if (partialPath === "glossary")
|
|
pageScript =
|
|
"<script>" +
|
|
fs.readFileSync(`${process.cwd()}/app/components/client/glossary-scripts.js`, "utf-8") +
|
|
"</script>";
|
|
|
|
if (partialPath === "overview")
|
|
pageScript =
|
|
"<script>" +
|
|
fs.readFileSync(`${process.cwd()}/app/components/client/ecosystem-scripts.js`, "utf-8") +
|
|
"</script>";
|
|
|
|
if (partialPath === "playground")
|
|
pageScript =
|
|
"<script>" +
|
|
fs.readFileSync(`${process.cwd()}/app/components/client/playground-scripts.js`, "utf-8") +
|
|
"</script>";
|
|
|
|
return html`
|
|
<article class="page" itemtype="http://schema.org/BlogPosting">
|
|
<header class="page__header">
|
|
<div class="page__header-wrap">
|
|
<div class="inner-wrap">
|
|
<h1 class="page__header__title" itemprop="name headline">${markdownFileDetails.attributes.title}</h1>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="page__content" itemprop="articleBody">
|
|
<div class="inner-wrap">
|
|
${markdown(path)}
|
|
${raw(pageScript)}
|
|
</div>
|
|
</section>
|
|
</article>
|
|
`;
|
|
};
|