Headless Chrome を使用して SVG を PNG に変換する

curl -LO https://github.com/Sparticuz/chromium/releases/download/v153.0.0/chromium-v153.0.0-layer.x64.zip

{
  "type": "module",
  "dependencies": {
    "@aws-sdk/client-s3": "^3.1152.0",
    "puppeteer-core": "25.11.0"
  },
  "devDependencies": {
    "@sparticuz/chromium": "153.0.0"
  }
}

import chromium from "@sparticuz/chromium"
import puppeteer from "puppeteer-core"
import { S3Client, GetObjectCommand, PutObjectCommand } from "@aws-sdk/client-s3"
 
const s3 = new S3Client({})
 
export const handler = async (event) => {
  const bucket = event.Records[0].s3.bucket.name
  const key = decodeURIComponent(
    event.Records[0].s3.object.key.replace(/\+/g, " ")
  )
 
  // Download SVG file from S3
  const svgData = await s3.send(new GetObjectCommand({ Bucket: bucket, Key: key }))
  const svg = await svgData.Body.transformToString("utf-8")
 
  let browser = null
 
  try {
    browser = await puppeteer.launch({
      args: await puppeteer.defaultArgs({
        args: chromium.args,
        headless: "shell",
      }),
      executablePath: await chromium.executablePath(),
      headless: "shell",
    })
 
    const page = await browser.newPage()
    await page.setContent(svg)
    await page.waitForSelector("svg")
    const screenshot = await page.screenshot({ type: "png" })
 
    const outputKey = key.replace(".svg", ".png")
    await s3.send(
      new PutObjectCommand({
        Bucket: bucket,
        Key: outputKey,
        Body: screenshot,
        ContentType: "image/png",
      })
    )
 
    return {
      statusCode: 200,
      body: `Successfully converted ${key} to PNG and uploaded to ${bucket}/${outputKey}`,
    }
  } catch (error) {
    console.error("Error:", error)
    return {
      statusCode: 500,
      body: `Failed to convert ${key} to PNG: ${error.message}`,
    }
  } finally {
    if (browser !== null) {
      await browser.close()
    }
  }
}

npm install --omit=dev && \
zip -r svg-to-png.zip index.mjs node_modules package.json