XeNote/pages/notes/[id].tsx

68 lines
2.2 KiB
TypeScript
Raw Normal View History

2020-11-28 15:45:01 +00:00
import Head from "next/head";
2023-12-31 21:15:25 +00:00
import Layout from "components/Layout";
import Util from "lib/utils"
import FolderTree from "components/FolderTree";
import MDContent, { type LinkType } from "components/MDContent";
import type { GetStaticProps } from "next/types";
import type { ParsedUrlQuery } from "querystring";
interface HomeProps {
note: { title: string, data: string }
fileNames: string[]
content: string
tree: Record<string, unknown>
flattenNodes: unknown[]
2023-12-31 21:15:25 +00:00
backLinks: LinkType[]
}
export default function Home({ note, backLinks, fileNames: _, tree, flattenNodes }: HomeProps) {
2022-04-18 09:37:59 +00:00
2023-12-24 04:26:19 +00:00
return (
<Layout>
<Head>
{note.title && <meta name="title" content={note.title} />}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kimeiga/bahunya/dist/bahunya.min.css" />
<body style={{ margin: 0, padding: 0 }} /> </Head>
<div className='flex gap-1 w-full'>
<nav className="">
2023-12-24 04:26:19 +00:00
<FolderTree tree={tree} flattenNodes={flattenNodes} />
</nav>
<MDContent content={note.data} backLinks={backLinks} />
2023-12-24 04:26:19 +00:00
</div>
</Layout>
);
2020-11-28 15:45:01 +00:00
}
2020-11-28 15:45:01 +00:00
export async function getStaticPaths() {
const allPostsData = Util.getAllSlugs();
2023-12-24 04:26:19 +00:00
const paths = allPostsData.map(p => ({ params: { id: p } }))
2023-12-24 04:26:19 +00:00
return {
paths,
fallback: false
};
}
2023-12-24 04:26:19 +00:00
export const getStaticProps: GetStaticProps = (context) => {
const { nodes, edges }: { nodes: unknown[], edges: unknown[] } = Util.constructGraphData()
const { id } = context.params as ParsedUrlQuery & { id: string }
const note = Util.getSinglePost(id);
const tree = Util.convertObject(Util.getDirectoryData());
const flattenNodes = Util.getFlattenArray(tree)
2023-12-24 04:26:19 +00:00
const listOfEdges: unknown[] = edges.filter(anEdge => (anEdge as { target: string }).target === id)
const internalLinks: unknown[] = listOfEdges.map((anEdge) => nodes.find(aNode => (aNode as { slug: string }).slug === (anEdge as { source: string }).source)).filter(element => element !== undefined)
2023-12-24 04:26:19 +00:00
const backLinks = [...new Set(internalLinks)]
return {
props: {
note,
tree: tree,
flattenNodes: flattenNodes,
backLinks: backLinks.filter((link) => (link as { slug: string }).slug !== id),
2023-12-24 04:26:19 +00:00
},
};
2020-11-28 15:45:01 +00:00
}