fix(og): clamp title length, drop unused color export, include fonts in function bundle

Author: AlemTuzlak

netlify.toml

@@ -7,6 +7,11 @@ publish = "dist/client"
 
 [functions]
 directory = "netlify/functions"
+included_files = [
+  "public/fonts/Inter-Regular.ttf",
+  "public/fonts/Inter-ExtraBold.ttf",
+  "public/images/logos/splash-dark.png",
+]
 
 [[headers]]
 for = "/*"

src/server/og/colors.ts

@@ -1,11 +1,5 @@
 import type { LibraryId } from '~/libraries'
 
-export const OG_BASE_COLORS = {
-  backgroundStops: ['#0c1410', '#070a0a', '#0c070f'] as const,
-  greenAnchor: 'rgba(0, 188, 125, 0.28)',
-  white: '#ffffff',
-} as const
-
 // Each entry matches the textStyle in `src/libraries/libraries.ts`.
 // Values are Tailwind v4 default palette (500 shades) with an override
 // for black/gray-100 libraries so they stay legible on the dark canvas.

src/server/og/generate.server.ts

@@ -6,6 +6,7 @@ import { loadOgAssets } from './assets.server'
 import { getAccentColor } from './colors'
 import { buildOgTree } from './template'
 
+const MAX_TITLE_LENGTH = 80
 const MAX_DESCRIPTION_LENGTH = 160
 
 type GenerateInput = {
@@ -30,10 +31,12 @@ export async function generateOgPng(
   const assets = loadOgAssets()
   const accentColor = getAccentColor(library.id)
   const libraryName = library.name
-  const docTitle = input.title?.trim() || undefined
+  const docTitle = input.title?.trim()
+    ? clampText(input.title.trim(), MAX_TITLE_LENGTH)
+    : undefined
   const rawDescription =
     input.description?.trim() || library.tagline || library.description || ''
-  const description = clampDescription(rawDescription)
+  const description = clampText(rawDescription, MAX_DESCRIPTION_LENGTH)
 
   const tree = buildOgTree({
     libraryName,
@@ -58,7 +61,7 @@ export async function generateOgPng(
   return resvg.render().asPng()
 }
 
-function clampDescription(text: string): string {
-  if (text.length <= MAX_DESCRIPTION_LENGTH) return text
-  return text.slice(0, MAX_DESCRIPTION_LENGTH - 1).trimEnd() + '…'
+function clampText(text: string, max: number): string {
+  if (text.length <= max) return text
+  return text.slice(0, max - 1).trimEnd() + '…'
 }