install playwright

ChristopherBiscardi · ChristopherBiscardi · commit a0d70348c29a · 2020-03-18T17:20:41.000-07:00
diff --git a/functions/gen-opengraph-image/gen-opengraph-image.js b/functions/gen-opengraph-image/gen-opengraph-image.js
@@ -1,6 +1,35 @@
-exports.handler = async function(event, context) {
+const playwright = require("playwright-aws-lambda");
+
+exports.handler = async function(event, ctx) {
+  const browser = await playwright.launchChromium();
+  const context = await browser._defaultContext;
+  const page = await context.newPage();
+  await page.setContent(`<!DOCTYPE html>
+  <html>
+    <head>
+      <meta charset="utf-8" />
+    </head>
+  
+    <body>
+      <div id="corgi">hello</div>
+    </body>
+  </html>
+  `);
+  const boundingRect = await page.evaluate(() => {
+    const corgi = document.getElementById("corgi");
+    const { x, y, width, height } = corgi.children[0].getBoundingClientRect();
+    return { x, y, width, height };
+  });
+
+  const screenshotBuffer = await page.screenshot({ clip: boundingRect });
+  await browser.close();
   return {
+    isBase64Encoded: true,
     statusCode: 200,
-    body: "gen function works"
+    headers: {
+      "Content-Type": "image/png",
+      "Content-Length": screenshotBuffer.length.toString()
+    },
+    body: screenshotBuffer.toString("base64")
   };
 };
diff --git a/functions/gen-opengraph-image/package.json b/functions/gen-opengraph-image/package.json
@@ -3,5 +3,9 @@
   "version": "1.0.0",
   "main": "index.js",
   "author": "christopherbiscardi <chris@christopherbiscardi.com> (@chrisbiscardi)",
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "playwright-aws-lambda": "^0.4.0",
+    "playwright-core": "^0.11.1"
+  }
 }
diff --git a/functions/gen-opengraph-image/yarn.lock b/functions/gen-opengraph-image/yarn.lock
