From 617f218719247fd56e9fc0ae101f8cd438c71787 Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Sat, 29 Aug 2020 11:34:01 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=BE=20Save=20All=20frames=20utils?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.ts            |  3 +++
 src/utils/saveFrames.ts | 16 ++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 src/utils/saveFrames.ts

diff --git a/src/index.ts b/src/index.ts
index 3745bd2..14e8d77 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -11,6 +11,7 @@ import {
   animatedClip,
 } from "./config";
 import { matchImages } from "./utils/matchImages";
+import { saveFrames } from "./utils/saveFrames";
 
 const main = async () => {
   const browser = await puppeteer.launch({
@@ -104,6 +105,8 @@ const main = async () => {
         index++;
       }
 
+      saveFrames({ fileName: svg, frames });
+
       await page.close();
     }
 
diff --git a/src/utils/saveFrames.ts b/src/utils/saveFrames.ts
new file mode 100644
index 0000000..e0ff8e0
--- /dev/null
+++ b/src/utils/saveFrames.ts
@@ -0,0 +1,16 @@
+import fs from "fs";
+import { getOutPath } from "./getOutPath";
+
+interface SaveFramesArguments {
+  fileName: string;
+  frames: Buffer[];
+}
+export const saveFrames = ({ fileName, frames }: SaveFramesArguments) => {
+  let index = 1;
+  const totalFrames = Buffer.length;
+  for (let [frameBuffer] of Object.entries(frames)) {
+    const out = getOutPath(index, totalFrames, fileName);
+    fs.writeFileSync(out, frameBuffer);
+    index++;
+  }
+};