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

git clone --depth=1 https://github.com/Sparticuz/chromium.git && \
cd chromium && \
make chromium.zip && \
mv chromium.zip ..

{
  "type": "module",
  "dependencies": {
    "aws-sdk": "^2.1036.0",
    "puppeteer-core": "^10.1.0"
  }
}

import chromium from "@sparticuz/chromium"
import puppeteer from "puppeteer-core"
import AWS from "aws-sdk"
 
const s3 = new AWS.S3()
 
export const handler = async (event) => {
  const bucket = event.Records[0].s3.bucket.name
  const key = event.Records[0].s3.object.key
 
  // S3 から SVG ファイルをダウンロード
  const svgData = await s3.getObject({ Bucket: bucket, Key: key }).promise()
 
  let browser = null
 
  try {
    browser = await puppeteer.launch({
      args: chromium.args,
      defaultViewport: chromium.defaultViewport,
      executablePath: await chromium.executablePath(),
      headless: chromium.headless,
    })
 
    const page = await browser.newPage()
    await page.setContent(svgData.Body.toString("utf-8"))
    await page.waitForSelector("svg")
    const screenshot = await page.screenshot({ type: "png" })
 
    const outputKey = key.replace(".svg", ".png")
    await s3
      .putObject({
        Bucket: bucket,
        Key: outputKey,
        Body: screenshot,
        ContentType: "image/png",
      })
      .promise()
 
    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 && \
zip -r svg-to-png.zip index.mjs node_modules package.json