working on serverless function for thumbnail

.gitignore

@@ -3,4 +3,5 @@
 
 .vercel
 
-node_modules/
+node_modules/
+yarn.lock

api/thumbnail/[name].js

@@ -1,5 +1,6 @@
 import * as gridEngine from "../../engine/engine.js";
 import { palette } from "../../palette.js";
+import fetch from 'node-fetch';
 
 async function drawGame(game) {
 
@@ -30,12 +31,8 @@ async function drawGame(game) {
 
  screen.data.fill(255);
  drawTiles(state, api, screen, bitmaps);
- const canvas = document.createElement("canvas");
- canvas.width = canvas.height = Math.max(screen.width, screen.height);
- canvas.imageSmoothingEnabled = false;
- canvas.getContext("2d").putImageData(screen, 0, 0);
 
- return { name: game, image: canvas.toDataURL(), url };
+ return { name: game, image: screen, url };
 
 
  function blitSprite(screen, sprite, tx, ty) {

package.json

@@ -19,6 +19,7 @@
  "lzutf8": "^0.6.2",
  "marked": "^4.0.17",
  "md5": "^2.3.0",
+ "node-fetch": "^3.2.9",
  "uhtml": "^3.0.1",
  "vanilla-tilt": "^1.7.2"
  },