From 940eae61767214eb1ee573284dc8b5876d536fb3 Mon Sep 17 00:00:00 2001 From: nsfisis Date: Sun, 12 Jan 2025 19:44:19 +0900 Subject: refactor(blog/nuldoc): convert pages/*.ts to TSX --- vhosts/blog/nuldoc-src/pages/post_list.tsx | 53 ++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 vhosts/blog/nuldoc-src/pages/post_list.tsx (limited to 'vhosts/blog/nuldoc-src/pages/post_list.tsx') diff --git a/vhosts/blog/nuldoc-src/pages/post_list.tsx b/vhosts/blog/nuldoc-src/pages/post_list.tsx new file mode 100644 index 00000000..2d32636f --- /dev/null +++ b/vhosts/blog/nuldoc-src/pages/post_list.tsx @@ -0,0 +1,53 @@ +import GlobalFooter from "../components/GlobalFooter.tsx"; +import { renderToDOM } from "../jsx/render.ts"; +import GlobalHeader from "../components/GlobalHeader.tsx"; +import PageLayout from "../components/PageLayout.tsx"; +import PostPageEntry from "../components/PostPageEntry.tsx"; +import { Config } from "../config.ts"; +import { el } from "../dom.ts"; +import { Page } from "../page.ts"; +import { dateToString } from "../revision.ts"; +import { getPostPublishedDate, PostPage } from "./post.tsx"; + +export type PostListPage = Page; + +export async function generatePostListPage( + posts: PostPage[], + config: Config, +): Promise { + const pageTitle = "投稿一覧"; + + const html = await renderToDOM( + + + +
+
+

{pageTitle}

+
+ {Array.from(posts).sort((a, b) => { + const ta = dateToString(getPostPublishedDate(a)); + const tb = dateToString(getPostPublishedDate(b)); + if (ta > tb) return -1; + if (ta < tb) return 1; + return 0; + }).map((post) => )} +
+ + + , + ); + + return { + root: el("__root__", {}, html), + renderer: "html", + destFilePath: "/posts/index.html", + href: "/posts/", + }; +} -- cgit v1.2.3-70-g09d2