From 3e89d2998588f8e35c524e523ba2ee853f0f6475 Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Mon, 20 Apr 2026 11:31:17 +0200 Subject: refactor: restructure files to their domains, new preview overlay system, and dep graph --- apps/web/src/blog/query.ts | 133 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 133 insertions(+) create mode 100644 apps/web/src/blog/query.ts (limited to 'apps/web/src/blog/query.ts') diff --git a/apps/web/src/blog/query.ts b/apps/web/src/blog/query.ts new file mode 100644 index 00000000..a7742db2 --- /dev/null +++ b/apps/web/src/blog/query.ts @@ -0,0 +1,133 @@ +import type { + MarbleAuthorList, + MarbleCategoryList, + Pagination, + MarblePost, + MarblePostList, + MarbleTagList, +} from "@/blog/types"; +import { unified } from "unified"; +import rehypeParse from "rehype-parse"; +import rehypeStringify from "rehype-stringify"; +import rehypeSlug from "rehype-slug"; +import rehypeAutolinkHeadings from "rehype-autolink-headings"; +import rehypeSanitize from "rehype-sanitize"; + +const url = + process.env.NEXT_PUBLIC_MARBLE_API_URL ?? "https://api.marblecms.com"; +const key = process.env.MARBLE_WORKSPACE_KEY ?? "cmd4iw9mm0006l804kwqv0k46"; + +const EMPTY_PAGINATION: Pagination = { + limit: 0, + currpage: 1, + nextPage: null, + prevPage: null, + totalItems: 0, + totalPages: 0, +}; + +const EMPTY_POSTS: MarblePostList = { + posts: [], + pagination: EMPTY_PAGINATION, +}; + +const EMPTY_TAGS: MarbleTagList = { + tags: [], + pagination: EMPTY_PAGINATION, +}; + +const EMPTY_CATEGORIES: MarbleCategoryList = { + categories: [], + pagination: EMPTY_PAGINATION, +}; + +const EMPTY_AUTHORS: MarbleAuthorList = { + authors: [], + pagination: EMPTY_PAGINATION, +}; + +function isMarbleConfigured() { + return ![ + "", + "placeholder", + "build-placeholder", + "your_workspace_key_here", + ].includes(key); +} + +async function fetchFromMarble({ + endpoint, + fallback, +}: { + endpoint: string; + fallback: T; +}): Promise { + if (!isMarbleConfigured()) { + return fallback; + } + + try { + const response = await fetch(`${url}/${key}/${endpoint}`); + if (!response.ok) { + console.warn( + `Failed to fetch ${endpoint}: ${response.status} ${response.statusText}`, + ); + return fallback; + } + return (await response.json()) as T; + } catch (error) { + console.error(`Error fetching ${endpoint}:`, error); + return fallback; + } +} + +export async function getPosts() { + return fetchFromMarble({ + endpoint: "posts", + fallback: EMPTY_POSTS, + }); +} + +export async function getTags() { + return fetchFromMarble({ + endpoint: "tags", + fallback: EMPTY_TAGS, + }); +} + +export async function getSinglePost({ slug }: { slug: string }) { + return fetchFromMarble({ + endpoint: `posts/${slug}`, + fallback: null, + }); +} + +export async function getCategories() { + return fetchFromMarble({ + endpoint: "categories", + fallback: EMPTY_CATEGORIES, + }); +} + +export async function getAuthors() { + return fetchFromMarble({ + endpoint: "authors", + fallback: EMPTY_AUTHORS, + }); +} + +export async function processHtmlContent({ + html, +}: { + html: string; +}): Promise { + const processor = unified() + .use(rehypeSanitize) + .use(rehypeParse, { fragment: true }) + .use(rehypeSlug) + .use(rehypeAutolinkHeadings, { behavior: "append" }) + .use(rehypeStringify); + + const file = await processor.process({ value: html, type: "html" }); + return String(file); +} -- cgit v1.3.1