1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
import schema from "../utils/schema.js"
import metadata from "../metadata.js"
import Base, { content } from "./Base.js"
import h from "./header.js"
import slugify from "@sindresorhus/slugify"
import { c } from "./vdom.js"
import type { PageI } from "./Page.js"
import { article, small, time, span, a, p, div } from "./html.js"
export var posts: ReturnType<typeof Post>[] = []
interface PostI extends Omit<PageI, "url"> {
title: string,
description: string,
date_pub: Date,
date_mod?: Date
}
export default function Post<Type extends PostI>(data: Type): ReturnType<typeof Base<Type & {url: string;}>> {
var args = {
...data,
content() {
var { date_mod, title, date_pub, description } = this
return c(article, { itemscope: true, itemtype: schema("BlogPosting") },
c(h, { level: 1, itemprop: "headline" }, title),
c(small, {},
...(date_mod ? [
c(time, { datetime: date_mod.toISOString(), itemprop: "dateModified" }, date_mod.toDateString()),
"- Modified "
] : []),
c(time, { datetime: date_pub.toISOString(), itemprop: "datePublished" }, date_pub.toDateString())
, " - ",
c(span, { itemprop: "author", itemscope: true, itemtype: schema("Person") },
c(a, { href: metadata.author.url, rel: "author", itemprop: "url" },
c(span, { itemprop: "name" }, metadata.author.name))
),
c(p, { itemprop: "abstract" }, description)
),
c(div, { itemprop: "articleBody" }, c(content, { data }))
)
},
url: `/posts/${slugify(data.title)}`
}
const post = Base(args)
posts.push(post)
return post
}
|
