feat: moving api/

2026-05-30 23:16:49 +00:00 · 2021-01-17 19:45:09 -05:00
parent b26dbba816
commit 23b712d4b9
4 changed files with 19 additions and 11 deletions
--- a/api/render-social-image/[pageId].ts
+++ b/api/render-social-image/[pageId].ts
@@ -0,0 +1,122 @@
+import { NextApiRequest, NextApiResponse } from 'next'
+import chromium from 'chrome-aws-lambda'
+import renderSocialImage from 'puppeteer-social-image-transitive-bs'
+import { getBlockIcon, getBlockTitle } from 'notion-utils'
+
+import { mapNotionImageUrl } from '../../lib/map-image-url'
+import { getPage } from '../../lib/notion'
+import * as types from '../../lib/types'
+import {
+  siteDescription,
+  defaultPageCover,
+  defaultPageIcon,
+  siteDomain,
+  siteName
+} from '../../lib/config'
+import { getPageDescription } from '../../lib/get-page-description'
+
+export interface SocialImageConfig {
+  title: string
+  subtitle?: string
+  eyebrow?: string
+  logo?: string
+  imageUrl?: string
+  unsplashId?: string
+  unsplashKeywords?: string
+  backgroundImageAnchor?: string
+  backgroundImageOverlay?: boolean
+  background?: string
+  color?: string
+  googleFont?: string
+  fontFamily?: string
+  watermark?: string
+  size?:
+    | 'facebook'
+    | 'twitter'
+    | 'ig-landscape'
+    | 'ig-portrait'
+    | 'ig-square'
+    | 'ig-story'
+}
+
+export default async (req: NextApiRequest, res: NextApiResponse) => {
+  if (req.method !== 'GET') {
+    return res.status(405).send({ error: 'method not allowed' })
+  }
+
+  const pageId = req.query.pageId as string
+
+  if (!pageId) {
+    return res.status(400).send({ error: 'missing required parameter pageId' })
+  }
+
+  let recordMap: types.ExtendedRecordMap
+  let block: types.PageBlock
+
+  try {
+    recordMap = await getPage(pageId)
+
+    const pageBlockId = Object.keys(recordMap.block)[0]
+    block = recordMap.block[pageBlockId]?.value as types.PageBlock
+
+    if (!block) {
+      return res.status(404).send({
+        error: `unable to resolve root block for notion page "${pageId}"`
+      })
+    }
+  } catch (err) {
+    return res
+      .status(404)
+      .send({ error: `unable to load notion page "${pageId}"` })
+  }
+
+  // TODO: centralize these default config values
+  const image = await createSocialImage({
+    imageUrl: mapNotionImageUrl(
+      block.format?.page_cover ?? defaultPageCover,
+      block
+    ),
+    title: getBlockTitle(block, recordMap) ?? siteName,
+    logo: mapNotionImageUrl(
+      getBlockIcon(block, recordMap) ?? defaultPageIcon,
+      block
+    ),
+    subtitle: getPageDescription(block, recordMap) ?? siteDescription,
+    watermark: siteDomain
+  })
+
+  res.setHeader(
+    'Cache-Control',
+    'public, immutable, s-maxage=31536000, max-age=31536000, stale-while-revalidate=60'
+  )
+  res.setHeader('Content-Type', 'image/jpeg')
+  res.status(200).send(image)
+}
+
+async function createSocialImage(params: SocialImageConfig) {
+  let browser
+
+  try {
+    browser = await chromium.puppeteer.launch({
+      args: chromium.args,
+      defaultViewport: chromium.defaultViewport,
+      executablePath: await chromium.executablePath,
+      headless: true, // chromium.headless,
+      ignoreHTTPSErrors: true
+    })
+
+    const res = await renderSocialImage({
+      template: 'article',
+      templateParams: params,
+      templateStyles: `h1 { font-size: 96px; text-align: center; } h2 { font-size: 32px; text-align: center; }`,
+      size: params.size,
+      browser
+    })
+
+    return res
+  } finally {
+    if (browser) {
+      await browser.close()
+    }
+  }
+}