diff --git a/package.json b/package.json
index af08627..7cb16f6 100644
--- a/package.json
+++ b/package.json
@@ -13,23 +13,23 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "ts-ebml": "^2.0.2",
     "buffer": "^6.0.3",
     "crc-32": "^1.2.0",
     "events": "^3.3.0",
     "file-type": "^17.0.2",
-    "readable-stream": "^3.6.0"
+    "readable-stream": "^3.6.0",
+    "ts-ebml": "^2.0.2"
   },
   "devDependencies": {
-    "esbuild-svelte": "^0.6.0",
     "@tsconfig/svelte": "^3.0.0",
-    "svelte-preprocess": "^4.10.1",
-    "typescript": "^4.5.4",
     "@types/tampermonkey": "^4.0.5",
     "esbuild": "^0.14.7",
     "esbuild-css-modules-plugin": "^2.0.9",
+    "esbuild-svelte": "^0.6.0",
     "svelte": "^3.44.3",
-    "svelte-check": "^2.2.11"
+    "svelte-check": "^2.2.11",
+    "svelte-preprocess": "^4.10.1",
+    "typescript": "^4.5.4"
   },
   "browser": {
     "node:buffer": "buffer",
diff --git a/src/main.ts b/src/main.ts
index 7eea1c8..ea08af6 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -350,12 +350,11 @@ document.documentElement.insertBefore(customStyles, null);
 //             if (container.files?.length && injection.files?.length) {
 //                 const dlr = document.getElementById("dlr") as HTMLAnchorElement;
 //                 const dle = document.getElementById("dle") as HTMLAnchorElement;
-
 //                 const res = await gif.inject!(container.files[0], injection.files[0]);
 //                 console.log('inj done');
 //                 const result = document.getElementById("result") as HTMLImageElement;
 //                 const extracted = document.getElementById("extracted") as HTMLImageElement;
-//                 const res2 = new Blob([res], { type: 'image/gif' });
+//                 const res2 = new Blob([res], {type: (await fileTypeFromBuffer(res))?.mime});
 //                 result.src = URL.createObjectURL(res2);
 //                 dlr.href = result.src;
 //                 console.log('url created');