windowize variables

Author: ChristopherBiscardi

functions/gen-opengraph-image/gen-opengraph-image.js

@@ -21,6 +21,13 @@ exports.handler = async function(event, ctx) {
     </body>
   </html>
   `);
+  await page.addScriptTag({
+    content: `
+  window.title = "title from script";
+  window.tags = ["one", "two", "three"];
+  window.author = "@chrisbiscardi";
+  `
+  });
   await page.addScriptTag({ content: script });
   const boundingRect = await page.evaluate(() => {
     const corgi = document.getElementById("corgi");

functions/gen-opengraph-image/src/image.js

@@ -60,7 +60,7 @@ function App() {
               lineHeight: 1
             }}
           >
-            Some stuff
+            {window.title}
           </Textfit>
         </h1>
         <div
@@ -85,11 +85,11 @@ function App() {
               }
             }}
           >
-            <li>react</li>
-            <li>serverless</li>
-            <li>figma</li>
+            {window.tags.map(tag => (
+              <li key={tag}>{tag}</li>
+            ))}
           </ul>
-          <span>@chrisbiscardi</span>
+          <span>{window.author}</span>
         </div>
       </div>
     </div>