Improve performance of image processing (#135)

* Improve performance of image processing * refactor * add changelog
penpot · Jun 4, 2024 · 8a86304 · 8a86304
1 parent fd14e54
commit 8a86304
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 3 deletions.
diff --git a/.changeset/khaki-mirrors-smoke.md b/.changeset/khaki-mirrors-smoke.md
@@ -0,0 +1,5 @@
+---
+"penpot-exporter": patch
+---
+
+Improve image processing speed
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
   "license": "MPL2.0",
   "dependencies": {
     "@create-figma-plugin/ui": "^3.2",
+    "base64-js": "^1.5",
     "classnames": "^2.5",
     "preact": "^10.21",
     "react-hook-form": "^7.51",

diff --git a/plugin-src/translators/fills/translateImageFill.ts b/plugin-src/translators/fills/translateImageFill.ts
@@ -1,3 +1,5 @@
+import { fromByteArray } from 'base64-js';
+
 import { imagesLibrary } from '@plugin/ImageLibrary';
 import { detectMimeType } from '@plugin/utils';
 
@@ -36,7 +38,7 @@ const generateAndRegister = async (imageHash: string) => {
 
   const bytes = await image.getBytesAsync();
   const { width, height } = await image.getSizeAsync();
-  const b64 = figma.base64Encode(bytes);
+  const b64 = fromByteArray(bytes);
   const mtype = detectMimeType(b64);
   const dataUri = `data:${mtype};base64,${b64}`;