remove form-data package, use native FormData, output buffer in Renderer.renderFrame

Author: be195

package-lock.json

@@ -24,7 +24,6 @@
     "express": "^4.17.1",
     "express-rate-limit": "^6.6.0",
     "fast-xml-parser": "^4.3.6",
-    "form-data": "^4.0.0",
     "google-closure-compiler": "^20240317.0.0",
     "node-schedule": "^2.0.0",
     "ws": "^7.3.0"

package.json

@@ -1,4 +1,3 @@
-import FormData from 'form-data';
 import { promises } from 'fs';
 
 import Application from '../Application';
@@ -226,19 +225,12 @@ export default class Game extends BaseStructure {
     };
 
     const formData = new FormData();
-    formData.append('payload_json', JSON.stringify(payload), {
-      contentType: 'application/json',
-    });
-    formData.append('files[0]', this.structures.Renderer.renderFrame(), {
-      filename: 'image.png',
-    });
-
-    const headers = formData.getHeaders();
+    formData.append('payload_json', JSON.stringify(payload));
+    formData.append('files[0]', new Blob([ this.structures.Renderer.renderFrame() ]), 'image.png');
 
     return fetch(url, {
       method,
-      headers,
-      body: formData as any,
+      body: formData,
     });
   }
 

src/structures/Game.ts

@@ -42,13 +42,11 @@ export default class Renderer extends BaseStructure {
     });
 
     // const date = dayjs().format(FRAME_DATE_FORMAT);
-    const stream = this.canvas.createPNGStream();
-    stream.on('error', err => console.error(err));
 
     // const out = createWriteStream(`assets/frames/frame_${date}.png`);
     // out.on('error', err => console.error(err));
 
-    return stream;
+    return this.canvas.toBuffer();
   }
 
   // public async createGIF() {

src/structures/Renderer.ts

@@ -61,7 +61,7 @@ export default class Web extends BaseStructure {
 
       (_req, res) => {
         res.setHeader('Content-Type', 'image/png');
-        this.structures.Renderer.renderFrame().pipe(res);
+        res.send(this.structures.Renderer.renderFrame());
       }
     );
   }