include eollup plugins

Author: ChristopherBiscardi

functions/gen-opengraph-image/package.json

@@ -8,14 +8,21 @@
     "@emotion/core": "^10.0.28",
     "playwright-aws-lambda": "^0.4.0",
     "playwright-core": "^0.11.1",
+    "react": "^16.13.0",
+    "react-dom": "^16.13.0",
     "react-textfit": "^1.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.8.7",
     "@babel/preset-env": "^7.8.7",
     "@babel/preset-react": "^7.8.3",
+    "@rollup/plugin-commonjs": "^11.0.2",
+    "@rollup/plugin-node-resolve": "^7.1.1",
+    "@rollup/plugin-replace": "^2.3.1",
     "rollup": "^2.1.0",
-    "rollup-plugin-babel": "^4.4.0"
+    "rollup-plugin-babel": "^4.4.0",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-node-globals": "^1.4.0"
   },
   "scripts": {
     "build": "rollup -c rollup.config.js"

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

@@ -1,14 +1,39 @@
 import babel from "rollup-plugin-babel";
+import resolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import builtins from "rollup-plugin-node-builtins";
+import globals from "rollup-plugin-node-globals";
+import replace from "@rollup/plugin-replace";
+import React from "react";
+import ReactDOM from "react-dom";
 
 const config = {
   input: "src/image.js",
   output: [
     {
       file: `image.js`,
-      format: "cjs"
+      format: "iife"
     }
   ],
-  plugins: [babel()]
+  plugins: [
+    resolve({
+      preferBuiltins: true
+    }),
+    babel({
+      exclude: "node_modules/**"
+    }),
+    commonjs({
+      namedExports: {
+        "react-dom": Object.keys(ReactDOM),
+        react: Object.keys(React)
+      }
+    }),
+    replace({
+      "process.env.NODE_ENV": JSON.stringify("production")
+    }),
+    globals(),
+    builtins()
+  ]
 };
 
 export default config;