Add (custom) og img for sponsors page

webpro-nl · Jun 18, 2024 · d89ec12 · d89ec12
1 parent 3a41f8e
commit d89ec12
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/docs/src/components/Head.astro b/packages/docs/src/components/Head.astro
@@ -5,7 +5,7 @@ import type { Props } from '@astrojs/starlight/props';
 const slug = Astro.props.slug;
 const url = new URL(Astro.url);
 url.pathname = `/og/docs${slug ? `/${slug}` : ''}.webp`;
-url.searchParams.append('v', '2');
+url.searchParams.append('v', '3');
 ---
 
 <Default {...Astro.props} />

diff --git a/packages/docs/src/pages/og/[...route].ts b/packages/docs/src/pages/og/[...route].ts
@@ -42,10 +42,15 @@ const getPages = async () => {
     const imagePath = filePath.replace(/^\/src\/content\//, '').replace(/(\/index)?\.(md|mdx)$/, '.webp');
     pages[imagePath] = page;
   }
+
+  pages['docs/sponsors.webp'] = {
+    frontmatter: { title: 'Become a sponsor!', description: 'Become a sponsor of Knip' },
+  };
+
   return pages;
 };
 
-const S = ({ title }: { title: string; description: string[] }) => {
+const renderSVG = ({ title }: { title: string; description: string[] }) => {
   const titleText = breakText(title, 2, 45)
     .map((text, i, texts) => {
       const m = (texts.length === 1 ? 0 : -75) / 2;
@@ -64,7 +69,7 @@ export const GET = async ({ params }: { params: { route: string } }) => {
   if (!pageEntry) return new Response('Page not found', { status: 404 });
 
   const svgBuffer = Buffer.from(
-    S({
+    renderSVG({
       // @ts-expect-error TODO type properly
       title: pageEntry.frontmatter.hero?.tagline ?? pageEntry.frontmatter.title,
       // @ts-expect-error TODO type properly