suyono
/
blog-ts
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip: testing remark; trying to downgrade some libs

This commit is contained in:
Suyono 2024-05-09 22:31:01 +10:00
parent cbcf6a731b
commit 0ca7a97d26
4 changed files with 48 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/mark/page.tsx Normal file
View File

@ -0,0 +1,21 @@
import { MarkPostString } from '@/components/dummyPost';
import remarkGfm from "remark-gfm";
import rehypeSanitize from "rehype-sanitize";
import rehypeHighlight from "rehype-highlight";
import remarkRehype from "remark-rehype";
import remarkParse from "remark-parse";
import { unified } from 'unified';
import rehypeReact from "rehype-react";
import * as prod from 'react/jsx-runtime';
export default async function Mark() {
let content = await MarkPostString();
let result = unified()
.use(remarkParse)
.use(remarkGfm)
.use(remarkRehype)
.use(rehypeSanitize)
.use(rehypeHighlight)
.processSync(content)
}

4
app/post/[slug]/page.tsx
View File

@ -25,16 +25,14 @@ const options: HTMLReactParserOptions = {
export default async function Post({ params }: { params: { slug: string } }) { export default async function Post({ params }: { params: { slug: string } }) {
let content; let content;
const dummySlug = await DummyPostSlug(); const dummySlug = DummyPostSlug();
if (dummySlug === params.slug) { if (dummySlug === params.slug) {
content = await DummyPostString(); content = await DummyPostString();
// console.log(content);
} else { } else {
content = await getPost(params.slug); content = await getPost(params.slug);
} }
content = DOMPurify(new JSDOM("<!DOCTYPE html>").window).sanitize(content); content = DOMPurify(new JSDOM("<!DOCTYPE html>").window).sanitize(content);
// console.log(content)
const elem = parse(content, options); const elem = parse(content, options);
return ( return (

14
components/dummyPost.tsx
View File

@ -1,13 +1,21 @@
import { promises as fsp } from 'fs' import { readFile } from 'node:fs/promises';
export async function MarkPostString() {
let path = ""
if ('DUMMY_HTML_DIR' in process.env && typeof process.env.DUMMY_HTML_DIR === "string") {
path = process.env.DUMMY_HTML_DIR + "test1.md";
}
return await readFile(path, "utf-8")
}
export async function DummyPostString() { export async function DummyPostString() {
let path = "" let path = ""
if ('DUMMY_HTML_DIR' in process.env && typeof process.env.DUMMY_HTML_DIR === "string") { if ('DUMMY_HTML_DIR' in process.env && typeof process.env.DUMMY_HTML_DIR === "string") {
path = process.env.DUMMY_HTML_DIR + "test1.html"; path = process.env.DUMMY_HTML_DIR + "test1.html";
} }
return await fsp.readFile(path, "utf-8") return await readFile(path, "utf-8")
} }
export async function DummyPostSlug() { export function DummyPostSlug() {
return "dummy-post" return "dummy-post"
} }

15
dummies/test1.md Normal file
View File

@ -0,0 +1,15 @@
# Post Title
## Introduction
Hi there! Do you see me?
```go
import "fmt"
func main() {
fmt.Println("hello world")
}
```
That's the `hello world` code!