WIP

src/gif/GIF.ts

@@ -24,10 +24,16 @@ class GIF {
     this.gif.addFrame(frame, { delay });
   }
 
-  render(): Promise<string> {
+  render(): Promise<File> {
     return new Promise((resolve) => {
       this.gif.on("finished", function (blob) {
-        resolve(URL.createObjectURL(blob));
+        const file = new File([blob], `board.gif`, {
+          type: "image/gif",
+          lastModified: Date.now(),
+        });
+
+        resolve(file);
+        // resolve(URL.createObjectURL(file));
       });
 
       this.gif.render();

src/gif/createSimpleGIF.ts

@@ -8,7 +8,7 @@ const MOVE_TIME = 1000;
 const createSimpleGIF = async (
   pgn: string,
   style: Style,
-  size: number = 1024
+  size: number = 720
 ) => {
   const game = new Game().loadPGN(pgn);
   const board = new Board(8).setStyle(style).setSize(size).showBorder();
@@ -28,9 +28,7 @@ const createSimpleGIF = async (
     gif.add(board.toImgElement(), MOVE_TIME);
   }
 
-  const url = await gif.render();
-
-  window.open(url);
+  return await gif.render();
 };
 
 export default createSimpleGIF;