mat/matdoesdev
1
0
Fork 0
mirror of https://github.com/mat-1/matdoesdev.git synced 2025-08-02 14:46:04 +00:00
Code Activity Actions

try to add blog post content to rss

Browse source
This commit is contained in:
mat 2024-01-10 17:35:51 -06:00
parent 6049310e2f
commit 53ec4745c1
5 changed files with 90 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/blog.ts
View file

@ -24,7 +24,7 @@ export async function listBlogPostSlugs(): Promise<string[]> {
)
}
interface BlogPost {
export interface BlogPost {
title: string
published: string
html: string

5
src/routes/(main)/+page.svelte
View file

@ -20,6 +20,11 @@
})
</script>
<svelte:head>
<link rel="alternate" type="application/rss+xml" title="RSS" href="/blog.rss" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="/blog.atom" />
</svelte:head>
<Head />
<div class="section-container">

74
src/routes/blog.json/+server.ts
View file

@ -1,80 +1,10 @@
import { getPost, listBlogPostSlugs } from '$lib/blog'
import { json, type RequestHandler } from '@sveltejs/kit'
import { getPostsUntrimmed } from './preview'
export const prerender = true
export interface BlogPostPreview {
title: string
published: string
html: string
css: string
slug: string
}
function cutOffAtLine(text: string, line: number) {
let row = 0
let column = 0
let inHtmlTag = false
for (let i = 0; i < text.length; i++) {
if (text[i] === '<') {
inHtmlTag = true
} else if (text[i] === '>') {
inHtmlTag = false
continue
}
if (text[i] === '\n') {
row++
column = 0
} else {
column++
}
if (column > 128 && !inHtmlTag) {
row++
column = 0
}
if (row >= line && !inHtmlTag) {
return text.slice(0, i) + '...'
}
}
return text
}
async function getPosts() {
const existingPosts: string[] = await listBlogPostSlugs()
const posts = (
await Promise.all(
existingPosts.map(async (slug): Promise<BlogPostPreview | null> => {
const blogPost = await getPost(slug)
// theoretically it's possible a blog post was deleted while we were reading the directory, so just ignore it if it's null
if (blogPost === null) return null
return {
title: blogPost.title,
published: blogPost.published,
// HACK: remove images, i WILL parse html with regex and you won't stop me
html: cutOffAtLine(
blogPost.html.replace(/<(img|iframe).+?\/?>|<\/?(img|iframe)>/g, ''),
6
),
css: blogPost.css,
slug: blogPost.slug,
}
})
)
)
.filter((p) => p)
.sort((a, b) => (new Date(a!.published) > new Date(b!.published) ? -1 : 1))
// typescript thinks posts is (BlogPostPreview | null)[] but it's not because of the .filter
return posts as BlogPostPreview[]
}
export const GET: RequestHandler = async () => {
const posts = await getPosts()
const posts = await getPostsUntrimmed()
return json(posts)
}

68
src/routes/blog.json/preview.ts Normal file
View file

@ -0,0 +1,68 @@
import { listBlogPostSlugs, type BlogPost, getPost } from '$lib/blog'
export interface BlogPostPreview {
title: string
published: string
html: string
css: string
slug: string
}
function cutOffAtLine(text: string, line: number) {
let row = 0
let column = 0
let inHtmlTag = false
for (let i = 0; i < text.length; i++) {
if (text[i] === '<') {
inHtmlTag = true
} else if (text[i] === '>') {
inHtmlTag = false
continue
}
if (text[i] === '\n') {
row++
column = 0
} else {
column++
}
if (column > 128 && !inHtmlTag) {
row++
column = 0
}
if (row >= line && !inHtmlTag) {
return text.slice(0, i) + '...'
}
}
return text
}
export async function getPostsUntrimmed(): Promise<BlogPost[]> {
const existingPosts: string[] = await listBlogPostSlugs()
const posts = (
await Promise.all(
existingPosts.map(async (slug): Promise<BlogPost | null> => {
return await getPost(slug)
})
)
)
.filter((p) => p)
.sort((a, b) => (new Date(a!.published) > new Date(b!.published) ? -1 : 1))
// typescript thinks posts is (BlogPost | null)[] but it's not because of the .filter
return posts as BlogPost[]
}
export async function getPosts() {
const posts = await getPostsUntrimmed()
return posts.map((p) => ({
title: p.title,
published: p.published,
// HACK: remove images, i WILL parse html with regex and you won't stop me
html: cutOffAtLine(p.html.replace(/<(img|iframe).+?\/?>|<\/?(img|iframe)>/g, ''), 6),
css: p.css,
slug: p.slug,
}))
}

17
src/routes/blog.rss/+server.ts
View file

@ -1,16 +1,27 @@
import type { RequestHandler } from '@sveltejs/kit'
import type { BlogPostPreview } from '../blog.json/+server'
import { getPostsUntrimmed } from '../blog.json/preview'
import type { BlogPost } from '$lib/blog'
export const prerender = true
export const GET: RequestHandler = async ({ fetch }) => {
const posts = (await fetch('/blog.json').then((r) => r.json())) as BlogPostPreview[]
function item(post: BlogPostPreview) {
const posts = await getPostsUntrimmed()
function item(post: BlogPost) {
const escapedPostHtml = post.html
.replace(/&/g, '&amp;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;')
return `
<item>
<title>${post.title}</title>
<link>https://matdoes.dev/${post.slug}</link>
<pubDate>${post.published}</pubDate>
<description>
${escapedPostHtml}
&lt;style&gt;
${post.css}
&lt;/style&gt;
</description>
</item>
`
}